@font-face{font-family:Inter;font-weight:400;font-display:swap;src:url(/fonts/Inter-Regular.woff) format("woff")}
@font-face{font-family:Inter;font-weight:500;font-display:swap;src:url(/fonts/Inter-Medium.woff) format("woff")}
@font-face{font-family:Inter;font-weight:600;font-display:swap;src:url(/fonts/Inter-SemiBold.woff) format("woff")}
@font-face{font-family:Inter;font-weight:700;font-display:swap;src:url(/fonts/Inter-Bold.woff) format("woff")}
@font-face{font-family:Inter;font-weight:800;font-display:swap;src:url(/fonts/Inter-ExtraBold.woff) format("woff")}
@font-face{font-family:"Space Grotesk";font-weight:500;font-display:swap;src:url(/fonts/SpaceGrotesk-500.woff) format("woff")}
@font-face{font-family:"Space Grotesk";font-weight:600;font-display:swap;src:url(/fonts/SpaceGrotesk-600.woff) format("woff")}
@font-face{font-family:"Space Grotesk";font-weight:700;font-display:swap;src:url(/fonts/SpaceGrotesk-700.woff) format("woff")}
@font-face{font-family:"JetBrains Mono";font-weight:500;font-display:swap;src:url(/fonts/jetbrains-mono-500.woff2) format("woff2")}

:root{
  --accent:#0dccf2;--accent-ink:#04161b;--accent-s:rgba(13,204,242,.12);
  --navy:#0a0d12;--navy-2:#121823;
  --strong:#eef2f6;
  --green:#3ddc97;--blue:#0dccf2;--yellow:#f2d14c;--red:#ff7a6b;--orange:#ff8a4c;--grey:#5b6575;
  --bg:#07090c;--card:#0d1118;--card-2:#121823;--ink:#c7cfda;--muted:#8a94a4;--line:#1c2430;
  --green-s:rgba(61,220,151,.12);--blue-s:rgba(13,204,242,.1);--yellow-s:rgba(242,209,76,.12);--red-s:rgba(255,122,107,.12);--orange-s:rgba(255,138,76,.12);--grey-s:#151b25;
  --r:14px;--sh:none;
  --display:"Space Grotesk",Inter,system-ui,sans-serif;--mono:"JetBrains Mono",ui-monospace,monospace;
  color-scheme:dark;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--ink);background:var(--bg);font-size:15px;line-height:1.5}
body.noscroll{overflow:hidden}
h1,h2,h3{margin:0;color:var(--strong);line-height:1.2;font-family:var(--display)}
h1{font-size:28px;font-weight:700;letter-spacing:-.02em}
h2{font-size:20px;font-weight:600}
h3{font-size:16px;font-weight:600}
p{margin:0}
a{color:var(--accent)}
button{font:inherit;cursor:pointer}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.cap{display:inline-block}.cap::first-letter{text-transform:uppercase}

/* layout */
#app{display:grid;grid-template-columns:260px 1fr;min-height:100vh}
.side{background:var(--bg);border-right:1px solid var(--line);color:var(--strong);padding:20px 14px;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:18px;overflow:auto}
.brand{display:flex;align-items:center;gap:10px;color:var(--strong);text-decoration:none;padding:4px 8px}
.brand img{filter:brightness(0) invert(1);opacity:.95}
.brand strong{display:block;font-size:17px;font-weight:700;font-family:var(--display)}
.brand small{display:block;font-size:11.5px;opacity:.75}
.nav{display:flex;flex-direction:column;gap:2px}
.nav a{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;color:var(--muted);text-decoration:none;font-weight:500}
.nav a:hover{background:var(--card-2);color:var(--strong)}
.nav a[aria-current=page]{background:var(--accent-s);color:var(--accent);font-weight:600}
.nav a.accent{color:var(--green)}
.side-foot{margin-top:auto;display:flex;flex-direction:column;gap:12px}
.side-card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:8px;font-size:13.5px}
.side-card p{opacity:.85}
.privacy-note{font-size:11.5px;opacity:.65;padding:0 6px}
main{padding:28px 32px 60px;min-width:0;max-width:1180px;width:100%}
.tabs{display:none}

.vhead{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:18px}
.sub{color:var(--muted);margin-top:4px;display:block}.sub::first-letter{text-transform:uppercase}
.vact{display:flex;gap:10px;flex-wrap:wrap;align-items:center}

/* botões */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:999px;padding:10px 18px;font-weight:600;text-decoration:none;line-height:1.2;min-height:42px;transition:filter .15s,background .15s}
.btn-sm{padding:7px 12px;min-height:34px;font-size:13.5px}
.btn-lg{padding:14px 22px;font-size:16px;min-height:50px}
.btn-primary{background:var(--accent);color:var(--accent-ink)}
.btn-primary:hover{filter:brightness(1.1)}
.btn-ghost{background:var(--card);color:var(--strong);border-color:var(--line)}
.btn-ghost:hover{background:var(--card-2);border-color:#263041}
.btn-wa{background:var(--green);color:var(--accent-ink)}
.btn-wa:hover{filter:brightness(.95)}
.btn.danger,.danger{color:var(--red)}
.link{background:none;border:0;color:var(--blue);padding:6px 4px;font-weight:600;text-decoration:none;cursor:pointer}
.link.muted{color:var(--muted);font-weight:500}
input::placeholder,textarea::placeholder{color:#5b6575}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,tr:focus-visible{outline:3px solid var(--accent);outline-offset:2px}

/* cartões */
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh);padding:18px 20px;margin-bottom:16px}
.card h3{margin-bottom:8px}
.meta{color:var(--muted);font-size:13.5px}
.tip{color:var(--muted);font-size:12.5px;margin-top:8px}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.grid2 .card{margin-bottom:0}
.grid2{margin-bottom:16px}
.cols{display:grid;grid-template-columns:1.2fr 1fr;gap:24px}

.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}
.kpi{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:14px 16px;box-shadow:var(--sh);display:flex;flex-direction:column}
.kpi-l{font-size:12.5px;color:var(--muted);font-weight:500}
.kpi-v{font-family:var(--display);font-size:28px;font-weight:700;color:var(--strong);line-height:1.2}
.kpi-s{font-size:12.5px;color:var(--muted)}
.kpi.warn .kpi-v{color:var(--orange)}

.banner{display:flex;gap:16px;align-items:center;justify-content:space-between;background:var(--blue-s);border:1px solid rgba(13,204,242,.3);border-radius:var(--r);padding:12px 16px;margin-bottom:16px;font-size:14px}
.banner.warn{background:var(--orange-s);border-color:rgba(255,138,76,.35)}

/* chips */
.chips{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.chip{display:inline-block;padding:3px 9px;border-radius:99px;font-size:12px;font-weight:600;white-space:nowrap;color:var(--accent-ink);background:var(--grey)}
.chip.green{background:var(--green)}.chip.blue{background:var(--blue)}.chip.yellow{background:var(--yellow)}.chip.red{background:var(--red)}.chip.orange{background:var(--orange)}.chip.grey{background:var(--grey)}
.chip.green-soft{background:var(--green-s);color:var(--green)}.chip.red-soft{background:var(--red-s);color:var(--red)}.chip.yellow-soft{background:var(--yellow-s);color:var(--yellow)}.chip.grey-soft{background:var(--grey-s);color:var(--muted)}

/* tarefas */
.tasks{display:flex;flex-direction:column;gap:14px;margin-bottom:18px}
.task{background:var(--card);border:1px solid var(--line);border-left:6px solid var(--green);border-radius:var(--r);padding:16px 18px;box-shadow:var(--sh)}
.task.ch-blue{border-left-color:var(--blue)}.task.ch-red{border-left-color:var(--red)}.task.is-late{border-left-color:var(--orange)}
.task-h{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:6px}
.task-h h3{font-size:17px}
.what{margin:6px 0 10px;color:var(--ink);font-size:14px}
.alert{background:var(--orange-s);border:1px solid rgba(255,138,76,.35);border-radius:8px;padding:8px 12px;font-size:13.5px;margin-bottom:10px}
.gaps{background:var(--yellow-s);border-radius:8px;padding:8px 12px;font-size:13px;margin-top:6px}
textarea,input,select{font:inherit;color:var(--ink);width:100%;border:1px solid #263041;border-radius:10px;padding:9px 11px;background:var(--bg)}
textarea.msg{resize:vertical;min-height:120px;line-height:1.5}
.task-a{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px;align-items:center}
.script{margin:8px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}
.script li{display:grid;grid-template-columns:130px 1fr;gap:10px;background:var(--card-2);border-radius:8px;padding:8px 12px;font-size:14px}
.script b{color:var(--strong)}
details.outcome{position:relative}
details.outcome summary{list-style:none}
details.outcome summary::-webkit-details-marker{display:none}
details.outcome .menu{position:absolute;z-index:5;top:100%;left:0;margin-top:6px;background:var(--card);border:1px solid var(--line);border-radius:10px;box-shadow:var(--sh);min-width:290px;padding:6px;display:flex;flex-direction:column}
.menu button{background:none;border:0;text-align:left;padding:10px 12px;border-radius:8px}
.menu button:hover{background:var(--grey-s)}

.empty{background:var(--card);border:1px dashed #263041;border-radius:var(--r);padding:34px 24px;text-align:center;display:flex;flex-direction:column;gap:12px;align-items:center;margin-bottom:18px}
.empty p{max-width:520px;color:var(--muted)}
.empty .vact{justify-content:center}
.list{list-style:none;padding:0;margin:0;width:100%;max-width:520px;text-align:left}
.list li{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-top:1px solid var(--line);font-size:14px}

/* funil */
.funnel{display:grid;grid-template-columns:1.4fr 1fr;gap:20px;align-items:center;background:radial-gradient(120% 140% at 0% 0%,rgba(13,204,242,.16),transparent 55%),var(--card);border:1px solid var(--line);color:var(--ink);border-radius:20px;padding:22px 26px;margin:20px 0}
.funnel h3{color:var(--strong);font-size:19px;margin:4px 0 8px}
.funnel p{opacity:.9;font-size:14px}
.funnel-a{display:flex;flex-direction:column;gap:8px;align-items:flex-start}
.funnel .btn-primary{background:var(--accent);color:var(--accent-ink)}
.funnel .btn-primary:hover{filter:brightness(1.1)}
.funnel .link{color:var(--accent)}
.eyebrow{font-family:var(--mono);font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;font-weight:500;color:var(--accent)}
.hero{background:radial-gradient(90% 120% at 0% 0%,rgba(13,204,242,.18),transparent 60%),var(--card);border:1px solid var(--line);color:var(--ink);border-radius:20px;padding:34px 34px 28px;margin-bottom:18px;display:flex;flex-direction:column;gap:14px}
.hero h1{color:var(--strong);font-size:30px;max-width:760px}
.hero p{max-width:720px;opacity:.92}
.hero .btn-primary{background:var(--accent);color:var(--accent-ink)}
.hero .tip{color:var(--muted)}
.steps3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:16px}
.steps3 .card{margin:0;display:flex;flex-direction:column;gap:6px;align-items:flex-start}
.steps3 b{width:30px;height:30px;border-radius:50%;background:var(--accent-s);color:var(--accent);font-family:var(--mono);display:grid;place-items:center}
.closing{text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}
.closing p{max-width:600px;color:var(--muted)}

/* tabelas */
.tablewrap{overflow-x:auto;background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh)}
.card .tablewrap{box-shadow:none}
.table{width:100%;border-collapse:collapse;font-size:14px}
.table th{background:var(--card-2);color:var(--muted);font-size:12px;text-align:left;padding:10px 12px;white-space:nowrap}
.table td,.table tbody th{padding:11px 12px;border-top:1px solid var(--line);vertical-align:top}
.table tr[data-action]{cursor:pointer}.table tr[data-action]:hover{background:var(--card-2)}
.num{text-align:right;white-space:nowrap}
.cmp tbody th{background:var(--card);width:160px}
.toolbar{display:flex;gap:12px;justify-content:space-between;flex-wrap:wrap;margin-bottom:12px}
.pills{display:flex;gap:6px;flex-wrap:wrap}
.pill{border:1px solid var(--line);background:var(--card);border-radius:99px;padding:6px 13px;font-size:13px;font-weight:600;color:var(--muted)}
.pill.on{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}
.search{max-width:280px}

/* formulários */
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.f{display:flex;flex-direction:column;gap:5px;font-size:13px;font-weight:600;color:var(--strong)}
.span2{grid-column:1/-1}
.form-a{display:flex;gap:10px}

/* modal */
.overlay{position:fixed;inset:0;background:rgba(0,0,0,.7);z-index:50;display:flex;justify-content:center;align-items:flex-start;padding:5vh 16px;overflow:auto}
.modal{background:var(--card);border:1px solid var(--line);border-radius:20px;width:100%;max-width:560px;box-shadow:0 20px 60px rgba(0,0,0,.3)}
.modal.wide{max-width:900px}
.modal header{display:flex;justify-content:space-between;align-items:center;padding:16px 22px;border-bottom:1px solid var(--line)}
.x{border:0;background:none;font-size:28px;line-height:1;color:var(--muted)}
.mbody{padding:18px 22px 24px}
.expl{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}
.exp{text-align:left;display:flex;flex-direction:column;gap:4px;margin:0;font:inherit;cursor:pointer}
.exp:hover,.exp.on{border-color:var(--accent)}
.exp span{color:var(--muted);font-size:13px}
.timeline{list-style:none;margin:8px 0 14px;padding:0}
.tl{display:flex;gap:10px;padding:7px 0;position:relative}
.tl .dot{width:12px;height:12px;border-radius:50%;margin-top:5px;flex:none;background:var(--green)}
.tl.blue .dot{background:var(--blue)}.tl.red .dot{background:var(--red)}.tl.orange .dot{background:var(--orange)}.tl.grey .dot{background:var(--grey)}
.tl div{display:flex;flex-direction:column;font-size:13.5px}.tl span{color:var(--muted);font-size:12.5px}
.cols .btn{margin-right:6px;margin-top:4px}

/* calendário */
.calnav{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.calnav strong{min-width:160px;text-align:center;font-size:17px;color:var(--strong)}
.legend{display:flex;gap:14px;flex-wrap:wrap;list-style:none;padding:0;margin:0 0 12px;font-size:13px;color:var(--muted)}
.legend li{display:flex;align-items:center;gap:6px}
.sw{width:14px;height:14px;border-radius:4px;display:inline-block;background:var(--green)}
.sw.blue,.mini.blue{background:var(--blue)}.sw.yellow{background:var(--yellow)}.sw.red{background:var(--red)}.sw.orange{background:var(--orange)}.sw.grey{background:var(--grey)}
.cal{background:var(--card);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;box-shadow:var(--sh)}
.cal-h,.cal-g{display:grid;grid-template-columns:repeat(7,1fr)}
.cal-h span{background:var(--card-2);color:var(--strong);font-size:12.5px;font-weight:700;padding:8px;text-align:center}
.cell{min-height:104px;border-top:1px solid var(--line);border-left:1px solid var(--line);padding:5px;display:flex;flex-direction:column;gap:3px;min-width:0}
.cell:nth-child(7n+1){border-left:0}
.cell.out{background:#0a0d12}.cell.out .dn{opacity:.4}
.cell.sun{background:#0a0d12}
.cell.today{outline:2px solid var(--accent);outline-offset:-2px}
.dn{font-size:12.5px;font-weight:700;color:var(--strong)}
.mini{display:block;width:100%;border:0;border-radius:5px;padding:2px 6px;font-size:11.5px;font-weight:600;color:var(--accent-ink);text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:var(--green)}
.mini.yellow{background:var(--yellow)}.mini.red{background:var(--red)}.mini.orange{background:var(--orange)}.mini.grey{background:var(--grey)}
.more{font-size:11px;color:var(--muted)}

/* mensagens */
.msgs{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}
.msgs .card{margin:0}
.msgc-h{display:flex;gap:12px;align-items:center;margin-bottom:10px}
.code{min-width:42px;height:42px;border-radius:10px;display:grid;place-items:center;color:var(--accent-ink);font-family:var(--display);font-weight:700;background:var(--green)}
.code.blue{background:var(--blue)}.code.red{background:var(--red)}
.msgc .script{margin-bottom:8px}

/* painel */
.bars{display:flex;flex-direction:column;gap:10px}
.bar{display:grid;grid-template-columns:110px 1fr 28px;gap:10px;align-items:center;font-size:13.5px}
.bt{background:var(--grey-s);border-radius:99px;height:12px;overflow:hidden}
.bt i{display:block;height:100%;border-radius:99px;background:var(--accent)}
.bt i.green{background:var(--green)}.bt i.yellow{background:var(--yellow)}.bt i.red{background:var(--red)}.bt i.grey{background:var(--grey)}
.dl{display:grid;grid-template-columns:1fr auto;gap:8px 12px;margin:0}.dl dt{color:var(--muted)}.dl dd{margin:0;font-weight:700;color:var(--strong)}
.time{margin-top:16px}.big{font-family:var(--display);font-size:36px;font-weight:700;color:var(--strong)}

/* protocolo */
.steps{list-style:none;padding:0;margin:10px 0 0;display:flex;flex-direction:column;gap:8px}
.steps li{display:grid;grid-template-columns:80px 1fr;gap:2px 10px;border-left:5px solid var(--green);background:var(--green-s);border-radius:8px;padding:8px 12px}
.steps li.blue{border-color:var(--blue);background:var(--blue-s)}.steps li.red{border-color:var(--red);background:var(--red-s)}
.steps em{grid-column:2;font-style:normal;font-size:13px;color:var(--muted)}
.steps span{font-size:13px;color:var(--muted)}
.princ{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}
.princ li{display:flex;flex-direction:column}.princ span{color:var(--muted);font-size:14px}
.morelist{display:grid;gap:10px}
a.card.more{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--strong);font-weight:600;margin:0}
a.card.more.accent{border-color:rgba(61,220,151,.4);background:var(--green-s)}

/* toast */
#toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:80;width:min(560px,calc(100% - 32px));pointer-events:none}
.toast{background:var(--card-2);border:1px solid #263041;color:var(--strong);border-radius:12px;padding:12px 16px;box-shadow:0 10px 30px rgba(0,0,0,.25);font-size:14px;pointer-events:auto}
.toast a{color:var(--accent);font-weight:600}

/* impressão */
#print{display:none;--navy:#1F3A5F;--strong:#1F3A5F;--green:#2E9E5B;--blue:#2F6FDE;--yellow:#F2B705;--red:#D64545;--orange:#F28C28;--grey:#8A94A3;--green-s:#e6f5ec;--blue-s:#e8f0fd;--yellow-s:#fdf4d6;--red-s:#fbe9e9;--orange-s:#fdeedd;--grey-s:#eceff3;--line:#e1e6ed;--ink:#1c2736;--muted:#5d6b7e;color:#1c2736}
@media print{
  body{background:#fff;color:#1c2736;font-size:11pt}
  #app,#modal,#toast{display:none!important}
  #print{display:block}
}
.pdoc{font-family:Inter,sans-serif;color:#1c2736}
.ph{display:flex;justify-content:space-between;align-items:flex-end;border-bottom:3px solid var(--navy);padding-bottom:8px;margin-bottom:12px}
.ph h1{font-size:20pt}.ph p{color:#5d6b7e;font-size:10pt}.pd{font-size:9pt;color:#5d6b7e}
.pf{margin-top:12px;border-top:1px solid #ccd3de;padding-top:6px;font-size:8pt;color:#5d6b7e}
.wgrid{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;margin:8px 0}
.wcol{border:1px solid #ccd3de;border-radius:6px;padding:6px;min-height:105mm}
.wcol.today{border:2px solid var(--navy)}
.wcol h3{font-size:10pt;margin-bottom:6px;display:flex;justify-content:space-between}.wcol small{font-weight:500;color:#5d6b7e}
.pchip{border-left:4px solid var(--green);background:var(--green-s);border-radius:4px;padding:3px 5px;margin-bottom:4px;font-size:8pt;break-inside:avoid}
.pchip b{display:block}.pchip span{color:#46526a}
.pchip.blue{border-color:var(--blue);background:var(--blue-s)}.pchip.red{border-color:var(--red);background:var(--red-s)}.pchip.yellow{border-color:var(--yellow);background:var(--yellow-s)}.pchip.orange{border-color:var(--orange);background:var(--orange-s)}.pchip.grey{border-color:var(--grey);background:var(--grey-s)}
.pover{margin-bottom:8px}.pover h3{font-size:10pt;color:#b3601a;margin-bottom:4px}.prow{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}
.none{color:#aaa}
.pdoc .cap{margin-bottom:6px}
.pcal .ph7,.pg{display:grid;grid-template-columns:repeat(7,1fr)}
.ph7 span{background:#e9eef5;font-size:8.5pt;font-weight:700;padding:3px;text-align:center}
.pc{border:1px solid #ccd3de;min-height:25mm;padding:2px;display:flex;flex-direction:column;gap:1px;break-inside:avoid}.pc.out{background:#f6f7f9}
.pc .dn{font-size:8pt}.pm{display:block;font-style:normal;font-size:7pt;font-weight:600;color:#fff;background:var(--green);border-radius:3px;padding:0 3px;white-space:nowrap;overflow:hidden}
.pm.blue{background:var(--blue)}.pm.red{background:var(--red)}.pm.orange{background:var(--orange)}.pm.grey{background:var(--grey)}.pm.yellow{background:var(--yellow);color:#4a3a00}
.ptable{width:100%;border-collapse:collapse;font-size:8.5pt}.ptable th{background:#e9eef5;text-align:left;padding:4px 6px}.ptable td{border-top:1px solid #ccd3de;padding:4px 6px}
.ptable.small{width:60%;margin-bottom:10px}
.pk{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:14px}.pk div{border:1px solid #ccd3de;border-radius:6px;padding:8px;display:flex;flex-direction:column}.pk span{font-size:8.5pt;color:#5d6b7e}.pk b{font-size:20pt;color:var(--navy)}.pk em{font-style:normal;font-size:9pt}
.pdoc h3{margin:10px 0 4px;font-size:11pt}.pnote{font-size:8.5pt;color:#5d6b7e;margin-top:10px}
.pdoc .legend{margin-top:8px;font-size:8pt}
@media print{*{-webkit-print-color-adjust:exact;print-color-adjust:exact}}

/* responsivo */
@media (max-width:980px){
  #app{grid-template-columns:1fr}
  .side{display:none}
  main{padding:18px 16px 96px}
  .tabs{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;bottom:0;left:0;right:0;background:var(--card);border-top:1px solid var(--line);z-index:30;padding:6px 4px calc(6px + env(safe-area-inset-bottom))}
  .tabs a{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:11px;color:var(--muted);text-decoration:none;padding:4px 0;font-weight:600}
  .tabs a[aria-current=page]{color:var(--accent)}
  h1{font-size:22px}
  .kpis{grid-template-columns:1fr 1fr}
  .grid2,.cols,.funnel,.steps3,.msgs,.expl,.form-grid{grid-template-columns:1fr}
  .hero{padding:24px 20px}.hero h1{font-size:24px}
  .script li{grid-template-columns:1fr}
  .cell{min-height:70px}
  .mini{font-size:10px;padding:1px 3px}
  .toolbar .search{max-width:none;width:100%}
  details.outcome .menu{min-width:250px}
}
@media (max-width:560px){
  .cal-h span{font-size:11px;padding:6px 2px}
  .mini:not(.yellow){font-size:0;height:8px;padding:0}
  .mini.yellow{display:none}
  .table{font-size:13px}
  #toast{bottom:76px}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}

/* marca e destaque do título */
.brand img{filter:none;border-radius:50%;object-fit:cover;transition:filter .3s}
.brand:hover img{filter:drop-shadow(0 0 12px rgba(13,204,242,.6))}
.brand strong i{font-style:normal;color:var(--accent)}
.hero h1 span{color:var(--accent)}

/* seletor de idioma */
.langsw{display:flex;gap:4px;margin:0 6px;font-family:var(--mono);font-size:12px}
.langsw a{padding:4px 10px;border-radius:999px;border:1px solid var(--line);color:var(--muted);text-decoration:none}
.langsw a[aria-current=true]{background:var(--accent-s);border-color:rgba(13,204,242,.4);color:var(--accent)}
.vhead + .langsw,main > .langsw{margin:0 0 14px}