/* Titanium glass: dark glassmorphism on #07090e. Dark is the default; the toggle in the nav switches to light. */
:root{
  --bg:#07090e; --surface:rgba(17,23,35,.6); --surface2:rgba(255,255,255,.05); --line:rgba(255,255,255,.08);
  --ink:#F9FAFB; --muted:#9CA3AF;
  --accent:#6366F1; --accent-soft:rgba(99,102,241,.18);           /* electric indigo: AI activity and telemetry */
  --good:#10B981; --good-soft:rgba(16,185,129,.2); --good-glow:0 0 18px rgba(16,185,129,.2);   /* emerald: qualified leads */
  --bad:#F43F5E; --bad-soft:rgba(244,63,94,.25); --bad-glow:0 0 22px rgba(244,63,94,.25);      /* coral red: escalations and alerts */
  --gold:#F59E0B; --gold-soft:rgba(245,158,11,.16); --warn:#F59E0B;
  --blue:#60A5FA; --blue-soft:rgba(96,165,250,.16);
  --radius:12px; --blur:blur(16px);
  --f:'IBM Plex Sans',system-ui,sans-serif;--m:'IBM Plex Mono',ui-monospace,monospace;color-scheme:dark}
[data-theme=light]{
  --bg:hsl(30 25% 97%); --surface:rgba(255,255,255,.9); --surface2:hsl(222 20% 93%); --line:hsl(222 15% 85%);
  --ink:hsl(222 30% 15%); --muted:hsl(222 15% 42%); --accent:hsl(262 68% 52%); --accent-soft:hsl(262 55% 93%);
  --good:hsl(150 55% 32%); --good-soft:hsl(150 45% 90%); --good-glow:none; --bad:hsl(0 58% 48%); --bad-soft:hsl(0 60% 92%); --bad-glow:none;
  --gold:hsl(38 90% 45%); --gold-soft:hsl(40 90% 90%); --warn:hsl(38 90% 36%); --blue:hsl(222 62% 50%); --blue-soft:hsl(222 70% 93%);
  --blur:none; color-scheme:light}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.5 var(--f)}
a{color:var(--accent)}h1,h2,h3{margin:0;letter-spacing:-.01em}
.nav{display:flex;gap:6px;align-items:center;padding:12px clamp(16px,3vw,40px);border-bottom:1px solid var(--line);background:var(--surface);flex-wrap:wrap}
.nav b{font-size:15px;margin-right:auto}.nav a{padding:6px 12px;border-radius:8px;text-decoration:none;color:var(--muted);font-weight:500}.nav a.on{background:var(--accent-soft);color:var(--accent)}
.wrap{max-width:1300px;margin:0 auto;padding:24px clamp(16px,3vw,40px) 60px;display:flex;flex-direction:column;gap:16px}
.eyebrow{font:500 11px var(--m);letter-spacing:.1em;text-transform:uppercase;color:var(--accent)}
.card{background:var(--surface);background-image:linear-gradient(180deg,rgba(255,255,255,.045),transparent 38%);border:1px solid var(--line);border-radius:12px;padding:16px;min-width:0}
.grid{display:grid;gap:12px}.g4{grid-template-columns:repeat(4,minmax(0,1fr))}.g2{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}.g3{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:1000px){.g4{grid-template-columns:repeat(2,minmax(0,1fr))}.g2,.g3{grid-template-columns:minmax(0,1fr)}}
.kpi{display:flex;flex-direction:column;gap:2px}.kpi .l{font:500 10.5px var(--m);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.kpi .v{font-size:clamp(24px,2.6vw,32px);font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.kpi .s{font-size:12px;color:var(--muted)}
.kpi.cost{border-color:var(--gold)}
.pill{display:inline-block;font-size:11.5px;font-weight:600;padding:2px 9px;border-radius:999px;white-space:nowrap}
.p-qualified{background:var(--good-soft);color:var(--good)}.p-declined{background:var(--surface2);color:var(--muted)}.p-not_now{background:var(--gold-soft);color:var(--warn)}
.p-escalate{background:var(--bad-soft);color:var(--bad)}.p-missed{background:var(--blue-soft);color:var(--blue)}.p-review{background:var(--gold-soft);color:var(--warn)}
.tablewrap{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:900px;font-size:12.5px}th,td{padding:9px 10px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}
th{font:500 10.5px var(--m);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}tr.row{cursor:pointer}tr.row:hover{background:var(--surface2)}
.mono{font-family:var(--m)}.muted{color:var(--muted)}.ok{color:var(--good)}.no{color:var(--muted)}
button,.btn{font:600 13px var(--f);border:0;border-radius:8px;padding:8px 14px;cursor:pointer;background:var(--accent);color:#fff}
button.ghost{background:var(--surface2);color:var(--ink)}button.danger{background:var(--bad)}button:disabled{opacity:.5;cursor:not-allowed}
button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
input,select{font:14px var(--f);padding:9px 10px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);min-width:0}
svg text{font:10px var(--m);fill:var(--muted)}
.funnel .r{display:grid;grid-template-columns:120px minmax(0,1fr) 36px;gap:10px;align-items:center;font-size:12.5px;margin:7px 0}
.funnel .b{height:16px;background:var(--surface2);border-radius:4px;overflow:hidden}.funnel .b i{display:block;height:100%;background:var(--accent)}
pre{white-space:pre-wrap;word-break:break-word;background:var(--surface2);border-radius:8px;padding:10px;font:12px/1.5 var(--m);margin:6px 0;max-height:260px;overflow:auto}
.drawer{position:fixed;inset:0 0 0 auto;width:min(560px,100%);background:var(--surface);border-left:1px solid var(--line);padding:20px;overflow:auto;z-index:5;box-shadow:-10px 0 30px rgba(0,0,0,.12)}
.hint{font-size:12px;color:var(--muted)}
/* dashboard v2 */
.chips{display:flex;gap:6px;flex-wrap:wrap}.chipb{font:500 12px var(--f);padding:5px 11px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--muted);cursor:pointer}
.chipb[aria-pressed="true"]{background:var(--accent);color:#fff;border-color:var(--accent)}
.dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:6px;vertical-align:1px}.dot.g{background:var(--good)}.dot.y{background:var(--gold)}.dot.r{background:var(--bad)}
.kpi svg.sp{width:100%;height:26px;margin-top:4px}
.kpi .v small{font-size:.5em;font-weight:600;color:var(--muted);letter-spacing:0}
.feed{display:flex;flex-direction:column}.frow2{display:grid;grid-template-columns:64px minmax(0,1.1fr) auto minmax(0,2fr) auto;gap:10px;align-items:center;padding:9px 6px;border-bottom:1px solid var(--line);cursor:pointer;font-size:12.5px}
.frow2:hover{background:var(--surface2)}.frow2 .t{font:11px var(--m);color:var(--muted)}.frow2 .g{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.tag{font:500 10.5px var(--m);padding:1px 7px;border-radius:5px;background:var(--surface2);color:var(--muted);white-space:nowrap}.tag.ok{background:var(--good-soft);color:var(--good)}.tag.warn{background:var(--gold-soft);color:var(--warn)}.tag.bad{background:var(--bad-soft);color:var(--bad)}
.red{border-color:var(--bad)!important;background:var(--bad-soft)}.red h3{color:var(--bad)}
.esc{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px;margin-top:10px}.esc>div{background:var(--surface);border:1px solid var(--bad);border-radius:10px;padding:12px;display:flex;flex-direction:column;gap:6px;min-width:0}
.kan{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}@media(max-width:1000px){.kan{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.kan{grid-template-columns:minmax(0,1fr)}}
.col{background:var(--surface2);border-radius:10px;padding:10px;display:flex;flex-direction:column;gap:8px;min-height:140px;min-width:0}.col.over{outline:2px dashed var(--accent)}
.col h4{margin:0;font:600 12px var(--f);display:flex;justify-content:space-between;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}
.lead{background:var(--surface);border:1px solid var(--line);border-radius:9px;padding:9px 10px;display:flex;flex-direction:column;gap:4px;cursor:grab;font-size:12.5px;min-width:0}.lead b{font-size:13px}.lead .m{color:var(--muted);font-size:11.5px}
.lead .mv{display:flex;gap:6px;margin-top:2px}.lead .mv button{padding:2px 9px;font-size:11px}
.bars .r{display:grid;grid-template-columns:110px minmax(0,1fr) 28px;gap:8px;align-items:center;font-size:12.5px;margin:6px 0}.bars .b{height:12px;background:var(--surface2);border-radius:4px;overflow:hidden}.bars .b i{display:block;height:100%;background:var(--accent);border-radius:4px}
.ring{width:120px;height:120px;flex:none}.ring text{font:700 22px var(--f);fill:var(--ink)}
.two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}@media(max-width:900px){.two{grid-template-columns:minmax(0,1fr)}}
.big{font-size:28px;font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.kvr{display:flex;justify-content:space-between;gap:10px;padding:5px 0;border-bottom:1px dashed var(--line);font-size:12.5px}.kvr:last-child{border:0}
.asm{display:flex;gap:8px;flex-wrap:wrap;align-items:end;margin-top:8px}.asm label{font:11px var(--m);color:var(--muted);display:flex;flex-direction:column;gap:3px}.asm input{width:84px}
.digest h4{margin:10px 0 2px;font:600 12px var(--m);letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}.digest ul{margin:0;padding-left:18px}.digest .hl{font-size:16px;font-weight:600}
.toast{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);background:var(--ink);color:var(--bg);padding:9px 16px;border-radius:9px;font-size:13px;z-index:9}
.drawer h4{margin:14px 0 4px}.actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:8px 0}
audio{width:100%}

/* ---- Obsidian glass ---- */
body{background:var(--bg);background-image:radial-gradient(900px 500px at 6% -10%,rgba(99,102,241,.15),transparent 60%),radial-gradient(700px 500px at 100% 0%,rgba(244,63,94,.07),transparent 60%),radial-gradient(800px 500px at 100% 100%,rgba(16,185,129,.08),transparent 60%);background-attachment:fixed}
[data-theme=light] body{background-image:none}
.nav{background:rgba(7,9,14,.72);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:4}
[data-theme=light] .nav{background:rgba(255,255,255,.85)}
.card{background:var(--surface);background-image:linear-gradient(180deg,rgba(255,255,255,.045),transparent 38%);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 8px 30px rgba(0,0,0,.25)}
[data-theme=light] .card{box-shadow:0 1px 3px rgba(0,0,0,.06);background-image:none}
.col,.lead,.esc>div,.mini,pre{backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur)}
.col{background:rgba(255,255,255,.04);border:1px solid var(--line);border-radius:var(--radius)}
.lead{background:rgba(22,31,48,.85);border:1px solid var(--line)}
pre{background:rgba(0,0,0,.28);border:1px solid var(--line)}
[data-theme=light] pre{background:var(--surface2)}
input,select{background:rgba(255,255,255,.05);border:1px solid var(--line);color:var(--ink);border-radius:8px}
option{background:#161F30;color:#F9FAFB}[data-theme=light] option{background:#fff;color:#111}
button{background:var(--accent);color:#fff}button.ghost{background:rgba(255,255,255,.07);color:var(--ink);border:1px solid var(--line)}
[data-theme=light] button.ghost{background:var(--surface2)}
button:hover:not(:disabled){filter:brightness(1.1)}
.drawer{background:rgba(14,20,32,.88);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);border-left:1px solid var(--line)}
[data-theme=light] .drawer{background:rgba(255,255,255,.96)}
/* status accents with glow */
.p-qualified{background:var(--good-soft);color:var(--good);box-shadow:var(--good-glow)}
.p-escalate{background:var(--bad-soft);color:var(--bad);box-shadow:var(--bad-glow)}
.tag.ok{box-shadow:none}.tag.bad{box-shadow:var(--bad-glow)}
.dot.g{background:var(--good);box-shadow:0 0 8px var(--good)}.dot.r{background:var(--bad);box-shadow:0 0 8px var(--bad)}.dot.y{background:var(--gold);box-shadow:0 0 8px var(--gold)}
[data-theme=light] .dot{box-shadow:none!important}
.red{background:rgba(244,63,94,.08)!important;border:1px solid rgba(244,63,94,.45)!important;box-shadow:var(--bad-glow)!important}
.esc>div{background:rgba(22,31,48,.8);border:1px solid rgba(244,63,94,.45);box-shadow:var(--bad-glow)}
.col[data-stage=qualified]{box-shadow:inset 0 0 0 1px rgba(16,185,129,.25),var(--good-glow)}
.kpi.good-k{box-shadow:var(--good-glow)}
.fbar i,.bars .b i,.funnel .b i{box-shadow:0 0 10px rgba(99,102,241,.35)}
.digest{border:1px solid rgba(99,102,241,.4)!important;box-shadow:0 0 28px rgba(99,102,241,.14)}
.nav a.on{background:var(--accent-soft);color:#C7D2FE}
[data-theme=light] .nav a.on{color:var(--accent)}
.eyebrow{color:#A5B4FC}[data-theme=light] .eyebrow{color:var(--accent)}
a{color:#A5B4FC}[data-theme=light] a{color:var(--accent)}
.frow2:hover{background:rgba(255,255,255,.05)}
.chipb{background:rgba(255,255,255,.05)}.chipb[aria-pressed="true"]{background:var(--accent);border-color:var(--accent);box-shadow:0 0 14px rgba(99,102,241,.4)}
.tablewrap,.toast{backdrop-filter:var(--blur)}
.toast{background:rgba(249,250,251,.95);color:#07090e}
.themebtn{padding:5px 10px!important}

/* command center */
.wide{max-width:1560px}
.cmd{display:grid;grid-template-columns:minmax(260px,.95fr) minmax(0,2.5fr) minmax(280px,1.05fr);gap:14px;align-items:start}
.cmd .side{display:flex;flex-direction:column;gap:14px;min-width:0}
@media(max-width:1250px){.cmd{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.cmd .mid{grid-column:1/-1;order:3}}
@media(max-width:760px){.cmd{grid-template-columns:minmax(0,1fr)}}
.cmd .kan{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:900px){.cmd .kan{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.cmd .kan{grid-template-columns:minmax(0,1fr)}}
.defl .num{font-size:44px;font-weight:700;letter-spacing:-.03em;color:var(--good);text-shadow:0 0 22px rgba(16,185,129,.35);font-variant-numeric:tabular-nums;line-height:1}
.live{font-size:15px;margin:6px 0 2px;line-height:1.55}.live b{font-weight:700}.live .g{color:var(--good)}.live .r{color:var(--bad)}
.esc-empty{color:var(--good);font-size:13px;padding:6px 0;text-shadow:0 0 14px rgba(16,185,129,.3)}
.lead .tg{padding:2px 9px;font-size:11px}

/* sentiment, waveform, workload, off-hours counter */
.sent{display:inline-block;min-width:26px;text-align:center;font:600 11px var(--m);padding:1px 7px;border-radius:999px;border:1px solid var(--line)}
.sent.pos{color:var(--good);background:var(--good-soft);box-shadow:var(--good-glow)}.sent.mid{color:var(--warn);background:var(--gold-soft)}.sent.neg{color:var(--bad);background:var(--bad-soft);box-shadow:var(--bad-glow)}.sent.none{color:var(--muted)}
.offh{border-color:rgba(16,185,129,.45)!important;box-shadow:var(--good-glow)}
.bigcount{font-size:clamp(34px,5vw,56px);font-weight:700;letter-spacing:-.03em;color:var(--good);text-shadow:0 0 28px rgba(16,185,129,.4);font-variant-numeric:tabular-nums;line-height:1.05}
.livetg{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--muted)}
.wave{position:relative;height:74px;border-radius:10px;background:rgba(0,0,0,.25);border:1px solid var(--line);overflow:hidden;margin:6px 0}
[data-theme=light] .wave{background:var(--surface2)}
.wave svg{position:absolute;inset:0;width:100%;height:100%}
.wline{position:absolute;left:0;right:0;top:50%;height:2px;background:var(--line)}
.mk{position:absolute;top:6px;bottom:6px;width:14px;margin-left:-7px;border:0;border-radius:6px;padding:0;cursor:pointer;background:transparent}
.mk::before{content:"";position:absolute;left:6px;top:0;bottom:0;width:2px;background:currentColor;box-shadow:0 0 10px currentColor}
.mk::after{content:"";position:absolute;left:2px;top:-1px;width:10px;height:10px;border-radius:50%;background:currentColor;box-shadow:0 0 10px currentColor}
.mk-price_question,.mk-objection{color:#F59E0B}.mk-email_confirmed,.mk-referral{color:#818CF8}.mk-booking_made{color:#10B981}.mk-complaint,.mk-escalation{color:#F43F5E}.mk-decline_reason{color:#9CA3AF}
.ph{position:absolute;top:0;bottom:0;width:2px;background:#fff;opacity:.85;left:0;pointer-events:none}
.tlx{display:flex;flex-direction:column;gap:2px;max-height:300px;overflow:auto;font-size:12.5px;border:1px solid var(--line);border-radius:10px;padding:6px;background:rgba(0,0,0,.2)}
.tl{padding:4px 6px;border-radius:6px;cursor:pointer;display:flex;gap:8px;flex-wrap:wrap}.tl:hover{background:rgba(255,255,255,.05)}.tl.hi{background:var(--accent-soft);outline:1px solid var(--accent)}
.tl .tm{font:11px var(--m);color:var(--muted);min-width:36px}.tl .who{font:600 10.5px var(--m);color:var(--muted);min-width:46px}
.evt{font:500 10.5px var(--m);padding:0 7px;border-radius:5px;border:1px solid currentColor}
.evt.price_question,.evt.objection{color:#F59E0B}.evt.email_confirmed,.evt.referral{color:#818CF8}.evt.booking_made{color:#10B981}.evt.complaint,.evt.escalation{color:#F43F5E}.evt.decline_reason{color:#9CA3AF}
.wlrow{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;padding:6px 0;border-bottom:1px dashed var(--line);font-size:12.5px}.wlrow:last-child{border:0}
.wlbar{height:6px;border-radius:4px;background:var(--surface2);margin-top:4px;overflow:hidden}.wlbar i{display:block;height:100%;background:var(--accent)}
.searchbar{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.searchbar input{flex:1;min-width:220px;padding:12px 14px;font-size:15px;border-radius:12px}

/* mood, in-flight calls, win chance */
.mood{display:inline-block;font:600 10.5px var(--m);text-transform:capitalize;padding:1px 8px;border-radius:5px;border:1px solid currentColor}
.m-calm{color:#10B981}.m-curious{color:#818CF8}.m-hesitant{color:#F59E0B}.m-frustrated{color:#F43F5E}
.mmap{display:grid;grid-template-columns:repeat(auto-fill,22px);gap:5px;margin-top:10px}
.mcell{width:22px;height:22px;border-radius:6px;border:0;padding:0;cursor:pointer;background:currentColor;opacity:.85}.mcell:hover{opacity:1;transform:scale(1.12)}
.mcell.m-frustrated{box-shadow:0 0 10px rgba(244,63,94,.6)}
.tag.win{color:var(--accent);border:1px solid var(--accent);background:var(--accent-soft)}
.lv{border:1px solid var(--line);border-radius:10px;padding:9px 10px;margin-top:8px;display:flex;flex-direction:column;gap:6px}
.lv.alert{border-color:var(--bad);box-shadow:var(--bad-glow);background:rgba(244,63,94,.08)}
.lvh{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.lvh .lvt{margin-left:auto;font-size:15px;font-weight:600}
.lvl{font-size:12px;color:var(--muted);display:flex;flex-direction:column;gap:2px}.lvl .who{font:600 10px var(--m)}
.lvm{display:flex;gap:6px;align-items:center;flex-wrap:wrap;font-size:11.5px}
.pulse{width:9px;height:9px;border-radius:50%;background:var(--bad);box-shadow:0 0 0 0 rgba(244,63,94,.6);animation:pulse 1.4s infinite}
@keyframes pulse{70%{box-shadow:0 0 0 9px rgba(244,63,94,0)}100%{box-shadow:0 0 0 0 rgba(244,63,94,0)}}
@media(prefers-reduced-motion:reduce){.pulse{animation:none}}
.mk-scope_discussed,.evt.scope_discussed{color:#60A5FA}

/* ---- layout fixes: feed rows and kanban cards in narrow columns ---- */
.feed .frow2{display:grid;grid-template-columns:64px minmax(0,1fr);column-gap:10px;row-gap:4px;align-items:start;padding:10px 6px}
.feed .frow2>span:nth-child(1){grid-column:1;grid-row:1/4}
.feed .frow2>span:nth-child(2){grid-column:2;grid-row:1;display:flex;flex-wrap:wrap;gap:6px;align-items:center;min-width:0;overflow-wrap:anywhere}
.feed .frow2>span:nth-child(3){grid-column:2;grid-row:2;display:flex;flex-wrap:wrap;gap:6px;align-items:center;min-width:0}
.feed .frow2>span.g{grid-column:2;grid-row:3;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-width:0}
.feed .frow2>span.sp2{grid-column:2;grid-row:4;display:flex;flex-wrap:wrap;gap:6px;align-items:center;min-width:0}
.feed .frow2 .t{white-space:normal}
/* search results reuse the row but with their own three columns */
#q-out .frow2{display:grid;grid-template-columns:64px minmax(0,1fr) auto;align-items:start}
#q-out .frow2>span{grid-column:auto;grid-row:auto}
.lead{overflow:hidden}
.lead .mv{display:flex;flex-wrap:wrap;gap:6px}
.lead .m{display:flex;flex-wrap:wrap;gap:6px;align-items:center;min-width:0;overflow-wrap:anywhere}
.lead .mv button{padding:3px 9px;font-size:11px;white-space:nowrap}
.lead .cd{white-space:nowrap}
.lead .tg,.lead [data-touch]{padding:2px 9px}
.lead .tag{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;box-sizing:border-box}

.feed{max-height:560px;overflow-y:auto}

#lost .r{grid-template-columns:170px minmax(0,1fr) 62px}
#map .leaflet-popup-content button{padding:5px 10px}

body.dm .mgr{display:none!important}
.frow3{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:10px 4px;border-bottom:1px solid var(--line)}.frow3>div:first-child{min-width:0;flex:1 1 260px}
#viewas{max-width:210px}

:root:not([data-theme="light"]) #map .leaflet-tile-pane{filter:invert(1) hue-rotate(180deg) brightness(.92) contrast(.9) saturate(.7)}