/* ============================================================================ Book de Vendas BR Spices — TEMA "DARK" (moderno, para MacBook e celular) Ativado por . Substitui o antigo tema Clássico (teal) no toggle 🎨 do rodapé (Navy ⇄ Dark). Autor: 15/07/2026. Filosofia: grafite quase-preto em CAMADAS (bg < casca < card), acento azul elétrico, tipografia Montserrat, bordas hairline, sombras profundas com leve brilho. Otimizado p/ telas OLED (pretos reais). Estratégia: ~85% do app segue as variáveis abaixo; o restante são ajustes pontuais (inversão de textos escuros, pastéis de status → translúcidos, etc.). ============================================================================ */ /* ---------- 1. PALETA (regem a maior parte do visual) ---------- */ html[data-theme="dark"]{ /* casca (sidebar/rodapé/topo) — grafite quase preto */ --ink:#0C111A; --ink2:#18202D; --ink-b:#2A3546; --ink-t:#DCE5F2; --ink-m:#82909F; /* conteúdo escuro em CAMADAS (elevação) */ --bg:#090C12; --card:#141A24; --line:#242E3C; --line2:#1B2230; --bd:#2B3646; --txt:#E8EEF7; --mut:#9DAABE; --soft:#6C7A8E; /* marca — azul elétrico vibrante sobre o escuro */ --teal:#3E9BE6; --teal-d:#66B6F5; --aqua:#4FB0EE; --aqua-l:#173250; --creme:#93C8FF; --acafrao:#E8BB55; --paprica:#E67E58; /* status — saturados p/ fundo escuro (bg translúcido escuro, texto claro) */ --ok:#34CE7E; --ok-bg:#123122; --warn:#E7B84E; --warn-bg:#332A12; --val:#F0894A; --val-bg:#331F10; --bad:#F4594E; --bad-bg:#33191A; --shadow:0 1px 2px rgba(0,0,0,.5),0 16px 38px -18px rgba(0,0,0,.75); --panel:#101620; /* .bp-panels th / .bp-mix-b tinham fallback claro */ --rprojbar:#1E3A66; /* a barra da projeção precisa destacar do card grafite */ color-scheme:dark; } /* ---------- 2. TIPOGRAFIA — Montserrat (moderna, geométrica) ---------- */ html[data-theme="dark"] body{ font-family:"Montserrat","Segoe UI",system-ui,-apple-system,sans-serif; font-size:13px; } html[data-theme="dark"] h2.pg{font-weight:800;letter-spacing:-.015em} html[data-theme="dark"] .card h3{font-weight:800;letter-spacing:.09em;color:#C6D2E6} html[data-theme="dark"] .kpi .t{font-weight:700;letter-spacing:.09em} html[data-theme="dark"] .kpi .v{font-weight:800;font-feature-settings:"tnum" 1,"lnum" 1} html[data-theme="dark"] .fat-tab td,html[data-theme="dark"] .fat-tab th{font-feature-settings:"tnum" 1,"lnum" 1} html[data-theme="dark"] .nav-i{font-weight:600} html[data-theme="dark"] .nsec,html[data-theme="dark"] .navgrp-h{font-weight:700;letter-spacing:.2em} /* ---------- 3. CASCA — topo, sidebar e rodapé ---------- */ html[data-theme="dark"] header.top{background:linear-gradient(90deg,#0A0E16 0%,#1C4C86 55%,#3E9BE6 100%)} html[data-theme="dark"] aside{background:linear-gradient(180deg,#0C111A 0%,#0A0E16 100%);border-right:1px solid #1B2432} html[data-theme="dark"] .foot{background:linear-gradient(90deg,#0B0F17,#0D131E);border-top:1px solid #1E293A} html[data-theme="dark"] .sbrand img{filter:drop-shadow(0 4px 14px rgba(0,0,0,.5))} html[data-theme="dark"] .nav-i:hover{background:#141C29;color:#fff} html[data-theme="dark"] .nav-i.act{background:linear-gradient(90deg,rgba(62,155,230,.30),rgba(62,155,230,.08));color:#fff} html[data-theme="dark"] .nav-i.act::before{background:#66B6F5;box-shadow:0 0 10px rgba(102,182,245,.7)} html[data-theme="dark"] .nav-i.act svg{stroke:#8FC7FF} html[data-theme="dark"] .navgrp-h:hover,html[data-theme="dark"] .who a:hover,html[data-theme="dark"] .who b{color:#fff} html[data-theme="dark"] .who .pill{background:rgba(62,155,230,.18);border-color:rgba(102,182,245,.5);color:#CFE3FA} /* ---------- 4. CARDS & KPIs — superfícies escuras elevadas ---------- */ html[data-theme="dark"] .card{border-radius:16px;border-color:#222C3A; box-shadow:0 1px 0 rgba(255,255,255,.02) inset,0 18px 40px -22px rgba(0,0,0,.8)} html[data-theme="dark"] .kpi{border-radius:16px;border-color:#222C3A; background:linear-gradient(180deg,#161D28,#131924)} html[data-theme="dark"] .kpi .ic{background:rgba(62,155,230,.14)} html[data-theme="dark"] .kpi .ic svg{stroke:#5AAEF0} html[data-theme="dark"] .kpi:hover{box-shadow:0 3px 8px rgba(0,0,0,.4),0 20px 40px -16px rgba(0,0,0,.8)} /* ---------- 5. TABELAS — cabeçalho grafite (não faixa azul clara) ---------- */ html[data-theme="dark"] th{background:linear-gradient(180deg,#212B3C,#151D2A);color:#CFD9EA; border-right-color:rgba(255,255,255,.05);border-bottom:2px solid #2E6FB0} html[data-theme="dark"] .fat-tab th.ord:hover{color:#8FC7FF} html[data-theme="dark"] .fat-tab th.ord-on{color:#93C8FF} /* zebra (linha sim/linha não) escura */ html[data-theme="dark"] .fat-tab:not(.so-evtab) tbody :where(tr:nth-child(odd):not(.fat-total):not(.nf-det):not(.cart-det):not(.ent-crit):not(.ent-aten):not(.mat-fam):not(.bsk-cov))>td, html[data-theme="dark"] .dash-tab tbody :where(tr:nth-child(odd):not(.on))>td{background:#161E2A} html[data-theme="dark"] #fat-conteudo .fat-tab tr:nth-child(odd):not(.fat-total) td:nth-child(1), html[data-theme="dark"] #fat-conteudo .fat-tab tr:nth-child(odd):not(.fat-total) td:nth-child(2){background:#161E2A} /* hover padronizado (um tom acima da zebra) */ html[data-theme="dark"] tbody tr:hover td, html[data-theme="dark"] tr.cart-ped:hover td, html[data-theme="dark"] tr.nf-row:hover td, html[data-theme="dark"] .dash-tab tr.dlin:hover td, html[data-theme="dark"] .fat-tab tr.fat-cli:hover td{background:#1E2836} html[data-theme="dark"] #fat-conteudo .fat-tab tr.fat-cli:hover td:nth-child(1), html[data-theme="dark"] #fat-conteudo .fat-tab tr.fat-cli:hover td:nth-child(2){background:#1E2836} /* colunas congeladas do Top 20 (eram #fff) */ html[data-theme="dark"] #fat-conteudo .fat-tab td:nth-child(1), html[data-theme="dark"] #fat-conteudo .fat-tab td:nth-child(2){background:var(--card)} /* linhas-detalhe / UF / seleção */ html[data-theme="dark"] tr.cart-det>td, html[data-theme="dark"] tr.nf-det>td, html[data-theme="dark"] tr.bkdet td{background:#0F1620} html[data-theme="dark"] .fat-tab tr.fat-uf td, html[data-theme="dark"] #fat-conteudo .fat-tab tr.fat-uf td:nth-child(1), html[data-theme="dark"] #fat-conteudo .fat-tab tr.fat-uf td:nth-child(2){background:#111825} html[data-theme="dark"] tr.cart-ped.on td, html[data-theme="dark"] tr.nf-row.on td, html[data-theme="dark"] .fat-tab tr.fat-on td, html[data-theme="dark"] .dash-tab tr.dlin.on td{background:#15263B} html[data-theme="dark"] tr.cart-det th{background:#1B2740} html[data-theme="dark"] .fat-tab tr.fat-total .farolp{background:rgba(255,255,255,.10);color:#fff} html[data-theme="dark"] .bar,html[data-theme="dark"] .bp-panels .minibar,html[data-theme="dark"] .bp-step .track, html[data-theme="dark"] .mapa-cid-row .bar{background:#222C3A} html[data-theme="dark"] .spark i.z{background:#28323F} html[data-theme="dark"] .rk .n{background:#212B3A;color:#9DAABE} /* ---------- 6. CAMPOS, DROPDOWNS E PAINÉIS ---------- */ html[data-theme="dark"] .f select,html[data-theme="dark"] .perbtn, html[data-theme="dark"] .tctl input,html[data-theme="dark"] .dd-busca, html[data-theme="dark"] .rvm-cq,html[data-theme="dark"] .rvm-cf,html[data-theme="dark"] .nf-cq, html[data-theme="dark"] .ent-cq,html[data-theme="dark"] .anot-form textarea{ background:#0E141E;color:var(--txt);border-color:#2A3546} html[data-theme="dark"] select option{background:#141A24;color:var(--txt)} html[data-theme="dark"] .perpanel,html[data-theme="dark"] .foot-menu, html[data-theme="dark"] .card-dlmenu,html[data-theme="dark"] #rvm-cfpop{ background:#161D29;border-color:#2A3546;box-shadow:0 18px 44px -14px rgba(0,0,0,.85)} html[data-theme="dark"] .dd-item:hover,html[data-theme="dark"] .foot-menu button:hover, html[data-theme="dark"] label.permes:hover,html[data-theme="dark"] .card-dlmenu button:hover{background:#1E2A3B;color:#fff} html[data-theme="dark"] .dd-item.on{background:#17324E;color:#8FC7FF} html[data-theme="dark"] .perquick button,html[data-theme="dark"] .permes-limpar, html[data-theme="dark"] .fchip,html[data-theme="dark"] .more{background:#131A24;border-color:#2A3546} html[data-theme="dark"] .perquick button:hover,html[data-theme="dark"] .more:hover{border-color:#3E9BE6;color:#8FC7FF} html[data-theme="dark"] label.permes input,html[data-theme="dark"] .mat-chk, html[data-theme="dark"] #v-mat .mat-chk{accent-color:#3E9BE6} html[data-theme="dark"] .reset{border-color:#2A3546;color:var(--mut)} html[data-theme="dark"] .dd-btn::after,html[data-theme="dark"] .perbtn::after{color:var(--soft)} /* ---------- 7. BOTÕES/PILLS DE ACENTO SÓLIDO (texto legível) ---------- com --teal-d claro, "branco sobre azul-claro" teria baixo contraste; estes usam um azul rico sólido + texto branco. */ html[data-theme="dark"] :is(.mbt-b,.estr button.on,.jbp-meta.on,.rvm-cf.on, .pq-quinz button.on,.evo-modo button.on,.anot-cli-tag,.fchip.on,.rvm-pill.a-CADASTRAR){ background:linear-gradient(180deg,#3B84E0,#2264C9);color:#fff;border-color:#2264C9} html[data-theme="dark"] .estr button.on{box-shadow:0 0 0 1px #2264C9 inset} html[data-theme="dark"] .vol-tab th.volfix,html[data-theme="dark"] .vol-tab tr.vol-sumh.qtde th{ background:linear-gradient(180deg,#26344A,#182333)} html[data-theme="dark"] .rvm-pill.a-MANTER{background:#17324E;color:#8FC7FF} html[data-theme="dark"] .rvm-pill.a-REATIVAR{background:#E7B84E;color:#231A05} html[data-theme="dark"] .rvm-pill.a-SUBSTITUIR{background:#4A3D14;color:#F2D57A} html[data-theme="dark"] .exp{border-color:rgba(102,182,245,.4)} html[data-theme="dark"] .exp:hover{background:#2264C9;border-color:#2264C9;color:#fff} html[data-theme="dark"] .jbp-meta,html[data-theme="dark"] .pq-quinz button, html[data-theme="dark"] .mbt{background:#131A24;color:var(--mut);border-color:#2A3546} html[data-theme="dark"] .mbt:hover{border-color:#3E9BE6;color:#8FC7FF} /* ---------- 8. STATUS / PASTÉIS → translúcidos escuros + texto vivo ---------- */ /* SIM/NÃO e matriz (Volume-Mix / Basket) */ html[data-theme="dark"] .vsn.s,html[data-theme="dark"] .vcg{background:rgba(52,206,126,.16);color:#5EE49A} html[data-theme="dark"] .vsn.n,html[data-theme="dark"] .vzn, html[data-theme="dark"] table.bsk-mtx td.bsk-n{background:rgba(244,89,78,.16);color:#FF9C93} html[data-theme="dark"] table.bsk-mtx td.bsk-s{background:rgba(52,206,126,.42)} html[data-theme="dark"] .vol-tab td.vz{color:#3B475A} html[data-theme="dark"] table.bsk-mtx tr.bsk-cov td, html[data-theme="dark"] .vol-tab tr.vol-cat td{background:#182231;color:var(--mut)} html[data-theme="dark"] .vol-tab tr.vol-cat td.volfix{background:#1B2536} html[data-theme="dark"] .vol-tab tr.vol-cat:hover td{background:#202C3D} html[data-theme="dark"] .vol-tab .volfix{background:var(--card)} html[data-theme="dark"] .vol-tab tr.vol-sumh th{background:#1A2942;color:#CFE0F5;border-right-color:rgba(255,255,255,.08)} html[data-theme="dark"] .vol-tab th.vufh{background:rgba(46,111,176,.5)} /* pills Positivados / relação basket */ html[data-theme="dark"] .pqpill.pq-g,html[data-theme="dark"] .relchip.rel-a{background:rgba(52,206,126,.16);color:#5EE49A} html[data-theme="dark"] .pqpill.pq-y,html[data-theme="dark"] .relchip.rel-m{background:rgba(231,184,78,.16);color:#F2CD6B} html[data-theme="dark"] .pqpill.pq-o{background:rgba(232,134,46,.16);color:#F4A463} html[data-theme="dark"] .pqpill.pq-r{background:rgba(244,89,78,.16);color:#FF9C93} html[data-theme="dark"] .relchip.rel-b{background:#1C2534;color:#9DAABE} html[data-theme="dark"] .pqcard{background:#161E2A;border-color:#2A3546} /* realce de linha do Positivados: amarelo/vermelho translúcidos (o claro cegava no escuro) */ html[data-theme="dark"] .pq-tab tr.pq-rowo td{background:rgba(231,184,78,.14)!important;color:#F4CF7A} html[data-theme="dark"] .pq-tab tr.pq-rowr td{background:rgba(244,89,78,.16)!important;color:#FF9C93} /* Notas Fiscais / Entregas / Anotações / Material */ html[data-theme="dark"] .nfcard{background:#161E2A;border-color:#2A3546} html[data-theme="dark"] #v-entregas .ent-scard{background:#141B26;border-color:#2A3546} html[data-theme="dark"] #v-entregas .ent-scard.on{background:#15263B;border-color:#3E9BE6} html[data-theme="dark"] #v-entregas .ent-tab tr.ent-crit>td{background:rgba(244,89,78,.12)} html[data-theme="dark"] #v-entregas .ent-tab tr.ent-aten>td{background:rgba(231,184,78,.12)} html[data-theme="dark"] #v-entregas .ent-tab thead tr.ent-qrow th, html[data-theme="dark"] #nf-lista tr.nf-qrow th, html[data-theme="dark"] tr.rvm-qrow th{background:#131B27} html[data-theme="dark"] .anot-grp{background:#182231} html[data-theme="dark"] .anot-card{background:#141B26;border-color:#2A3546} html[data-theme="dark"] .anot-badge{background:rgba(231,184,78,.15);color:#F2CD6B} html[data-theme="dark"] .anot-badge.ok{background:rgba(52,206,126,.15);color:#5EE49A} html[data-theme="dark"] .mat-bulkbar{background:#15233A;border-color:#2E6FB0} html[data-theme="dark"] .fat-tab tr.mat-fam td{background:#182231} html[data-theme="dark"] .note{background:linear-gradient(135deg,#241D0E,#2A2210);border-color:#4A3D18;color:#E8CF8F} html[data-theme="dark"] .badge-adm{background:var(--warn-bg);color:#E7B84E;border-color:#4A3D18} /* curva de vendas */ html[data-theme="dark"] .c-X{background:#1C2534;color:#9DAABE} html[data-theme="dark"] .c-DELIST,html[data-theme="dark"] .c-FL{background:rgba(244,89,78,.12)} html[data-theme="dark"] .c-LCT{background:#4A4410;color:#FFF08A;border-color:#6B6320} /* Basket · profundidade / chips / mix / painéis */ html[data-theme="dark"] .bkbar:hover{background:#182231} html[data-theme="dark"] .bkbar.on,html[data-theme="dark"] tr.bkrow.on td{background:#15263B;border-color:#2E6FB0} html[data-theme="dark"] tr.bkrow:hover td{background:#1A2432} html[data-theme="dark"] .bkchip{background:#182231;border-color:#2A3546} html[data-theme="dark"] .bkchip.a{background:#4A4410;border-color:#6B6320;color:#FFE08A} html[data-theme="dark"] .bsk-gap{background:var(--card);border-color:#2A3546} html[data-theme="dark"] .bp-card{background:#141B26;border-color:#2A3546} html[data-theme="dark"] .bp-panels .panel,html[data-theme="dark"] .bp-mix{border-color:#2A3546} html[data-theme="dark"] .bp-panels th{background:#101823} html[data-theme="dark"] .bp-mix-b,html[data-theme="dark"] .bp-panels .callout{background:#101823} html[data-theme="dark"] .bp-shot{background:#E8ECF2;border-color:#C9D3E0} /* chip de foto claro p/ legibilidade */ html[data-theme="dark"] .bp-panels .minibar i,html[data-theme="dark"] .bp-panels .ph.reg .dot, html[data-theme="dark"] .bp-panels .ph .big{background:#3E9BE6} html[data-theme="dark"] .bp-mix .vv,html[data-theme="dark"] .bp-kick b{color:#66B6F5} /* ---------- 9. INVERSÃO DE TEXTOS ESCUROS (color:var(--ink)) → claro ---------- */ html[data-theme="dark"] :is(.bsk-head .bsk-title b,.bsk-ginfo b,.anot-grp,.anot-txt,.nfcard b, .mapa-cid-row .nm,.mapa-cid-row b,.bkchip,.bp-nm h4,.bp-row b,.bp-panels .ph,.bp-panels td, .bp-step .lb,.bp-kick,.so-ufname,.pq-tit,.pqcard b){color:var(--txt)} html[data-theme="dark"] .bp-row b.hl{color:#66B6F5} /* ---------- 10. SELL-OUT (blocos, UF, hovers) ---------- */ /* célula do logo do cliente: transparente (blenda com o dark, sem fundo branco e sem flip p/ preto no hover). Os logos são PNG transparentes → ficam direto sobre o escuro, sem chip branco (pedido do Fernando 16/07). */ html[data-theme="dark"] .so-evtab .so-clilogo{background:transparent;border-top-color:#2A3546} html[data-theme="dark"] .so-evtab tr.so-grow:hover td{background:#182231} html[data-theme="dark"] .so-evtab tr.so-ufrow td{background:#111825} html[data-theme="dark"] .so-evtab .so-ufname{background:#152136;color:var(--txt)} html[data-theme="dark"] .so-evtab .so-ufclick:hover, html[data-theme="dark"] #v-sellout td.so-focoable:hover, html[data-theme="dark"] #v-sellout .so-evtab td.so-ufclick:hover{background:#1A2C44;color:#8FC7FF} html[data-theme="dark"] .so-rank{background:#15233A;color:#8FC7FF} html[data-theme="dark"] .so-ufbanner{background:#15233A;border-color:#2E6FB0;color:var(--txt)} html[data-theme="dark"] #v-sellout .so-evtab tr.so-grow.so-ufrow>td{border-top-color:#2E6FB0} html[data-theme="dark"] .evo-modo button{background:#131A24;color:var(--mut)} html[data-theme="dark"] .evo-modo button.on{background:#2264C9;color:#fff} /* ---------- 11. LOGIN / PORTÃO ---------- */ html[data-theme="dark"] #gate{background:radial-gradient(1200px 700px at 50% -10%,#12203A 0%,#090C12 60%)} html[data-theme="dark"] .lbox{background:linear-gradient(160deg,#111827 0%,#0C1119 100%); border:1px solid #22304A;box-shadow:0 34px 80px -24px rgba(0,0,0,.85),0 0 0 1px rgba(62,155,230,.06)} html[data-theme="dark"] .lbox button{background:linear-gradient(135deg,#3B84E0,#1E5FC4); box-shadow:0 12px 28px -10px rgba(20,60,140,.7)} html[data-theme="dark"] .lbox input{background:#0E141E;color:var(--txt);border-color:#2A3546} html[data-theme="dark"] .lbox input:focus{border-color:#3E9BE6} html[data-theme="dark"] svg.brush *{stroke:#7FB2EC} html[data-theme="dark"] #gate-load{color:rgba(220,229,242,.8)} /* ---------- 12. DETALHES — mapa, foto, tooltips, scrollbars ---------- */ html[data-theme="dark"] .mapa-br svg path{stroke:#0A0E16;stroke-width:.9} html[data-theme="dark"] .mapa-br svg path.on{stroke:#66B6F5} html[data-theme="dark"] .mapa-rot{fill:#EAF1FB;stroke:rgba(0,0,0,.7)} html[data-theme="dark"] .mapa-rot.claro{fill:#fff;stroke:rgba(0,0,0,.8)} html[data-theme="dark"] .mapa-cid{border-top-color:#2A3546} html[data-theme="dark"] #foto-zoom{background:#141B26;border-color:#2A3546;box-shadow:0 12px 34px rgba(0,0,0,.7)} html[data-theme="dark"] #foto-zoom .fz-nome,html[data-theme="dark"] #foto-modal .fm-nome{color:var(--txt)} html[data-theme="dark"] #foto-modal{background:rgba(0,0,0,.72)} html[data-theme="dark"] #foto-modal .fm-card{background:#141B26;box-shadow:0 22px 60px rgba(0,0,0,.8)} html[data-theme="dark"] .card-dl{background:#131A24;border-color:#2A3546;color:var(--mut)} html[data-theme="dark"] .card-dl:hover{color:#8FC7FF;border-color:#3E9BE6} html[data-theme="dark"] .card-tip{background:#0A0E16;color:#DCE5F2} html[data-theme="dark"] .cart-badge{color:#fff} html[data-theme="dark"] ::selection{background:rgba(62,155,230,.32)} html[data-theme="dark"] ::-webkit-scrollbar-thumb{background:#2B3748;border-radius:6px} html[data-theme="dark"] ::-webkit-scrollbar-thumb:hover{background:#3A4A60} html[data-theme="dark"] ::-webkit-scrollbar-track{background:#0D131D} html[data-theme="dark"] #hscroll::-webkit-scrollbar-thumb{background:#2B3748} html[data-theme="dark"] #hscroll::-webkit-scrollbar-thumb:hover{background:#3A4A60} html[data-theme="dark"] #hscroll::-webkit-scrollbar-track{background:rgba(255,255,255,.05)} html[data-theme="dark"] #menu-burger{background:#0C111A;border-color:#2A3546} html[data-theme="dark"] .topbar{background:var(--card);border-color:#242E3C} html[data-theme="dark"] .topbar .f label{color:#8FC7FF} /* ---------- 13. Textos/pills que eram cor ESCURA fixa (auditoria adversarial 16/07/2026) ---------- */ /* farol "última compra" da Revisão de Mix (🟢🟡🟠🔴): texto vivo + fundo translúcido */ html[data-theme="dark"] .rvm-ult.u1{color:#5EE49A;background:rgba(52,206,126,.14)} html[data-theme="dark"] .rvm-ult.u2{color:#F2CD6B;background:rgba(231,184,78,.14)} html[data-theme="dark"] .rvm-ult.u3{color:#F4A463;background:rgba(232,134,46,.14)} html[data-theme="dark"] .rvm-ult.u4{color:#FF9C93;background:rgba(244,89,78,.14)} /* botão remover (Material), links "excluir"/"limpar UF", "NÃO" (Em Linha), chip NF atenção */ html[data-theme="dark"] .mbt-x{color:#FF9C93;border-color:rgba(244,89,78,.4)} html[data-theme="dark"] .mbt-x:hover{background:rgba(244,89,78,.16);border-color:#F4594E;color:#FF9C93} html[data-theme="dark"] .anot-del,html[data-theme="dark"] .so-ufclear,html[data-theme="dark"] .rvm-emlinha-n{color:#FF9C93} html[data-theme="dark"] .nfe-aten{color:#F2CD6B} /* chips de entrega criados em 11/08/2026: "Verificar com Logística" é aviso neutro, "Agendada" é azul */ html[data-theme="dark"] .nfe-verif{background:rgba(255,255,255,.06);color:#A9B6C4;border-color:rgba(169,182,196,.45)} html[data-theme="dark"] .nfe-agend{background:rgba(90,150,230,.16);color:#8FBBF0} html[data-theme="dark"] .nfe-cart{background:rgba(60,160,160,.16);color:#7FD3D3} html[data-theme="dark"] .nfe-nd{color:#8B98A6;border-color:rgba(139,152,166,.4)} html[data-theme="dark"] td.nfd-agend b{color:#8FBBF0}