/* ScoutTract 3D subsurface viewer (framed by the Geology tab and opened full-window). */
:root{--navy:#1F2A44;--navy2:#16203a;--copper:#B87333;--ink:#e9eef7;--muted:#aab6c8}
*{box-sizing:border-box}
html,body{height:100%;margin:0}
body{background:var(--navy2);color:var(--ink);font:13px system-ui,-apple-system,"Segoe UI",sans-serif;display:flex;flex-direction:column;height:100vh;height:100dvh;overflow:hidden}
.st-head{flex:0 0 auto;background:var(--navy);border-bottom:2px solid var(--copper);padding:6px 10px;display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px}
.st-brand{display:flex;align-items:center;gap:7px;white-space:nowrap}.st-brand b{font-size:14px;letter-spacing:.2px}
.st-sub{color:var(--copper);font-weight:600;font-size:12px}
.st-controls{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-left:auto}
.st-controls label{display:flex;align-items:center;gap:4px;color:var(--muted);font-size:12px}
select,button{min-height:34px;padding:5px 9px;background:#f4f6fa;color:var(--navy);border:0;border-radius:7px;font:inherit;font-weight:600}
button{cursor:pointer}button:disabled{opacity:.55;cursor:default}
#draw{background:var(--copper);color:#fff}
.st-statusrow{flex:1 0 100%;display:flex;flex-wrap:wrap;gap:4px 12px;font-size:11.5px;line-height:1.3}
#status{color:#cfe0ef}#wellSelection{color:#f3c487}
#stage{position:relative;flex:1 1 auto;min-height:0}
#plot{position:absolute;inset:0}
#missing{position:absolute;inset:auto 12px 12px 12px;padding:14px;font-size:14px;background:#3a1f1f;border:1px solid #c0645a;border-radius:10px;z-index:4}
.st-legend{position:absolute;left:8px;bottom:8px;z-index:3;max-width:min(300px,calc(100% - 16px));max-height:calc(100% - 16px);overflow:auto;background:rgba(31,42,68,.93);border:1px solid rgba(184,115,51,.75);border-radius:10px;padding:8px 10px;box-shadow:0 6px 18px rgba(0,0,0,.35)}
.st-legend.collapsed{display:none}
.st-legend-head{display:flex;align-items:center;gap:6px;margin-bottom:5px;color:#fff}.st-legend-head b{font-size:12px}
.st-legend-rows label{display:flex;align-items:center;gap:7px;min-height:24px;font-size:11.5px;cursor:pointer;text-transform:none}.st-legend-rows span::first-letter{text-transform:uppercase}
@media (pointer:coarse){.st-legend-rows label{min-height:36px}}
.st-legend-rows input{width:18px;height:18px;accent-color:var(--copper);margin:0}
.st-sw{display:inline-block;width:18px;height:10px;border-radius:3px;flex:0 0 auto;border:1px solid rgba(255,255,255,.35)}
.st-sw.line{height:4px;border:0}.st-sw.dot{width:9px;height:9px;border-radius:50%}
.st-drift{margin-top:6px;font-size:11px;color:var(--muted)}
.st-ramp{display:block;height:9px;border-radius:4px;margin:3px 0;background:linear-gradient(90deg,#f6ead0,#d9a066,#B87333,#5a3416)}
.st-ramp-lab{display:flex;justify-content:space-between}.st-ramp-lab em{font-style:normal}
.st-legend p{margin:6px 0 0;color:var(--muted);font-size:10.5px;line-height:1.4}
.st-watermark{position:absolute;right:10px;bottom:8px;z-index:2;display:flex;align-items:center;gap:5px;font-size:11px;font-weight:700;color:rgba(255,255,255,.75);pointer-events:none}
.hidden{display:none!important}
@media (max-width:560px){
  .st-sub{display:none}.st-controls{margin-left:0;width:100%}
  .st-controls label{font-size:11px}select{max-width:42vw}
  .st-legend{max-height:55%}
}