/* ===== Pesquisa de Preço — Semalo · Design System v2 "Ink & Ember" (app.css) =====
   Redesign 07/2026 (P1, aprovado pelo Kauê) fundamentado em pesquisa (M3 Expressive, NN/g,
   WCAG 2.2 — contrastes VERIFICADOS por cálculo):
   · papel #F6F3EC + cards brancos; tinta navy #0C1B33 (15,5:1 AAA p/ luz de loja)
   · laranja = COR EXCLUSIVA DE AÇÃO, sempre fill com texto navy (6,9:1). NUNCA texto branco
     sobre laranja (2,5:1 reprova) nem laranja como texto sobre claro — p/ isso usar --orange-text.
   · status daltônico-safe (teal/âmbar/vermelho escuros) — farol SEMPRE com ícone + rótulo
   · tipografia: Inter (corpo/UI, tabular-nums) + Plus Jakarta Sans (display), self-hosted */
@font-face{font-family:'Inter';font-style:normal;font-weight:400 700;font-display:swap;
  src:url('fonts/inter-var.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:400 800;font-display:swap;
  src:url('fonts/jakarta-var.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
:root{
  /* cores (P1 — pares verificados WCAG) */
  --navy:#0F1F3D; --orange:#F6871F; --orange-soft:#FFF0E0; --orange-text:#B54708;
  --bg:#F6F3EC; --card:#FFFFFF; --cream:#F6F3EC;
  --ink:#0C1B33; --muted:#46536E; --line:#E7E1D4;
  --ok:#047857; --okbg:#E3F2EC; --err:#B91C1C; --errbg:#FCE8E6;
  --warn:#B45309; --warnbg:#FBF0DC; --info:#075985; --infobg:#e0f2fe;
  --ghost:#EFEBE2;   /* fundo de botão/elemento neutro sobre papel (tem par no tema dark) */
  /* espaçamento */
  --s1:4px; --s2:8px; --s3:12px; --s4:16px; --s5:20px; --s6:24px;
  /* raios */
  --r-sm:10px; --r-md:16px; --r-lg:22px; --r-pill:999px;
  /* elevação em 2 níveis (borda 1px + sombra rasa; interativo = dupla) */
  --sh1:0 1px 2px rgba(12,27,51,.05);
  --sh2:0 2px 6px rgba(12,27,51,.06),0 8px 20px rgba(12,27,51,.08);
  --sh3:0 10px 30px rgba(12,27,51,.16);
  /* tipografia (corpo 16px; preços/KPIs grandes e tabulares) */
  --f:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
  --fd:'Plus Jakarta Sans',var(--f);
  --t-xs:12px; --t-sm:14px; --t-md:16px; --t-lg:20px; --t-xl:28px; --t-hero:40px;
  --navh:72px; /* bottom nav do fluxo quente (P1): Início·Resumo·CÂMERA·Pontos·Menu (UX-2: maior) */
}
*{box-sizing:border-box}
h1,h2,h3{font-family:var(--fd);letter-spacing:-.01em}
.kpi .v,.opcard .n,.price,td.num,.num{font-variant-numeric:tabular-nums}
.kpi .v,.opcard .n{font-family:var(--fd)}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
body.app{margin:0;background:var(--bg);color:var(--ink);font-family:var(--f);
  min-height:100vh;padding-bottom:calc(var(--navh) + env(safe-area-inset-bottom) + 12px);
  -webkit-tap-highlight-color:transparent}
.app .container{max-width:560px;margin:0 auto;
  padding-left:calc(var(--s4) + env(safe-area-inset-left));
  padding-right:calc(var(--s4) + env(safe-area-inset-right))}
.app .container.wide{max-width:1100px}

/* ===== App bar ===== */
.appbar{position:sticky;top:0;z-index:40;background:var(--navy);color:#fff;
  display:flex;align-items:center;gap:var(--s3);
  padding:calc(env(safe-area-inset-top) + 12px)
    calc(var(--s4) + env(safe-area-inset-right)) 12px
    calc(var(--s4) + env(safe-area-inset-left))}
.appbar .brand{display:flex;align-items:center;gap:9px;font-weight:800;font-size:var(--t-md);min-width:0}
/* logo interna = wordmark Nika creme sobre navy (SVG oficial, nunca redigitar em texto).
   Altura ~26px, respiro à esquerda; sem fundo/box (o pingo laranja é a única brasa da marca). */
.appbar .brand .logo{height:26px;width:auto;flex-shrink:0;display:block}
.appbar .brand .txt{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.appbar .brand .txt small{display:block;font-size:10px;font-weight:600;opacity:.7;letter-spacing:.02em}
.appbar .spacer{flex:1}
.appbar .iconbtn{width:44px;height:44px;border-radius:var(--r-pill);border:none;cursor:pointer;
  background:rgba(255,255,255,.10);color:#fff;display:flex;align-items:center;justify-content:center;position:relative;flex-shrink:0}
.appbar .iconbtn:active{transform:scale(.94)}
.appbar .iconbtn svg{width:20px;height:20px;stroke:#fff;fill:none;stroke-width:2}
.appbar .avatar{width:44px;height:44px;border-radius:var(--r-pill);background:var(--orange);
  color:var(--navy);font-weight:800;font-size:14px;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;border:none}
.appbar .badge{position:absolute;top:-3px;right:-3px;min-width:18px;height:18px;padding:0 5px;
  background:var(--orange);color:var(--navy);border:2px solid var(--navy);border-radius:var(--r-pill);
  font-size:10px;font-weight:800;display:none;align-items:center;justify-content:center;line-height:1}
.appbar .badge.on{display:flex}
/* UX-2 Bloco C: faixa do modo "ver como" (2ª linha da app bar; some ao sair do modo) */
.appbar{flex-wrap:wrap}
.va-strip{flex-basis:100%;display:flex;align-items:center;gap:6px;margin-top:8px;
  background:var(--warnbg);color:var(--warn);border-radius:10px;padding:7px 11px;
  font-size:12px;font-weight:700}
.va-strip b{text-transform:capitalize}
.va-strip button{margin-left:auto;border:none;background:var(--warn);color:#fff;border-radius:var(--r-pill);
  padding:5px 12px;font-weight:800;font-size:11px;cursor:pointer;font-family:var(--f);min-height:28px}

/* ===== Bottom nav (P1): fluxo quente na thumb zone + FAB de câmera central =====
   Blur só no chrome de navegação (nunca sobre dados); fallback sólido via rgba .95. */
.bottomnav{position:fixed;left:0;right:0;bottom:0;z-index:45;background:rgba(255,255,255,.95);
  -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
  border-top:1px solid var(--line);display:flex;justify-content:space-around;align-items:stretch;
  padding:6px calc(4px + env(safe-area-inset-right))
    calc(6px + env(safe-area-inset-bottom))
    calc(4px + env(safe-area-inset-left))}
.bottomnav a,.bottomnav button{flex:1;max-width:100px;min-width:0;text-decoration:none;color:var(--muted);
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:6px 2px;
  min-height:58px;font-size:12px;font-weight:700;border-radius:14px;border:none;background:none;
  font-family:var(--f);cursor:pointer}
.bottomnav .ic{width:26px;height:26px;display:flex;align-items:center;justify-content:center}
.bottomnav .ic svg{width:100%;height:100%;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.bottomnav a span,.bottomnav button span{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bottomnav a.on{color:var(--orange-text)}
.bottomnav a:active,.bottomnav button:active{background:var(--bg)}
.bottomnav .fab{flex:0 0 auto;width:64px;height:64px;max-width:none;margin-top:-26px;border-radius:var(--r-pill);
  background:var(--orange);color:var(--ink);display:flex;align-items:center;justify-content:center;
  border:4px solid var(--bg);box-shadow:0 6px 16px rgba(246,135,31,.45);
  transition:transform .35s cubic-bezier(.34,1.56,.64,1)}
.bottomnav .fab .ic{width:28px;height:28px}
.bottomnav .fab:active{transform:scale(.92);transition-duration:.08s;background:var(--orange)}
.bottomnav .fab.on{outline:3px solid var(--orange-soft)}

/* ===== Cards / paineis ===== */
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r-md);padding:var(--s4);box-shadow:var(--sh1);margin-bottom:var(--s3)}
.card.lg{border-radius:var(--r-lg)}
.card h2,.card .h{font-size:var(--t-md);font-weight:800;margin:0 0 var(--s2)}
.muted{color:var(--muted)}
.section-title{font-size:var(--t-xs);font-weight:800;color:var(--muted);
  text-transform:uppercase;letter-spacing:.05em;margin:var(--s4) var(--s1) var(--s2)}

/* ===== Botões ===== */
.btn{appearance:none;border:none;cursor:pointer;font-family:var(--f);font-weight:800;
  border-radius:var(--r-md);padding:15px 18px;font-size:var(--t-md);min-height:48px;
  display:inline-flex;align-items:center;justify-content:center;gap:9px;
  transition:transform .35s cubic-bezier(.34,1.56,.64,1)}  /* squish com overshoot (feedback físico) */
.btn:active{transform:scale(.96);transition-duration:.08s}
.btn:disabled{opacity:.45;cursor:not-allowed}
/* CTA: laranja SEMPRE com texto navy (6,9:1) — branco sobre laranja reprova WCAG (2,5:1) */
.btn-primary{background:var(--orange);color:var(--ink);box-shadow:0 4px 14px rgba(246,135,31,.32)}
.btn-navy{background:var(--navy);color:#fff}
.btn-ghost{background:var(--bg);color:var(--navy)}
.btn-soft{background:var(--orange-soft);color:var(--orange-text)}
.btn-block{width:100%}
.btn-sm{padding:9px 14px;font-size:var(--t-sm);min-height:40px;border-radius:var(--r-sm)}

/* atalhos circulares (quick actions) */
.quick{display:flex;gap:var(--s4);justify-content:center;margin:var(--s4) 0}
.quick .qa{display:flex;flex-direction:column;align-items:center;gap:6px;background:none;border:none;cursor:pointer;font-family:var(--f)}
.quick .qa .circle{width:64px;height:64px;border-radius:var(--r-pill);display:flex;align-items:center;
  justify-content:center;font-size:26px;box-shadow:var(--sh2)}
.quick .qa .circle.orange{background:var(--orange);color:var(--navy)}
.quick .qa .circle.navy{background:var(--navy);color:#fff}
.quick .qa span{font-size:var(--t-xs);font-weight:700;color:var(--ink)}
.quick .qa:active .circle{transform:scale(.95)}

/* ===== Chips / pills ===== */
.chip{display:inline-flex;align-items:center;gap:5px;background:#fff;border:1px solid var(--line);
  border-radius:var(--r-pill);padding:6px 12px;font-size:var(--t-xs);font-weight:700;color:var(--navy)}
.chip.active{background:var(--navy);color:#fff;border-color:var(--navy)}
.pill{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:800;
  padding:3px 10px;border-radius:var(--r-pill);text-transform:uppercase;letter-spacing:.02em}
.pill-ok{background:var(--okbg);color:var(--ok)}
.pill-warn{background:var(--warnbg);color:var(--warn)}
.pill-err{background:var(--errbg);color:var(--err)}
.pill-mut{background:#EFEBE2;color:var(--muted)}
.pill-on{background:var(--okbg);color:var(--ok)}     /* online */
.pill-off{background:var(--warnbg);color:var(--warn)}  /* offline */

/* ===== KPI ===== */
.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--s3)}
.kpi{background:var(--card);border:1px solid var(--line);border-radius:var(--r-md);padding:var(--s4);box-shadow:var(--sh1)}
.kpi .l{font-size:11px;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.kpi .v{font-size:var(--t-xl);font-weight:800;margin-top:3px;line-height:1.1}
.kpi .s{font-size:var(--t-xs);color:var(--muted);margin-top:2px}

/* ===== Inputs ===== */
.field{margin-bottom:var(--s3)}
.field label,.lbl{display:block;font-size:11px;font-weight:800;color:var(--muted);
  text-transform:uppercase;letter-spacing:.04em;margin:0 0 6px}
.input,.app input[type=text],.app input[type=tel],.app input[type=search],.app textarea,.app select{
  width:100%;padding:14px;border-radius:var(--r-sm);border:1.5px solid var(--line);background:#fff;
  font-size:var(--t-md);font-weight:600;color:var(--ink);font-family:var(--f);min-height:48px}
.app textarea{min-height:110px;resize:vertical;line-height:1.5}
.input:focus,.app input:focus,.app textarea:focus,.app select:focus{outline:none;border-color:var(--orange)}
.input.invalido{border-color:var(--err);background:#fff5f5}

/* ===== Mensagens ===== */
.msg{margin-top:var(--s3);padding:13px 14px;border-radius:var(--r-sm);font-size:var(--t-sm);display:none;font-weight:600}
.msg.show{display:block}
.msg-ok{background:var(--okbg);color:var(--ok)}
.msg-err{background:var(--errbg);color:var(--err)}
.msg-info{background:var(--infobg);color:var(--info)}

/* ===== Skeleton / loading / empty ===== */
@keyframes ppPulse{0%,100%{opacity:.45}50%{opacity:.8}}
.skeleton{background:linear-gradient(90deg,#eef1f6,#f7f9fc,#eef1f6);background-size:200% 100%;
  animation:ppShimmer 1.2s linear infinite;border-radius:var(--r-sm)}
@keyframes ppShimmer{to{background-position:-200% 0}}
.skel-line{height:14px;margin:8px 0;border-radius:7px}
.is-loading{opacity:.5;pointer-events:none;transition:opacity .15s}
@keyframes ppSpin{to{transform:rotate(360deg)}}
.spin{width:18px;height:18px;border:3px solid rgba(255,255,255,.4);border-top-color:#fff;
  border-radius:50%;animation:ppSpin .7s linear infinite;display:inline-block}
.empty-state{text-align:center;color:var(--muted);padding:34px 18px}
.empty-state .ico{font-size:36px;margin-bottom:8px}
.empty-state .t{font-weight:800;color:var(--ink);margin-bottom:4px}
.empty-state .d{font-size:var(--t-sm)}

/* ===== Drawer de comunicados (sino) ===== */
.cm-overlay{position:fixed;inset:0;background:rgba(15,31,61,.45);z-index:60;display:none}
.cm-overlay.on{display:block}
.cm-drawer{position:fixed;top:0;right:0;bottom:0;width:min(420px,92vw);background:var(--bg);z-index:61;
  transform:translateX(100%);transition:transform .25s ease;display:flex;flex-direction:column;box-shadow:var(--sh3)}
.cm-drawer.on{transform:translateX(0)}
.cm-drawer .head{background:var(--navy);color:#fff;padding:calc(env(safe-area-inset-top) + 14px) var(--s4) 14px;
  display:flex;align-items:center;justify-content:space-between}
.cm-drawer .head b{font-size:var(--t-md)}
.cm-drawer .head .x{background:rgba(255,255,255,.12);border:none;color:#fff;width:34px;height:34px;
  border-radius:var(--r-pill);font-size:16px;cursor:pointer}
.cm-list{flex:1;overflow:auto;padding:var(--s3)}
.cm-item{background:#fff;border-radius:var(--r-md);padding:13px 14px;margin-bottom:10px;box-shadow:var(--sh1);
  cursor:pointer;border-left:4px solid transparent;position:relative}
.cm-item.unread{border-left-color:var(--orange);background:#fffdf9}
.cm-item .row1{display:flex;align-items:center;gap:8px;margin-bottom:4px}
.cm-item .tt{font-weight:800;font-size:var(--t-sm);flex:1;color:var(--ink)}
.cm-item .novo{font-size:9.5px;font-weight:800;color:var(--navy);background:var(--orange);border-radius:var(--r-pill);padding:2px 7px;text-transform:uppercase}
.cm-item .tipo{font-size:9.5px;font-weight:800;border-radius:var(--r-pill);padding:2px 8px;text-transform:uppercase}
.cm-item .tipo.campanha{background:var(--orange-soft);color:var(--orange-text)}
.cm-item .tipo.comunicado{background:#eef2f7;color:var(--muted)}
.cm-item .corpo{font-size:var(--t-sm);color:#475569;line-height:1.45;white-space:pre-wrap;display:none}
.cm-item.open .corpo{display:block;margin-top:6px}
.cm-item .meta{font-size:11px;color:var(--muted);margin-top:6px}
.cm-empty{text-align:center;color:var(--muted);padding:40px 16px;font-size:var(--t-sm)}

/* ===== Drawer de conta + menu (hambúrguer/avatar; desliza da DIREITA) ===== */
.nav-overlay{position:fixed;inset:0;background:rgba(15,31,61,.45);z-index:60;display:none}
.nav-overlay.on{display:block}
.nav-drawer{position:fixed;top:0;right:0;bottom:0;width:min(320px,86vw);background:var(--bg);z-index:61;
  transform:translateX(100%);transition:transform .25s ease;display:flex;flex-direction:column;box-shadow:var(--sh3)}
.nav-drawer.on{transform:translateX(0)}
.nav-drawer .head{background:var(--navy);color:#fff;padding:calc(env(safe-area-inset-top) + 16px) var(--s4) 16px;
  display:flex;align-items:center;gap:12px}
.nav-drawer .head .av{width:44px;height:44px;border-radius:var(--r-pill);background:var(--orange);color:var(--navy);
  font-weight:800;font-size:15px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.nav-drawer .head .who{flex:1;min-width:0}
.nav-drawer .head .who b{display:block;font-size:var(--t-md);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nav-drawer .head .who small{font-size:11px;opacity:.75;text-transform:capitalize}
.nav-drawer .head .x{background:rgba(255,255,255,.12);border:none;color:#fff;width:34px;height:34px;
  border-radius:var(--r-pill);font-size:16px;cursor:pointer;flex-shrink:0}
.nav-body{flex:1;overflow:auto;padding:var(--s3)}
.nav-inbox{display:flex;align-items:center;gap:12px;width:100%;background:#fff;border:none;border-radius:var(--r-md);
  padding:14px;font-family:var(--f);font-size:var(--t-md);font-weight:700;color:var(--ink);cursor:pointer;
  box-shadow:var(--sh1);margin-bottom:var(--s3);text-align:left;min-height:52px}
.nav-inbox svg{width:22px;height:22px;stroke:var(--navy);fill:none;stroke-width:2;flex-shrink:0}
.nav-inbox:active{transform:scale(.99)}
.nav-inbox .nd-badge{margin-left:auto;min-width:22px;height:22px;padding:0 6px;background:var(--orange);color:var(--navy);
  border-radius:var(--r-pill);font-size:11px;font-weight:800;display:none;align-items:center;justify-content:center;line-height:1}
.nav-inbox .nd-badge.on{display:flex}
.nav-sect{font-size:var(--t-xs);font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin:var(--s2)}
.nav-menu{display:flex;flex-direction:column}
/* Bloco B.2 — menu M1 "lista limpa": item sem caixa, separador fino, ícone de traço no
   quadrado laranja-suave (mesmo desenho dos cards da Início). Tokens fazem o dark herdar de graça. */
.nav-sec-h{padding:14px 4px 4px;margin-top:6px;font-size:10.5px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--muted)}
.nav-menu .nav-sec-h:first-child{margin-top:0}
.nav-item{display:flex;align-items:center;gap:11px;padding:10px 4px;text-decoration:none;color:var(--ink);
  font-weight:700;font-size:var(--t-md);border-bottom:1px solid var(--line)}
.nav-item .ic{width:38px;height:38px;display:flex;align-items:center;justify-content:center;
  background:var(--orange-soft);border-radius:12px;flex-shrink:0}
.nav-item .ic svg{width:21px;height:21px;stroke:var(--orange-text);fill:none;stroke-width:1.9;
  stroke-linecap:round;stroke-linejoin:round}
.nav-item .lb{flex:1;min-width:0}
.nav-item.on{background:var(--orange-soft);border-bottom-color:transparent}
.nav-item.on .lb{color:var(--orange-text)}
.nav-item.soon{opacity:.5;font-style:italic;pointer-events:none}
.nav-item:active{background:var(--cream)}
.nav-menu>a:last-child{border-bottom:none}

/* ===== Gate LGPD (1º acesso) ===== */
.lgpd-gate{position:fixed;inset:0;background:rgba(15,31,61,.6);z-index:80;display:flex;
  align-items:center;justify-content:center;padding:var(--s4)}
.lgpd-gate .lgpd-box{background:#fff;border-radius:var(--r-lg);max-width:480px;width:100%;
  max-height:86vh;display:flex;flex-direction:column;padding:var(--s5);box-shadow:var(--sh3)}
.lgpd-gate b{font-size:var(--t-md);color:var(--ink)}
.lgpd-txt{overflow:auto;margin:var(--s3) 0;font-size:var(--t-sm);line-height:1.5;color:#475569;flex:1 1 auto;min-height:60px}
.lgpd-ck{display:flex;gap:9px;align-items:flex-start;font-size:var(--t-sm);color:var(--ink);font-weight:600;margin-bottom:var(--s3)}
.lgpd-ck input{width:20px;height:20px;flex-shrink:0;margin-top:1px;accent-color:var(--orange)}
.lgpd-acts{display:flex;gap:var(--s2);justify-content:flex-end}

/* ===== Toast ===== */
.toast{position:fixed;left:50%;bottom:calc(var(--navh) + env(safe-area-inset-bottom) + 16px);
  transform:translateX(-50%);background:var(--navy);color:#fff;padding:11px 18px;border-radius:var(--r-pill);
  font-size:var(--t-sm);font-weight:700;z-index:70;opacity:0;transition:opacity .2s;pointer-events:none;box-shadow:var(--sh2)}
.toast.show{opacity:1}

/* esconde a antiga top-nav quando o app.css ativa a appbar+bottomnav */
body.app .tabs,body.app nav.legacy-nav{display:none!important}

/* ===== Tema escuro do GESTOR — paleta B "Navy Deep Pro" (P3), derivada dos mesmos tokens =====
   OPCIONAL e só nas telas de gestão (toggle no admin.html persiste pp_theme). Nunca default do
   promotor em loja (NN/g: light mode vence sob luz forte). Acentos clareados p/ contraste no dark:
   texto #F2F6FC sobre card #142441 = 14,3:1 (AAA); laranja-texto vira #FF9D4D (7,5:1). */
html.theme-dark{color-scheme:dark}
html.theme-dark body{
  --bg:#0B1426; --card:#142441; --cream:#0B1426;
  --ink:#F2F6FC; --muted:#9FB0CC; --line:#1D3156;
  --orange-text:#FF9D4D; --orange-soft:rgba(255,157,77,.14);
  --ok:#2DD4BF; --okbg:rgba(45,212,191,.14);
  --warn:#FBBF24; --warnbg:rgba(251,191,36,.14);
  --err:#F87171; --errbg:rgba(248,113,113,.16);
  --info:#7DD3FC; --infobg:rgba(125,211,252,.14);
  --ghost:#1D3156;
  --sh1:0 1px 2px rgba(0,0,0,.35);
  --sh2:0 2px 6px rgba(0,0,0,.35),0 8px 20px rgba(0,0,0,.4);
  --sh3:0 10px 30px rgba(0,0,0,.55);
}
html.theme-dark .bottomnav{background:rgba(11,20,38,.95);border-top-color:var(--line)}
html.theme-dark .bottomnav .fab{border-color:#0B1426}
html.theme-dark .appbar{background:#0B1426;border-bottom:1px solid var(--line)}
html.theme-dark .nav-drawer .head,html.theme-dark .cm-drawer .head{background:#0B1426;border-bottom:1px solid var(--line)}
html.theme-dark .nav-inbox{background:var(--card);color:var(--ink);box-shadow:none;border:1px solid var(--line)}
html.theme-dark .toast{background:#1D3156}