/* Painel «Leads e admin» na linguagem da Fábrica v2 (09/11/2026, Higor: «acompanha a Fábrica»).
   Só vale com body.modo-painel (o app aberto pelo endereço <slug>-adm, dentro da Fábrica): o app do
   membro não muda. Mesmos tokens e mesma régua da Fábrica: neutros em degraus, azul só na ação,
   sem caixa alta, sem degradê/brilho, sombra só no que flutua. Nada de marca Revwin aqui dentro:
   este painel também abre no domínio da área.
   Tema: segue o sistema; a Fábrica manda a escolha (Sistema/Claro/Escuro) por postMessage e o app
   grava html[data-fab-tema] — nome próprio, pra não colidir com nada do app do membro.
   A fonte tem nome próprio («Fabrica Inter»): um @font-face «Inter» mudaria a letra do app do membro. */

@font-face{font-family:"Fabrica Inter";font-style:normal;font-weight:100 900;font-display:swap;src:url("/painel-inter.woff2") format("woff2")}

html:has(body.modo-painel){
  --pv-bg:#FAFAFB; --pv-s1:#FFFFFF; --pv-s2:#F4F5F7; --pv-s3:#ECEDF0; --pv-line:#ECEDF0; --pv-line-hi:#DFE1E6;
  --pv-text:#0E1015; --pv-text2:#3D4250; --pv-muted:#6B7180; --pv-dim:#9BA0AB;
  --pv-acc:#0082FE; --pv-acc-rgb:0,130,254; --pv-acc-hover:#0070DB; --pv-acc-txt:#0068CC; --pv-acc-dim:#EEF5FF; --pv-acc-line:#B8D9FF; --pv-on-acc:#FFFFFF;
  --pv-ok:#159A5C; --pv-warn:#B86E00; --pv-bad:#D22F42; --pv-bad-rgb:210,47,66; --pv-bad-dim:#FDECEE; --pv-orange:#C2410C;
  --pv-sombra:0 1px 2px #0E10150D,0 1px 1px #0E101508; --pv-flutua:0 12px 32px -8px #0E101529,0 2px 6px #0E10150F;
  --pv-esquema:light;
  background:var(--pv-bg);
}
@media (prefers-color-scheme:dark){html:not([data-fab-tema="claro"]):has(body.modo-painel){
  --pv-bg:#0B0C10; --pv-s1:#101217; --pv-s2:#15181E; --pv-s3:#1C1F26; --pv-line:#1C1F26; --pv-line-hi:#2A2E37;
  --pv-text:#EEEFF2; --pv-text2:#BEC2CB; --pv-muted:#8A909C; --pv-dim:#626875;
  --pv-acc-hover:#1A8FFF; --pv-acc-txt:#5AA9FF; --pv-acc-dim:#0E1C30; --pv-acc-line:#1C4A80;
  --pv-ok:#3BCB7E; --pv-warn:#E3A73A; --pv-bad:#EF6371; --pv-bad-rgb:239,99,113; --pv-bad-dim:#2C1519; --pv-orange:#F08A4B;
  --pv-sombra:none; --pv-flutua:0 16px 40px -10px #000000B3; --pv-esquema:dark;
}}
html[data-fab-tema="escuro"]:has(body.modo-painel){
  --pv-bg:#0B0C10; --pv-s1:#101217; --pv-s2:#15181E; --pv-s3:#1C1F26; --pv-line:#1C1F26; --pv-line-hi:#2A2E37;
  --pv-text:#EEEFF2; --pv-text2:#BEC2CB; --pv-muted:#8A909C; --pv-dim:#626875;
  --pv-acc-hover:#1A8FFF; --pv-acc-txt:#5AA9FF; --pv-acc-dim:#0E1C30; --pv-acc-line:#1C4A80;
  --pv-ok:#3BCB7E; --pv-warn:#E3A73A; --pv-bad:#EF6371; --pv-bad-rgb:239,99,113; --pv-bad-dim:#2C1519; --pv-orange:#F08A4B;
  --pv-sombra:none; --pv-flutua:0 16px 40px -10px #000000B3; --pv-esquema:dark;
}

/* as variáveis do app e do admin apontam pros tokens: tudo que usa var() muda junto */
body.modo-painel{
  --felt-0:var(--pv-bg); --felt-1:var(--pv-bg); --surface:var(--pv-s1); --raised:var(--pv-s1); --raised-2:var(--pv-s2);
  --line:var(--pv-line); --line-soft:var(--pv-line);
  --text:var(--pv-text); --muted:var(--pv-muted); --dim:var(--pv-dim);
  --gold:var(--pv-acc); --gold-rgb:var(--pv-acc-rgb); --gold-claro:var(--pv-acc-txt); --gold-escuro:var(--pv-acc-hover);
  --red:var(--pv-bad); --red-rgb:var(--pv-bad-rgb); --jade:var(--pv-ok); --amber:var(--pv-warn); --orange:var(--pv-orange);
  --display:"Fabrica Inter",system-ui,-apple-system,"Segoe UI",sans-serif;
  --body:"Fabrica Inter",system-ui,-apple-system,"Segoe UI",sans-serif;
  --pf-sh:var(--pv-sombra); --pf-sh2:var(--pv-sombra);
  background:var(--pv-bg)!important;color:var(--pv-text);color-scheme:var(--pv-esquema);
  font-family:"Fabrica Inter",system-ui,-apple-system,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased;
  font-feature-settings:"cv11","ss01";
}
body.modo-painel::before,body.modo-painel::after{display:none!important}
/* o servidor injeta body[data-painel-host]{background:…!important} depois deste arquivo: aqui pesa mais */
html body.modo-painel,html body.modo-painel[data-painel-host]{background:var(--pv-bg)!important}
body.modo-painel .adm{
  --a-card:var(--pv-s1); --a-card-2:var(--pv-s2); --a-line:var(--pv-line); --a-line-2:var(--pv-line-hi);
  --a-acc:var(--pv-acc); --a-acc-soft:var(--pv-acc-dim); --a-r:12px;
}
body.modo-painel ::selection{background:var(--pv-acc-dim)}
body.modo-painel :focus-visible{outline:2px solid var(--pv-acc)!important;outline-offset:2px}

/* tipografia: hierarquia sem caixa alta */
body.modo-painel #admTitle{font-family:var(--display);font-size:28px;letter-spacing:-.022em;font-weight:600;color:var(--pv-text)}
body.modo-painel .adm .admtt small,body.modo-painel .adm .angrp>small,body.modo-painel .adm .asec,
body.modo-painel .adm .scpar>small,body.modo-painel .adm .mkprev-l small{text-transform:none!important;letter-spacing:0!important}
body.modo-painel .adm .admtt small{font-size:13px;font-weight:500;color:var(--pv-muted)}
body.modo-painel .adm .angrp>small{font-size:12px;font-weight:600;color:var(--pv-dim)}
body.modo-painel .adm .asec{font-size:15px;font-weight:600;color:var(--pv-text);margin:32px 0 12px}
body.modo-painel .adm .scpar>small,body.modo-painel .adm .mkprev-l small{font-size:12px;color:var(--pv-muted)}

/* campos */
body.modo-painel input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),
body.modo-painel textarea,body.modo-painel select{
  background:var(--pv-s1)!important;border:1px solid var(--pv-line-hi)!important;color:var(--pv-text)!important;
  border-radius:8px;box-shadow:none!important;color-scheme:var(--pv-esquema);transition:border-color .14s,box-shadow .14s;
}
body.modo-painel input::placeholder,body.modo-painel textarea::placeholder{color:var(--pv-dim)}
body.modo-painel input:focus,body.modo-painel textarea:focus,body.modo-painel select:focus{
  border-color:var(--pv-acc)!important;box-shadow:0 0 0 1px var(--pv-acc)!important;outline:none;
}
body.modo-painel code{background:var(--pv-s2)!important;border-color:var(--pv-line)!important;color:var(--pv-text)!important}

/* cartões: um contorno fino, sem sombra no escuro; dentro de outro cartão vira só fundo */
body.modo-painel .panel,body.modo-painel .eqc,body.modo-painel .mlprev,
body.modo-painel .fba,body.modo-painel .fbcard,body.modo-painel .ldl,
body.modo-painel .admrow,body.modo-painel .scc,body.modo-painel .mlit{
  background:var(--pv-s1)!important;border:1px solid var(--pv-line)!important;box-shadow:var(--pv-sombra)!important;color:var(--pv-text);border-radius:12px;
}
body.modo-painel .panel .fba,body.modo-painel .panel .fbcard,body.modo-painel .panel .scc,
body.modo-painel .panel .ldl,body.modo-painel .mkav{background:var(--pv-s2)!important;box-shadow:none!important}
body.modo-painel .ldl,body.modo-painel button.admrow,body.modo-painel .mlit{transition:background .14s,border-color .14s}
body.modo-painel .ldl:hover,body.modo-painel button.admrow:hover,body.modo-painel .mlit:hover{background:var(--pv-s2)!important;border-color:var(--pv-line-hi)!important}
body.modo-painel .mlit.on{background:var(--pv-acc-dim)!important;border-color:var(--pv-acc-line)!important}

/* números do topo: em linha, separados por fio, sem caixa */
body.modo-painel .adm .akpis{gap:0;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--pv-line);border-bottom:1px solid var(--pv-line);overflow:hidden}
body.modo-painel .adm .akpi{background:none!important;border:0!important;border-left:1px solid var(--pv-line)!important;border-top:1px solid var(--pv-line)!important;margin:-1px 0 0 -1px;border-radius:0!important;box-shadow:none!important;padding:18px 20px!important;transition:background .14s}
body.modo-painel .adm .akpi:hover{background:var(--pv-s1)!important}
body.modo-painel .adm .akpi small{font-size:13px;color:var(--pv-muted)}
body.modo-painel .adm .akpi b,body.modo-painel .adm .akpi strong{font-family:var(--display);font-size:28px;font-weight:600;letter-spacing:-.02em;color:var(--pv-text);font-variant-numeric:tabular-nums}
body.modo-painel .adm .akpi span{font-size:12px;color:var(--pv-dim)}
body.modo-painel .adm .akpi.alerta small{color:var(--pv-warn)}
body.modo-painel .adm .akpi.alerta b::after{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--pv-warn);margin-left:8px;vertical-align:middle}
body.modo-painel .adm .akpi.sk{min-height:96px;background:var(--pv-s2)!important;animation:pv-esq 1.1s ease-in-out infinite alternate}
@keyframes pv-esq{to{background:var(--pv-s3)}}

/* atalhos: lista limpa, um fio entre os itens */
body.modo-painel .adm .atiles{display:block;border-top:1px solid var(--pv-line)}
body.modo-painel .adm .atile{width:100%;background:none!important;border:0!important;border-bottom:1px solid var(--pv-line)!important;border-radius:0!important;box-shadow:none!important;padding:14px 8px!important;transition:background .14s}
body.modo-painel .adm .atile:hover{background:var(--pv-s1)!important}
body.modo-painel .adm .atile .atico{background:var(--pv-s2)!important;color:var(--pv-text2)!important;border:0!important}
body.modo-painel .adm .atile .ago{transition:transform .14s}
body.modo-painel .adm .atile:hover .ago{transform:translateX(2px);color:var(--pv-text)}

/* avatar, chips, pílulas e segmentos */
body.modo-painel .ldav,body.modo-painel [class*="avatar"],body.modo-painel .eqav{
  background:var(--pv-s3)!important;color:var(--pv-text2)!important;border-color:transparent!important;background-image:none!important}
body.modo-painel .ldpr span,body.modo-painel .admrow .aidx,body.modo-painel .scpi,body.modo-painel .chip{
  background:var(--pv-s2)!important;color:var(--pv-text2)!important;border:1px solid var(--pv-line)!important}
body.modo-painel .ldseg,body.modo-painel .club-nav,body.modo-painel .seg,body.modo-painel #fbSeg{
  background:var(--pv-s2)!important;border:0!important;border-radius:8px;box-shadow:none!important;padding:2px}
body.modo-painel .ldseg button,body.modo-painel .club-nav button,body.modo-painel .seg button,
body.modo-painel #fbSeg button{background:transparent!important;color:var(--pv-muted)!important;border:0!important;border-radius:6px!important;transition:background .14s,color .14s}
body.modo-painel .ldseg button[aria-current="true"],body.modo-painel .club-nav button[aria-current="true"],
body.modo-painel .seg button[aria-current="true"],body.modo-painel #fbSeg button[aria-current="true"],
body.modo-painel .club-nav button.on,body.modo-painel .seg button.on{
  background:var(--pv-s1)!important;color:var(--pv-text)!important;box-shadow:var(--pv-sombra)!important}

/* botões: a ação da seção em azul; secundário neutro com contorno */
body.modo-painel .btn{min-height:36px;border-radius:8px!important;font-family:var(--body);font-weight:500;font-size:14px;box-shadow:none!important;text-shadow:none;transition:background .14s,border-color .14s}
body.modo-painel .btn:not(.ghost):not(.danger):not(.tg){background:var(--pv-acc)!important;color:var(--pv-on-acc)!important;border:1px solid var(--pv-acc)!important}
body.modo-painel .btn:not(.ghost):not(.danger):hover{background:var(--pv-acc-hover)!important}
body.modo-painel .btn.ghost{background:var(--pv-s1)!important;border:1px solid var(--pv-line-hi)!important;color:var(--pv-text)!important}
body.modo-painel .btn.ghost:hover{background:var(--pv-s2)!important}
body.modo-painel .btn.danger{background:var(--pv-s1)!important;border:1px solid var(--pv-line-hi)!important;color:var(--pv-bad)!important}
body.modo-painel .btn.danger:hover{background:var(--pv-bad-dim)!important;border-color:var(--pv-bad)!important}
body.modo-painel .fbcount{background:var(--pv-text)!important;color:var(--pv-bg)!important}

/* menu lateral do painel: selecionado em fundo, sem tinta azul */
body.modo-painel .admnav button{color:var(--pv-muted);border-radius:8px;transition:background .14s,color .14s}
body.modo-painel .admnav button:hover{background:var(--pv-s2)!important;color:var(--pv-text)}
body.modo-painel .admnav button[aria-current="true"],body.modo-painel .admnav button.on{background:var(--pv-s2)!important;color:var(--pv-text)!important}
body.modo-painel .admnav button[aria-current="true"]::before,body.modo-painel .admnav button.on::before{display:none!important}

/* ficha (gaveta), janelas e aviso: o que flutua tem sombra */
body.modo-painel .lddrawer .ldsheet,body.modo-painel .lddrawer>div:not(.ldbg){background:var(--pv-s1);box-shadow:var(--pv-flutua)}
body.modo-painel .toast{background:var(--pv-text)!important;color:var(--pv-bg)!important;box-shadow:var(--pv-flutua)!important;border-radius:8px!important}

/* aviso no lugar das telas que foram pra Fábrica */
body.modo-painel .pv-mudou{max-width:520px;margin:48px auto;padding:32px;text-align:center;background:var(--pv-s1);border:1px solid var(--pv-line);border-radius:12px;box-shadow:var(--pv-sombra)}
body.modo-painel .pv-mudou b{display:block;font-size:18px;font-weight:600;margin-bottom:6px;color:var(--pv-text)}
body.modo-painel .pv-mudou p{color:var(--pv-muted);margin:0 0 20px}
@media (max-width:700px){body.modo-painel .adm .akpis{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(148px,1fr);overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none}body.modo-painel .adm .akpis::-webkit-scrollbar{display:none}body.modo-painel .adm .akpi{padding:14px 16px!important}body.modo-painel .adm .akpi b{font-size:24px}}