/* ════════════ PELE PREMIUM · "Apple Finance + Linear" (24/10/2026) ════════════
   Pedido do Biel: levar a todas as telas do Painel Central o padrão aprovado no piloto — o design
   system "Painel Central v1.0" (kit do ChatGPT), hoje a skill padrao-apple v2. Regras e paleta:
   docs/design/painel-central-premium/PROMPT-IA-LOCAL.md (ramo piloto-apple) e ~/.claude/skills/padrao-apple.

   Camada FINAL, só da área da equipe (data-area="admin"). Não muda dado, cálculo, rota nem regra:
   redefine os tokens que o painel já usa (--aec-*, e por eles os nomes antigos) e ajusta a forma dos
   componentes. Fundo neutro e sólido; degradê só na faixa de marca; vidro só em menu flutuante. */

/* ── tokens: claro (padrão) ─────────────────────────────────────────────────────────────── */
:root[data-area="admin"]{
  --aec-bg:#F5F7FB; --aec-sidebar:#FBFCFF; --aec-surface:#FFFFFF; --aec-surface-alt:#F8FAFF; --aec-hover:#F1F5FB; --aec-selected:#EAF1FF;
  --aec-text:#172238; --aec-text-2:#475569; --aec-muted:#56657A; --aec-border:#D5DDE9; --aec-border-strong:#D3DBE8; --aec-hair:#EDF1F6;
  --aec-accent:#2563EB; --aec-accent-hover:#1758E6; --aec-accent-soft:#EAF1FF; --aec-accent-text:#1758E6;
  --aec-acao:#2563EB; --aec-acao-texto:#FFFFFF; --aec-acao-hover:#1758E6; --aec-zebra:transparent;
  --aec-positivo:#0CAA73; --aec-negativo:#E34E5A; --aec-aviso:#F08C26;
  --aec-banner:#E9F5FF; --aec-banner2:#E6E7FF; --aec-grid:#E9EDF4; --aec-chip:#F5F8FC; --aec-chart-fill:rgba(54,123,245,.08);
  --aec-sombra:0 10px 35px rgba(34,58,103,.035); --aec-sombra-hover:0 12px 36px rgba(34,58,103,.07); --aec-sombra-gaveta:0 24px 64px rgba(17,24,39,.16);
  --aec-card-borda:var(--aec-border);
  --aec-f-texto:-apple-system,BlinkMacSystemFont,"SF Pro Display","Inter","Segoe UI",sans-serif;
  --aec-f-titulo:-apple-system,BlinkMacSystemFont,"SF Pro Display","Inter","Segoe UI",sans-serif;
  --series-1:#367BF5; --series-2:#EF973A; --series-3:#0CAA73; --series-4:#8755DC; --series-5:#16A6C8; --series-6:#DB6596; --series-7:#DBAA37; --series-8:#8993A5;
  /* nomes antigos que o painel ainda lê */
  --serie-1:var(--series-1); --serie-2:var(--series-2); --erro:var(--aec-negativo); --atencao:var(--aec-aviso); --ok:var(--aec-positivo);
  --ok-texto:#08714D; --fundo-ok:#E9F8F1; --erro-texto:#B42335; --fundo-erro:#FDEEF0; --atencao-texto:#9A4F08; --fundo-atencao:#FEF3E6;
  --texto-2:#2B3650;
  --pro-aviso-fundo:#FEF3E6; --pro-aviso-borda:#FAD9AF; --pro-aviso-texto:#9A4F08;
}
/* ── tokens: escuro (escolhido, ou o sistema sem escolha) ──────────────────────────────────── */
:root[data-area="admin"][data-tema="escuro"]{
  --aec-bg:#0B111C; --aec-sidebar:#0E1623; --aec-surface:#141E2C; --aec-surface-alt:#172334; --aec-hover:#1A2A3E; --aec-selected:#152E52;
  --aec-text:#F1F5FB; --aec-text-2:#C2CDDC; --aec-muted:#A9B8CC; --aec-border:#435267; --aec-border-strong:#3A4A62; --aec-hair:#253347;
  --aec-accent:#67A5FF; --aec-accent-hover:#7DB0FF; --aec-accent-soft:#152E52; --aec-accent-text:#83B6FF;
  --aec-acao:#2F6FEB; --aec-acao-texto:#FFFFFF; --aec-acao-hover:#3B7BF5;
  --aec-positivo:#3BD39F; --aec-negativo:#FF6977; --aec-aviso:#FFAB57;
  --aec-banner:#172E50; --aec-banner2:#242348; --aec-grid:#293448; --aec-chip:#1A283A; --aec-chart-fill:rgba(99,164,255,.1);
  --aec-sombra:0 12px 38px rgba(0,0,0,.12); --aec-sombra-hover:0 14px 40px rgba(0,0,0,.2); --aec-sombra-gaveta:0 24px 64px rgba(0,0,0,.55);
  --series-1:#63A4FF; --series-2:#FFAD60; --series-3:#3BD39F; --series-4:#AC8CFF; --series-5:#48C9E8; --series-6:#FA91BC; --series-7:#F7CB72; --series-8:#8E9DB5;
  --serie-1:var(--series-1); --serie-2:var(--series-2); --erro:var(--aec-negativo); --atencao:var(--aec-aviso); --ok:var(--aec-positivo);
  --ok-texto:#3BD39F; --fundo-ok:#11302A; --erro-texto:#FF6977; --fundo-erro:#3A1C26; --atencao-texto:#FFAB57; --fundo-atencao:#3A2A17;
  --texto-2:#DCE5F5;
  --pro-aviso-fundo:#3A2A17; --pro-aviso-borda:#5C4220; --pro-aviso-texto:#FFAB57;
}
@media (prefers-color-scheme: dark){
  :root[data-area="admin"]:not([data-tema="claro"]){
    --aec-bg:#0B111C; --aec-sidebar:#0E1623; --aec-surface:#141E2C; --aec-surface-alt:#172334; --aec-hover:#1A2A3E; --aec-selected:#152E52;
    --aec-text:#F1F5FB; --aec-text-2:#C2CDDC; --aec-muted:#A9B8CC; --aec-border:#435267; --aec-border-strong:#3A4A62; --aec-hair:#253347;
    --aec-accent:#67A5FF; --aec-accent-hover:#7DB0FF; --aec-accent-soft:#152E52; --aec-accent-text:#83B6FF;
    --aec-acao:#2F6FEB; --aec-acao-texto:#FFFFFF; --aec-acao-hover:#3B7BF5;
    --aec-positivo:#3BD39F; --aec-negativo:#FF6977; --aec-aviso:#FFAB57;
    --aec-banner:#172E50; --aec-banner2:#242348; --aec-grid:#293448; --aec-chip:#1A283A; --aec-chart-fill:rgba(99,164,255,.1);
    --aec-sombra:0 12px 38px rgba(0,0,0,.12); --aec-sombra-hover:0 14px 40px rgba(0,0,0,.2); --aec-sombra-gaveta:0 24px 64px rgba(0,0,0,.55);
    --series-1:#63A4FF; --series-2:#FFAD60; --series-3:#3BD39F; --series-4:#AC8CFF; --series-5:#48C9E8; --series-6:#FA91BC; --series-7:#F7CB72; --series-8:#8E9DB5;
  --serie-1:var(--series-1); --serie-2:var(--series-2); --erro:var(--aec-negativo); --atencao:var(--aec-aviso); --ok:var(--aec-positivo);
    --ok-texto:#3BD39F; --fundo-ok:#11302A; --erro-texto:#FF6977; --fundo-erro:#3A1C26; --atencao-texto:#FFAB57; --fundo-atencao:#3A2A17;
    --texto-2:#DCE5F5;
    --pro-aviso-fundo:#3A2A17; --pro-aviso-borda:#5C4220; --pro-aviso-texto:#FFAB57;
  }
}

/* ── tipografia: fonte do sistema, títulos em negrito, números tabulares ─────────────────── */
:root[data-area="admin"] body{font-family:var(--aec-f-texto);font-size:15px;-webkit-font-smoothing:antialiased;background:var(--aec-bg)}
:root[data-area="admin"] .h-title,:root[data-area="admin"] .header .lj-btn{font-family:var(--aec-f-titulo)!important;font-size:26px!important;line-height:32px!important;font-weight:730!important;letter-spacing:-.85px!important;color:var(--aec-text)!important}
:root[data-area="admin"] .header .lj-btn svg{stroke:var(--aec-text-2)!important}
:root[data-area="admin"] .h-sub{font-size:13px!important;color:var(--aec-text-2)!important}
:root[data-area="admin"] .card-t,:root[data-area="admin"] .g-t,:root[data-area="admin"] .g-card h3{font-size:15px!important;font-weight:680!important;letter-spacing:-.1px!important}
:root[data-area="admin"] .kpi-v,:root[data-area="admin"] .kpi-val,:root[data-area="admin"] .det-k .hv,:root[data-area="admin"] .c2-hero-i .hv,:root[data-area="admin"] .hj-roas{font-family:var(--aec-f-texto)!important;font-weight:750!important;letter-spacing:-.7px!important;font-variant-numeric:tabular-nums}

/* ── barra lateral ────────────────────────────────────────────────────────────────────────── */
:root[data-area="admin"] .sidebar{background:var(--aec-sidebar)!important;border-right:1px solid var(--aec-border)!important;
  --aec-surface:var(--aec-sidebar); --aec-surface-alt:var(--aec-hover)}
:root[data-area="admin"] .sidebar .nav-item{border-radius:9px;color:var(--aec-text-2);font-weight:500}
:root[data-area="admin"] .sidebar .nav-item:hover{background:var(--aec-hover)}
:root[data-area="admin"] .sidebar .nav-item.on{background:var(--aec-selected)!important;color:var(--aec-accent-text)!important;font-weight:650;box-shadow:none!important}
:root[data-area="admin"] .sidebar .nav-item.on .ic,:root[data-area="admin"] .sidebar .nav-item.on svg{color:var(--aec-accent)!important}
:root[data-area="admin"] .sidebar .nav-item .ic,:root[data-area="admin"] .sidebar .nav-item svg{color:var(--aec-muted)}
:root[data-area="admin"] .nav-grupo{font-size:10.5px!important;letter-spacing:.08em!important;text-transform:uppercase!important;color:var(--aec-muted)!important;font-weight:650!important}
:root[data-area="admin"] .nav-filhos{border-left-color:var(--aec-border)!important}
:root[data-area="admin"] .side-brand b{letter-spacing:-.5px}

/* ── barra de cima: discreta, sem decoração (o índigo cheio saiu) ─────────────────────────── */
:root[data-area="admin"] .header,:root[data-area="admin"][data-tema="escuro"] .header{background:color-mix(in srgb,var(--aec-bg) 92%,transparent)!important;border-bottom:1px solid var(--aec-border)!important;
  -webkit-backdrop-filter:saturate(160%) blur(14px);backdrop-filter:saturate(160%) blur(14px)}
@media (prefers-color-scheme: dark){ :root[data-area="admin"]:not([data-tema="claro"]) .header{background:color-mix(in srgb,var(--aec-bg) 92%,transparent)!important} }
:root[data-area="admin"] .header .h-title,:root[data-area="admin"] .header .h-sub{color:inherit}
:root[data-area="admin"] .header .btn-menu,:root[data-area="admin"] .header .hdr-sino,
:root[data-area="admin"] .header .btn-back,:root[data-area="admin"] .header .det-rel-b,:root[data-area="admin"] .header #btn-tema{
  background:var(--aec-surface)!important;border:1px solid var(--aec-border)!important;color:var(--aec-text-2)!important;box-shadow:none!important;border-radius:10px!important}
:root[data-area="admin"] .header .btn-back,:root[data-area="admin"] .header .det-rel-b{color:var(--aec-text)!important;font-weight:600}
:root[data-area="admin"] .header .btn-menu:hover,:root[data-area="admin"] .header .hdr-sino:hover,
:root[data-area="admin"] .header .btn-back:hover,:root[data-area="admin"] .header .det-rel-b:hover{background:var(--aec-hover)!important}
:root[data-area="admin"] .header .hdr-busca{background:var(--aec-surface)!important;border:1px solid var(--aec-border)!important;color:var(--aec-muted)!important;border-radius:11px!important;box-shadow:var(--aec-sombra)}
:root[data-area="admin"] .header .hdr-busca input{color:var(--aec-text)!important}
:root[data-area="admin"] .header .hdr-busca input::placeholder{color:var(--aec-muted)!important}
:root[data-area="admin"] .header .hdr-busca kbd{color:var(--aec-text-2)!important;border-color:var(--aec-border)!important;background:var(--aec-chip)}
:root[data-area="admin"] .header .hdr-busca:focus-within{border-color:var(--aec-accent)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--aec-accent) 18%,transparent)!important}

/* ── superfícies: cartão sólido, borda de 1 px, canto 14, sombra quase invisível ──────────── */
:root[data-area="admin"] .card,:root[data-area="admin"] .kpi,:root[data-area="admin"] .g-card,:root[data-area="admin"] .gs-kpi,:root[data-area="admin"] .vg-gg,
:root[data-area="admin"] #grupo-sv .gs-det,:root[data-area="admin"] .c2-tblwrap,:root[data-area="admin"] .c2-card,:root[data-area="admin"] .det-k,:root[data-area="admin"] .hj-card{
  background:var(--aec-surface)!important;border:1px solid var(--aec-border)!important;border-radius:14px!important;box-shadow:var(--aec-sombra)!important}
:root[data-area="admin"] .kpi-link:hover,:root[data-area="admin"] .vg-gg:hover,:root[data-area="admin"] .c2-card:hover{box-shadow:var(--aec-sombra-hover)!important}
:root[data-area="admin"] .cobertura,:root[data-area="admin"] .per-tira{border-radius:12px}
:root[data-area="admin"] .modal,:root[data-area="admin"] .cx,:root[data-area="admin"] .hb-lista,:root[data-area="admin"] .lj-pop{
  border-radius:14px!important;border:1px solid var(--aec-border)!important;box-shadow:var(--aec-sombra-gaveta)!important}
/* vidro leve só no que flutua */
:root[data-area="admin"] .hb-lista,:root[data-area="admin"] .lj-pop,:root[data-area="admin"] .inv-pop{
  background:color-mix(in srgb,var(--aec-surface) 92%,transparent)!important;-webkit-backdrop-filter:blur(18px) saturate(160%);backdrop-filter:blur(18px) saturate(160%)}

/* ── abas: sublinhadas e discretas ────────────────────────────────────────────────────────── */
:root[data-area="admin"] .cli-abas,:root[data-area="admin"] .vg-abas{border-bottom:1px solid var(--aec-border)!important;background:transparent!important}
/* As abas do cliente abrem a tela e ficam presas no alto ao rolar (26/10/2026): fundo sólido para
   o conteúdo não passar por baixo delas, e letra um pouco maior para serem achadas de primeira. */
:root[data-area="admin"] .cli-abas{background:var(--aec-bg)!important;margin:-4px 0 18px;padding-top:4px}
:root[data-area="admin"] .cli-aba{font-size:14px!important;color:var(--aec-text-2)!important;font-weight:500!important}
:root[data-area="admin"] .cli-aba.on{color:var(--aec-accent-text)!important;font-weight:700!important}
:root[data-area="admin"] .cli-aba.on::after{background:var(--aec-accent)!important;height:2px!important}

/* ── botões e controles: ação principal azul; secundário neutro; sem degradê ─────────────── */
:root[data-area="admin"] .c2-btn.prim,:root[data-area="admin"] .btn-prim,:root[data-area="admin"] .g-botao.prim,:root[data-area="admin"] button.primario{
  background:var(--aec-acao)!important;color:var(--aec-acao-texto)!important;border-color:transparent!important;box-shadow:none!important;border-radius:10px!important}
:root[data-area="admin"] .c2-btn:not(.prim),:root[data-area="admin"] .btn-soft,:root[data-area="admin"] .g-botao,:root[data-area="admin"] .c2-colsbtn{
  background:var(--aec-surface)!important;border:1px solid var(--aec-border)!important;color:var(--aec-text)!important;border-radius:10px!important;box-shadow:none!important}
:root[data-area="admin"] .c2-viewseg,:root[data-area="admin"] .vg-chips,:root[data-area="admin"] .dsub{background:var(--aec-surface)!important;border:1px solid var(--aec-border)!important;border-radius:10px!important;padding:3px!important}
:root[data-area="admin"] .c2-viewseg button.on,:root[data-area="admin"] .vg-chips .on{background:var(--aec-selected)!important;color:var(--aec-accent-text)!important;box-shadow:none!important;font-weight:700}
:root[data-area="admin"] .c2-chip{border-radius:9px!important;border:1px solid var(--aec-border)!important;background:var(--aec-surface)!important;color:var(--aec-text-2)!important}
:root[data-area="admin"] .c2-chip.on{background:var(--aec-selected)!important;border-color:transparent!important;color:var(--aec-accent-text)!important;font-weight:700}
:root[data-area="admin"] .c2-chip.on .cc{color:var(--aec-accent-text)!important}
:root[data-area="admin"] input[type="text"],:root[data-area="admin"] input[type="search"],:root[data-area="admin"] input[type="date"],:root[data-area="admin"] input[type="number"],
:root[data-area="admin"] select,:root[data-area="admin"] textarea{border-radius:10px}

/* ── selos de situação: bolinha + palavra sobre fundo suave ───────────────────────────────── */
:root[data-area="admin"] .c2-pill{border-radius:999px!important;font-weight:600!important;font-size:12px!important;border:0!important}
:root[data-area="admin"] .c2-pill.st-critico,:root[data-area="admin"] .c2-pill.st-semverba{background:var(--fundo-erro)!important;color:var(--erro-texto)!important}
:root[data-area="admin"] .c2-pill.st-saudavel{background:var(--fundo-ok)!important;color:var(--ok-texto)!important}
:root[data-area="admin"] .c2-pill.st-semdado,:root[data-area="admin"] .c2-pill.st-inativo{background:var(--aec-chip)!important;color:var(--aec-text-2)!important}

/* ── tabela das contas: linhas altas, separador sutil, sem zebra ─────────────────────────── */
:root[data-area="admin"] .c2-thead{background:var(--aec-surface)!important;border-bottom:1px solid var(--aec-border)!important}
:root[data-area="admin"] .c2-thead span{font-size:11.5px!important;font-weight:600!important;color:var(--aec-muted)!important}
:root[data-area="admin"] .c2-tbl>.c2-row,:root[data-area="admin"] .c2-tbl>.c2-row:nth-child(even){background:var(--aec-surface)!important;border-bottom:1px solid var(--aec-hair)!important}
:root[data-area="admin"] .c2-tbl>.c2-row:hover{background:var(--aec-hover)!important}
:root[data-area="admin"] .c2-row .c2-spark path:nth-child(2){stroke:var(--series-1)}
:root[data-area="admin"] .c2-row .c2-spark circle{fill:var(--series-1)}
:root[data-area="admin"] .c2-row.crit .c2-spark path:nth-child(2){stroke:var(--aec-negativo)}
:root[data-area="admin"] .c2-row.crit .c2-spark circle{fill:var(--aec-negativo)}

/* ── indicadores: selo do ícone na cor do número, minigráfico de 2 px ─────────────────────── */
:root[data-area="admin"] .kpi-chip{border-radius:9px!important}

/* ── gráficos: barra fina sobre trilho, colunas em degradê, área suave, rótulos apagados ──── */
:root[data-area="admin"] .g-trilho{background:var(--aec-hover)!important;border-radius:6px!important;height:9px!important;overflow:hidden}
:root[data-area="admin"] .g-trilho .g-barra{border-radius:6px!important;height:100%!important}
:root[data-area="admin"] .g-trilho-fino{height:7px!important}
:root[data-area="admin"] .g-selo{border-radius:7px!important}
:root[data-area="admin"] svg text{font-family:var(--aec-f-texto)}
:root[data-area="admin"] .gf-mal{background:color-mix(in srgb,var(--aec-negativo) 26%,transparent)!important}
:root[data-area="admin"] .gf-at{background:color-mix(in srgb,var(--aec-aviso) 28%,transparent)!important}
:root[data-area="admin"] .gf-bom{background:color-mix(in srgb,var(--aec-positivo) 24%,transparent)!important}

/* ── faixa de marca (o único degradê): "Crescimento com dados, decisões com confiança." ─────── */
:root[data-area="admin"] .pc-faixa{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:104px;margin:0 0 18px;
  border:1px solid var(--aec-border);border-radius:19px;background:linear-gradient(112deg,var(--aec-banner),var(--aec-surface-alt) 48%,var(--aec-banner2))}
:root[data-area="admin"] .pc-faixa .waves{position:absolute;left:30%;width:63%;height:150%;top:-25%;opacity:.58;pointer-events:none}
:root[data-area="admin"] .pc-faixa .fx-copy{position:relative;z-index:1;display:flex;align-items:center;gap:14px;padding:20px 22px}
:root[data-area="admin"] .pc-faixa .fx-ic{display:flex;align-items:flex-end;gap:3px;height:24px}
:root[data-area="admin"] .pc-faixa .fx-ic i{display:block;width:6px;border-radius:3px;background:linear-gradient(180deg,#90bcff,#2776f2)}
:root[data-area="admin"] .pc-faixa .fx-ic i:nth-child(1){height:13px} :root[data-area="admin"] .pc-faixa .fx-ic i:nth-child(2){height:22px} :root[data-area="admin"] .pc-faixa .fx-ic i:nth-child(3){height:18px;opacity:.6}
:root[data-area="admin"] .pc-faixa h2{margin:0;font-size:17px;line-height:1.3;font-weight:650;letter-spacing:-.35px;color:var(--aec-text)}
:root[data-area="admin"] .pc-faixa .fx-ctx{position:relative;z-index:1;display:flex;align-items:center;gap:10px;padding:18px 24px;max-width:300px}
:root[data-area="admin"] .pc-faixa .fx-ctx b{display:block;font-size:13px;color:var(--aec-text)}
:root[data-area="admin"] .pc-faixa .fx-ctx small{display:block;font-size:11.5px;line-height:1.45;color:var(--aec-text-2)}
@media (max-width:1180px){ :root[data-area="admin"] .pc-faixa .fx-ctx{display:none} }
@media (max-width:767px){ :root[data-area="admin"] .pc-faixa{min-height:84px} :root[data-area="admin"] .pc-faixa h2{font-size:14.5px} :root[data-area="admin"] .pc-faixa .fx-copy{padding:14px} }

/* ── marca na lateral: ícone de 3 barras; "Painel Central" é o produto, "Aprenda e Cresça" a empresa ─ */
.side-brand .brand-ic,.side-brand .pc-nome,.side-brand .pc-emp{display:none}
:root[data-area="admin"] .side-brand .logo-pc,:root[data-area="admin"] .side-brand #side-name,:root[data-area="admin"] .side-brand #side-name+span{display:none!important}
:root[data-area="admin"] .side-brand .brand-ic{display:flex;align-items:flex-end;gap:3px;height:27px;flex:none;padding:0 4px}
:root[data-area="admin"] .side-brand .brand-ic i{display:block;width:7px;border-radius:4px;background:linear-gradient(180deg,#90bcff,#2776f2)}
:root[data-area="admin"] .side-brand .brand-ic i:nth-child(1){height:15px} :root[data-area="admin"] .side-brand .brand-ic i:nth-child(2){height:25px} :root[data-area="admin"] .side-brand .brand-ic i:nth-child(3){height:21px;opacity:.6}
:root[data-area="admin"] .side-brand .pc-nome{display:block;font-size:17px;font-weight:700;letter-spacing:-.6px;color:var(--aec-text)}
:root[data-area="admin"] .side-brand .pc-emp{display:block;font-size:11.5px;color:var(--aec-text-2);margin-top:2px}
#view-app.side-collapsed .side-brand .brand-ic{margin:0 auto}

/* celular: o valor do indicador cabe numa linha */
@media (max-width:767px){
  :root[data-area="admin"] .kpi-v,:root[data-area="admin"] .kpi-val,:root[data-area="admin"] .det-k .hv{font-size:22px!important;line-height:28px!important;white-space:nowrap}
  :root[data-area="admin"] .h-title,:root[data-area="admin"] .header .lj-btn{font-size:21px!important;line-height:27px!important}
}

/* ════ CELULAR (≤ 767 px): cada informação no seu lugar, sem letra pequena (24/10/2026) ════
   Pedido do Biel: "no celular as informações ficaram tumultuadas, agrupadas… estruture para cada
   informação no seu lugar, sem texto pequeno". Regras: uma coluna, uma ideia por linha, letra
   mínima de 13 px, o que é enfeite sai (faixa de marca, ícones de rodapé), o rótulo fica em cima
   e o número embaixo, e nada de nome quebrado ao lado de número. */
@media (max-width:767px){
  /* cabeçalho em duas linhas: 1) menu, voltar e o nome inteiro · 2) período, avisos e relatórios */
  :root[data-area="admin"] .header{flex-wrap:wrap!important;row-gap:10px!important;padding:12px 16px!important;align-items:center}
  :root[data-area="admin"] .header .header-l{flex:1 1 100%!important;min-width:0}
  :root[data-area="admin"] .header .header-l>div:last-child{min-width:0;flex:1}
  :root[data-area="admin"] .header .h-title,:root[data-area="admin"] .header .lj-btn{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
  :root[data-area="admin"] .header .h-sub{font-size:13px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  :root[data-area="admin"] .header #diag-sino{order:3;margin-left:auto!important}
  :root[data-area="admin"] .header #det-rel{order:4}
  :root[data-area="admin"] .header .det-rel-b{height:40px!important;font-size:14px!important}
  :root[data-area="admin"] .header .hdr-sino{width:40px!important;height:40px!important}
  /* a faixa de marca é enfeite: no celular, sai */
  :root[data-area="admin"] .pc-faixa{display:none!important}
  /* período: uma linha cada, com respiro */
  :root[data-area="admin"] .per-tira{margin:4px 0 14px!important;font-size:14px!important;line-height:1.5}
  /* indicadores: um por linha; rótulo e variação na mesma linha, número embaixo */
  :root[data-area="admin"] .grid-kpi,:root[data-area="admin"] .hj-grade{grid-template-columns:1fr!important;gap:12px!important}
  :root[data-area="admin"] .kpi{padding:18px 18px 14px!important}
  :root[data-area="admin"] .kpi-top{display:flex!important;flex-wrap:nowrap!important;align-items:center!important;gap:10px!important}
  :root[data-area="admin"] .kpi-top .kpi-label{font-size:15px!important;flex:1;min-width:0}
  :root[data-area="admin"] .kpi-top .badge{margin-left:auto!important;font-size:14px!important;flex:none}
  :root[data-area="admin"] .kpi-chip{display:none!important}
  :root[data-area="admin"] .kpi-val{font-size:30px!important;line-height:36px!important;margin-top:8px!important}
  :root[data-area="admin"] .kpi-cmp,:root[data-area="admin"] .kpi-sub{font-size:14px!important;margin-top:4px}
  :root[data-area="admin"] .kpi .lk-ics,:root[data-area="admin"] .kpi .inv-canais,:root[data-area="admin"] .kpi .kpi-rod{display:none!important}
  :root[data-area="admin"] .hj-mais>summary{font-size:15px!important}
  /* títulos de cartão: título em cima, selo embaixo — nunca disputando a mesma linha */
  :root[data-area="admin"] .card-h{flex-direction:column!important;align-items:flex-start!important;gap:8px!important}
  :root[data-area="admin"] .g-head{flex-wrap:wrap;gap:8px}
  :root[data-area="admin"] .card{padding:20px 18px!important}
  /* fila "quem precisa de decisão": loja numa linha, o número à direita; sem rótulo repetido */
  :root[data-area="admin"] .vg-at-loja{grid-template-columns:40px minmax(0,1fr) auto!important;gap:12px!important;padding:12px 0!important}
  :root[data-area="admin"] .vg-at-loja>b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:15px}
  :root[data-area="admin"] .vg-at-loja>.vg-at-num{font-size:16px;font-weight:700;color:var(--erro-texto)}
  :root[data-area="admin"] .vg-at-loja>:nth-child(4){display:none!important}
  /* tabela "o que melhorou": cada número vira um bloco — nome e mudança em cima, antes → agora embaixo */
  :root[data-area="admin"] table.gm thead{display:none}
  :root[data-area="admin"] table.gm,:root[data-area="admin"] table.gm tbody{display:block}
  :root[data-area="admin"] table.gm tr{display:grid;grid-template-columns:1fr auto;gap:4px 12px;padding:14px 0;border-bottom:1px solid var(--aec-hair)}
  :root[data-area="admin"] table.gm td{display:block;padding:0!important;border:0!important;font-size:15px}
  :root[data-area="admin"] table.gm td:nth-child(1){grid-column:1;font-weight:600}
  :root[data-area="admin"] table.gm td:nth-child(4){grid-column:2;grid-row:1;text-align:right;font-size:14px}
  :root[data-area="admin"] table.gm td:nth-child(2){grid-column:1;grid-row:2;color:var(--aec-text-2);font-size:14px}
  :root[data-area="admin"] table.gm td:nth-child(2)::after{content:"  →";color:var(--aec-muted)}
  :root[data-area="admin"] table.gm td:nth-child(3){grid-column:2;grid-row:2;text-align:right;font-size:15px}
  /* listas de produto e de etapas: nome numa linha, detalhe embaixo, letra legível */
  :root[data-area="admin"] .g-prog-n{font-size:15px!important}
  :root[data-area="admin"] .g-prog-x{font-size:15px!important}
  :root[data-area="admin"] .g-prog-s,:root[data-area="admin"] .rup-apoio,:root[data-area="admin"] .vg-ga{font-size:13px!important;line-height:1.45}
  :root[data-area="admin"] .g-resp,:root[data-area="admin"] .g-resp-s,:root[data-area="admin"] .card-s{font-size:15px!important;line-height:1.5}
  :root[data-area="admin"] .g-como,:root[data-area="admin"] .g-eixo{font-size:13px!important}
  :root[data-area="admin"] .rup-linha{grid-template-columns:1fr auto!important;row-gap:6px}
  :root[data-area="admin"] .rup-linha .bar{display:none}
  /* cartão de conta (lista de contas no celular): quatro números em 2×2, sem a linha de baixo */
  :root[data-area="admin"] .c2-cardmetrics{display:none!important}
  :root[data-area="admin"] .c2-hero-i .hl{font-size:12.5px!important}
  :root[data-area="admin"] .c2-hero-i .hv{font-size:20px!important}
  :root[data-area="admin"] .c2-card-top .c2-nm b{font-size:16px!important}
  :root[data-area="admin"] .c2-tools{gap:10px!important}
  :root[data-area="admin"] .c2-chip{font-size:14px!important;height:38px}
}

/* celular · segunda passada: título inteiro, cartão de conta sem aperto, calendários com rolagem
   própria (o número inteiro em cada dia, em vez de valores encavalados), alertas empilhados e
   rótulos do gráfico de colunas legíveis */
@media (max-width:767px){
  :root[data-area="admin"] .header .h-title,:root[data-area="admin"] .header .lj-btn{white-space:normal!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:20px!important;line-height:25px!important}
  :root[data-area="admin"] .header .lj-btn{display:inline-flex}
  /* cartão de conta: logo, nome inteiro e selo — os atalhos e a caixa de seleção ficam no computador */
  :root[data-area="admin"] .c2-card-top{flex-wrap:wrap!important;gap:10px!important}
  :root[data-area="admin"] .c2-card-top .c2-ck,:root[data-area="admin"] .c2-card-top .lk-ics{display:none!important}
  :root[data-area="admin"] .c2-card-top .c2-nm{flex:1 1 auto!important;min-width:0}
  :root[data-area="admin"] .c2-card-top .c2-nm b{white-space:normal!important}
  :root[data-area="admin"] .c2-card-top .c2-pill{flex:0 0 auto}
  /* calendários: rolam de lado dentro do cartão, cada dia com largura para o valor inteiro */
  :root[data-area="admin"] .dc-cal{grid-template-columns:repeat(7,minmax(92px,1fr)) 104px!important;overflow-x:auto;-webkit-overflow-scrolling:touch}
  :root[data-area="admin"] #grupo-sv .gs-cal{overflow-x:auto;-webkit-overflow-scrolling:touch;grid-template-columns:repeat(7,minmax(118px,1fr))!important;gap:6px!important;padding-bottom:6px}
  /* alertas: ícone e texto em cima, data e botão embaixo */
  :root[data-area="admin"] .alert-card{display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;gap:10px 12px!important;align-items:start!important}
  :root[data-area="admin"] .alert-card>.dot{display:none!important}
  :root[data-area="admin"] .alert-card .body{grid-column:2}
  :root[data-area="admin"] .alert-card .body .top{display:flex;flex-wrap:wrap;gap:6px 8px;align-items:center}
  :root[data-area="admin"] .alert-card .msg{font-size:14px;display:block;margin-top:4px}
  :root[data-area="admin"] .alert-card .alert-time{grid-column:2;font-size:13px;color:var(--aec-muted)}
  :root[data-area="admin"] .alert-card .btn-soft{grid-column:2;justify-self:start}
  /* gráfico de colunas (SVG que encolhe): rótulos maiores para ficarem legíveis */
  :root[data-area="admin"] svg.g-col .g-col-v{font-size:22px!important}
  :root[data-area="admin"] svg.g-col .g-eixo,:root[data-area="admin"] svg.g-col .g-col-n{font-size:20px!important}
}
@media (max-width:767px){
  :root[data-area="admin"] svg.g-col .g-eixo,:root[data-area="admin"] svg.g-col .g-col-n{font-size:17px!important}
}
@media (max-width:767px){
  :root[data-area="admin"] .header .lj-btn span{white-space:normal!important;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:clip}
  :root[data-area="admin"] table.gm tr,:root[data-area="admin"] table.gm td{background:transparent!important}
}
@media (max-width:767px){ :root[data-area="admin"] .header .lj-btn{font-size:18px!important;line-height:23px!important;text-align:left;justify-content:flex-start} :root[data-area="admin"] .header .lj-btn span{word-break:normal;overflow-wrap:normal} }

/* Rotinas com problema (Operações, 24/10/2026): uma linha por rotina, motivo em frase. */
.rot{padding:14px 4px;border-bottom:1px solid var(--aec-hair,var(--bd2))}
.rot:last-child{border-bottom:0}
.rot-t{display:flex;align-items:center;justify-content:space-between;gap:12px}
.rot-t b{font-size:15px;font-weight:600;color:var(--aec-text,var(--t1))}
.rot-m{margin:5px 0 4px;font-size:14px;line-height:1.45;color:var(--aec-text-2,var(--t3))}
.rot-s{font-size:12.5px;color:var(--aec-muted,var(--t5))}
.rot-s code{font:inherit;opacity:.8}
.st-warn{color:var(--aec-aviso,#B45309);background:color-mix(in srgb,var(--aec-aviso,#F08C26) 14%,transparent)}

/* Rosca → barra (24/10/2026): no padrão novo o anel/rosca não é desenhado e a legenda ficava
   presa na coluna de 140–220 px reservada a ele — "Feitos / e / não / pagos", número em cima
   do texto. Sem o anel, a legenda ocupa a largura toda, num limite que ainda se lê de uma vez. */
:root[data-area="admin"] .vg-rosca:has(> :only-child){grid-template-columns:minmax(0,640px)!important}
:root[data-area="admin"] .vg-rosca > :only-child{grid-column:1/-1}
:root[data-area="admin"] .vg-lg{font-size:14px;gap:6px 16px;padding:9px 0}
:root[data-area="admin"] .vg-lg .vg-ga{color:var(--aec-text-2);font-size:13px}
/* Rosca + legenda: lado a lado só quando cabem os dois (≥ 260 px cada); no cartão de meia largura
   a legenda desce para baixo da rosca e o nome do produto aparece inteiro. */
:root[data-area="admin"] .vg-rosca:not(:has(> :only-child)){grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))!important}
:root[data-area="admin"] .vg-rosca:not(:has(> :only-child)) > .g-rosca{max-width:210px;margin:0 auto;width:100%}

/* "Quais criativos vendem?" (24/10/2026): 4 miniaturas num cartão de meia largura davam
   80 px por criativo — nome "catalog…" e "ROAS Meta 7,61× · R$ 3,4k" em três linhas. Vira
   lista: foto de 56 px, nome em até duas linhas, números embaixo, régua à direita. */
:root[data-area="admin"] .dcr{display:flex!important;flex-direction:column;gap:0}
:root[data-area="admin"] .dcr-f{display:grid;grid-template-columns:56px minmax(0,1fr);gap:14px;align-items:center;
  background:transparent!important;border:0!important;border-bottom:1px solid var(--aec-hair)!important;border-radius:0!important;padding:12px 0}
:root[data-area="admin"] .dcr-f:last-child{border-bottom:0!important}
:root[data-area="admin"] .dcr-f img{width:56px;height:56px;border-radius:10px;aspect-ratio:auto;background:var(--aec-chip)}
:root[data-area="admin"] .dcr-f figcaption{padding:0;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 12px;align-items:center;font-size:13.5px;color:var(--aec-text-2)}
:root[data-area="admin"] .dcr-f figcaption b{grid-column:1;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:14.5px;font-weight:600;color:var(--aec-text)}
:root[data-area="admin"] .dcr-f .dcr-m{grid-column:1}
:root[data-area="admin"] .dcr-f .dcr-p{grid-column:2;grid-row:1/3}

/* ── Verba em produto esgotado: anúncio em linha que abre (24/10/2026) ───────────────── */
:root[data-area="admin"] .gs-row{padding:0!important;margin-bottom:10px;overflow:hidden;border-radius:14px!important;
  background:var(--aec-surface)!important;border:1px solid var(--aec-border)!important;box-shadow:var(--aec-sombra)}
:root[data-area="admin"] .gs-row.gs-card-alerta{border-color:color-mix(in srgb,var(--aec-negativo) 35%,var(--aec-border))!important}
:root[data-area="admin"] .gs-row-h{all:unset;box-sizing:border-box;width:100%;cursor:pointer;display:grid;
  grid-template-columns:52px minmax(0,1fr) 112px 84px 92px 168px 18px;gap:16px;align-items:center;padding:12px 16px}
:root[data-area="admin"] .gs-row-h:hover{background:var(--aec-hover)}
:root[data-area="admin"] .gs-row-h:focus-visible{outline:2px solid var(--aec-accent);outline-offset:-2px;border-radius:14px}
:root[data-area="admin"] .gs-row .gs-img{position:relative;width:52px;height:52px;border-radius:10px;overflow:hidden;background:var(--aec-chip);flex:none}
:root[data-area="admin"] .gs-row .gs-img img{width:100%;height:100%;object-fit:cover;display:block}
:root[data-area="admin"] .gs-row .gs-semimg{display:flex;height:100%;align-items:center;justify-content:center;font-size:10.5px;color:var(--aec-muted);text-align:center}
:root[data-area="admin"] .gs-entrega-dot{position:absolute;right:4px;bottom:4px;width:9px;height:9px;border-radius:50%;background:var(--aec-muted);box-shadow:0 0 0 2px var(--aec-surface)}
:root[data-area="admin"] .gs-entrega-dot.on{background:var(--aec-positivo)}
:root[data-area="admin"] .gs-row-id{min-width:0;display:flex;flex-direction:column;gap:3px}
:root[data-area="admin"] .gs-row-id b{font-size:15px;font-weight:600;color:var(--aec-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
:root[data-area="admin"] .gs-row-id small{font-size:13px;color:var(--aec-text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
:root[data-area="admin"] .gs-row-n{display:flex;flex-direction:column;gap:2px;text-align:right}
:root[data-area="admin"] .gs-row-n small{font-size:12px;color:var(--aec-muted)}
:root[data-area="admin"] .gs-row-n b{font-size:15px;font-weight:600;color:var(--aec-text);font-variant-numeric:tabular-nums;white-space:nowrap}
:root[data-area="admin"] .gs-row-n small.gs-fora{font-size:11.5px;font-weight:600;color:var(--aec-muted);max-width:150px;margin-left:auto;line-height:1.3}
:root[data-area="admin"] .gs-row-st{justify-self:end;display:inline-flex;align-items:center;gap:7px;padding:5px 11px;border-radius:999px;font-size:13px;font-weight:600;white-space:nowrap;
  background:var(--aec-chip);color:var(--aec-text-2)}
:root[data-area="admin"] .gs-row-st i{width:7px;height:7px;border-radius:50%;background:currentColor}
:root[data-area="admin"] .gs-row-st.gs-vermelho{background:color-mix(in srgb,var(--aec-negativo) 12%,transparent);color:var(--aec-negativo)}
:root[data-area="admin"] .gs-row-st.gs-amarelo{background:color-mix(in srgb,var(--aec-aviso) 14%,transparent);color:color-mix(in srgb,var(--aec-aviso) 80%,#000)}
:root[data-area="admin"] .gs-row-st.gs-verde{background:color-mix(in srgb,var(--aec-positivo) 12%,transparent);color:var(--aec-positivo)}
:root[data-area="admin"] .gs-row-st.gs-azul{background:var(--aec-accent-soft);color:var(--aec-accent-text)}
:root[data-area="admin"] .gs-row-seta{color:var(--aec-muted);font-size:20px;transition:transform .2s}
:root[data-area="admin"] .gs-row.aberto .gs-row-seta{transform:rotate(90deg)}
:root[data-area="admin"] .gs-row-c{display:none;padding:4px 16px 16px 84px;border-top:1px solid var(--aec-hair)}
:root[data-area="admin"] .gs-row.aberto .gs-row-c{display:block}
:root[data-area="admin"] .gs-row-c .gs-card-id{padding:12px 0 4px}
:root[data-area="admin"] .gs-row-c .gs-nome{font-size:15px;font-weight:600;color:var(--aec-text);margin-bottom:6px}
:root[data-area="admin"] .gs-row-c .gs-linha{font-size:14px;color:var(--aec-text);margin-top:3px}
:root[data-area="admin"] .gs-rot{display:inline-block;min-width:78px;font-size:12.5px;color:var(--aec-muted)}
:root[data-area="admin"] .gs-row-c .gs-meta{display:inline;font-size:13px;color:var(--aec-text-2)}
:root[data-area="admin"] .gs-row-c .gs-nums{margin-top:12px;grid-template-columns:repeat(auto-fit,minmax(110px,1fr))}
:root[data-area="admin"] .gs-row-c .gs-prod{border-radius:12px}
/* Matriz cor × tamanho: número em cada célula, zero em vermelho, cabeçalho preso ao rolar. */
:root[data-area="admin"] .gs-mx-wrap{max-height:360px;border-color:var(--aec-border);border-radius:10px;background:var(--aec-surface)}
:root[data-area="admin"] .gs-mx-tab{font-size:13.5px}
:root[data-area="admin"] .gs-mx-tab thead th{background:var(--aec-surface-alt);color:var(--aec-text-2);padding:7px 10px}
:root[data-area="admin"] .gs-mx-cor{background:var(--aec-surface);color:var(--aec-text);padding:6px 12px;max-width:260px;font-weight:500}
:root[data-area="admin"] .gs-mx-tab tr+tr th,:root[data-area="admin"] .gs-mx-tab tr+tr td{border-top:1px solid var(--aec-hair)}
:root[data-area="admin"] .gs-mx{padding:6px 10px;min-width:48px;font-weight:600}
:root[data-area="admin"] .gs-mx.gs-vermelho{color:var(--aec-negativo);background:color-mix(in srgb,var(--aec-negativo) 9%,transparent)}
:root[data-area="admin"] .gs-mx.gs-amarelo{color:color-mix(in srgb,var(--aec-aviso) 80%,#000);background:color-mix(in srgb,var(--aec-aviso) 10%,transparent)}
:root[data-area="admin"] .gs-mx.gs-verde{color:var(--aec-text)}
:root[data-area="admin"] .gs-mx.gs-branco{color:var(--aec-muted)}
:root[data-area="admin"] .gs-mx-aviso{font-weight:600;color:var(--aec-negativo)}
@media (max-width:1100px){
  :root[data-area="admin"] .gs-row-h{grid-template-columns:52px minmax(0,1fr) auto 18px;gap:6px 14px}
  :root[data-area="admin"] .gs-row-n{display:none}
  :root[data-area="admin"] .gs-row-st{grid-column:3}
  :root[data-area="admin"] .gs-row-c{padding-left:16px}
}
@media (max-width:767px){
  :root[data-area="admin"] .gs-row-h{grid-template-columns:52px minmax(0,1fr) 18px}
  :root[data-area="admin"] .gs-row-st{grid-column:2;grid-row:2;justify-self:start}
  :root[data-area="admin"] .gs-row-seta{grid-column:3;grid-row:1}
}

/* Foto do produto pelo catálogo da Meta (24/10/2026): ao lado do nome nas listas da aba
   Produtos. Sem foto, quadrinho vazio do mesmo tamanho — a coluna não pula. */
:root[data-area="admin"] .pf{width:44px;height:44px;flex:0 0 44px;border-radius:10px;object-fit:cover;background:var(--aec-chip);border:1px solid var(--aec-border);display:block}
:root[data-area="admin"] .pf-vazio{display:inline-grid;place-items:center;font-size:15px;font-weight:600;line-height:1;color:var(--aec-muted)}
:root[data-area="admin"] .g-prog-h.com-foto{align-items:center;gap:12px}
:root[data-area="admin"] .rup-nome.com-foto{display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:12px;align-items:center}
:root[data-area="admin"] .rup-nome.com-foto .pf{grid-row:span 2}
:root[data-area="admin"] .rup-nome.com-foto>b,:root[data-area="admin"] .rup-nome.com-foto .rup-apoio{grid-column:2}
:root[data-area="admin"] .com-foto:has(.vt-nome){display:flex;align-items:center;gap:10px}
:root[data-area="admin"] .com-foto:has(.vt-nome) .pf{width:32px;height:32px;flex-basis:32px}
/* Selo de risco com largura fixa: "rompido", "crítico" e "atenção" têm larguras diferentes e
   empurravam a foto e o nome para colunas diferentes em cada linha. */
:root[data-area="admin"] .rup-linha .rup-etq{min-width:76px;text-align:center;justify-content:center;box-sizing:border-box}

/* "Quem leva a verba" no celular (24/10/2026): a régua ("acima da meta") saía cortada pela
   borda direita e a seta caía numa linha sozinha. A régua desce para baixo do nome, a seta sai
   (a linha inteira já abre), e o nome da campanha ganha duas linhas antes das reticências. */
@media (max-width:900px){
  :root[data-area="admin"] .cc-camp>summary{grid-template-columns:24px minmax(0,1fr) auto!important;row-gap:8px}
  :root[data-area="admin"] .cc-camp>summary>.g-pil{display:inline-flex!important;grid-column:2;grid-row:2;justify-self:start}
  :root[data-area="admin"] .cc-camp>summary>.cc-seta{display:none}
  :root[data-area="admin"] .cc-camp>summary>.cc-cv{grid-column:3;grid-row:1}
  :root[data-area="admin"] .cc-cn b{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
}
/* Indicadores do Resumo em tela média (1100–1500 px): o selo de variação cortava o rótulo
   ("Investim") e "R$ 162.963" quebrava em duas linhas. O número acompanha a largura da tela
   e o selo desce de linha quando não cabe ao lado do rótulo. */
@media (min-width:768px){
  :root[data-area="admin"] .hj-grade .kpi-top{flex-wrap:wrap!important;row-gap:6px!important}
  :root[data-area="admin"] .hj-grade .kpi-top .kpi-label{flex:1 1 auto!important;white-space:nowrap}
  :root[data-area="admin"] .hj-grade:not(.hj-grade-2)>.kpi .kpi-val{font-size:clamp(24px,2.1vw,32px)!important;line-height:1.2!important;white-space:nowrap}
}
/* Operações › Status por cliente no celular: nome e data numa linha, botão embaixo. */
@media (max-width:767px){
  :root[data-area="admin"] #op-clientes-list .exec{flex-wrap:wrap;row-gap:8px}
  :root[data-area="admin"] #op-clientes-list .exec .body{flex:1 1 calc(100% - 90px)}
  :root[data-area="admin"] #op-clientes-list .exec .btn-soft{margin-left:auto}
}

/* Contador do sino (26/10): branco sobre o vermelho claro dava 3,8:1 no claro e 2,8:1 no escuro.
   Um vermelho só, mais fundo, segura o número branco acima de 5:1 nos dois temas. */
:root[data-area="admin"] .hdr-sino.grave .sn-c{background:#C42E3B}
/* Números das etapas do funil (.fs-n): branco sobre o azul de série dava 3,96:1. Azul de ação e
   vermelho mais fundo, iguais nos dois temas, seguram o branco acima de 5:1. */
:root[data-area="admin"] .fs-n{background:#2563EB;color:#fff}
:root[data-area="admin"] .fs-pior .fs-n{background:#C42E3B;color:#fff}
:root[data-area="admin"] .fs-fora .fs-n{background:transparent;color:var(--aec-text-2);border-color:var(--aec-text-2)}