/* Mineralis uses Tailwind slate surfaces and blue actions. Keep the same exact palette. */
:root{font-family:ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;background:#f8fafc;color:#1e293b;--teal:#2563eb;--ink:#0f172a;--line:#e2e8f0;--muted:#64748b;--lime:#2563eb}
button{color:#475569;border-color:#cbd5e1}button:hover{background:#f1f5f9;border-color:#94a3b8}.primary{background:#2563eb;border-color:#2563eb;color:white}.primary:hover{background:#1d4ed8}.rail{background:#fff;color:#475569;border-right:1px solid #e2e8f0}.brand{color:#0f172a}.brand span{font-family:Arial,Helvetica,sans-serif}.brand small,.rail-label,.rail-bottom p,.rail-version{color:#64748b}.rail-bottom strong,.rail-link{color:#475569}.rail-version{border-color:#e2e8f0}.nav{color:#475569}.nav.active{background:#eff6ff;color:#1d4ed8;box-shadow:inset 2px 0 #2563eb}.nav:hover{background:#f1f5f9}.service-dot{background:#2563eb}
.avatar,.segmented button.active{background:#eff6ff;color:#1d4ed8}.segmented,.context-strip,dialog{border-color:#e2e8f0}.context-strip{background:#f8fafc}.context-strip>div,td{color:#475569}.context-strip>span,.segmented small,.mode-status,.tiny-label,.subtitle,.chart-hint,.metrics span,.legend,.colorbar,.table-footer,.empty,footer,footer a{color:#64748b}p,label,.crumb,.save-state,.eyebrow,.control-title,.text-button{color:#64748b}h1,h2,.metrics strong{color:#0f172a}.metrics>div,.panel-heading,.plot-tabs,.legend,td,.run-box{border-color:#e2e8f0}input,select{border-color:#cbd5e1;color:#334155}input:disabled,th{background:#f8fafc}th{color:#64748b}.plot-tabs button{color:#64748b}.plot-tabs button.active{color:#1d4ed8;box-shadow:inset 0 -2px #2563eb}.observed{border-color:#2563eb}.icon-button{color:#64748b}dialog{color:#334155}dialog code{background:#eff6ff}#toast{background:#0f172a;color:#f8fafc}#toast.error{background:#991b1b}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-color:#3b82f6}
.station-nav{display:flex;align-items:center;gap:5px}.station-nav select{min-width:0}.station-nav button{padding:8px;margin-top:5px}.data-tools{display:flex;flex-wrap:wrap;align-items:end;gap:8px;padding:8px 12px;border-bottom:1px solid #e2e8f0;background:#f8fafc}.data-tools label{flex:1;min-width:80px}.data-tools select{font-size:10px;padding:5px;min-height:29px}.data-tools input{max-width:100px}.data-tools button{font-size:10px;padding:6px 8px}.plot-canvas{height:100%;position:relative}.plot-canvas #data-overlay{position:absolute;inset:0;pointer-events:none}.plot-canvas #response-chart{touch-action:none;cursor:crosshair}.remote-jobs{padding:20px;border-top:1px solid #e2e8f0}.remote-job{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid #e2e8f0}.remote-job p{margin:4px 0}.remote-job button{margin-left:6px}
.data-tools{align-items:center}.data-tools .icon-toolbar{display:flex;gap:3px;align-items:center;flex-wrap:wrap}.icon-toolbar button{width:31px;height:31px;display:grid;place-items:center;padding:5px}.icon-toolbar svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.icon-toolbar button[aria-pressed=true]{background:#dbeafe;border-color:#93c5fd;color:#1d4ed8}.toolbar-divider{height:20px;border-left:1px solid #cbd5e1;margin:0 3px}.data-tools .accept-toggle{display:flex;align-items:center;gap:6px;position:relative;flex:0 0 auto;font-size:11px;cursor:pointer}.accept-toggle input{position:absolute;opacity:0;width:30px;height:20px;left:38px;margin:0}.toggle-track{width:30px;height:18px;border-radius:12px;background:#64748b;display:inline-block;position:relative}.toggle-track:after{content:'';position:absolute;left:3px;top:3px;width:12px;height:12px;background:white;border-radius:50%;transition:transform .1s}.accept-toggle input:checked+.toggle-track{background:#2563eb}.accept-toggle input:checked+.toggle-track:after{transform:translateX(12px)}.accept-toggle input:focus-visible+.toggle-track{outline:2px solid #2563eb;outline-offset:3px}.data-tools .radius-control{flex:1 0 85px;max-width:130px;font-size:10px}.radius-control output{float:right}.radius-control input{width:100%;margin:0;max-width:none;accent-color:#2563eb}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}#live-status{font-size:11px;min-height:30px;color:#1d4ed8}#earth-chart{touch-action:none}
