/* FLEUR · fleur-tokens.css — SÓ as cores, tokens, fundo universo e apelidos do padrão visual.
   Para sistemas que já têm o próprio CSS de componentes (CRM, Clientes, Financeiro, Calendário, Quadro).
   Gerado a partir de fleur-ui.css: mudou o padrão lá, regenere aqui. */
@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;600;700;800&family=Sora:wght@400;600;700;800&display=swap');
/* ═══ TOKENS FLEUR ═══ */
:root{
  color-scheme:dark;
  --bg:#06060c; --surface:#0c0c16; --surface-raised:#13131f; --surface-hover:#1b1b2c; --border:#2b2b40; --border-strong:#3c3c58;
  --text:#FBF7ED; --text-muted:#BDBDD0; --text-faint:#8888A6; --on-brand:#fff;
  --brand:#F0182B; --brand-hover:#FF4254; --brand-soft:rgba(240,24,43,.16);
  --positive:#3EE08F; --warning:#FFC54D; --negative:#FF5468; --info:#5EA0FF; --violet:#A98BFF;
  --acc-1:#5EA0FF; --acc-2:#B98BFF; --acc-3:#2DD4C0; --acc-4:#FFB02E; --acc-5:#FF7FA3; --acc-6:#A3E635; --on-acc:#06060c;
  --space-1:4px; --space-2:8px; --space-3:12px; --space-4:16px; --space-6:24px; --space-8:32px;
  --radius-sm:8px; --radius:14px; --radius-lg:20px; --radius-pill:999px;
  --head:'Sora',system-ui,sans-serif; --body:'Archivo',system-ui,sans-serif;
  --fs-h1:30px; --fs-h2:16px; --fs-kpi:28px; --fs-body:14.5px; --fs-caption:12.5px; --fs-label:11px;
  --ease:cubic-bezier(.2,.8,.2,1); --dur:.22s;
  --shadow:0 20px 44px -26px rgba(0,0,0,.85);
  --side-bg:rgba(10,10,20,.74);
}
[data-tema="claro"]{
  /* Modo dia Fleur: menu e destaques continuam escuros (identidade), só a área de trabalho clareia, em branco frio, sem bege */
  color-scheme:light;
  --bg:#EEF0F6; --surface:#FFFFFF; --surface-raised:#FFFFFF; --surface-hover:#F1F2F8; --border:#D9DCE8; --border-strong:#BEC3D4;
  --text:#0B0B14; --text-muted:#444659; --text-faint:#70738A;
  --brand:#D90416; --brand-hover:#B8030F; --brand-soft:rgba(217,4,22,.09);
  --positive:#0E7A41; --warning:#B45F00; --negative:#C0111F; --info:#1C4FB5; --violet:#5B34B8;
  --acc-1:#1C4FB5; --acc-2:#6B3BB8; --acc-3:#0B7A6E; --acc-4:#A8660A; --acc-5:#B02F58; --acc-6:#3F7A12; --on-acc:#fff;
  --shadow:0 16px 32px -24px rgba(20,20,60,.4);
}
/* menu lateral: sempre escuro, nos dois temas */
[data-tema="claro"] .side{--text:#FBF7ED;--text-muted:#BDBDD0;--text-faint:#8888A6;--surface-hover:#1b1b2c;--surface-raised:#13131f;--border:#2b2b40;--border-strong:#3c3c58;--brand:#F0182B;--brand-soft:rgba(240,24,43,.16);--acc-1:#5EA0FF;--acc-3:#2DD4C0;--on-acc:#06060c;
  color:var(--text);background:linear-gradient(180deg,#0c0c18,#07070e);border-right-color:#1d1d2e}
/* card de caixa: sempre escuro com degradê da marca */
[data-tema="claro"] .hero{--text:#FBF7ED;--text-muted:#D4D4E2;--positive:#3EE08F;--border:#3c3c58;color:var(--text);
  background:linear-gradient(135deg,rgba(240,24,43,.6),rgba(110,84,255,.5) 80%),#10101c;border-color:rgba(240,24,43,.5)}
[data-tema="claro"] .card{box-shadow:0 1px 2px rgba(20,20,60,.06)}
[data-tema="claro"] .card.hov:hover{box-shadow:var(--shadow)}
[data-tema="claro"] .hero{box-shadow:0 18px 36px -22px rgba(240,24,43,.55)}
[data-tema="claro"] th{background:var(--surface-hover)}
[data-tema="claro"] .tabs{box-shadow:0 1px 2px rgba(20,20,60,.06)}
/* ═══ FUNDO UNIVERSO — calmo: 1 céu de estrelas esparsas + 2 brilhos suaves, sem grade, sem blobs coloridos ═══ */
.bg{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;
  background:radial-gradient(1100px 700px at 88% -12%,rgba(240,24,43,.13),transparent 62%),radial-gradient(900px 640px at -6% 112%,rgba(110,84,255,.11),transparent 62%),linear-gradient(180deg,#07070f 0%,#05050a 100%)}
.bg canvas{position:absolute;inset:0;width:100%;height:100%}
.bg .glow{position:absolute;border-radius:50%;filter:blur(60px);opacity:.5;animation:drift 80s ease-in-out infinite alternate}
.bg .glow.a{width:46vw;height:46vw;top:-22%;right:-12%;background:radial-gradient(closest-side,rgba(240,24,43,.22),transparent)}
.bg .glow.b{width:42vw;height:42vw;bottom:-24%;left:-12%;background:radial-gradient(closest-side,rgba(110,84,255,.18),transparent);animation-direction:alternate-reverse}
@keyframes drift{to{transform:translate3d(-3vw,2vh,0) scale(1.06)}}
.bg::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 120% 100% at 50% 40%,transparent 45%,rgba(0,0,0,.45))}
[data-fundo="minimo"] .bg .glow{display:none}
[data-fundo="liso"] .bg canvas,[data-fundo="liso"] .bg .glow,[data-fundo="liso"] .bg::after{display:none}
[data-fundo="liso"] .bg{background:var(--bg)}
/* Universo no Modo dia: mesmo céu calmo, em azul-lavanda claro; estrelas viram pontos violeta-escuros bem suaves */
[data-tema="claro"] .bg{background:radial-gradient(1100px 700px at 88% -12%,rgba(217,4,22,.10),transparent 62%),radial-gradient(900px 640px at -6% 112%,rgba(91,52,184,.10),transparent 62%),linear-gradient(180deg,#F4F5FB 0%,#E6E9F4 100%)}
[data-tema="claro"] .bg .glow{opacity:.6}
[data-tema="claro"] .bg .glow.a{background:radial-gradient(closest-side,rgba(217,4,22,.16),transparent)}
[data-tema="claro"] .bg .glow.b{background:radial-gradient(closest-side,rgba(91,52,184,.17),transparent)}
[data-tema="claro"] .bg::after{background:radial-gradient(ellipse 120% 100% at 50% 40%,transparent 55%,rgba(50,50,120,.10))}
[data-fundo="liso"][data-tema="claro"] .bg{background:var(--bg)}

/* ═══ COMPATIBILIDADE: nomes antigos apontam para os tokens ═══
   Os sistemas antigos usam --red, --card, --line, --mute etc. Eles
   continuam funcionando e passam a seguir o padrão sem reescrita. */
:root{
  --bg2:var(--surface); --card:var(--surface-raised); --card2:var(--surface-raised); --panel2:var(--surface-hover); --panel3:var(--surface-hover);
  --line:var(--border); --line2:var(--border-strong); --line3:var(--border-strong);
  --red:var(--brand); --red2:var(--brand-hover);
  --cream:var(--text); --ink:var(--text); --mute:var(--text-muted); --dim:var(--text-muted); --mute2:var(--text-faint); --dim2:var(--text-faint);
  --gold:var(--warning); --green:var(--positive); --sky:var(--info); --orange:var(--warning);
  --frio:var(--info); --morno:var(--warning); --quente:var(--negative);
  --s-lead:var(--text-muted); --s-qual:var(--info); --s-diag:var(--violet); --s-prop:var(--warning);
  --s-neg:var(--negative); --s-ganho:var(--positive); --s-perd:var(--text-faint);
  --r:var(--radius-lg); --r2:var(--radius);
}

/* dentro da barra lateral e dos cards de destaque as variáveis antigas acompanham o escopo escuro */
.side,.hero{--cream:var(--text);--ink:var(--text);--mute:var(--text-muted);--dim:var(--text-muted);--mute2:var(--text-faint);--dim2:var(--text-faint);--line:var(--border);--line2:var(--border-strong);--card:var(--surface-raised);--panel2:var(--surface-hover);--red:var(--brand)}

html[data-embutido="1"] .bg{display:none}

/* extras que as telas antigas usam */
:root{
  --acc-7:#FFD25E; --acc-8:#8EA8FF; --fs-display:64px; --space-12:48px;
  --negative-bg:color-mix(in srgb,var(--negative) 12%,var(--surface)); --warning-bg:color-mix(in srgb,var(--warning) 12%,var(--surface));
  --andre:var(--warning); --gustavo:var(--negative); --guilherme:var(--info);
}
[data-tema="claro"]{ --acc-7:#8A6A00; --acc-8:#3A4FB0; }

/* Modo dia: a barra lateral continua escura, então o bloco "Usando como" acompanha */
[data-tema="claro"] .side .who-box{background:var(--surface-raised);border-color:var(--border)}
[data-tema="claro"] .side .who-box select,[data-tema="claro"] .side .who-box small{color:var(--text)}
[data-tema="claro"] .side .who-box small{color:var(--text-muted)}

/* ── Ponte para sistemas com variáveis antigas (--card, --cream, --mute…): Modo dia ── */
[data-tema="claro"]{--bg:#EEF0F8;--bg2:#E6E9F4;--card:#FFFFFF;--panel2:#F3F4FA;--panel3:#E9ECF6;--line:#D9DCEA;--line2:#BFC3D8;--cream:#14142B;--ink:#14142B;--mute:#5D6080;--dim:#5D6080;--dim2:#8588A6;--gold:#8A6A00;--green:#12804A;--sky:#0B6FA8;--violet:#5B34B8;--orange:#B45309;--red:#D90416;--red2:#C00012;--shadow:0 18px 40px -26px rgba(40,40,100,.35)}
[data-tema="claro"] .side{--bg:#0a0a0f;--bg2:#101018;--card:#13131b;--panel2:#191922;--panel3:#20202b;--line:#22222e;--line2:#3a3a4a;--cream:#F5F0E6;--ink:#F5F0E6;--mute:#8b8b9a;--dim:#8b8b9a;--dim2:#5c5c6b;--gold:#d9b25f;--green:#5fd68a;--sky:#5ec8f5;--violet:#b39cf7;--orange:#ffa04d;--red:#e30613;--red2:#ff2a3a}

/* ── Modo dia para sistemas com cartões/controles escuros fixos (Rotina, Radar…) ── */
[data-tema="claro"] .card,[data-tema="claro"] .q,[data-tema="claro"] .vered,[data-tema="claro"] .rail-card,[data-tema="claro"] .verse,[data-tema="claro"] .chip,[data-tema="claro"] .pill,[data-tema="claro"] .ach,[data-tema="claro"] .sheet,[data-tema="claro"] .sheet-head,[data-tema="claro"] .sheet-foot,[data-tema="claro"] #toast,[data-tema="claro"] .cx,[data-tema="claro"] .linkbox,[data-tema="claro"] .col,[data-tema="claro"] .barraAcao,[data-tema="claro"] .lupa,[data-tema="claro"] .log,[data-tema="claro"] .dot .tip{background:#FFFFFF;border-color:#D9DCEA;box-shadow:0 1px 2px rgba(20,20,60,.06),0 14px 30px -24px rgba(40,40,100,.35);backdrop-filter:none}
[data-tema="claro"] .card::before{background:linear-gradient(90deg,transparent,rgba(40,40,100,.12),transparent)}
[data-tema="claro"] .big.alt,[data-tema="claro"] .dec button,[data-tema="claro"] .seg button,[data-tema="claro"] .stSeg button,[data-tema="claro"] .icones button,[data-tema="claro"] .dayspick button,[data-tema="claro"] .emopick button,[data-tema="claro"] .energy button,[data-tema="claro"] .moods button,[data-tema="claro"] .kc .mv button,[data-tema="claro"] .cell,[data-tema="claro"] .day,[data-tema="claro"] .dot,[data-tema="claro"] input:not([type=checkbox]):not([type=radio]):not([type=range]),[data-tema="claro"] select,[data-tema="claro"] textarea{background:#F3F4FA;border-color:#D0D4E6;color:#14142B}
[data-tema="claro"] .bar,[data-tema="claro"] .track,[data-tema="claro"] .dim .tr,[data-tema="claro"] .fit .barr,[data-tema="claro"] .nc .fitmini i,[data-tema="claro"] .chip .xpbar,[data-tema="claro"] .heat i,[data-tema="claro"] .tab i{background:#DDE0EE}
[data-tema="claro"] .side .tab i{background:#2e2e3c}
[data-tema="claro"] .side .card,[data-tema="claro"] .side .chip,[data-tema="claro"] .side .pill{background:#13131b;border-color:#22222e}

/* ═══ AJUSTES GLOBAIS (celular + PC) ═══ */
html{overflow-x:clip}
body::before,body::after{content:none!important}  /* efeitos de fundo antigos das telas de login: o fundo universo é o único */
.btn.sm.fleur-tema-bt,.fleur-tema-bt{min-height:32px}
@media (pointer:coarse){
  .chip,.btn.sm,.pbtn,select,.icon-btn,.fleur-tema-bt{min-height:40px}
  .ck{position:relative}.ck::after{content:"";position:absolute;inset:-10px}
}

/* janelas (modais): fundo escurecido e caixa sólida — nada do que está atrás aparece através do texto */
.modal{background:rgba(3,3,8,.74)!important;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.modal .box{background:var(--surface-raised)!important}

/* ═══ MENU ÚNICO DE SISTEMAS (igual em todas as telas) ═══ */
.fl-nav{display:flex;flex-direction:column;gap:2px;overflow-y:auto;scrollbar-width:none;min-height:0}
.fl-nav::-webkit-scrollbar{display:none}
.fl-nav .navsec{font:600 11px var(--body);letter-spacing:.22em;text-transform:uppercase;color:var(--text-faint);margin:14px 12px 4px}
.fl-nav .navsec:first-child{margin-top:0}
.fl-tab{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;border:1px solid transparent;color:var(--text-muted);text-decoration:none;
  font:500 14px var(--body);position:relative;transition:background .2s,color .2s,border-color .2s,transform .2s}
.fl-tab svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}
.fl-tab span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fl-tab i{width:7px;height:7px;border-radius:50%;background:var(--border-strong);flex:none;transition:all .3s}
.fl-tab:hover{color:var(--text);background:color-mix(in srgb,var(--text) 8%,transparent);transform:translateX(3px)}
.fl-tab[aria-current="page"]{background:color-mix(in srgb,var(--brand) 12%,transparent);border-color:color-mix(in srgb,var(--brand) 28%,transparent);color:var(--text);font-weight:600}
.fl-tab[aria-current="page"] i{background:var(--brand-hover);box-shadow:0 0 12px var(--brand-hover)}
.fl-nav-topo{flex:none;margin:6px 0 10px;padding-bottom:10px;border-bottom:1px solid var(--border)}
.fl-nav-topo .fl-tab{padding:8px 12px}
.side .fl-nav-topo{flex:none!important;overflow:visible!important;max-height:none!important;height:auto!important}
.fl-nav-topo .navsec{height:8px;margin:0;overflow:hidden;font-size:0;letter-spacing:0}
.fl-nav-topo .navsec:first-child{display:none}
.fl-nav-topo .fl-tab{padding:6px 12px}
[data-barra] .side{overflow-y:auto;scrollbar-width:none}
[data-barra] .side>*{flex-shrink:0}
[data-barra] .side>nav:not(.fl-nav){flex:none}
@media(max-width:900px){[data-barra] .fl-nav-topo{display:none}}
/* folha "Ir para": troca de sistema com um toque (botão da casinha, no celular) */
.fl-folha{position:fixed;inset:0;z-index:200;display:none;align-items:flex-end;justify-content:center;background:rgba(3,3,8,.74);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.fl-folha.on{display:flex}
.fl-folha-box{width:min(560px,100%);max-height:86dvh;overflow:auto;background:#10101c;color:#FBF7ED;border:1px solid #2b2b40;border-radius:22px 22px 0 0;padding:18px 16px calc(20px + env(safe-area-inset-bottom));animation:flSobe .28s var(--ease,ease) both}
@keyframes flSobe{from{transform:translateY(40px);opacity:0}to{transform:none;opacity:1}}
.fl-folha-top{display:flex;justify-content:space-between;align-items:center;margin:0 4px 14px;font:700 15px var(--head,system-ui)}
.fl-folha-ini{font:600 13px var(--body,system-ui);color:#FF4254;text-decoration:none;padding:8px 4px}
.fl-folha-grade{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.fl-folha-grade a{display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 6px;border-radius:14px;background:#13131f;border:1px solid #2b2b40;color:#BDBDD0;text-decoration:none;font:500 12.5px var(--body,system-ui);text-align:center;min-height:76px;justify-content:center}
.fl-folha-grade a svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.fl-folha-grade a[aria-current="page"]{border-color:rgba(240,24,43,.5);background:rgba(240,24,43,.14);color:#fff}
@media(min-width:821px){.fl-folha{align-items:flex-start;justify-content:flex-end;padding:64px 18px}.fl-folha-box{border-radius:20px;width:360px}}