/* Fontes da marca AG7 (Space Grotesk + Space Mono), servidas daqui — sem CDN. */
/* latin-ext */
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
  src: url(spacegrotesk-300-700-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
  src: url(spacegrotesk-300-700-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Space Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(spacemono-400-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Space Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(spacemono-400-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Space Mono';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(spacemono-700-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Space Mono';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(spacemono-700-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* ESTAGIÁRIO — mesma identidade do agx (AG7: preto · creme · prata). Tokens espelhados do app principal. */
:root{
  --preto:#0a0a0a; --creme:#f7f7f5; --prata:#c8c8c8;
  --prata-grad:linear-gradient(135deg,#e8e8e8 0%,#b0b0b0 30%,#d8d8d8 50%,#909090 70%,#c0c0c0 100%);
  --fonte:'Space Grotesk',system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --mono:'Space Mono',ui-monospace,Menlo,Consolas,monospace;
  --fundo:#0a0a0a; --painel:#111111; --painel2:#171717;
  --linha:rgba(255,255,255,.10); --linha-forte:rgba(255,255,255,.22);
  --texto:#f2f2f0; --fraco:#8c8c8c;
  --marca:#c8c8c8; --marca-fraca:rgba(255,255,255,.07); --sobre-marca:#0a0a0a;
  --botao-marca:var(--prata-grad);
  --ok:#7fd49b; --atencao:#e5c07b; --erro:#ef8a8a;
  --ok-fraco:rgba(127,212,155,.10); --atencao-fraco:rgba(229,192,123,.10); --erro-fraco:rgba(239,138,138,.10);
  --malha:rgba(255,255,255,.028); --fimsem:rgba(255,255,255,.035);
  --sombra:0 1px 0 rgba(255,255,255,.03) inset,0 12px 32px rgba(0,0,0,.35);
  --raio:10px; --raio-p:6px; --suave:cubic-bezier(.4,0,.2,1);
  color-scheme:dark;
}
html[data-tema=claro]{
  --fundo:#f7f7f5; --painel:#ffffff; --painel2:#efefec;
  --linha:rgba(10,10,10,.10); --linha-forte:rgba(10,10,10,.22);
  --texto:#0a0a0a; --fraco:#6e6e6e; --marca:#0a0a0a; --marca-fraca:rgba(10,10,10,.06); --sobre-marca:#ffffff;
  --botao-marca:#0a0a0a; --ok:#1f7a45; --atencao:#9a6512; --erro:#b42318;
  --ok-fraco:#e9f4ed; --atencao-fraco:#f8f0e1; --erro-fraco:#fbeceb;
  --malha:rgba(10,10,10,.035); --fimsem:rgba(10,10,10,.04);
  --sombra:0 1px 2px rgba(10,10,10,.04),0 10px 28px rgba(10,10,10,.06); color-scheme:light;
}
@media (prefers-color-scheme:light){html:not([data-tema=escuro]){
  --fundo:#f7f7f5; --painel:#ffffff; --painel2:#efefec;
  --linha:rgba(10,10,10,.10); --linha-forte:rgba(10,10,10,.22);
  --texto:#0a0a0a; --fraco:#6e6e6e; --marca:#0a0a0a; --marca-fraca:rgba(10,10,10,.06); --sobre-marca:#ffffff;
  --botao-marca:#0a0a0a; --ok:#1f7a45; --atencao:#9a6512; --erro:#b42318;
  --ok-fraco:#e9f4ed; --atencao-fraco:#f8f0e1; --erro-fraco:#fbeceb;
  --malha:rgba(10,10,10,.035); --fimsem:rgba(10,10,10,.04);
  --sombra:0 1px 2px rgba(10,10,10,.04),0 10px 28px rgba(10,10,10,.06); color-scheme:light;}}

*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{background-color:var(--fundo);color:var(--texto);
  background-image:linear-gradient(var(--malha) 1px,transparent 1px),linear-gradient(90deg,var(--malha) 1px,transparent 1px);
  background-size:48px 48px;background-attachment:fixed;
  font:15px/1.5 var(--fonte);-webkit-font-smoothing:antialiased;min-height:100dvh}
::selection{background:var(--marca);color:var(--sobre-marca)}
h1,h2,h3{margin:0 0 10px;line-height:1.15;font-weight:700;letter-spacing:-.025em}
h2{font-size:18px}h3{font-size:15px}
.fraco,.mu{color:var(--fraco)}
.mono{font-family:var(--mono)}
:focus-visible{outline:1.5px solid var(--marca);outline-offset:2px}
*{scrollbar-width:thin;scrollbar-color:var(--linha-forte) transparent}
.rot{font-family:var(--mono);text-transform:uppercase;letter-spacing:.16em;font-size:10.5px;color:var(--fraco);font-weight:400}

/* barra de cima + abas */
.appbar{position:sticky;top:0;z-index:30;background:color-mix(in srgb,var(--fundo) 82%,transparent);
  -webkit-backdrop-filter:saturate(1.2) blur(14px);backdrop-filter:saturate(1.2) blur(14px);border-bottom:1px solid var(--linha)}
.appbar .topo{display:flex;align-items:center;gap:8px;padding:calc(8px + env(safe-area-inset-top)) 12px 4px}
.appbar .titulo{flex:1;min-width:0;display:flex;align-items:baseline;gap:10px;white-space:nowrap;overflow:hidden}
.appbar .nome{font-weight:700;font-size:18px;letter-spacing:-.03em}
.appbar .sec{font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--fraco)}
.appbar .sec::before{content:"/";margin-right:10px;opacity:.5}
.ibtn{height:36px;min-width:36px;padding:0 10px;border:0;background:none;color:var(--texto);border-radius:var(--raio-p);
  cursor:pointer;font:inherit;font-size:13px;transition:background .15s var(--suave)}
.ibtn:hover{background:var(--marca-fraca)}
.abas{display:flex;gap:2px;padding:0 8px;overflow-x:auto;scrollbar-width:none}
.abas::-webkit-scrollbar{display:none}
.aba{position:relative;border:0;background:none;color:var(--fraco);cursor:pointer;padding:10px 12px;white-space:nowrap;
  font-family:var(--mono);font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;transition:color .15s var(--suave)}
.aba:hover{color:var(--texto)}
.aba.on{color:var(--texto)}
.aba.on::after{content:"";position:absolute;left:10px;right:10px;bottom:-1px;height:2px;background:var(--prata-grad)}

main{max-width:1100px;margin:0 auto;padding:16px 14px calc(30px + env(safe-area-inset-bottom))}
main.larga{max-width:none}

/* cartão, kpi, lista */
.cartao{background:var(--painel);border:1px solid var(--linha);border-radius:var(--raio);padding:16px;margin:0 0 14px;box-shadow:var(--sombra)}
.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;margin:0 0 14px}
.kpi{background:var(--painel);border:1px solid var(--linha);border-radius:var(--raio);padding:12px 14px;box-shadow:var(--sombra);cursor:pointer}
.kpi b{display:block;font-size:28px;line-height:1.05;font-weight:700;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.kpi span{display:block;margin-top:6px;font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--fraco)}
.kpi.erro b{color:var(--erro)}.kpi.atencao b{color:var(--atencao)}.kpi.ok b{color:var(--ok)}
.lista{background:var(--painel);border:1px solid var(--linha);border-radius:var(--raio);box-shadow:var(--sombra);overflow:hidden}
.lin{display:flex;gap:12px;align-items:center;padding:11px 14px;border-bottom:1px solid var(--linha);cursor:pointer;transition:background .15s var(--suave)}
.lin:last-child{border-bottom:0}
.lin:hover{background:var(--marca-fraca)}
.lin .t{flex:1;min-width:0}
.lin .tit{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lin .sub{font-size:12.5px;color:var(--fraco);margin-top:2px}
.esm{opacity:.45}
.cod{font-family:var(--mono);font-size:11.5px;color:var(--fraco);letter-spacing:.06em;white-space:nowrap}
.pdot{width:9px;height:9px;border-radius:50%;flex:none;background:var(--fraco)}
.pdot.alta{background:var(--erro)}.pdot.media{background:var(--atencao)}.pdot.baixa{background:var(--prata)}
.venc{color:var(--erro);font-weight:700}
.semdata{color:var(--atencao);font-weight:700}
.chip{display:inline-flex;align-items:center;gap:5px;padding:2px 8px;border-radius:4px;font-family:var(--mono);font-size:10.5px;
  letter-spacing:.08em;text-transform:uppercase;color:var(--fraco);border:1px solid var(--linha-forte);white-space:nowrap}
.chip.ok{background:var(--ok-fraco);color:var(--ok);border-color:transparent}
.chip.atencao{background:var(--atencao-fraco);color:var(--atencao);border-color:transparent}
.chip.erro{background:var(--erro-fraco);color:var(--erro);border-color:transparent}
.titulo-sec{display:flex;align-items:center;gap:10px;margin:18px 0 8px;font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--fraco)}
.titulo-sec::before{content:"";width:22px;height:1px;background:var(--prata-grad)}
.vazio{text-align:center;padding:40px 18px;color:var(--fraco)}
.vazio b{display:block;color:var(--texto);margin-bottom:6px;font-size:17px;letter-spacing:-.02em}

/* botões e campos */
.btn,button.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:36px;padding:6px 14px;border-radius:var(--raio-p);
  cursor:pointer;border:1px solid var(--linha-forte);background:transparent;color:var(--texto);font:inherit;font-weight:500;font-size:13.5px;
  transition:background .15s var(--suave)}
.btn:hover{background:var(--marca-fraca)}
.btn:active{transform:scale(.98)}
.btn.primario{background:var(--botao-marca);border-color:transparent;color:var(--sobre-marca);font-weight:700;
  box-shadow:0 1px 0 rgba(255,255,255,.5) inset,0 6px 18px rgba(0,0,0,.25)}
.btn.on{background:var(--marca-fraca);border-color:var(--marca)}
.btn.peq{min-height:30px;padding:3px 10px;font-size:12.5px}
.campo,input.campo,select.campo,textarea.campo{width:100%;min-height:38px;padding:7px 11px;border-radius:var(--raio-p);border:1px solid var(--linha);
  background:var(--painel2);color:var(--texto);font:inherit;outline:none;transition:border-color .15s var(--suave)}
.campo:focus{border-color:var(--linha-forte);background:var(--painel)}
.campo::placeholder{color:var(--fraco)}
textarea.campo{min-height:80px;resize:vertical}
.barra{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:0 0 12px}
.barra .campo{width:auto;min-width:0}
.barra input[type=search],.barra .busca{flex:1;min-width:140px}
.seg{display:inline-flex;border:1px solid var(--linha-forte);border-radius:var(--raio-p);overflow:hidden}
.seg button{border:0;background:none;color:var(--fraco);padding:6px 11px;cursor:pointer;font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase}
.seg button+button{border-left:1px solid var(--linha-forte)}
.seg button.on{background:var(--marca-fraca);color:var(--texto)}
label.rot{display:block;margin:12px 0 6px}
.grade{display:grid;grid-template-columns:1fr 1fr;gap:10px}

dialog{width:min(700px,96vw);background:var(--painel);color:var(--texto);border:1px solid var(--linha-forte);border-radius:var(--raio);padding:18px;
  max-height:92vh;overflow:auto;box-shadow:var(--sombra)}
dialog::backdrop{background:rgba(0,0,0,.6);backdrop-filter:blur(3px)}
.acoes{display:flex;gap:8px;justify-content:flex-end;margin-top:16px}
.msgerro{color:var(--erro);margin:8px 0}
pre.txt{white-space:pre-wrap;font:inherit;margin:2px 0 8px;color:var(--fraco)}
.login{max-width:340px;margin:14vh auto;padding:22px;background:var(--painel);border:1px solid var(--linha);border-radius:var(--raio);box-shadow:var(--sombra)}
.login .campo{margin:6px 0}
.login .marca{font-weight:700;font-size:26px;letter-spacing:-.035em;margin-bottom:2px}
.rascunho{color:var(--atencao)}.valendo{color:var(--ok)}.substituida{color:var(--fraco);text-decoration:line-through}

/* kanban */
.kb{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(250px,1fr);gap:12px;overflow-x:auto;padding-bottom:12px;align-items:start;scroll-snap-type:x proximity}
.kcol{background:color-mix(in srgb,var(--painel) 70%,transparent);border:1px solid var(--linha);border-radius:var(--raio);padding:10px;min-height:140px;scroll-snap-align:start;transition:background .15s,border-color .15s}
.kcol.alvo{border-color:var(--marca);background:var(--marca-fraca)}
.kcol h3{display:flex;align-items:center;gap:8px;margin:2px 4px 10px;font-family:var(--mono);font-size:11px;font-weight:400;letter-spacing:.16em;text-transform:uppercase;color:var(--fraco)}
.kcol h3 .n{display:inline-grid;place-items:center;min-width:20px;height:20px;border-radius:10px;background:var(--marca-fraca);font-size:10.5px;color:var(--texto)}
.kcol h3 .mais{margin-left:auto;border:0;background:none;color:var(--fraco);cursor:pointer;font-size:16px;line-height:1}
.kcol h3 .mais:hover{color:var(--texto)}
.kcard{position:relative;background:var(--painel);border:1px solid var(--linha);border-radius:8px;padding:10px 11px 10px 14px;margin-bottom:8px;cursor:grab;
  box-shadow:var(--sombra);transition:border-color .15s,transform .15s}
.kcard:hover{border-color:var(--linha-forte)}
.kcard::before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;border-radius:2px;background:var(--fraco)}
.kcard.alta::before{background:var(--erro)}.kcard.media::before{background:var(--atencao)}.kcard.baixa::before{background:var(--prata)}
.kcard.arrastando{opacity:.4;cursor:grabbing}
.kcard .tit{font-weight:500;font-size:14px;line-height:1.3;margin:3px 0 6px}
.kcard .meta{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-family:var(--mono);font-size:10.5px;color:var(--fraco);letter-spacing:.04em}
.kcard select{margin-top:8px;width:100%;font-size:12px;min-height:30px;padding:3px 8px}
@media (hover:hover){.kcard select{display:none}}
@media (max-width:640px){.kb{grid-auto-columns:82%}}

/* timeline */
.tl{position:relative;border:1px solid var(--linha);border-radius:var(--raio);background:var(--painel);box-shadow:var(--sombra);overflow:hidden}
.tl-rola{overflow:auto;height:calc(100dvh - 232px);min-height:320px;position:relative;overscroll-behavior:contain}
.tl-grade{position:relative}
.tl-linha{display:flex;height:var(--rh,38px)}
.tl-rot{position:sticky;left:0;z-index:6;flex:none;width:var(--lw);background:var(--painel);border-right:1px solid var(--linha-forte);
  display:flex;align-items:center;gap:6px;padding:0 10px;overflow:hidden;white-space:nowrap;border-bottom:1px solid var(--linha);cursor:default}
.tl-rot .t{overflow:hidden;text-overflow:ellipsis;font-size:13px}
.tl-rot.passo{padding-left:26px;color:var(--fraco)}
.tl-rot .seta{border:0;background:none;color:var(--fraco);cursor:pointer;padding:0 2px;font-size:11px;width:16px}
.tl-trilho{position:relative;flex:none;border-bottom:1px solid var(--linha)}
.tl-g .tl-rot{background:var(--painel2);font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--fraco);cursor:pointer}
.tl-g .tl-trilho{background:var(--painel2)}
.tl-cab{position:sticky;top:0;z-index:8;background:var(--painel)}
.tl-cab .tl-rot{z-index:9;border-bottom:1px solid var(--linha-forte);font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--fraco)}
.tl-meses{height:24px;border-bottom:1px solid var(--linha)}
.tl-dias{height:28px;border-bottom:1px solid var(--linha-forte)}
.tl-cab .tl-trilho{border-bottom:0}
.tl-mes{position:absolute;top:0;height:24px;padding:4px 8px;border-left:1px solid var(--linha);font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--fraco);white-space:nowrap}
.tl-dia{position:absolute;top:0;height:28px;text-align:center;font-family:var(--mono);font-size:10px;line-height:14px;padding-top:2px;color:var(--fraco);border-left:1px solid var(--linha)}
.tl-dia.fds{color:var(--fraco);opacity:.7}
.tl-dia.hoje{color:var(--sobre-marca);background:var(--marca);font-weight:700;border-radius:0 0 4px 4px}
.tl-fundo{position:absolute;pointer-events:none;z-index:1}
.tl-hoje{position:absolute;width:2px;background:var(--marca);z-index:5;pointer-events:none;box-shadow:0 0 0 1px color-mix(in srgb,var(--marca) 25%,transparent)}
.tl-bar{position:absolute;top:7px;height:calc(var(--rh,38px) - 14px);border-radius:5px;z-index:4;display:flex;align-items:center;min-width:8px;
  border:1px solid transparent;color:var(--sobre-marca);font-size:11.5px;font-weight:500;touch-action:none;cursor:grab;user-select:none;
  box-shadow:0 1px 3px rgba(0,0,0,.3);transition:box-shadow .15s}
.tl-bar:hover{box-shadow:0 2px 8px rgba(0,0,0,.45)}
.tl-bar.arrastando{cursor:grabbing;box-shadow:0 6px 18px rgba(0,0,0,.5);z-index:7}
.tl-bar .tx{padding:0 9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;pointer-events:none}
.tl-bar .h{position:absolute;top:0;bottom:0;width:9px;cursor:ew-resize;z-index:2}
.tl-bar .h.e{left:0}.tl-bar .h.d{right:0}
.tl-bar .h::after{content:"";position:absolute;top:30%;bottom:30%;left:3px;width:2px;border-radius:1px;background:currentColor;opacity:0}
.tl-bar:hover .h::after{opacity:.5}
.tl-bar.alta{background:var(--erro)}.tl-bar.media{background:var(--atencao)}.tl-bar.baixa{background:var(--prata)}.tl-bar.sem{background:var(--fraco)}
.tl-bar.cor-status.aberto{background:var(--prata)}.tl-bar.cor-status.progresso{background:var(--marca);color:var(--sobre-marca)}
.tl-bar.cor-status.aguardando,.tl-bar.cor-status.pendente{background:var(--atencao)}.tl-bar.cor-status.resolvido{background:var(--ok)}.tl-bar.cor-status.descartado{background:var(--fraco)}
.tl-bar.passo{top:11px;height:calc(var(--rh,38px) - 22px);font-size:10.5px}
.tl-bar.venc{outline:2px solid var(--erro);outline-offset:1px}
.tl-bar.esm{opacity:.4}
.tl-bar.dia1{border-radius:50%;min-width:14px;width:14px;top:12px;height:14px}
.tl-bar.dia1 .tx{display:none}
.tl-fantasma{position:absolute;top:7px;height:calc(var(--rh,38px) - 14px);border-radius:5px;border:1.5px dashed var(--marca);background:var(--marca-fraca);z-index:3;pointer-events:none}
.tl-nova .tl-trilho{cursor:crosshair}
.tl-nova .tl-rot{color:var(--fraco);font-size:12px}
.tl-semdata .tl-trilho{cursor:crosshair;background-image:repeating-linear-gradient(135deg,transparent 0 8px,var(--marca-fraca) 8px 9px)}
.tl-dica{position:sticky;left:calc(var(--lw) + 12px);display:inline-block;padding:0 12px;font-size:12px;color:var(--fraco);line-height:var(--rh,38px)}
.tl-alvo .tl-trilho{background:var(--marca-fraca)}
.tl-barra{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:0 0 12px}
.tl-barra .sp{flex:1}
.leg{display:flex;gap:10px;align-items:center;font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--fraco)}
.leg i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:4px;vertical-align:-1px}
.atalhos{font-family:var(--mono);font-size:10.5px;letter-spacing:.06em;color:var(--fraco);margin-top:8px}
.atalhos kbd{border:1px solid var(--linha-forte);border-radius:4px;padding:0 5px;background:var(--painel2);color:var(--texto);font:inherit}
.toast{position:fixed;left:50%;bottom:calc(20px + env(safe-area-inset-bottom));transform:translateX(-50%);z-index:100;display:flex;gap:12px;align-items:center;
  background:var(--painel);border:1px solid var(--linha-forte);border-radius:var(--raio);padding:9px 14px;box-shadow:var(--sombra);font-size:13.5px}
.toast button{border:0;background:none;color:var(--texto);font-weight:700;cursor:pointer;text-decoration:underline}

/* agenda (mês) */
.mes{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border:1px solid var(--linha);border-radius:var(--raio);overflow:hidden;background:var(--painel);box-shadow:var(--sombra)}
.mes .dsem{padding:8px;font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--fraco);border-bottom:1px solid var(--linha-forte);background:var(--painel2)}
.mes .cel{min-height:104px;padding:6px;border-right:1px solid var(--linha);border-bottom:1px solid var(--linha);overflow:hidden}
.mes .cel:nth-child(7n){border-right:0}
.mes .cel.fora{opacity:.4}
.mes .cel.fds{background:var(--fimsem)}
.mes .cel .n{font-family:var(--mono);font-size:11px;color:var(--fraco);margin-bottom:3px}
.mes .cel.hoje .n{display:inline-block;background:var(--marca);color:var(--sobre-marca);border-radius:9px;padding:0 6px;font-weight:700}
.mes .ev{display:block;width:100%;text-align:left;border:0;border-left:3px solid var(--fraco);background:var(--marca-fraca);color:var(--texto);padding:2px 6px;margin-bottom:3px;border-radius:3px;font:inherit;font-size:11.5px;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}
.mes .ev.alta{border-left-color:var(--erro)}.mes .ev.media{border-left-color:var(--atencao)}.mes .ev.baixa{border-left-color:var(--prata)}
.mes .ev.decisao{border-left-color:var(--ok);font-style:italic}
.mes .ev.esm{opacity:.45;text-decoration:line-through}
.mes .mais{font-family:var(--mono);font-size:10px;color:var(--fraco)}
@media (max-width:640px){.grade{grid-template-columns:1fr}.mes .cel{min-height:64px;padding:3px}.mes .ev{font-size:10px;padding:1px 3px}.tl-rola{height:calc(100dvh - 250px)}}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

.tl-barra .campo{width:auto}
.tl-g[data-sd] .tl-trilho{cursor:pointer}
.tl-bar.curta .tx{display:none}
.tl-bar .ao-lado{position:absolute;left:calc(100% + 7px);top:50%;transform:translateY(-50%);white-space:nowrap;color:var(--texto);font-size:12px;font-weight:500;pointer-events:none}
.tl-bar.esm .ao-lado{opacity:.8}
.tl-bar.passo .ao-lado{font-size:11px;color:var(--fraco)}