/* Dark skin for the dataset catalog pages (collections, collection pages, selection, quotes, checkout, orders,
   area tool, buyer sign-in, admin), 2026-11-09: one look with /datasets and the data rooms (terrain360.com redesign).
   Loaded AFTER catalog.css and area.css by data-catalog/layout.blade.php. Tokens match public/css/redesign.css. */
:root{--bg:#0c0d10;--ink:#eef1ec;--ink-2:#aab4ac;--ink-mute:#8f998f;--ink-mono:#727f76;--line:rgba(255,255,255,.08);--line-2:rgba(255,255,255,.14);
      --inset:#0f1014;--cta:#e0875a;--cta-ink:#1a120c;--accent:#3d8ed6;--accent-lt:#9fc6e8;--ok:#5fae7e;--warn:#e0a05a}
body{background:var(--bg);color:var(--ink-2);font-family:'Archivo',system-ui,sans-serif}
a{color:var(--accent-lt)}
a:hover{color:var(--cta)}
h1,h2,h3,strong,dt{color:var(--ink)}
h1{font-weight:800;letter-spacing:-.035em}
h2,h3{font-weight:700;letter-spacing:-.02em}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-color:var(--cta)}
.muted,.fine,.eyebrow,.facts-grid dt,.metric-grid span,.area-metrics span,.coverage-legend,.footer{color:var(--ink-mute)}
.eyebrow,.pill,.card .facts,.steps,.browse-link small{font-family:'Space Mono',monospace}

/* header + footer */
.nav{border-bottom:1px solid var(--line);background:rgba(12,13,16,.92);position:sticky;top:0;z-index:30;backdrop-filter:blur(8px)}
.brand span{border-left-color:var(--line-2);color:var(--ink)}
.brand img{filter:none}
.nav-links a,.logout{color:var(--ink-2)}
.nav-links a:hover,.logout:hover{color:var(--cta);text-decoration:none}
.footer{border-top-color:var(--line)}
.footer a{color:var(--accent-lt)}
.footer-contact{display:flex;flex-wrap:wrap;gap:6px 16px;align-items:center}
.footer-contact a.book{background:var(--cta);color:var(--cta-ink);padding:7px 12px;border-radius:999px;text-decoration:none;font-weight:700}

/* surfaces */
.feature,.card,.panel,.browse-link,.metric-grid,.area-map-panel,.place-results button,.area-pricing,.checkout-card{background:rgba(255,255,255,.03);border-color:var(--line);color:var(--ink-2)}
.feature,.card,.panel,.area-map-panel,.metric-grid{border-radius:12px}
.metric-grid>div{border-color:var(--line)}
.browse-link{border-radius:999px;color:var(--ink-2)}
.browse-link:hover{background:rgba(255,255,255,.07)}
.browse-link.selected{background:var(--cta);border-color:var(--cta);color:var(--cta-ink)}
.browse-link.selected small,.browse-link.selected span{color:var(--cta-ink)}
.notice{background:rgba(255,255,255,.04);border-left-color:var(--cta);color:var(--ink-2);border-radius:0 10px 10px 0}
.error{background:rgba(232,106,106,.10);border-left-color:#e86a6a}
.pill{background:rgba(224,135,90,.15);color:var(--cta);border-radius:999px}
.card-photo,.collection-map,#area-map,.area-static-map{background:#1a1d22}
.card-photo{border-radius:12px 12px 0 0}
.card .facts,.facts-grid,.rows li,.filters,.collection-coverage,.collection-overview+.detail,.area-toolbar,.area-metrics,.area-sections li,#area-quote-form,.admin-brief,.release-row{border-color:var(--line)}
.facts-grid dd{color:var(--ink)}
.coverage-key{background:var(--cta);border-color:var(--cta)}
.collection-map .mapboxgl-ctrl-attrib a{color:#222}

/* controls */
.button{border-radius:999px;border-color:var(--line-2);color:var(--ink);background:transparent;font-weight:700}
.button:hover{background:transparent;border-color:var(--cta);color:var(--cta)}
.primary,.button.primary{background:var(--cta);border-color:var(--cta);color:var(--cta-ink)}
.primary:hover,.button.primary:hover{background:var(--cta);color:var(--cta-ink);filter:brightness(1.06)}
.danger{color:#f08a8a;border-color:#f08a8a}
.danger:hover{background:rgba(232,106,106,.1);color:#f08a8a}
input,select,textarea{background:var(--inset);border-color:var(--line-2);color:var(--ink);border-radius:8px}
label,legend{color:var(--ink-2)}
.checkbox input{accent-color:var(--cta)}
.map-reset,.text-button{color:var(--accent-lt);border-color:var(--line-2);background:transparent}
th,td{border-bottom-color:var(--line);color:var(--ink-2)}
th{color:var(--ink)}
code{color:var(--ink)}
.skip{background:var(--bg);color:var(--ink)}
.steps strong{color:var(--cta)}
summary{color:var(--ink)}

/* Kicker labels (Ryan: no uppercase mono labels above headings). The remaining ones on utility pages become quiet
   sentence-case meta lines; status chips stay chips but in sentence case. */
.eyebrow{text-transform:none;letter-spacing:0;font-family:'Archivo',system-ui,sans-serif;font-size:.85rem;font-weight:500;color:var(--ink-mute)}
.pill{text-transform:none;letter-spacing:0;font-family:'Archivo',system-ui,sans-serif;font-size:.78rem;font-weight:600;padding:5px 10px}
input[type=checkbox],input[type=radio]{width:18px;height:18px;min-height:18px;padding:0;accent-color:var(--cta);background:transparent}
.nav-links a.is-on{color:var(--ink);font-weight:700;text-decoration:underline;text-decoration-color:var(--cta);text-underline-offset:6px}
/* area tool: let the map panel shrink inside its grid on phones (was 2px wider than a 390px viewport) */
*:has(> .area-map-panel){min-width:0}
.area-map-panel{min-width:0;max-width:100%}
.area-toolbar input{min-width:0;flex:1 1 140px}
@media(max-width:900px){.area-layout{grid-template-columns:minmax(0,1fr)!important}}