/* Sous local: estilo das telas, no visual do mockup v7 (prototipos/sous-na-pratica.html).
   Fontes do sistema, sem recurso remoto. Contraste AA, foco visivel, alvos de 44 px no celular. */

:root{
  --app-bg:#f8f5f0; --app-side:#f1ece4; --app-line:#e9e2d8; --line-soft:#f2ede6;
  --ink:#1d1916; --ink2:#5b524a; --ink3:#6f655c;
  --acc:#c2410c; --acc-bg:#fdeee7; --acc-ink:#a63b17;
  --ok:#1b6e4b; --ok-bg:#e5f3eb; --warn:#875b04; --warn-bg:#fbf1d9; --bad:#b0321f; --bad-bg:#fbe8e4;
  --info:#2c67a8; --info-bg:#e7eff9;
  --serif:"Instrument Serif", Georgia, "Times New Roman", serif;
  --sans:"Geist", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --mono:"Geist Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --bnav-h:64px;
  color-scheme:light;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--app-bg);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}
/* a colmeia do Cerebro tambem no claro, bem leve (no escuro, o escuro.css troca a cor e o brilho) */
body{background-image:url("data:image/svg+xml,%3Csvg xmlns='http%3A//www.w3.org/2000/svg' width='29.445' height='51.000'%3E%3Cpath d='M14.13,8.16L0.00,16.32L-14.13,8.16L-14.13,-8.16L-0.00,-16.32L14.13,-8.16ZM43.58,8.16L29.44,16.32L15.31,8.16L15.31,-8.16L29.44,-16.32L43.58,-8.16ZM28.86,33.66L14.72,41.82L0.59,33.66L0.59,17.34L14.72,9.18L28.86,17.34ZM14.13,59.16L0.00,67.32L-14.13,59.16L-14.13,42.84L-0.00,34.68L14.13,42.84ZM43.58,59.16L29.44,67.32L15.31,59.16L15.31,42.84L29.44,34.68L43.58,42.84Z' fill='none' stroke='%23806a52' stroke-opacity='.055' stroke-width='1'/%3E%3C/svg%3E");background-size:29.445px 51.000px;background-attachment:fixed}
button,input,select,textarea{font:inherit;color:inherit}
a{color:inherit}
h1,h2,h3,h4,h5,h6{color:var(--ink)}
code,kbd{font-family:var(--mono)}
.i{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none;vertical-align:middle}
[hidden]{display:none!important}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.noscript{padding:24px;text-align:center}

/* acessibilidade */
:focus-visible{outline:2px solid #1d1916;outline-offset:2px}
.toast :focus-visible{outline-color:#f3eee8}
.pular{position:absolute;left:12px;top:-60px;z-index:100;background:var(--ink);color:#fff;border-radius:10px;padding:10px 14px;text-decoration:none;font-weight:600}
.pular:focus{top:12px}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}html{scroll-behavior:auto}}

/* casca: menu lateral + conteudo */
.app{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:100vh}
.side{position:sticky;top:0;height:100vh;overflow-y:auto;background:var(--app-side);border-right:1px solid var(--app-line);padding:16px 12px;display:flex;flex-direction:column;gap:14px}
.side-brand{display:flex;align-items:center;gap:9px;font-family:var(--serif);font-size:26px;line-height:1;padding:2px 6px}
.side-brand .fase{font-size:10px;margin-left:auto}
.sav{width:32px;height:32px;border-radius:10px;background:linear-gradient(140deg,#ff9a66,#e2552b);color:#fff;font-family:var(--serif);font-size:21px;line-height:1;display:grid;place-items:center;flex:none;box-shadow:inset 0 -2px 0 rgba(0,0,0,.12)}
.sav.sm{width:26px;height:26px;font-size:17px;border-radius:8px}
.side-rede{margin:-8px 0 0;padding:0 8px;font-size:11.5px;color:var(--ink3);line-height:1.3}
.side-nav{display:grid;gap:2px}
.side-grp{margin:10px 0 2px;padding:0 10px;font-size:10.5px;line-height:1.4;letter-spacing:.08em;text-transform:uppercase;color:var(--ink3);font-weight:600}
.side-grp:first-child{margin-top:0}
.side-nav .nv{position:relative;width:100%;display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:8px;color:var(--ink2);text-decoration:none;font-size:13.5px;min-height:40px}
.side-nav .nv:hover{background:rgba(0,0,0,.035);color:var(--ink)}
.side-nav .nv[aria-current="page"]{background:#fff;color:var(--ink);font-weight:600;box-shadow:0 1px 2px rgba(0,0,0,.05)}
.side-nav .nv[aria-current="page"] .i{color:var(--acc)}
.side-nav .nv em,.bnav em{margin-left:auto;font-style:normal;font-size:11px;font-weight:700;background:var(--acc);color:#fff;border-radius:99px;padding:1px 7px;line-height:1.5}
.side-nav .nv em.n,.bnav em.n{background:#e4dccf;color:var(--ink)}
.av{width:32px;height:32px;border-radius:50%;background:#d9cfc2;color:var(--ink);display:grid;place-items:center;font-weight:600;font-size:12px;flex:none}

/* topo: a busca (abre a paleta Cmd/Ctrl+K), o selo dos fatos da ultima rodada, o gasto do dia e o perfil (uma vez
   so, como seletor que troca o recorte de verdade) */
.content{padding:20px 28px 40px;min-width:0;outline:none}
.c-top{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.search{flex:1;min-width:220px;display:flex;align-items:center;gap:10px;height:40px;border:1px solid var(--app-line);background:#fff;border-radius:10px;padding:0 8px 0 12px;color:var(--ink3);font:inherit;font-size:13.5px;text-align:left;cursor:pointer}
.search .i{color:var(--acc)}
.search span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.search:hover{border-color:#cfc5b8}
.kbd{margin-left:auto;flex:none;font-family:var(--mono);font-size:11px;line-height:1.6;border:1px solid var(--app-line);border-bottom-width:2px;border-radius:5px;padding:0 6px;color:var(--ink3);background:#fbf9f6}
.top-st{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.top-st>.est{font-size:12px;font-weight:500;gap:6px;padding:5px 10px;border-radius:9px;line-height:1.4}
.top-st>.est .i{width:13px;height:13px;stroke-width:2}
.top-st>.est.neu{background:#fff;border:1px solid var(--app-line);color:var(--ink2)}
a.top-fatos{text-decoration:none}
a.top-fatos:hover{border-color:#cfc5b8}
.top-meter{display:inline-block;width:46px;height:5px;border-radius:3px;background:#efe8de;overflow:hidden;margin-left:2px}
.top-meter b{display:block;height:100%;background:currentColor;border-radius:3px}
.top-who{display:inline-flex;align-items:center;gap:7px;background:#fff;border:1px solid var(--app-line);border-radius:9px;padding:3px 8px 3px 4px;min-height:36px;cursor:pointer}
.top-who:hover{border-color:#cfc5b8}
.top-who:focus-within{outline:2px solid #1d1916;outline-offset:2px}
.top-who .av{width:26px;height:26px;font-size:10.5px}
.top-who select{appearance:none;-webkit-appearance:none;border:0;background:transparent;font-size:12.5px;font-weight:600;color:var(--ink);padding:4px 20px 4px 0;margin-right:-20px;max-width:240px;cursor:pointer;text-overflow:ellipsis}
.top-who select:focus-visible{outline:none}
.top-who select:disabled{color:var(--ink3);cursor:default}
.top-who>.i{width:13px;height:13px;color:var(--ink3);pointer-events:none}
/* o interruptor do modo escuro (sol, trilho, lua): aria-checked diz se o escuro esta ligado */
.tema-sw{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 9px;background:#fff;border:1px solid var(--app-line);border-radius:9px;color:var(--ink3);cursor:pointer}
.tema-sw:hover{border-color:#cfc5b8}
.tema-sw:disabled{opacity:.6;cursor:default}
.tema-sw .i{width:14px;height:14px}
.tema-sw .sol,.tema-sw[aria-checked="true"] .lua{color:var(--acc)}
.tema-sw[aria-checked="true"] .sol{color:var(--ink3)}
.tema-trilho{position:relative;width:30px;height:17px;border-radius:99px;background:#e4dccf;transition:background .2s}
.tema-bola{position:absolute;top:2px;left:2px;width:13px;height:13px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.25);transition:transform .2s}
.tema-sw[aria-checked="true"] .tema-trilho{background:var(--acc)}
.tema-sw[aria-checked="true"] .tema-bola{transform:translateX(13px)}
.tela{max-width:1180px}

/* menu do celular: barra inferior com 4 telas e "Mais" (folha com Cerebro, Bateria, Vault e Saude) */
.bnav{display:none}

@media (max-width:1240px){
  .app{grid-template-columns:64px minmax(0,1fr)}
  .side .lbl{display:none}
  .side-brand{justify-content:center;padding:2px 0}
  .side-nav .nv{justify-content:center}
  .side-nav .nv em{position:absolute;top:1px;right:1px;font-size:10px;padding:0 5px}
  .side-grp{height:1px;margin:6px 6px;padding:0;background:var(--app-line)}
  .side-grp:first-child{display:none}
}
@media (max-width:980px){
  .app{grid-template-columns:minmax(0,1fr)}
  .side{display:none}
  .content{padding:16px 16px calc(var(--bnav-h) + 28px)}
  .bnav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));position:fixed;left:0;right:0;bottom:0;z-index:40;background:rgba(251,249,246,.97);border-top:1px solid var(--app-line);padding:4px 2px calc(4px + env(safe-area-inset-bottom));backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
  .bnav>a,.bn-mais{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:52px;min-width:44px;border:0;border-radius:10px;background:none;color:var(--ink2);text-decoration:none;font:inherit;font-size:10.5px;line-height:1.15;text-align:center;padding:4px 1px;cursor:pointer}
  .bnav>a .i,.bn-mais .i{width:20px;height:20px}
  .bnav>a span,.bn-mais span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .bnav>a[aria-current="page"],.bn-mais.on,.bn-mais[aria-expanded="true"]{color:var(--ink);font-weight:600;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.06)}
  .bnav>a[aria-current="page"] .i,.bn-mais.on .i{color:var(--acc)}
  .bnav em{position:absolute;top:2px;right:calc(50% - 22px);font-size:10px;padding:0 5px;margin:0}
  .bn-folha{position:absolute;right:8px;bottom:calc(100% + 8px);z-index:41;min-width:220px;display:grid;gap:2px;background:#fff;border:1px solid var(--app-line);border-radius:14px;padding:6px;box-shadow:0 20px 50px -12px rgba(60,40,20,.35)}
  .bn-folha a{display:flex;align-items:center;gap:12px;min-height:44px;padding:8px 12px;border-radius:9px;color:var(--ink);text-decoration:none;font-size:14px}
  .bn-folha a .i{width:18px;height:18px;color:var(--ink2)}
  .bn-folha a:hover{background:#faf8f4}
  .bn-folha a[aria-current="page"]{font-weight:600;background:#faf8f4}
  .bn-folha a[aria-current="page"] .i{color:var(--acc)}
  .toast{bottom:calc(var(--bnav-h) + 16px)}
}

/* cabecalho das telas */
.vh{display:flex;justify-content:space-between;align-items:flex-end;gap:14px;flex-wrap:wrap;margin:24px 0 16px}
.vh .date{font-size:12.5px;color:var(--ink3);margin:0;font-family:var(--sans)}
.vh h1{font-family:var(--serif);font-weight:400;font-size:40px;line-height:1.05;margin:6px 0 4px;letter-spacing:-.01em;outline:none}
.vh .sub{margin:0;color:var(--ink2);font-size:14.5px;max-width:64ch}
.vh .sub b{color:var(--ink);font-weight:600}
.vh .sub b.a{color:var(--ink)}
.vh-r{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
@media (max-width:640px){.vh h1{font-size:34px}}

/* selos de fase (v1 e depois) e estados (P10: icone e texto, nunca so cor) */
.fase{display:inline-flex;align-items:center;gap:4px;font-family:var(--mono);font-size:10.5px;font-weight:500;line-height:1.55;border-radius:5px;padding:0 6px;white-space:nowrap;vertical-align:middle;border:1px solid;font-style:normal}
.fase.v1{background:#fff;color:var(--ink);border-color:#1d1916}
.fase.dp{background:#f4efe8;color:#5b524a;border-color:#a99c8d;border-style:dashed}
.fase.est{background:#fff;color:#5b524a;border-color:#cfc5b8}
.est{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;border-radius:6px;padding:1px 7px;white-space:nowrap;border:1px solid transparent;line-height:1.5}
.est .i{width:11px;height:11px;stroke-width:2.4}
.est.in{background:var(--ok-bg);color:var(--ok)}
.est.at{background:var(--warn-bg);color:var(--warn)}
.est.out{background:var(--bad-bg);color:var(--bad)}
.est.nm{background:#f4f1ec;color:#5b524a;border:1px dashed #8f8274}
.est.dp{background:var(--info-bg);color:var(--info)}
.est.ac{background:#fff;color:#5b524a;border:1px solid #a99c8d}
.est.late{background:#fff;color:var(--warn);border:1px dashed #c99a3e}
.est.neu{background:#f4f1ec;color:var(--ink2)}
.leg-est{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 14px}
.pill{font-size:11.5px;font-weight:600;border-radius:99px;padding:2px 9px}
.pill.a{background:var(--acc-bg);color:var(--acc-ink)}
.pill.g{background:var(--ok-bg);color:var(--ok)}
.pill.n{background:#ece6dd;color:var(--ink)}
.tipo{font-family:var(--mono);font-size:10.5px;font-weight:600;letter-spacing:.06em;border-radius:5px;padding:0 6px;background:#1d1916;color:#fff;line-height:1.6}
.tipo.f{background:#fff;color:var(--ink);border:1px solid #1d1916}
.tipo.x{background:#f1ece4;color:#5b524a}
.mono{font-family:var(--mono);font-size:12px}
.muted{color:var(--ink3)}

/* blocos e cards */
.blk-h{display:flex;align-items:center;gap:10px;margin:0 0 10px;flex-wrap:wrap}
.blk-h h2,.blk-h h3{margin:0;font-size:15px;font-weight:600}
.blk-h .muted{font-size:12.5px}
.card{background:#fff;border:1px solid var(--app-line);border-radius:14px;padding:16px}
.mt{margin-top:16px}
.sec{margin-top:26px}
.two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;margin-top:26px}
@media (max-width:760px){.two{grid-template-columns:minmax(0,1fr)}}
.stack{display:grid;gap:10px;align-content:start}

.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 22px}
@media (max-width:760px){.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
.kpi{background:#fff;border:1px solid var(--app-line);border-radius:12px;padding:12px 14px;min-width:0}
.kpi small{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--ink3);flex-wrap:wrap}
.kpi b{display:block;font-size:24px;font-weight:600;letter-spacing:-.02em;margin-top:4px;font-variant-numeric:tabular-nums;color:var(--ink);overflow-wrap:anywhere}
.kpi span{font-size:12px;color:var(--ink3)}
.kpi .i{width:13px;height:13px}

/* botoes */
.btn{font-size:13px;font-weight:500;border-radius:9px;padding:7px 13px;border:1px solid var(--app-line);background:#fff;color:var(--ink);cursor:pointer;display:inline-flex;gap:7px;align-items:center;justify-content:center;line-height:1.3;transition:.15s;text-decoration:none;min-height:36px}
.btn:hover{border-color:#cfc5b8}
.btn.pri{background:var(--ink);color:#fff;border-color:var(--ink)}
.btn.pri:hover{background:#000}
.btn.perigo{color:var(--bad);border-color:#f0c0b5}
.btn.sm{font-size:12px;padding:5px 10px;border-radius:8px;min-height:32px}
.btn:disabled,.btn[aria-disabled="true"]{opacity:.5;cursor:not-allowed}
.btn .i{width:15px;height:15px}
.lnk{background:none;border:0;color:var(--ink2);font-size:12.5px;cursor:pointer;display:inline-flex;gap:5px;align-items:center;padding:4px;text-decoration:underline;text-underline-offset:3px;text-decoration-color:#cbbfb1}
.lnk:hover{color:var(--ink)}
.nota-btn{background:none;border:0;padding:0 2px;font:inherit;font-family:var(--mono);font-size:.92em;color:var(--ink);cursor:pointer;text-decoration:underline;text-decoration-color:#a99c8d;text-underline-offset:3px;border-radius:4px;overflow-wrap:anywhere;text-align:left}
.nota-btn:hover{text-decoration-color:var(--ink);text-decoration-thickness:2px}
.nota-btn.tx{font-family:var(--sans);font-size:inherit}
/* texto do vault (textoVault): palavra longa quebra, nunca empurra a tela para o lado */
.tv{overflow-wrap:anywhere}
/* detalhes tecnicos (selo de fase, codigo, commit, arquivo): escondidos ate ligar em Saude */
body.tecnico-off [data-tecnico]{display:none!important}
.t-act{display:flex;gap:8px;margin-top:13px;align-items:center;flex-wrap:wrap}
.saves{margin-left:auto;font-size:12px;color:var(--ink3);display:inline-flex;gap:5px;align-items:center}

/* carregando, vazio e erro */
.carregando{display:grid;gap:10px;margin-top:8px}
.carregando .sk{height:64px;border-radius:14px;background:linear-gradient(90deg,#efe9e1 0%,#f7f3ee 50%,#efe9e1 100%);background-size:200% 100%;animation:sk 1.3s ease-in-out infinite}
.carregando .sk.s{height:22px;width:40%}
.carregando p{margin:0;font-size:13px;color:var(--ink3)}
@keyframes sk{0%{background-position:100% 0}100%{background-position:-100% 0}}
.vazio{border:1px dashed #cfe3d6;background:#f6fbf8;border-radius:14px;padding:22px;text-align:center;color:var(--ink2)}
.vazio b{display:block;font-family:var(--serif);font-weight:400;font-size:26px;color:var(--ink);line-height:1.15;margin-bottom:4px}
.vazio span{font-size:13.5px}
.vazio.n{border-color:#ddd3c6;background:#fbf9f6}
.aviso{display:flex;gap:10px;align-items:flex-start;border-radius:12px;padding:12px 14px;font-size:13.5px;line-height:1.45;background:#fff;border:1px solid var(--app-line);color:var(--ink2)}
.aviso>.i{margin-top:2px;flex:none}
.aviso b{color:var(--ink)}
.aviso p{margin:0}
.aviso .t-act{margin-top:8px}
.aviso.erro{background:var(--bad-bg);border-color:#f0c0b5;color:#7b2a1e}
.aviso.erro b{color:#7b2a1e}
.aviso.atn{background:var(--warn-bg);border-color:#efd9a6;color:#6d4b0a}
.aviso.atn b{color:#5a3d06}
.aviso.info{background:var(--info-bg);border-color:#cfdcf0;color:#1f4a7a}
.aviso.info b{color:#1f4a7a}
.aviso code{font-size:12px}

/* procedencia (P7) e "Esta errado?" */
.prov{display:flex;flex-wrap:wrap;gap:3px 10px;align-items:center;margin-top:12px;padding-top:9px;border-top:1px dashed #e4dccf;font-size:11.5px;color:var(--ink3);line-height:1.45}
.prov b{font-weight:600;color:var(--ink2)}
.prov .fx,.prov .fx-sent{margin-left:auto}
.fx{background:none;border:0;padding:2px 4px;font:inherit;font-size:11.5px;color:var(--ink3);cursor:pointer;display:inline-flex;gap:4px;align-items:center;border-radius:6px;text-decoration:underline;text-decoration-color:#cbbfb1;text-underline-offset:3px;white-space:nowrap;min-height:28px}
.fx:hover{color:var(--ink)}
.fx .i,.fx-sent .i{width:12px;height:12px}
.fx-sent{font-size:11.5px;color:var(--ok);display:inline-flex;gap:4px;align-items:center;white-space:nowrap}
.v1n{display:flex;gap:6px;align-items:flex-start;margin:8px 0 0;font-size:12.5px;color:var(--ink2);line-height:1.4}
.v1n .i{width:13px;height:13px;margin-top:2px;color:var(--ink3)}
.v1n b{font-weight:600;color:var(--ink)}

/* Bom dia */
.bat{display:flex;gap:8px 10px;align-items:center;flex-wrap:wrap;font-size:12.5px;color:var(--ink2);background:#fff;border:1px solid var(--app-line);border-radius:10px;padding:8px 12px;margin:12px 0 0;max-width:760px}
.bat>.i{color:var(--ink3)}
.bat b{color:var(--ink);font-weight:600}
.rodar{display:flex;gap:8px 12px;align-items:center;flex-wrap:wrap;background:#fff;border:1px solid var(--app-line);border-left:3px solid var(--ink);border-radius:10px;padding:8px 12px;margin:0 0 18px;font-size:12.5px;color:var(--ink2)}
.rodar b{color:var(--ink);font-weight:600}
.rodar label{display:inline-flex;gap:6px;align-items:center}
.rodar input[type=date]{border:1px solid #cfc5b8;border-radius:7px;padding:4px 8px;background:#fff;min-height:34px;font-size:13px}
.rodar .r{margin-left:auto;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.task{display:grid;grid-template-columns:40px minmax(0,1fr);gap:14px;padding:16px;border:1px solid var(--app-line);border-radius:14px;background:#fff;transition:opacity .22s,transform .22s,box-shadow .2s}
.task+.task{margin-top:10px}
.task:hover{box-shadow:0 6px 20px -12px rgba(60,40,20,.25)}
.task.saindo{opacity:0;transform:translateX(12px)}
.t-ic{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;background:#f1ece4;color:var(--ink2)}
.t-ic .i{width:19px;height:19px}
.t-ic.out{background:var(--bad-bg);color:var(--bad)}
.t-ic.at{background:var(--warn-bg);color:var(--warn)}
.t-ic.dp{background:var(--info-bg);color:var(--info)}
.t-meta{display:flex;gap:8px;align-items:center;font-size:12px;color:var(--ink3);flex-wrap:wrap}
.t-meta .tag{font-weight:600;color:var(--ink2)}
.task h3{margin:3px 0 5px;font-size:15.5px;font-weight:600;line-height:1.35}
.task p{margin:0;color:var(--ink2);font-size:14px}
.cen-l{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.cen-l>li{display:grid;grid-template-columns:32px minmax(0,1fr) auto;gap:4px 12px;align-items:center;background:#fff;border:1px solid var(--app-line);border-radius:12px;padding:10px 12px}
.cen-l .di{width:32px;height:32px;border-radius:9px;background:#f1ece4;color:var(--ink2);display:grid;place-items:center}
.cen-l .di .i{width:15px;height:15px}
.cen-l h3{display:block;font-size:13.5px;margin:0;font-weight:600;line-height:1.3}
.cen-l small{display:block;font-size:12px;color:var(--ink3)}
.cen-r{display:flex;gap:6px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.cen-l .prov{grid-column:2/-1;margin-top:4px;padding-top:6px}
@media (max-width:640px){.cen-l>li{grid-template-columns:32px minmax(0,1fr)}.cen-r{grid-column:2;justify-content:flex-start}}
.rr{list-style:none;margin:0;padding:0}
.rr>li{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr) auto;align-items:start;gap:3px 10px;padding:10px 0;border-top:1px solid var(--line-soft);font-size:13px;color:var(--ink2);line-height:1.4}
.rr>li:first-child{border-top:0;padding-top:2px}
.rr b{color:var(--ink);font-weight:600}
.rr .rr-s{justify-self:end;align-self:start;grid-column:3;grid-row:1}
.rr .rr-t{grid-column:2;grid-row:1;color:var(--ink)}
.rr .rr-m{grid-column:1/-1;font-size:11.5px;color:var(--ink3);display:flex;gap:4px 8px;flex-wrap:wrap;align-items:center}
.rr .rr-m .fx,.rr .rr-m .fx-sent{margin-left:auto}
.rr .alt{grid-column:1/-1;font-size:12px;color:var(--info)}
@media (max-width:900px){.rr>li{grid-template-columns:minmax(0,1fr) auto}.rr .rr-s{grid-column:2}.rr .rr-t{grid-column:1/-1;grid-row:2}}

/* Bom dia: o que pede acao primeiro, linha fina da rodada, card do fora com medido x limite, trilho com a
   distribuicao do dia. Vermelho so para "fora"; o laranja da marca fica na navegacao. */
.bd-ctl{gap:8px}
.bd-dia{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:var(--ink2)}
.bd-dia .i{color:var(--ink3)}
.bd-dia input{border:1px solid #cfc5b8;border-radius:8px;padding:4px 8px;background:#fff;min-height:36px;font-size:13px;color:var(--ink)}
.bd-linha{display:flex;flex-wrap:wrap;align-items:center;gap:2px 12px;margin:-6px 0 20px;font-size:12.5px;color:var(--ink3);line-height:1.45}
.bd-l{display:flex;flex-wrap:wrap;align-items:center;gap:2px 6px;margin:0}
.bd-l>.i{width:14px;height:14px}
.bd-l.um{flex-wrap:nowrap;align-items:flex-start}
.bd-l.um>.i{margin-top:2px}
.bd-l .s~.s::before{content:"·";margin-right:6px;color:#a99c8d}
.bd-det>summary{cursor:pointer;color:var(--ink2);text-decoration:underline;text-decoration-color:#a99c8d;text-underline-offset:3px;min-height:28px;display:inline-flex;align-items:center;gap:4px}
.bd-det>summary:hover{color:var(--ink)}
.bd-det[open]{flex-basis:100%}
.bd-dl{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:5px 14px;margin:6px 0 0;padding:10px 12px;background:#fff;border:1px solid var(--app-line);border-radius:10px;font-size:12.5px;line-height:1.45;color:var(--ink2);max-width:760px}
.bd-dl dt{color:var(--ink3)}
.bd-dl dd{margin:0;min-width:0;overflow-wrap:anywhere;color:var(--ink)}
.bd-jan{list-style:none;margin:0;padding:0}
.bd-aus{margin:0 0 18px}
.bd-grade{display:grid;grid-template-columns:minmax(0,1fr);gap:26px;align-items:start}
.bd-grade .sec{margin-top:0}
.bd-feed{display:contents}
.bd-feed>.sec{order:2;min-width:0}
.bd-feed>.bd-precisa{order:1}
.bd-trilho{order:3;min-width:0}
.bd-feed>.bd-regras{order:4}
@media (min-width:1200px){
  .bd-grade{grid-template-columns:minmax(0,1fr) 300px;gap:24px}
  .bd-feed{display:grid;gap:26px;grid-column:1;grid-row:1;min-width:0}
  .bd-trilho{grid-column:2;grid-row:1;position:sticky;top:16px}
}
/* secao vazia: uma linha discreta, nunca a caixa tracejada */
.bd-nada{display:flex;gap:8px;align-items:flex-start;margin:0;font-size:13.5px;color:var(--ink2);line-height:1.45;max-width:75ch}
.bd-nada>.i{width:14px;height:14px;margin-top:3px;color:var(--ink3)}
.bd-nada b{font-weight:600;color:var(--ink)}
.bd-vazia .bd-nada{color:var(--ink3)}
.bd-vazia .bd-nada b{font-weight:500;color:var(--ink2)}
/* card do fora: medido x limite em destaque, a barrinha da distancia e a frase da regra menor, embaixo */
.bd-c{min-width:0}
.task h3{max-width:75ch}
.bd-cmp{margin:8px 0 10px;max-width:520px}
.task .bd-num{margin:0;display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 8px;color:var(--ink2);font-size:15px}
.bd-num b{font-size:28px;line-height:1.15;font-weight:600;letter-spacing:-.02em;color:var(--bad);font-variant-numeric:tabular-nums}
.bd-num span{font-weight:500}
.bd-cmp.ok .bd-num b{color:var(--ok)}
.bd-gap{padding:7px 6px 5px}
.bd-trk{position:relative;display:block;height:8px;border-radius:8px;background:#ece6dd}
.bd-okz{position:absolute;top:0;bottom:0;background:#cfe6d8;border-radius:8px}
.bd-falta{position:absolute;top:0;bottom:0;min-width:3px;background:var(--bad);border-radius:2px}
.bd-lim{position:absolute;top:-5px;bottom:-5px;width:2px;margin-left:-1px;background:var(--ink);border-radius:2px}
.bd-val{position:absolute;top:50%;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;background:#fff;border:2.5px solid var(--bad);box-shadow:0 0 0 2px #fff}
.bd-cmp.ok .bd-val{border-color:var(--ok)}
.task .bd-frase{margin:2px 0 0;font-size:13.5px;font-weight:500;color:var(--ink)}
.task .bd-txt{margin:0;font-size:13px;line-height:1.5;color:var(--ink2);max-width:75ch}
.bd-card .t-act{max-width:75ch}
.bd-fx{margin-left:auto;display:inline-flex}
.task .v1n{margin-top:10px}
.bd-pe{align-items:center}
.bd-prov{margin-left:auto}
.bd-prov>summary{cursor:pointer;color:var(--ink3);min-height:28px;display:inline-flex;align-items:center;gap:4px;text-decoration:underline;text-decoration-color:#cbbfb1;text-underline-offset:3px}
.bd-prov>summary:hover{color:var(--ink)}
.bd-prov[open]{flex-basis:100%;margin-left:0}
.bd-prov .bd-dl{font-size:12px;margin-top:4px}
.bd-quebra{overflow-wrap:anywhere}
.cen-l .bd-c small b{color:var(--bad);font-weight:600}
/* regras da rede hoje */
.bd-chips{display:flex;gap:4px;flex-wrap:wrap;margin-top:5px}
.rr .bd-sub{grid-column:1/-1;margin:2px 0 0 14px}
/* trilho: a distribuicao do dia numa barra unica, proporcional ao total de resultados */
.bd-trilho .card{padding:14px 16px}
.bd-bar{display:flex;gap:2px;height:14px;border-radius:7px;overflow:hidden;margin:2px 0 12px;background:var(--line-soft)}
.bd-sg{min-width:6px;height:100%}
.bd-sg.fora,.bd-sw.fora{background:var(--bad)}
.bd-sg.dentro,.bd-sw.dentro{background:var(--ok)}
.bd-sg.sem_limite,.bd-sw.sem_limite{background:#8f8274}
.bd-sg.nao_medido,.bd-sw.nao_medido{background:repeating-linear-gradient(135deg,#bfb3a5 0 2px,#efe9e1 2px 5px)}
.bd-sg.em_disputa,.bd-sw.em_disputa{background:#6f98c8}
.bd-sg.a_confirmar,.bd-sw.a_confirmar{background:#d9cfc2}
.bd-sg.vazio{background:var(--line-soft)}
.bd-leg{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 12px;font-size:12.5px;color:var(--ink2)}
.bd-leg li{display:flex;align-items:center;gap:5px;min-width:0;line-height:1.3}
.bd-leg li .i{width:12px;height:12px;color:var(--ink3)}
.bd-leg b{font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums}
.bd-sw{width:10px;height:10px;border-radius:3px;flex:none}
.bd-leg li.fora{grid-column:1/-1;gap:7px;font-size:14px;font-weight:600;color:var(--bad);margin-bottom:2px}
.bd-leg li.fora b{font-size:26px;line-height:1;letter-spacing:-.02em;color:var(--bad)}
.bd-leg li.fora .i{color:var(--bad);width:14px;height:14px}
.bd-leg li.fora .bd-sw{width:12px;height:12px}
.bd-leg li.zero b{color:var(--ink3);font-weight:500}
@media (min-width:641px) and (max-width:1199px){.bd-leg{grid-template-columns:repeat(3,minmax(0,1fr))}}
.bd-num-l{background:none;border:0;border-top:1px solid var(--line-soft);border-radius:0;padding:10px 0 0;margin-top:14px;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px}
.bd-num-l dd{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
@media (min-width:1200px){.bd-trilho .bd-leg{grid-template-columns:minmax(0,1fr)}}
.bd-nota{margin:10px 0 0;font-size:12px;color:var(--ink3);line-height:1.4}

/* tabelas */
.tbl{overflow-x:auto;border:1px solid var(--app-line);border-radius:10px;background:#fff}
.tbl table{width:100%;border-collapse:collapse;font-size:13px;margin:0}
.tbl th{text-align:left;font-weight:500;font-size:11.5px;color:var(--ink3);padding:8px 10px;background:#faf8f4;border-bottom:1px solid var(--app-line);white-space:nowrap}
.tbl td{padding:9px 10px;border-bottom:1px solid #f1ece5;vertical-align:top;color:var(--ink)}
.tbl tr:last-child td{border-bottom:0}
.tbl td small{display:block;font-size:11px;color:var(--ink3)}
.tbl .r{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.tbl code{font-size:11.5px;color:var(--ink2);overflow-wrap:anywhere}
.tbl details summary{cursor:pointer;color:var(--ink2);font-size:12.5px}
.tbl details ul{margin:6px 0 0;padding-left:16px;font-family:var(--mono);font-size:11.5px;color:var(--ink2)}

/* abas */
.subtabs{display:flex;gap:2px;border-bottom:1px solid var(--app-line);margin:0 0 16px;overflow-x:auto;scrollbar-width:none}
.subtabs::-webkit-scrollbar{display:none}
.subtabs [role=tab]{flex:none;background:none;border:0;border-bottom:2px solid transparent;padding:9px 12px;font-size:13.5px;color:var(--ink2);cursor:pointer;display:inline-flex;align-items:center;gap:6px;margin-bottom:-1px;min-height:40px}
.subtabs [role=tab]:hover{color:var(--ink)}
.subtabs [role=tab][aria-selected="true"]{border-bottom-color:var(--ink);color:var(--ink);font-weight:600}
.subtabs em{font-style:normal;font-size:11px;font-weight:700;background:var(--acc-bg);color:var(--acc-ink);border-radius:99px;padding:0 6px;line-height:1.6}
.filtro{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:0 0 12px;font-size:12.5px;color:var(--ink2)}
.filtro select,.filtro input[type=search],.filtro input[type=text]{border:1px solid #cfc5b8;border-radius:8px;padding:6px 10px;background:#fff;min-height:36px;font-size:13px;color:var(--ink)}
.role{display:flex;gap:8px 12px;align-items:center;flex-wrap:wrap;background:#fff;border:1px solid var(--app-line);border-left:3px solid var(--ink);border-radius:10px;padding:8px 12px;margin:0 0 16px;font-size:12.5px;color:var(--ink2)}
.role b{color:var(--ink);font-weight:600}

/* curadoria */
.prop{background:#fff;border:1px solid var(--app-line);border-radius:14px;padding:14px 16px}
.prop+.prop{margin-top:10px}
.prop.res{background:#fcfbf8}
.prop-h{display:flex;gap:6px 8px;align-items:center;flex-wrap:wrap;font-size:12px;color:var(--ink3)}
.prop h3{margin:6px 0 8px;font-size:15px;font-weight:600;line-height:1.3}
.diff{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0 0 10px}
@media (max-width:640px){.diff{grid-template-columns:minmax(0,1fr)}}
.diff>div{border-radius:10px;padding:8px 11px;font-size:12.8px;line-height:1.4;color:var(--ink);min-width:0;overflow-wrap:anywhere;white-space:pre-wrap}
.diff small{display:block;font-size:10.5px;font-family:var(--mono);text-transform:uppercase;letter-spacing:.06em;margin-bottom:2px;white-space:normal}
.diff .a{background:var(--bad-bg)}.diff .a small{color:var(--bad)}
.diff .d{background:var(--ok-bg)}.diff .d small{color:var(--ok)}
.diff .a span{text-decoration:line-through;text-decoration-color:rgba(176,50,31,.55)}
.diff textarea{width:100%;min-height:90px;border:2px solid #bfe0ca;border-radius:8px;padding:6px 8px;background:#fff;font-size:13px;resize:vertical}
.pmeta{display:grid;grid-template-columns:130px minmax(0,1fr);gap:5px 12px;font-size:12.8px;color:var(--ink2);margin:0}
.pmeta dt{color:var(--ink3)}
.pmeta dd{margin:0;min-width:0;overflow-wrap:anywhere}
@media (max-width:640px){.pmeta{grid-template-columns:minmax(0,1fr);gap:0}.pmeta dt{margin-top:6px}}
.evid{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.evid li{background:var(--app-bg);border-radius:8px;padding:6px 9px}
.evid blockquote,.cita blockquote,.nota-p blockquote{margin:4px 0 0;padding:0 0 0 8px;border-left:2px solid #d6cdc1;color:var(--ink);font-size:12.8px;white-space:pre-wrap;overflow-wrap:anywhere}
.ids{display:flex;gap:4px;flex-wrap:wrap}
.ids code{font-size:11px;background:var(--app-bg);border:1px solid var(--app-line);border-radius:5px;padding:0 5px;color:var(--ink2)}
.prop-st{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:10px;font-size:12.8px;color:var(--ink2)}
.cur-l{list-style:none;margin:0;padding:0}
.cur-l li{display:grid;grid-template-columns:86px minmax(0,1fr);gap:4px 10px;padding:10px 0;border-top:1px solid var(--line-soft);font-size:13px;color:var(--ink2);line-height:1.4}
.cur-l li:first-child{border-top:0}
.cur-l .dt{font-family:var(--mono);font-size:11px;color:var(--ink3);padding-top:2px}
.cur-l b{color:var(--ink);font-weight:600}
.cur-l small{display:block;font-size:11.5px;color:var(--ink3);margin-top:2px}
.cur-l .tipo{margin-right:6px}
@media (max-width:640px){.cur-l li{grid-template-columns:minmax(0,1fr)}}

/* mapa da operacao: mesas */
.mesas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
@media (max-width:1180px){.mesas{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.mesas{grid-template-columns:minmax(0,1fr)}}
.mesa{background:#fff;border:1px solid var(--app-line);border-radius:14px;padding:12px 14px 6px;min-width:0}
.mesa.ctr{background:#fcfbf8;border-style:dashed}
.mesa-h{display:flex;gap:8px;align-items:center;margin-bottom:4px}
.mesa-h h2{font-size:14.5px;margin:0;font-weight:600}
.mesa-h small{margin-left:auto;font-size:11px;color:var(--ink3);white-space:nowrap}
.mesa-sub{font-size:10.5px;font-family:var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--ink3);margin:8px 0 0}
.mesa-l{list-style:none;margin:0;padding:0}
.mesa-l button{width:100%;display:grid;grid-template-columns:minmax(0,1fr);gap:4px;align-items:start;text-align:left;background:none;border:0;border-top:1px solid var(--line-soft);padding:9px 2px;font:inherit;font-size:13px;color:var(--ink);cursor:pointer;min-height:44px;border-radius:6px}
.mesa-l li:first-child button{border-top:0}
.mesa-l button:hover .mr{text-decoration:underline;text-underline-offset:3px}
.mesa-l button[aria-expanded="true"]{background:#faf8f4}
.mesa-l .mrow{display:flex;gap:4px 6px;align-items:center;flex-wrap:wrap}
.mesa-l .mt2{font-size:11.5px;color:var(--ink3)}
.mesa-q{list-style:none;margin:4px 0 8px;padding:0;font-size:12.5px;color:var(--ink2)}
.mesa-q li{display:flex;gap:6px;padding:3px 0}
.mesa-q .i{width:13px;height:13px;margin-top:3px;color:var(--info)}
.nota-p{background:#fff;border:1px solid var(--app-line);border-left:3px solid var(--ink);border-radius:14px;padding:14px 16px;margin-top:16px;scroll-margin-top:80px;outline:none}
.nota-p:focus{box-shadow:0 0 0 3px #e4dccf}
.nota-p h2{margin:0 0 8px;font-size:15px;font-weight:600;font-family:var(--mono);overflow-wrap:anywhere}

/* pergunte ao Sous */
.conv{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:16px;align-items:start}
@media (max-width:1080px){.conv{grid-template-columns:minmax(0,1fr)}}
.chat{border:1px solid var(--app-line);border-radius:14px;background:#fcfaf7;display:flex;flex-direction:column;min-height:520px;max-height:calc(100vh - 220px);overflow:hidden}
@media (max-width:980px){.chat{max-height:none;min-height:420px}}
.ch-h{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--app-line)}
.ch-h b{font-size:14px;display:block;line-height:1.2}
.ch-h small{font-size:11.5px;color:var(--ink3);display:flex;align-items:center;gap:5px}
.ch-h .r{margin-left:auto;display:flex;gap:6px;align-items:center}
.ch-body{flex:1 1 auto;min-height:0;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:10px}
.msg{font-size:13.8px;line-height:1.5;max-width:92%;color:var(--ink);overflow-wrap:anywhere}
.msg.s{align-self:flex-start;background:#fff;border:1px solid var(--app-line);border-radius:4px 14px 14px 14px;padding:10px 12px}
.msg.s.erro{background:var(--bad-bg);border-color:#f0c0b5;color:#7b2a1e}
.msg.me{align-self:flex-end;background:var(--ink);color:#fff;border-radius:14px 4px 14px 14px;padding:8px 12px;white-space:pre-wrap}
.msg p{margin:0 0 8px}.msg p:last-child{margin-bottom:0}
.msg ul{margin:0 0 8px;padding-left:18px}
.msg b{font-weight:600}
.msg code{font-size:12px;background:var(--app-bg);border-radius:4px;padding:0 4px}
.msg .meta{display:flex;gap:4px 10px;flex-wrap:wrap;margin-top:10px;padding-top:8px;border-top:1px dashed #e4dccf;font-size:11.5px;color:var(--ink3)}
.cits{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:6px}
.cita{background:var(--app-bg);border-radius:10px;padding:7px 10px;font-size:12.5px;color:var(--ink2)}
.cita .ch{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.recus{margin-top:8px;font-size:12px;color:var(--bad);display:flex;gap:6px;align-items:flex-start}
.recus .i{width:13px;height:13px;margin-top:2px}
.typing{display:flex;gap:4px;padding:12px 14px!important}
.typing i{width:6px;height:6px;border-radius:50%;background:#c2b7aa;animation:ty 1s infinite}
.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}
@keyframes ty{0%,60%,100%{transform:none;opacity:.5}30%{transform:translateY(-3px);opacity:1}}
.ch-chips{display:flex;flex-direction:column;gap:6px;padding:0 16px 12px}
.ch-chips button{text-align:left;font-size:12.5px;border:1px solid var(--app-line);background:#fff;border-radius:10px;padding:8px 11px;color:var(--ink);cursor:pointer;display:flex;gap:8px;align-items:center;transition:.15s;min-height:40px}
.ch-chips button .i{color:var(--acc);width:14px;height:14px}
.ch-chips button:hover{border-color:#e9b8a4;background:#fffaf7}
.ch-in{display:flex;gap:8px;padding:12px 16px 16px;border-top:1px solid var(--app-line);align-items:flex-end}
.ch-in textarea{flex:1;min-width:0;font-size:13.8px;border:1px solid var(--app-line);border-radius:10px;padding:9px 12px;background:#fff;color:var(--ink);resize:none;min-height:44px;max-height:160px;line-height:1.4}
.ch-in textarea:focus{border-color:#e9b8a4;box-shadow:0 0 0 3px var(--acc-bg);outline:none}
.ch-in button{width:44px;height:44px;border-radius:10px;border:0;background:var(--ink);color:#fff;display:grid;place-items:center;cursor:pointer;flex:none}
.ch-in button:disabled{opacity:.45;cursor:default}
.meter{position:relative;height:8px;border-radius:8px;background:#e6dfd5;margin:8px 0 4px;overflow:hidden}
.meter i{position:absolute;left:0;top:0;bottom:0;border-radius:8px;background:var(--ok);transition:width .3s}
.meter.at i{background:#d39410}
.meter.out i{background:var(--bad)}
.meter-l{display:flex;justify-content:space-between;font-size:11px;color:var(--ink3);font-family:var(--mono)}
.mini-l{list-style:none;padding:0;margin:0}
.mini-l li{display:flex;align-items:flex-start;gap:8px;padding:7px 0;border-top:1px solid var(--line-soft);font-size:13px;color:var(--ink2);min-width:0}
.mini-l li:first-child{border-top:0}
.mini-l li .r{margin-left:auto;text-align:right;white-space:nowrap;font-size:12px;color:var(--ink3)}

/* vault: busca e leitor */
.busca{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 14px}
.busca input{flex:1;min-width:200px;font-size:14px;border:1px solid var(--app-line);border-radius:10px;padding:9px 12px;background:#fff;color:var(--ink);min-height:44px}
.busca input:focus{border-color:#e9b8a4;box-shadow:0 0 0 3px var(--acc-bg);outline:none}
.res-l{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.res-l li{background:#fff;border:1px solid var(--app-line);border-radius:12px;padding:10px 12px;min-width:0}
.res-l .rh{display:flex;gap:6px 8px;align-items:center;flex-wrap:wrap;font-size:12px;color:var(--ink3)}
.res-l .rh .nota-btn{font-size:13.5px;font-weight:600}
.res-l p{margin:6px 0 0;font-size:13px;color:var(--ink2);overflow-wrap:anywhere}
mark{background:#fff0b8;color:var(--ink);border-radius:3px;padding:0 1px}
.leitor-h{background:#fff;border:1px solid var(--app-line);border-radius:14px;padding:14px 16px;margin-bottom:12px}
.leitor-h .chips{display:flex;gap:6px;flex-wrap:wrap;margin:6px 0 10px}
.leitor{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:16px;align-items:start}
@media (max-width:1080px){.leitor{grid-template-columns:minmax(0,1fr)}}
.doc{background:#fff;border:1px solid var(--app-line);border-radius:14px;padding:10px 0;min-width:0;overflow:hidden}
.ln{display:grid;grid-template-columns:48px minmax(0,1fr);gap:8px;padding:1px 14px 1px 0;font-size:13.5px;line-height:1.55;color:var(--ink);scroll-margin-top:90px}
.ln-n{font-family:var(--mono);font-size:10.5px;color:var(--ink3);text-align:right;padding-top:3px;user-select:none}
.ln-t{min-width:0;overflow-wrap:anywhere;white-space:pre-wrap}
.ln.h1 .ln-t{font-family:var(--serif);font-size:26px;line-height:1.2;padding:6px 0 2px}
.ln.h2 .ln-t{font-size:17px;font-weight:650;padding-top:10px}
.ln.h3 .ln-t,.ln.h4 .ln-t,.ln.h5 .ln-t,.ln.h6 .ln-t{font-size:15px;font-weight:600;padding-top:6px}
.ln.tab .ln-t{font-family:var(--mono);font-size:12px;white-space:pre}
.ln.tab{overflow-x:auto}
.ln.fm .ln-t,.ln.fm{color:var(--ink3);font-family:var(--mono);font-size:12px}
.ln.oculto .ln-t{color:var(--ink3);font-style:italic}
.ln.ger{background:#f4f8fd}
.ln.ger-ini{border-top:1px dashed #a9c1e0;margin-top:4px}
.ln.ger-fim{border-bottom:1px dashed #a9c1e0;margin-bottom:4px}
.ln.alvo{background:#fff3d4;box-shadow:inset 3px 0 0 var(--acc)}
.ger-lbl{display:inline-flex;gap:4px;align-items:center;font-family:var(--mono);font-size:10.5px;color:var(--info);background:var(--info-bg);border-radius:5px;padding:0 6px;margin-left:6px;white-space:nowrap}
.anc{font-family:var(--mono);font-size:10.5px;color:var(--ink3);background:var(--app-bg);border:1px solid var(--app-line);border-radius:5px;padding:0 5px;margin-left:6px;white-space:nowrap}
.lado{display:grid;gap:12px}

/* bateria */
.casos{display:grid;gap:10px}
.caso{background:#fff;border:1px solid var(--app-line);border-radius:14px;padding:14px 16px}
.caso h3{margin:6px 0 6px;font-size:15px;font-weight:600;line-height:1.35}
.caso .crit{margin:0;font-size:13px;color:var(--ink2)}
.caso .res{display:flex;gap:6px 10px;align-items:center;flex-wrap:wrap;margin-top:10px;padding-top:9px;border-top:1px dashed #e4dccf;font-size:12.5px;color:var(--ink2)}

/* saude */
.sau{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
@media (max-width:1080px){.sau{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.sau{grid-template-columns:minmax(0,1fr)}}
.sau .card h2{font-size:13px;font-weight:600;color:var(--ink2);margin:0 0 6px;display:flex;gap:6px;align-items:center}
.sau .card h2 .i{color:var(--ink3)}
.sau .card .big{font-size:22px;font-weight:600;letter-spacing:-.01em;color:var(--ink);margin:2px 0 4px;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.sau .card p{margin:0;font-size:12.5px;color:var(--ink3)}
.perfis{display:grid;gap:6px;margin:0 0 12px;border:0;padding:0}
.perfis legend{font-size:12px;color:var(--ink3);margin-bottom:4px;padding:0}
.perfis label{display:flex;gap:10px;align-items:center;border:1px solid var(--app-line);border-radius:10px;padding:10px 12px;font-size:13.5px;cursor:pointer;min-height:44px;flex-wrap:wrap;background:#fff}
.perfis label:has(input:checked){border-color:#1d1916;background:#faf8f4}
.perfis input[type=radio]{accent-color:#1d1916;margin:0;width:16px;height:16px}
.perfis label small{color:var(--ink3);font-size:12px;flex-basis:100%;padding-left:26px}
.perfis select{border:1px solid #cfc5b8;border-radius:7px;padding:5px 8px;background:#fff;min-height:36px;font-size:13px;max-width:100%}

/* dialogo e aviso */
dialog.dlg-box{width:min(520px,calc(100vw - 32px));max-height:calc(100vh - 32px);overflow-y:auto;background:#fff;border:0;border-radius:16px;box-shadow:0 40px 100px -20px rgba(0,0,0,.6);padding:0;color:var(--ink)}
dialog.dlg-box>form{padding:20px}
dialog.dlg-box::backdrop{background:rgba(10,8,7,.55)}
dialog.dlg-box[open]{animation:fd .2s ease}
.dlg-box h2{margin:0 0 4px;font-size:17px;font-weight:600;line-height:1.3}
.dlg-box>p,.dlg-box form>p{margin:0 0 12px;font-size:13.5px;color:var(--ink2)}
.dlg-sum{border:1px solid var(--app-line);border-radius:10px;margin:0 0 4px}
.dlg-sum>div{display:grid;grid-template-columns:110px minmax(0,1fr);gap:10px;padding:8px 12px;border-top:1px solid #f1ece5;font-size:13px}
.dlg-sum>div:first-child{border-top:0}
.dlg-sum span{color:var(--ink3)}
.dlg-sum b{color:var(--ink);font-weight:600;overflow-wrap:anywhere}
.dlg-opts{display:grid;gap:6px;margin:0 0 12px;border:0;padding:0}
.dlg-opts legend,.lbl2{display:block;font-size:12px;color:var(--ink3);margin:0 0 4px;padding:0}
.dlg-opts label,.dlg-chk{display:flex;gap:10px;align-items:center;border:1px solid var(--app-line);border-radius:10px;padding:10px 12px;font-size:13.5px;cursor:pointer;min-height:44px}
.dlg-opts label:has(input:checked),.dlg-chk:has(input:checked){border-color:#1d1916;background:#faf8f4}
.dlg-opts input,.dlg-chk input{accent-color:#1d1916;margin:0;width:16px;height:16px;flex:none}
.dlg-box textarea{width:100%;min-height:80px;font-size:13.5px;border:1px solid #cfc5b8;border-radius:10px;padding:9px 12px;color:var(--ink);resize:vertical;background:#fff}
.dlg-cont{display:block;text-align:right;font-size:11.5px;color:var(--ink3);font-family:var(--mono);margin-top:2px}
.dlg-err{color:var(--bad);font-size:12.5px;margin:6px 0 0}
.dlg-note{font-size:12px;color:var(--ink3);margin:10px 0 0}
.dlg-act{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap;margin-top:16px}
.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#1d1916;color:#fff;border-radius:12px;padding:11px 16px;font-size:13.5px;display:flex;gap:10px;align-items:center;box-shadow:0 20px 50px -10px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.08);z-index:90;transition:.3s;max-width:calc(100vw - 32px);width:max-content}
.toast.on{opacity:1;transform:translate(-50%,0)}
.toast.act{pointer-events:auto}
.toast .i{color:#6fdca5}
.toast.erro .i{color:#ff9b8e}
.toast .tm{flex:1}
.toast button{background:none;border:1px solid rgba(255,255,255,.45);color:#fff;border-radius:8px;padding:5px 12px;font-size:12.5px;font-weight:600;cursor:pointer;white-space:nowrap;min-height:34px}
.toast button:hover{background:rgba(255,255,255,.1)}
.toast.atn .i{color:#f5c76b}
/* dialogo com a acao rodando: Cancelar, Esc e o fundo travados; a frase diz que o resultado nao se perde */
.dlg-st{display:flex;gap:8px;align-items:center;margin:12px 0 0;padding:8px 10px;border-radius:9px;background:#faf8f4;font-size:12.5px;color:var(--ink2);outline:none}
.dlg-st::before{content:"";width:10px;height:10px;flex:none;border-radius:50%;border:2px solid #cfc5b8;border-top-color:var(--ink);animation:gira .9s linear infinite}
@keyframes gira{to{transform:rotate(360deg)}}
form[aria-busy="true"] .dlg-act .btn{cursor:progress}

/* paleta Cmd/Ctrl+K: regra, loja e nota agrupadas; sem resultado, perguntar ao Sous (gasta, e diz) */
dialog.pal{width:min(640px,calc(100vw - 32px));max-height:min(72vh,560px);margin:12vh auto auto;padding:0;border:1px solid #d8cfc2;border-radius:14px;background:#fff;color:var(--ink);box-shadow:0 30px 80px -20px rgba(0,0,0,.55);overflow:hidden}
dialog.pal[open]{display:flex;flex-direction:column}
dialog.pal::backdrop{background:rgba(10,8,7,.45)}
.pal-q{display:flex;align-items:center;gap:10px;padding:8px 8px 8px 14px;border-bottom:1px solid var(--app-line)}
.pal-q:focus-within{box-shadow:inset 0 -2px 0 var(--ink)}
.pal-q>.i{width:18px;height:18px;color:var(--acc)}
.pal-q input{flex:1;min-width:0;border:0;background:none;font-size:16px;padding:6px 0;min-height:36px;color:var(--ink)}
.pal-q input:focus{outline:none}
.pal-x{flex:none;width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--app-line);background:#fff;border-radius:9px;color:var(--ink2);cursor:pointer}
.pal-x:hover{border-color:#cfc5b8;color:var(--ink)}
.pal-l{flex:1 1 auto;min-height:0;overflow-y:auto;padding:2px 0 8px}
.pal-g{padding:10px 14px 3px;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink3);font-weight:600}
.pal-it{display:flex;align-items:center;gap:10px;min-height:40px;padding:7px 14px;font-size:13.5px;color:var(--ink);cursor:pointer}
.pal-it .i{color:var(--ink3)}
.pal-it .t{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pal-it small{margin-left:auto;padding-left:8px;max-width:45%;flex:none;overflow:hidden;text-overflow:ellipsis;font-size:11.5px;color:var(--ink3);white-space:nowrap}
.pal-it[aria-selected="true"]{background:#f6f1ea;box-shadow:inset 3px 0 0 var(--ink)}
.pal-it[aria-selected="true"] .i{color:var(--acc)}
.pal-ft{display:flex;gap:14px;padding:8px 14px;border-top:1px solid var(--app-line);font-size:11px;color:var(--ink3);background:#fbf9f6}
.pal-ft kbd{font-size:10.5px;border:1px solid var(--app-line);border-bottom-width:2px;border-radius:4px;padding:0 4px;margin-right:3px;background:#fff}

@keyframes fd{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
.tela>*{animation:fd .25s ease}

/* celular: alvos de 44 px */
@media (max-width:640px){
  .btn,.btn.sm,.lnk,.fx,.nota-btn,.subtabs [role=tab],.ch-chips button,.filtro select,.filtro input,.rodar input[type=date],.perfis select,.toast button,.mesa-l button{min-height:44px}
  .nota-btn{display:inline-flex;align-items:center}
  .search{height:44px;min-width:0}
  .search .kbd{display:none}
  .top-who{order:2;min-height:44px}
  .top-who select{max-width:120px}
  .top-st{order:3;flex-basis:100%}
  .top-st>.est{padding:4px 8px;font-size:11.5px}
  .top-meter{display:none}
  dialog.pal{margin-top:16px;max-height:calc(100dvh - 32px)}
  .pal-it,.pal-q input{min-height:44px}
  .pal-it{flex-wrap:wrap;row-gap:0}
  .pal-it .t{flex:1 1 0}
  .pal-it small{flex-basis:100%;max-width:none;margin-left:26px;padding-left:0}
  .pal-x{width:44px;height:44px}
  .pal-ft{display:none}
  .task{grid-template-columns:minmax(0,1fr);padding:14px}
  .task>.t-ic{display:none}
  .t-act .saves{margin-left:0;flex-basis:100%}
  .rr .rr-m .fx,.prov .fx,.prov .fx-sent{margin-left:0}
  .dlg-sum>div{grid-template-columns:minmax(0,1fr);gap:0}
  .rodar .r{margin-left:0}
  .bd-dia input,.bd-det>summary,.bd-prov>summary{min-height:44px}
  .bd-ctl{width:100%;flex-wrap:nowrap}
  .bd-ctl .btn{flex:1 1 auto}
  .bd-fx{margin-left:0}
  .bd-num b{font-size:26px}
  .bd-dl:not(.bd-num-l){grid-template-columns:minmax(0,1fr);gap:0}
  .bd-dl:not(.bd-num-l) dt{margin-top:6px}
  .bd-dl:not(.bd-num-l) dt:first-child{margin-top:0}
  .bd-dia>span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .ln{grid-template-columns:34px minmax(0,1fr);padding-right:10px}
}

/* Cerebro (#/cerebro): o grafo do vault animado num canvas. Escuro so nesta tela (body.cb-on, ligado e desligado pelo
   cerebro.js); o resto do Sous segue claro. O canvas ocupa a tela inteira e o resto flutua por cima. */
body.cb-on{background:#07090e}
body.cb-on .content{padding:0}
body.cb-on .c-top{display:none}
body.cb-on .tela{max-width:none}
.cb{--cb-ink:#eef0f6;--cb-ink2:#c4cad8;--cb-ink3:#99a0b4;--cb-line:rgba(190,200,230,.16);--cb-vidro:rgba(10,13,20,.82);position:relative;height:100vh;height:100dvh;overflow:hidden;background:#07090e;color:var(--cb-ink);color-scheme:dark;isolation:isolate}
.cb :focus-visible{outline:2px solid #f5f1ea;outline-offset:2px}
.cb-palco{position:absolute;inset:0}
.cb-palco canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab;outline:none}
.cb-palco canvas:focus-visible{outline:2px solid rgba(245,241,234,.55);outline-offset:-3px}
.cb-palco canvas.arrasta{cursor:grabbing}
.cb-palco canvas.sobre{cursor:pointer}
.cb-msg{position:absolute;inset:0;display:grid;place-items:center;padding:120px 24px 24px;text-align:center;z-index:1}
.cb-msg>div{max-width:520px;color:var(--cb-ink2);font-size:14px}
.cb-msg b{display:block;font-family:var(--serif);font-weight:400;font-size:28px;line-height:1.2;color:var(--cb-ink);margin-bottom:6px}
.cb-msg p{margin:6px 0 0}
.cb-topo{position:absolute;left:0;right:0;top:0;z-index:2;display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;padding:14px 18px 20px;background:linear-gradient(#07090e 0%,rgba(7,9,14,.86) 62%,rgba(7,9,14,0));pointer-events:none}
.cb-topo>*{pointer-events:auto}
.cb-h1{margin:0;display:inline-flex;align-items:center;gap:7px;font-size:16px;font-weight:600;line-height:1.2;color:var(--cb-ink);outline:none}
.cb-h1 .i{width:16px;height:16px;color:#ffb27a}
.cb-chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;align-items:center;gap:4px 14px}
.cb-chips li{display:inline-flex;align-items:center;gap:4px;font-size:12.5px;line-height:1.3;color:var(--cb-ink2);white-space:nowrap}
.cb-chips b{color:var(--cb-ink);font-weight:600;font-variant-numeric:tabular-nums}
.cb-ponto{width:7px;height:7px;border-radius:50%;background:#36c77f;box-shadow:0 0 8px #36c77f;flex:none}
.cb-ponto.at{background:#e3ab32;box-shadow:0 0 8px #e3ab32}
.cb-ponto.out{background:#f06b5b;box-shadow:0 0 8px #f06b5b}
.cb-ponto.nm{background:#99a0b4;box-shadow:none}
.cb-busca{margin-left:auto;position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:6px;min-width:min(480px,100%)}
/* a caixa: lupa, chips dos termos (E entre eles), o que se digita e o + */
.cb-caixa{position:relative;flex:1 1 240px;min-width:0;display:flex;flex-wrap:wrap;align-items:center;gap:4px;min-height:38px;border:1px solid var(--cb-line);border-radius:9px;background:rgba(255,255,255,.05);padding:3px 30px 3px 32px}
.cb-caixa:focus-within{border-color:#ffb27a;box-shadow:0 0 0 3px rgba(255,178,122,.2)}
.cb-caixa>.i{position:absolute;left:11px;top:11px;color:var(--cb-ink3);pointer-events:none}
.cb-busca input{flex:1 1 120px;min-width:90px;min-height:30px;border:0;background:none;color:var(--cb-ink);padding:2px;font-size:13px}
.cb-busca input::placeholder{color:var(--cb-ink3)}
.cb-busca input:focus{outline:none}
.cb-busca kbd{position:absolute;right:9px;top:10px;font-size:11px;color:var(--cb-ink3);border:1px solid var(--cb-line);border-radius:4px;padding:0 5px;line-height:1.5;pointer-events:none}
.cb-termos{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px;min-width:0}
.cb-termos li{display:inline-flex;align-items:center;gap:1px;max-width:100%;background:rgba(255,178,122,.16);border:1px solid rgba(255,178,122,.45);border-radius:6px;padding:0 1px 0 8px;font-size:12.5px;color:var(--cb-ink)}
.cb-termos li span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:180px}
.cb-termos button{width:26px;height:26px;display:grid;place-items:center;background:none;border:0;border-radius:5px;color:var(--cb-ink2);cursor:pointer}
.cb-termos button:hover{background:rgba(255,255,255,.1);color:var(--cb-ink)}
.cb-termos .i{width:12px;height:12px}
.cb-mais{flex:none;width:28px;height:28px;display:grid;place-items:center;border:1px solid rgba(255,178,122,.5);border-radius:6px;background:rgba(255,178,122,.1);color:#ffd9b8;font:600 16px/1 var(--mono);cursor:pointer}
.cb-mais:hover{background:rgba(255,178,122,.22)}
.cb-mais:not([hidden])~kbd,.cb-caixa:has(.cb-termos:not([hidden])) kbd{display:none}
/* Normal | Profunda */
.cb-tipo-busca{flex:none;display:inline-flex;border:1px solid var(--cb-line);border-radius:9px;overflow:hidden;background:rgba(255,255,255,.035)}
.cb-tipo-busca button{min-height:38px;padding:0 13px;border:0;background:none;color:var(--cb-ink2);font-size:13px;cursor:pointer}
.cb-tipo-busca button+button{border-left:1px solid var(--cb-line)}
.cb-tipo-busca button:hover{color:var(--cb-ink)}
.cb-tipo-busca button[aria-pressed="true"]{background:#ffb27a;color:#1a0f07;font-weight:600}
.cb-tipo-busca button[data-busca="profunda"][aria-pressed="true"]{background:#cbb8ff;color:#140c26}
.cb-tipo-busca button:disabled{opacity:.45;cursor:not-allowed}
.cb-modos{flex-basis:100%;display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;overflow-x:auto;scrollbar-width:none;padding:2px}
.cb-modos::-webkit-scrollbar{display:none}
.cb-modos button{flex:none;display:inline-flex;align-items:center;gap:7px;font-size:13px;line-height:1.2;color:var(--cb-ink2);background:none;border:1px solid var(--cb-line);border-radius:8px;padding:6px 12px;min-height:36px;cursor:pointer;white-space:nowrap}
.cb-modos button .i{width:14px;height:14px}
.cb-modos button:hover{color:var(--cb-ink);border-color:rgba(255,178,122,.5)}
.cb-modos button:disabled{opacity:.45;cursor:not-allowed}
/* cerebro: textos e controles. A barra de controles em tres tipos que nao se confundem: (a) o desenho, escolha unica,
   num controle segmentado (o unico laranja cheio, como Normal e Profunda); (b) o que mostrar por cima, chaves de
   liga e desliga com contorno e um ponto que acende; (c) acoes, botoes simples com icone. Os numeros do topo sao
   texto; so os chips que acendem notas tem cara de botao. E, so nesta tela, a casca (barra lateral e a de baixo do
   celular) fica escura, sem emenda clara ao lado do grafo. */
.cb-grupo{flex:none;display:flex;align-items:center;gap:6px}
.cb-grupo-t{flex:none;font-size:12px;color:var(--cb-ink3);margin-right:2px}
.cb-seg{flex:none;display:inline-flex;border:1px solid var(--cb-line);border-radius:9px;overflow:hidden;background:rgba(255,255,255,.035)}
.cb-modos .cb-seg button{border:0;border-radius:0;min-height:34px}
.cb-modos .cb-seg button+button{border-left:1px solid var(--cb-line)}
.cb-modos .cb-seg button[aria-pressed="true"]{color:#1a0f07;background:#ffb27a;font-weight:600}
.cb-modos .cb-chave{border-radius:999px;padding-left:10px}
.cb-chave::before{content:"";flex:none;width:8px;height:8px;border-radius:50%;border:1.5px solid currentColor;opacity:.75;transition:background-color .2s,box-shadow .2s}
.cb-modos .cb-chave[aria-pressed="true"],.cb-modos .cb-chave[aria-expanded="true"]{color:var(--cb-ink);border-color:rgba(255,178,122,.75)}
.cb-chave[aria-pressed="true"]::before,.cb-chave[aria-expanded="true"]::before{background:#ffb27a;border-color:#ffb27a;box-shadow:0 0 8px #ffb27a;opacity:1}
.cb-modos .cb-acao{background:rgba(255,255,255,.06);gap:0}
.cb-modos .cb-acao .i{margin-right:7px}
.cb-modos .cb-acao[aria-pressed="true"]{color:var(--cb-ink);background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.4)}
.cb-chips .cb-vivo button:focus-visible{outline-offset:3px}
.cb .cb-h1:focus-visible{outline:none} /* o roteador foca o titulo ao trocar de tela; como nas outras telas, sem moldura */
.cb-leg-cab{padding:0 5px;text-align:right;font-size:10.5px;line-height:1.6;color:var(--cb-ink3)}
@media (max-width:640px){
  .cb-modos .cb-seg button{min-height:42px}
}
@media (prefers-reduced-motion:reduce){.cb-chave::before{transition:none}}
body.cb-on .side{background:#0d1018;border-right-color:rgba(190,200,230,.12);color:#eef0f6;color-scheme:dark}
body.cb-on .side-rede,body.cb-on .side-grp{color:#a3aabd}
body.cb-on .side-nav .nv{color:#c4cad8}
body.cb-on .side-nav .nv:hover{background:rgba(255,255,255,.06);color:#fff}
body.cb-on .side-nav .nv[aria-current="page"]{background:rgba(255,178,122,.14);color:#fff;box-shadow:inset 3px 0 0 #ffb27a}
body.cb-on .side-nav .nv[aria-current="page"] .i{color:#ffb27a}
body.cb-on .side-nav .nv em.n{background:rgba(255,255,255,.14);color:#eef0f6}
body.cb-on .side :focus-visible,body.cb-on .bnav :focus-visible{outline-color:#f5f1ea}
@media (max-width:1240px){
  body.cb-on .side-grp{background:rgba(190,200,230,.14)}
}
@media (max-width:980px){
  body.cb-on .bnav{background:rgba(13,16,24,.97);border-top-color:rgba(190,200,230,.12);color-scheme:dark}
  body.cb-on .bnav>a,body.cb-on .bn-mais{color:#c4cad8}
  body.cb-on .bnav>a[aria-current="page"],body.cb-on .bn-mais.on,body.cb-on .bn-mais[aria-expanded="true"]{color:#fff;background:rgba(255,178,122,.14);box-shadow:none}
  body.cb-on .bnav>a[aria-current="page"] .i,body.cb-on .bn-mais.on .i{color:#ffb27a}
  body.cb-on .bnav em.n{background:rgba(255,255,255,.14);color:#eef0f6}
  body.cb-on .bn-folha{background:#11151f;border-color:rgba(190,200,230,.16);box-shadow:0 20px 50px -12px #000}
  body.cb-on .bn-folha a{color:#eef0f6}
  body.cb-on .bn-folha a .i{color:#c4cad8}
  body.cb-on .bn-folha a:hover,body.cb-on .bn-folha a[aria-current="page"]{background:rgba(255,255,255,.07)}
  body.cb-on .bn-folha a[aria-current="page"] .i{color:#ffb27a}
}
.cb-hex{display:inline-block;width:11px;height:12px;flex:none;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}
.cb-leg{position:absolute;left:16px;bottom:16px;z-index:2;width:auto;max-width:calc(100% - 32px);background:var(--cb-vidro);border:1px solid var(--cb-line);border-radius:12px;padding:6px 10px 8px;font-size:12px;color:var(--cb-ink2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.cb-leg[open]{width:330px}
.cb-leg summary{cursor:pointer;min-height:30px;display:flex;align-items:center;gap:8px;list-style:none;font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--cb-ink2)}
.cb-leg ul{list-style:none;margin:2px 0 6px;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px 6px;max-height:38vh;overflow-y:auto}
.cb-leg button{width:100%;display:flex;align-items:center;gap:7px;background:none;border:0;border-radius:6px;padding:2px 5px;color:inherit;font:inherit;font-size:11.5px;text-align:left;cursor:pointer;min-height:24px}
.cb-leg .n{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cb-leg button:hover,.cb-leg button[aria-pressed="true"]{background:rgba(255,255,255,.08);color:var(--cb-ink)}
.cb-leg em{margin-left:auto;font-style:normal;font-family:var(--mono);font-size:11px;color:var(--cb-ink3)}
.cb-leg-x{display:flex;align-items:center;gap:8px;margin:3px 6px 0;font-size:11.5px;color:var(--cb-ink3)}
.cb-traco{width:18px;height:0;flex:none;border-top:1.5px solid rgba(200,210,235,.65)}
.cb-traco.sug{border-top-style:dashed;border-color:rgba(205,185,255,.9)}
.cb-sol{width:12px;height:12px;flex:none;border-radius:50%;background:radial-gradient(#fffaf0 0,#ffd9a0 40%,rgba(255,140,60,0) 72%)}
.cb-story{position:absolute;left:50%;bottom:26px;z-index:2;transform:translateX(-50%);margin:0;display:flex;align-items:center;gap:10px;max-width:calc(100% - 300px);background:var(--cb-vidro);border:1px solid var(--cb-line);border-radius:12px;padding:10px 16px;font-size:16px;color:var(--cb-ink);white-space:nowrap;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.cb-story b{font-weight:600;overflow:hidden;text-overflow:ellipsis}
.cb-story small{font-family:var(--mono);font-size:11px;color:var(--cb-ink3)}
.cb-story .cb-hex{width:14px;height:16px}
.cb-dica{position:absolute;z-index:4;pointer-events:none;max-width:300px;background:rgba(12,15,23,.95);border:1px solid var(--cb-line);border-radius:9px;padding:7px 10px;font-size:12.5px;line-height:1.35;color:var(--cb-ink)}
.cb-dica b{font-weight:600}
.cb-dica small{display:block;margin-top:2px;font-size:11.5px;color:var(--cb-ink3)}
.cb-painel{position:absolute;z-index:3;top:112px;right:16px;bottom:16px;width:360px;overflow-y:auto;background:var(--cb-vidro);border:1px solid var(--cb-line);border-radius:14px;padding:14px 16px 16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 30px 80px -30px #000;outline:none;font-size:13px;color:var(--cb-ink2)}
.cb-p-h{display:flex;align-items:center;gap:8px}
.cb-p-area{margin:0;display:flex;align-items:center;gap:7px;font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--cb-ink2)}
.cb-fechar{margin-left:auto;width:36px;height:36px;display:grid;place-items:center;background:none;border:1px solid var(--cb-line);border-radius:9px;color:var(--cb-ink);cursor:pointer;flex:none}
.cb-fechar:hover{background:rgba(255,255,255,.08)}
.cb-painel h2{margin:8px 0 6px;font-size:19px;font-weight:600;line-height:1.25;color:var(--cb-ink);overflow-wrap:anywhere}
.cb-painel h3{margin:16px 0 4px;font-family:var(--mono);font-size:10.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#ffb27a}
.cb-p-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;margin:0;font-size:12.5px}
.cb-p-id{margin:6px 0 0;font-size:11px;color:var(--cb-ink3);overflow-wrap:anywhere}
.cb-p-x{margin:4px 0 0;font-size:12.5px;color:var(--cb-ink3);line-height:1.45}
.cb-p-pista{margin-top:16px;padding-top:10px;border-top:1px dashed var(--cb-line)}
.cb .btn{background:rgba(255,255,255,.06);color:var(--cb-ink);border-color:var(--cb-line)}
.cb .btn:hover{border-color:rgba(255,178,122,.55)}
.cb .btn.pri{background:#ffb27a;color:#1a0f07;border-color:#ffb27a;font-weight:600}
.cb .btn.pri:hover{background:#ffc596}
.cb-rel{list-style:none;margin:0;padding:0}
.cb-rel li+li{border-top:1px solid rgba(255,255,255,.06)}
.cb-rel button{width:100%;display:grid;grid-template-columns:12px minmax(0,1fr);gap:1px 8px;align-items:center;background:none;border:0;border-radius:6px;padding:7px 4px;color:var(--cb-ink);font:inherit;font-size:13px;text-align:left;cursor:pointer;min-height:40px}
.cb-rel button:hover{background:rgba(255,255,255,.05)}
.cb-rel button:hover .t{text-decoration:underline;text-underline-offset:3px}
.cb-rel .t{min-width:0;overflow-wrap:anywhere}
.cb-rel small{grid-column:2;font-size:11.5px;color:var(--cb-ink3)}
/* Cerebro vivo: chips do pulso e do que mudou, filtro da busca, rastro da IA, sonho e avisos */
.cb-chips .cb-vivo{padding:0;border:0;background:none}
.cb-chips .cb-vivo button{display:inline-flex;align-items:center;gap:6px;font:inherit;color:var(--cb-ink);border:1px solid rgba(255,178,122,.5);border-radius:999px;padding:4px 11px;background:rgba(255,178,122,.1);cursor:pointer;white-space:nowrap}
.cb-chips .cb-vivo button:hover{border-color:#ffb27a;background:rgba(255,178,122,.2)}
.cb-chips .cb-vivo button[aria-pressed="true"]{color:#1a0f07;background:#ffb27a;border-color:#ffb27a;font-weight:600}
.cb-chips .cb-vivo button[aria-pressed="true"] .cb-ponto{box-shadow:none}
.cb-achados{position:absolute;top:calc(100% + 6px);left:auto;right:0;width:max(100%,600px);max-width:calc(100vw - 260px);z-index:5;max-height:min(74vh,640px);overflow-y:auto;overscroll-behavior:contain;background:rgba(10,13,20,.96);border:1px solid var(--cb-line);border-radius:10px;padding:8px 6px 6px;box-shadow:0 24px 60px -24px #000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.cb-conta{margin:0 6px 6px;font-family:var(--mono);font-size:11px;letter-spacing:.04em;color:var(--cb-ink2)}
.cb-q-lista{list-style:none;margin:0;padding:0}
.cb-q-lista [role=option]{display:grid;grid-template-columns:12px minmax(0,1fr);align-items:center;gap:1px 8px;padding:6px 6px;border-radius:7px;font-size:13px;color:var(--cb-ink);cursor:pointer;min-height:36px}
.cb-q-lista [role=option]:hover,.cb-q-lista [aria-selected="true"]{background:rgba(255,178,122,.14)}
.cb-q-lista [aria-selected="true"]{outline:1px solid rgba(255,178,122,.6)}
.cb-q-lista .t{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cb-q-lista small{font-size:11px;color:var(--cb-ink3);white-space:nowrap}
.cb-q-lista .cb-q-mot{grid-column:2;white-space:normal;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.35;font-size:11.5px}
.cb-q-grupo{display:flex;align-items:center;gap:6px;padding:9px 6px 3px;font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--cb-ink3)}
.cb mark{background:rgba(255,178,122,.3);color:var(--cb-ink);border-radius:2px;padding:0 1px}
/* filtro: os quatro niveis (titulo forte, texto medio, grafo tracejado lilas, vizinha so contorno) */
.cb-nv{display:inline-block;width:10px;height:10px;flex:none;border-radius:3px}
.cb-nv.t{background:#ffd9b8;box-shadow:0 0 7px rgba(255,200,150,.9)}
.cb-nv.x{background:rgba(255,217,184,.5)}
.cb-nv.g{background:rgba(203,184,255,.22);border:1.5px dashed #cbb8ff}
.cb-nv.v{border:1.5px solid #c8d2ee}
.cb-niveis{display:flex;flex-wrap:wrap;gap:3px 12px;margin:0 6px 8px;font-size:11.5px;color:var(--cb-ink3)}
.cb-niveis span,.cb-leg-filtro span{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}
.cb-leg-filtro{flex-wrap:wrap;gap:3px 10px}
.cb-prof-dica{display:flex;align-items:flex-start;gap:6px;margin:0 6px 8px;font-size:12px;line-height:1.4;color:#d9ccff}
.cb-prof-dica .i{width:13px;height:13px;flex:none;margin-top:2px}
.cb-corr{margin:0 6px 8px;font-size:12.5px;color:var(--cb-ink2)}
.cb-corr button{background:none;border:0;padding:0;color:#ffd9b8;font:inherit;font-weight:600;text-decoration:underline;text-underline-offset:3px;cursor:pointer;min-height:24px}
.cb-q-nota{margin:0 6px 8px}
.cb-fchips{display:flex;flex-wrap:wrap;align-items:center;gap:5px;margin:0 6px 8px}
.cb-frot{font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--cb-ink3);margin-right:2px}
.cb-fchip{display:inline-flex;align-items:center;gap:5px;max-width:100%;min-height:28px;padding:2px 9px;border:1px solid var(--cb-line);border-radius:999px;background:rgba(255,255,255,.04);color:var(--cb-ink2);font:inherit;font-size:12px;cursor:pointer}
.cb-fchip:hover{color:var(--cb-ink);border-color:rgba(255,178,122,.5)}
.cb-fchip .t{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:200px}
.cb-fchip em{font-style:normal;font-family:var(--mono);font-size:11px;color:var(--cb-ink3)}
.cb-fchip .i{width:11px;height:11px}
.cb-fchip.sin[aria-pressed="true"]{border-color:rgba(255,178,122,.55);background:rgba(255,178,122,.12);color:var(--cb-ink)}
.cb-fchip.sin[aria-pressed="false"]{text-decoration:line-through;text-decoration-color:rgba(255,255,255,.35)}
.cb-fchip.sen[aria-pressed="true"]{border-color:#cbb8ff;background:rgba(203,184,255,.18);color:var(--cb-ink)}
.cb-facetas{display:flex;flex-wrap:wrap;gap:6px 10px;margin:0 6px 8px}
.cb-facetas label{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;color:var(--cb-ink3)}
.cb-facetas select{min-height:30px;max-width:190px;background:rgba(255,255,255,.05);color:var(--cb-ink);border:1px solid var(--cb-line);border-radius:7px;font:inherit;font-size:12px;padding:2px 6px}
.cb-dica .cb-dica-mot{margin-top:4px;color:var(--cb-ink2)}
.cb-topo:has(.cb-achados:not([hidden])){z-index:4} /* a lista do filtro fica por cima da legenda */
.cb-q-mais{padding:6px 6px 2px;font-size:12px;color:var(--cb-ink3)}
.cb-aviso{position:absolute;z-index:3;top:var(--cb-topo,112px);left:16px;right:16px;margin:0 auto;width:fit-content;display:flex;align-items:center;gap:10px;max-width:560px;background:var(--cb-vidro);border:1px solid var(--cb-line);border-radius:12px;padding:8px 8px 8px 14px;color:var(--cb-ink);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.cb-aviso-t{display:flex;flex-wrap:wrap;align-items:center;gap:2px 10px;min-width:0;font-size:13px}
.cb-aviso-t b{font-weight:600}
.cb-aviso-t small{font-size:12px;color:var(--cb-ink2);overflow-wrap:anywhere}
.cb-aviso-x{flex:none;width:32px;height:32px;display:grid;place-items:center;background:none;border:1px solid var(--cb-line);border-radius:8px;color:var(--cb-ink);cursor:pointer}
.cb-aviso-x:hover{background:rgba(255,255,255,.08)}
.cb-sonhou{position:absolute;z-index:3;left:16px;right:16px;top:44%;transform:translateY(-50%);margin:0 auto;width:fit-content;max-width:620px;text-align:center;font-family:var(--serif);font-size:26px;line-height:1.3;color:#e9edff;text-shadow:0 0 24px rgba(160,180,255,.55);background:rgba(3,4,12,.72);border:1px solid rgba(170,185,255,.22);border-radius:16px;padding:14px 22px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer;animation:cb-surge .9s ease-out}
@keyframes cb-surge{from{opacity:0;transform:translateY(-44%)}to{opacity:1;transform:translateY(-50%)}}
.cb-pop{position:absolute;z-index:3;top:var(--cb-topo,112px);left:16px;width:340px;max-height:calc(100% - var(--cb-topo,112px) - 16px);overflow-y:auto;background:var(--cb-vidro);border:1px solid var(--cb-line);border-radius:14px;padding:12px 14px 14px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 30px 80px -30px #000;outline:none;font-size:13px;color:var(--cb-ink2)}
.cb-pop h2,.cb-noite h2{margin:0;display:flex;align-items:center;gap:7px;font-family:var(--mono);font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#ffb27a}
.cb-rastros{list-style:none;margin:8px 0 0;padding:0}
.cb-rastros li+li{border-top:1px solid rgba(255,255,255,.06)}
.cb-rastros button{width:100%;display:grid;grid-template-columns:auto minmax(0,1fr);gap:1px 10px;align-items:baseline;background:none;border:0;border-radius:7px;padding:8px 6px;color:var(--cb-ink);font:inherit;text-align:left;cursor:pointer;min-height:44px}
.cb-rastros button:hover{background:rgba(255,178,122,.1)}
.cb-rastros b{font-family:var(--mono);font-size:13px;font-weight:600;color:#ffd9b8}
.cb-rastros span{font-size:13px}
.cb-rastros small{grid-column:2;font-size:11.5px;color:var(--cb-ink3)}
.cb-aovivo{display:flex;align-items:center;gap:7px;margin-top:10px}
.cb-noite{position:absolute;z-index:2;right:16px;bottom:16px;width:min(440px,calc(100% - 32px));background:rgba(6,8,18,.86);border:1px solid rgba(170,185,255,.22);border-radius:14px;padding:12px 14px;color:#d6dcf5;font-size:13px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.cb-noite h2{color:#b9c6ff}
.cb-noite p{margin:6px 0 0}
.cb-noite b{color:#eef1ff;font-weight:600}
.cb-faiscas-leg{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:11.5px;color:#aab3d6}
.cb-faiscas-leg span{display:inline-flex;align-items:center;gap:5px}
.cb-faiscas-leg i{width:7px;height:7px;border-radius:50%;box-shadow:0 0 6px currentColor}
.cb.noite{background:#020308}
.cb.noite .cb-topo{background:linear-gradient(#020308 0%,rgba(2,3,8,.86) 62%,rgba(2,3,8,0))}
.cb-painel:not([hidden])~.cb-noite{display:none}
.cb.noite .cb-story{bottom:156px}
.cb-leg-pulso{flex-wrap:wrap;gap:3px 10px}
.cb-leg-pulso>span{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}
.cb-halo{display:inline-block;width:9px;height:9px;flex:none;border-radius:50%}
.cb-halo.out{background:#ff4d42;box-shadow:0 0 8px #ff4d42}
.cb-halo.at{background:#ffb22e;box-shadow:0 0 8px #ffb22e}
.cb-halo.in{background:#38d27c;box-shadow:0 0 8px #38d27c}
.cb-estrela{width:11px;height:11px;flex:none;background:#ffd36a;clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}
.cb-descanso{font-style:normal;font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--cb-ink3);border:1px solid var(--cb-line);border-radius:5px;padding:1px 6px}
.cb-p-fora{margin:6px 0 0;font-size:13px;color:#ffb3ad}
.cb-p-mudou{display:flex;align-items:center;gap:6px}
.cb-modos button[aria-disabled="true"]{opacity:.45;cursor:not-allowed}
.cb-curto{display:none}
@media (prefers-reduced-motion:reduce){.cb-sonhou{animation:none}}
/* no celular o Cerebro desconta a barra de baixo (o Cerebro mora no "Mais" dela) */
@media (max-width:980px){
  .cb{height:calc(100vh - var(--bnav-h) - env(safe-area-inset-bottom));height:calc(100dvh - var(--bnav-h) - env(safe-area-inset-bottom))}
}
@media (max-width:760px){
  .cb-topo{gap:8px 10px;padding:10px 12px 16px}
  .cb-chips{gap:4px 12px}
  .cb-chips li{font-size:12px}
  .cb-busca{order:3;flex-basis:100%;min-width:0;margin-left:0}
  .cb-busca kbd{display:none}
  .cb-caixa{padding-right:6px}
  .cb-achados{left:0;width:auto;max-width:none;max-height:62vh}
  .cb-fchip .t{max-width:220px}
  .cb-fchips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-right:0;padding-bottom:2px}
  .cb-fchips::-webkit-scrollbar{display:none}
  .cb-fchip,.cb-frot{flex:none}
  .cb-modos{order:4;flex-wrap:nowrap;margin:0 -12px;padding:2px 0 2px 12px;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 36px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 36px),transparent)}
  .cb-modos::after{content:"";flex:0 0 48px} /* no fim da rolagem o ultimo botao sai inteiro de baixo do esmaecido */
  .cb-painel{top:auto;left:0;right:0;bottom:0;width:auto;max-height:56%;border-radius:16px 16px 0 0;border-bottom:0;padding-bottom:20px}
  .cb-leg{left:10px;bottom:10px;width:auto;max-width:calc(100% - 20px)}
  .cb-leg[open]{width:290px}
  .cb-story{left:10px;right:10px;bottom:70px;transform:none;max-width:none;white-space:normal;font-size:14px}
  .cb-chips .cb-vivo button{padding:3px 9px}
  .cb-longo{display:none}
  .cb-curto{display:inline}
  .cb-pop{top:auto;left:0;right:0;bottom:0;width:auto;max-height:56%;border-radius:16px 16px 0 0;border-bottom:0;padding-bottom:20px}
  .cb-noite{right:10px;bottom:10px;width:calc(100% - 20px)}
  .cb.noite .cb-leg{display:none}
  .cb.noite .cb-story{bottom:190px}
  .cb-sonhou{font-size:22px}
}
@media (max-width:640px){
  .cb-modos button,.cb-caixa,.cb-leg button,.cb-leg summary,.cb-rel button,.cb-fechar,.cb-chips .cb-vivo button,.cb-q-lista [role=option],.cb-aviso-x,.cb-tipo-busca button,.cb-fchip,.cb-facetas select,.cb-corr button{min-height:44px}
  .cb-termos button,.cb-mais{width:40px;height:40px}
  .cb-fechar,.cb-aviso-x{width:44px;height:44px}
}
/* cerebro: arranjo e hoje. A legenda fechada vira um botao pequeno com a seta; o cartao Hoje mora no canto de cima, a
   esquerda, abaixo do topo, com as notas do Bom dia para olhar (a altura maxima vem do cerebro.js, para parar antes da
   legenda). Some quando o Rastro abre no mesmo canto e, no celular, quando o painel ou o sonho ocupam a tela. */
.cb-leg summary::-webkit-details-marker{display:none}
.cb-leg summary::after{content:"";width:6px;height:6px;flex:none;margin:0 2px 2px 0;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(-45deg)}
.cb-leg[open] summary::after{margin:0 2px 4px 0;transform:rotate(45deg)}
.cb-leg summary:hover{color:var(--cb-ink)}
.cb-hoje{position:absolute;z-index:2;top:var(--cb-topo,112px);left:16px;width:300px;max-width:calc(100% - 32px);display:flex;flex-direction:column;background:var(--cb-vidro);border:1px solid var(--cb-line);border-radius:12px;padding:4px;color:var(--cb-ink2);font-size:12.5px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.cb-hoje-h{margin:0;font:inherit;flex:none}
.cb-hoje-b{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:3px 8px;background:none;border:0;border-radius:8px;padding:6px 8px;color:inherit;font:inherit;text-align:left;cursor:pointer;min-height:40px}
.cb-hoje-b:hover{background:rgba(255,255,255,.05)}
.cb-hoje-b>.i{grid-column:2;grid-row:1/span 2;width:14px;height:14px;color:var(--cb-ink3);transition:transform .15s}
.cb-hoje-b[aria-expanded="false"]>.i{transform:rotate(-90deg)}
.cb-hoje-tt{display:flex;align-items:baseline;flex-wrap:wrap;gap:2px 8px;color:var(--cb-ink);font-size:13px;font-weight:600}
.cb-hoje-k{font-family:var(--mono);font-size:10.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#ffb27a;margin-right:8px}
.cb-hoje-c{grid-column:1;display:flex;flex-wrap:wrap;gap:2px 10px;font-size:11.5px;color:var(--cb-ink3)}
.cb-hoje-c>span{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}
.cb-hoje-nada{display:flex;align-items:center;flex-wrap:nowrap;gap:8px;padding:6px 8px;font-weight:500;font-size:12.5px;color:var(--cb-ink2)}
.cb-hoje-l{list-style:none;margin:2px 0 0;padding:0 0 2px;min-height:0;overflow-y:auto;overscroll-behavior:contain;border-top:1px solid rgba(255,255,255,.06)}
.cb-hoje-l li+li{border-top:1px solid rgba(255,255,255,.06)}
.cb-hoje-l button,.cb-hoje-fora{width:100%;display:grid;grid-template-columns:9px minmax(0,1fr);align-items:center;gap:1px 9px;background:none;border:0;border-radius:7px;padding:6px 8px;color:var(--cb-ink);font:inherit;font-size:13px;text-align:left;min-height:40px}
.cb-hoje-l button{cursor:pointer}
.cb-hoje-l button:hover{background:rgba(255,178,122,.1)}
.cb-hoje-l button:hover .t{text-decoration:underline;text-underline-offset:3px}
.cb-hoje-l .t{min-width:0;overflow-wrap:anywhere;line-height:1.3}
.cb-hoje-l small{grid-column:2;font-size:11.5px;color:#ffd59a}
.cb-hoje-l small.out{color:#ffb3ad}
.cb-hoje-fora{color:var(--cb-ink2)}
@media (min-width:761px){.cb:has(.cb-pop:not([hidden])) .cb-hoje{display:none}}
.cb:has(.cb-tempo:not([hidden])) .cb-hoje{display:none} /* a linha do tempo usa o mesmo canto de cima */
@media (max-width:760px){
  .cb-hoje{left:10px;width:auto;max-width:calc(100% - 20px)}
  .cb-hoje:has(.cb-hoje-l:not([hidden])){width:calc(100% - 20px)}
  .cb:has(.cb-painel:not([hidden])) .cb-hoje,.cb.noite .cb-hoje{display:none}
}
@media (max-width:640px){
  .cb-hoje-b,.cb-hoje-l button{min-height:44px}
}
/* cerebro: caminho e tempo */
.cb-cm-acoes{margin-top:8px}
.cb-cm-acoes .btn[aria-pressed="true"]{border-color:#ffb27a;color:#ffd9b8}
.cb-cm-ate{font-size:14px;font-weight:500;color:var(--cb-ink3)}
.cb-cm-nao{color:#ffd2ad}
.cb-passos{counter-reset:cb-passo}
.cb-passos li{display:flex;align-items:center;gap:4px;counter-increment:cb-passo}
.cb-passos li::before{content:counter(cb-passo);flex:none;width:18px;text-align:right;font-family:var(--mono);font-size:11px;color:var(--cb-ink3)}
.cb-passos button{flex:1;min-width:0}
.cb-tempo{position:absolute;z-index:3;top:var(--cb-topo,112px);left:16px;right:16px;margin:0 auto;width:fit-content;max-width:580px;display:flex;align-items:flex-start;gap:10px;background:var(--cb-vidro);border:1px solid var(--cb-line);border-radius:12px;padding:10px 8px 10px 14px;color:var(--cb-ink);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.cb-tempo-c{min-width:0}
.cb-tempo p{margin:0}
.cb-tempo-t{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 12px}
.cb-tempo-t b{font-family:var(--mono);font-size:14px;font-weight:600;color:#ffd9b8}
.cb-tempo-t span{font-family:var(--mono);font-size:11.5px;letter-spacing:.04em;color:var(--cb-ink2)}
.cb-tempo .cb-tempo-m{margin-top:3px;font-size:13px}
.cb-tempo .cb-tempo-a{margin-top:3px;font-size:12px;font-style:italic;color:var(--cb-ink3);overflow-wrap:anywhere}
.cb-tempo .cb-tempo-v{margin-top:5px;font-size:12px;line-height:1.4;color:var(--cb-ink2)}
.cb-tempo-acoes{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.cb-tempo .cb-aviso-x{flex:none}
@media (max-width:760px){
  .cb-tempo{left:10px;right:10px;width:auto;max-width:none;padding:8px 6px 8px 12px}
  .cb-tempo .cb-tempo-a{display:none}
}