/* Agenda Tracktor · quadro GTD + calendário
   Identidade Tracktor: mono metálico no claro, azul noite no escuro.
   Archivo afirma (títulos), Inter explica (texto), JetBrains Mono estrutura (rótulos, horas).
   Estrutura da referência Linear (fio fino no lugar de sombra, raios 6 e 12, escada 8/12/24);
   a cor é toda da Tracktor. */

:root,
:root[data-tema="claro"]{
  --fundo:#F4F5F7; --sup:#FFFFFF; --sup-2:#EDEFF2; --sup-3:#E4E7EB;
  --fio:#E3E5E9; --fio-2:#D2D5DC;
  --tinta:#0E1116; --texto:#3E434B; --mudo:#5F6670; --metal:#868D96;
  --acao:#0E1116; --acao-txt:#FFFFFF; --acao-hover:#2A2E35;
  --reuniao:#0E1116; --reuniao-txt:#FFFFFF; --reuniao-sub:#BCC1C8;
  --agora:#0E1116; --foco:#0E1116; --alvo:rgba(14,17,22,.06);
  --sombra:rgba(14,17,22,.14); --veu:rgba(14,17,22,.38);
  --perigo:#B42318; --hoje:#EDEFF2;
  color-scheme:light;
}
:root[data-tema="escuro"]{
  --fundo:#0B1324; --sup:#101B31; --sup-2:#15223C; --sup-3:#1C2B4A;
  --fio:#1F2D4A; --fio-2:#2C3E62;
  --tinta:#F1F4FA; --texto:#C8D1E2; --mudo:#97A3BC; --metal:#7F8CA6;
  --acao:#E8EDF7; --acao-txt:#0B1324; --acao-hover:#FFFFFF;
  --reuniao:#2A4A86; --reuniao-txt:#F4F7FD; --reuniao-sub:#BCCBE8;
  --agora:#8DB2FF; --foco:#8DB2FF; --alvo:rgba(141,178,255,.10);
  --sombra:rgba(0,0,0,.5); --veu:rgba(3,7,15,.62);
  --perigo:#FF9A90; --hoje:#13203A;
  color-scheme:dark;
}
@media (prefers-color-scheme: dark){
  :root:not([data-tema="claro"]){
    --fundo:#0B1324; --sup:#101B31; --sup-2:#15223C; --sup-3:#1C2B4A;
    --fio:#1F2D4A; --fio-2:#2C3E62;
    --tinta:#F1F4FA; --texto:#C8D1E2; --mudo:#97A3BC; --metal:#7F8CA6;
    --acao:#E8EDF7; --acao-txt:#0B1324; --acao-hover:#FFFFFF;
    --reuniao:#2A4A86; --reuniao-txt:#F4F7FD; --reuniao-sub:#BCCBE8;
    --agora:#8DB2FF; --foco:#8DB2FF; --alvo:rgba(141,178,255,.10);
    --sombra:rgba(0,0,0,.5); --veu:rgba(3,7,15,.62);
    --perigo:#FF9A90; --hoje:#13203A;
    color-scheme:dark;
  }
}
:root{
  --f-titulo:'Archivo',system-ui,sans-serif;
  --f-texto:'Inter',system-ui,sans-serif;
  --f-mono:'JetBrains Mono',ui-monospace,SFMono-Regular,monospace;
  --topo:56px;
  --alt-quadro:clamp(230px, 36vh, 360px);
}

*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%}
body{
  background:var(--fundo);color:var(--texto);
  font:400 14px/1.45 var(--f-texto);
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
  overflow-x:hidden;
}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer;background:none;border:0}
.ic{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
:focus-visible{outline:2px solid var(--foco);outline-offset:2px}
.eyebrow{font:500 10.5px/1 var(--f-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--mudo)}
.aviso{padding:24px 4px;color:var(--mudo)}
[hidden]{display:none !important}

/* logo: positivo no claro, negativo no escuro */
.logo{display:block;height:26px;width:auto}
.logo-escuro{display:none}
:root[data-tema="escuro"] .logo-claro{display:none}
:root[data-tema="escuro"] .logo-escuro{display:block}

/* ---------------- botões ---------------- */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  min-height:40px;padding:0 16px;border-radius:6px;
  font:600 13px/1 var(--f-texto);letter-spacing:-.005em;white-space:nowrap;
  transition:background-color .12s ease,border-color .12s ease,color .12s ease;
}
.btn-cheio{background:var(--acao);color:var(--acao-txt)}
.btn-cheio:hover{background:var(--acao-hover)}
.btn-cheio:disabled{opacity:.6;cursor:default}
.btn-fio{border:1px solid var(--fio-2);color:var(--tinta);background:var(--sup)}
.btn-fio:hover{border-color:var(--metal)}
.btn-perigo{border:1px solid var(--fio-2);color:var(--perigo);background:transparent}
.btn-perigo:hover{border-color:var(--perigo)}
.btn-curto{min-height:36px;padding:0 14px}
.btn-icone{
  width:40px;height:40px;border-radius:6px;display:inline-grid;place-items:center;color:var(--tinta);
  border:1px solid transparent;
}
.btn-icone:hover{background:var(--sup-2);border-color:var(--fio)}
.btn-tema .ic-sol{display:none}
:root[data-tema="escuro"] .btn-tema .ic-sol{display:block}
:root[data-tema="escuro"] .btn-tema .ic-lua{display:none}

/* controle segmentado (visões, abas, tipo do item novo) */
.seg{display:inline-flex;border:1px solid var(--fio-2);border-radius:6px;overflow:hidden;background:var(--sup)}
.seg-op{
  font:600 11px/1 var(--f-texto);letter-spacing:.06em;text-transform:uppercase;color:var(--mudo);
  min-height:36px;padding:0 14px;border-left:1px solid var(--fio-2);
}
.seg-op:first-child{border-left:0}
.seg-op:hover{color:var(--tinta)}
.seg-op.ativo{background:var(--sup-3);color:var(--tinta);box-shadow:inset 0 -2px 0 var(--tinta)}

/* ---------------- entrar ---------------- */
.pg-entrar{display:grid;place-items:center;min-height:100dvh;padding:24px 16px}
.entrar{
  position:relative;width:100%;max-width:400px;background:var(--sup);border:1px solid var(--fio);
  border-radius:12px;padding:36px 28px 30px;display:flex;flex-direction:column;gap:14px;
}
.entrar .logo{height:32px;margin-bottom:14px}
.entrar-titulo{font:700 24px/1.15 var(--f-titulo);letter-spacing:-.02em;color:var(--tinta);margin-bottom:8px;text-wrap:balance}
.entrar-form{display:flex;flex-direction:column;gap:14px}
.entrar-aviso{color:var(--perigo);font-size:13px}
.entrar .btn-cheio{min-height:46px;margin-top:4px}
.entrar .btn-tema{position:absolute;top:14px;right:14px}

/* ---------------- campos ---------------- */
.campo{display:flex;flex-direction:column;gap:7px;min-width:0}
.campo input,.campo select,.campo textarea{
  width:100%;min-height:42px;padding:10px 12px;border-radius:6px;
  background:var(--fundo);border:1px solid var(--fio-2);color:var(--tinta);font-size:14px;
}
.campo textarea{resize:vertical;line-height:1.45}
.campo input:focus,.campo select:focus,.campo textarea:focus{outline:2px solid var(--foco);outline-offset:0;border-color:transparent}

/* ---------------- topo ---------------- */
.topo{
  position:sticky;top:0;z-index:30;height:var(--topo);
  display:flex;align-items:center;gap:14px;padding:0 20px;
  background:var(--fundo);border-bottom:1px solid var(--fio);
}
.topo-marca{display:flex;align-items:center}
.topo-nome{font:500 10.5px/1 var(--f-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--mudo);
  padding-left:14px;border-left:1px solid var(--fio-2);height:22px;display:flex;align-items:center}
.abas{display:none}
.topo-acoes{margin-left:auto;display:flex;gap:4px}

/* ---------------- palco: quadro em cima, calendário embaixo ---------------- */
.palco{
  height:calc(100dvh - var(--topo));display:grid;
  grid-template-rows:var(--alt-quadro) minmax(0,1fr);
}
body.quadro-recolhido .palco{grid-template-rows:58px minmax(0,1fr)}
body.quadro-recolhido .kb-lista,body.quadro-recolhido .kb-novo{display:none}

.quadro{min-height:0;border-bottom:1px solid var(--fio);background:var(--fundo)}
.kb{
  height:100%;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(232px,1fr);
  gap:12px;padding:12px 20px;overflow-x:auto;overscroll-behavior-x:contain;
}
.kb-col{
  min-height:0;display:flex;flex-direction:column;
  background:var(--sup-2);border:1px solid var(--fio);border-radius:12px;
  transition:border-color .12s ease,background-color .12s ease;
}
.kb-col.alvo{border-color:var(--foco);background:var(--alvo)}
.kb-cab{display:flex;align-items:center;gap:8px;padding:8px 8px 8px 14px;min-height:44px}
.kb-nome{font:700 13.5px/1.2 var(--f-titulo);color:var(--tinta);letter-spacing:-.005em}
.kb-conta{font:500 11px/1 var(--f-mono);color:var(--mudo)}
.kb-add{margin-left:auto;width:32px;height:32px;border-radius:6px;display:grid;place-items:center;color:var(--mudo)}
.kb-add:hover{background:var(--sup);color:var(--tinta)}
.kb-novo{padding:0 8px 8px}
.kb-novo input{
  width:100%;min-height:38px;padding:8px 10px;border-radius:6px;background:var(--sup);
  border:1px solid var(--foco);color:var(--tinta);font-size:13px;
}
.kb-novo input:focus{outline:none}
.kb-lista{flex:1;min-height:0;overflow-y:auto;padding:0 8px 10px;display:flex;flex-direction:column;gap:6px}
.kb-vazio{color:var(--mudo);font-size:12.5px;padding:6px 6px 10px}

.kb-card{
  position:relative;padding:9px 10px 9px 36px;border-radius:8px;
  background:var(--sup);border:1px solid var(--fio);
  cursor:grab;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:manipulation;
  transition:border-color .12s ease,box-shadow .12s ease;
}
.kb-card:hover{border-color:var(--fio-2);box-shadow:0 2px 8px var(--sombra)}
.kb-card.arrastando{opacity:.35}
.kb-check{
  position:absolute;left:10px;top:9px;width:18px;height:18px;border-radius:50%;
  border:1.5px solid var(--metal);display:grid;place-items:center;color:var(--acao-txt);
}
.kb-check::after{content:'';position:absolute;inset:-11px}
.kb-check:hover{border-color:var(--tinta)}
.kb-check .ic{width:12px;height:12px;stroke-width:3}
.kb-card.feito .kb-check{background:var(--tinta);border-color:var(--tinta);color:var(--fundo)}
.kb-titulo{display:block;color:var(--tinta);font:500 13px/1.38 var(--f-texto);
  overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.kb-card.feito .kb-titulo{color:var(--mudo);text-decoration:line-through}
.kb-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:6px}
.chip{
  display:inline-flex;align-items:center;gap:5px;height:20px;padding:0 7px;border-radius:4px;
  font:500 10.5px/1 var(--f-mono);color:var(--mudo);background:var(--sup-2);border:1px solid var(--fio);white-space:nowrap;
}
.chip .ic{width:11px;height:11px}
.chip-data{color:var(--tinta)}
.chip-area::before{content:'';width:7px;height:7px;border-radius:50%;background:var(--c, var(--metal))}

/* ---------------- calendário ---------------- */
.cal{min-height:0;display:flex;flex-direction:column;gap:10px;padding:12px 20px 16px}
.cal-barra{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.cal-rotulo{font:700 19px/1.2 var(--f-titulo);letter-spacing:-.015em;color:var(--tinta);margin-left:8px;white-space:nowrap}
.cal-visoes{margin-left:auto}
.cal-corpo{flex:1;min-height:0;display:flex;flex-direction:column}

.ag-scroll{flex:1;min-height:0;overflow:auto;border:1px solid var(--fio);border-radius:12px;background:var(--sup)}
.ag-tabela{display:grid;width:100%;min-width:min-content}
.ag-canto{position:sticky;top:0;left:0;z-index:16;height:44px;background:var(--sup);border-right:1px solid var(--fio);border-bottom:1px solid var(--fio)}
.ag-cab{
  position:sticky;top:0;z-index:12;height:44px;background:var(--sup);
  border-bottom:1px solid var(--fio);border-left:1px solid var(--fio);
  padding:0 10px;display:flex;align-items:center;gap:8px;overflow:hidden;
}
.ag-cab-dow{font:500 10px/1 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--mudo)}
.ag-cab-num{font:700 19px/1 var(--f-titulo);color:var(--tinta)}
.ag-cab.hoje .ag-cab-num{background:var(--tinta);color:var(--fundo);border-radius:6px;padding:4px 6px;font-size:16px}
.ag-cab.hoje .ag-cab-dow{color:var(--tinta)}

.ag-canto-di{
  position:sticky;left:0;top:44px;z-index:15;background:var(--sup);
  border-right:1px solid var(--fio);border-bottom:1px solid var(--fio);
  display:flex;align-items:center;justify-content:flex-end;padding:0 8px;
}
.ag-canto-di span{font:500 8.5px/1.2 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--mudo);text-align:right}
.ag-di{
  position:sticky;top:44px;z-index:11;min-width:0;overflow:hidden;
  border-left:1px solid var(--fio);border-bottom:1px solid var(--fio);
  background:var(--sup);padding:4px;display:flex;flex-direction:column;gap:3px;min-height:32px;cursor:cell;
}
.ag-di.hoje{background:var(--hoje)}
.ag-di.alvo{background:var(--alvo);box-shadow:inset 0 0 0 1px var(--foco)}

.ag-gutter{position:sticky;left:0;z-index:8;background:var(--sup);border-right:1px solid var(--fio)}
.ag-hora{position:absolute;left:0;width:54px;margin-top:-6px;font:500 10px/1 var(--f-mono);color:var(--mudo);text-align:right;padding-right:8px}
.ag-col{
  position:relative;border-left:1px solid var(--fio);cursor:cell;
  background-image:
    repeating-linear-gradient(to bottom,transparent 0,transparent 23px,var(--fio) 23px,var(--fio) 24px);
  background-size:100% 48px;
}
.ag-col::before{
  content:'';position:absolute;inset:0;pointer-events:none;
  background-image:repeating-linear-gradient(to bottom,var(--fio-2) 0,var(--fio-2) 1px,transparent 1px,transparent 48px);
  opacity:.9;
}
.ag-col.hoje{background-color:var(--hoje)}
.ag-col.alvo{background-color:var(--alvo)}
.ag-agora{position:absolute;left:0;right:0;height:0;border-top:2px solid var(--agora);z-index:5;pointer-events:none}
.ag-agora::before{content:'';position:absolute;left:-4px;top:-5px;width:8px;height:8px;border-radius:50%;background:var(--agora)}

.ag-ev{
  position:absolute;overflow:hidden;container-type:inline-size;
  padding:3px 6px 3px 8px;border-radius:6px;font-size:11.5px;line-height:1.25;
  cursor:grab;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:manipulation;
  transition:box-shadow .12s ease;z-index:2;
}
.ag-ev:hover{box-shadow:0 4px 12px var(--sombra);z-index:6}
.ag-ev.tarefa{background:var(--sup);border:1px solid var(--fio-2);border-left:3px solid var(--tinta);color:var(--texto)}
.ag-ev.reuniao{background:var(--reuniao);border:1px solid var(--reuniao);color:var(--reuniao-txt)}
.ag-ev-h{font:500 10px/1.3 var(--f-mono);opacity:.8;display:block}
.ag-ev-n{display:block;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ag-ev.tarefa .ag-ev-n{color:var(--tinta)}
.ag-ev.reuniao .ag-ev-n{color:var(--reuniao-txt)}
.ag-ev.curto{padding:1px 6px 1px 8px;display:flex;gap:6px;align-items:center}
.ag-ev.curto .ag-ev-h{display:inline}
.ag-ev.feito{opacity:.55}
.ag-ev.feito .ag-ev-n{text-decoration:line-through;font-weight:500}
.ag-ev.arrastando{opacity:.3}
@container (max-width:70px){ .ag-ev-h{display:none} }

.ag-faixa{
  display:block;width:100%;text-align:left;padding:3px 7px;border-radius:5px;
  background:var(--sup-2);border:1px solid var(--fio-2);border-left:3px solid var(--tinta);
  font-size:11px;line-height:1.3;color:var(--tinta);font-weight:500;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  cursor:grab;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:manipulation;
}
.ag-faixa.feito{opacity:.55;text-decoration:line-through}
.ag-faixa.arrastando,.ag-chip.arrastando{opacity:.3}

.ag-previa{
  position:absolute;left:3px;right:3px;z-index:9;pointer-events:none;border-radius:6px;
  border:1.5px dashed var(--foco);background:var(--alvo);
  font:500 10.5px/1 var(--f-mono);color:var(--tinta);padding:5px 7px;
}

/* mês */
.ag-mes{flex:1;min-height:0;overflow:auto;border:1px solid var(--fio);border-radius:12px;background:var(--sup)}
.ag-mes-dow{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border-bottom:1px solid var(--fio);position:sticky;top:0;background:var(--sup);z-index:2}
.ag-mes-dow span{padding:9px 10px;font:500 10px/1 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--mudo)}
.ag-mes-grade{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}
.ag-cel{min-height:108px;padding:6px;border-left:1px solid var(--fio);border-top:1px solid var(--fio);
  display:flex;flex-direction:column;gap:3px;cursor:pointer;min-width:0}
.ag-cel:nth-child(7n+1){border-left:0}
.ag-cel:nth-child(-n+7){border-top:0}
.ag-cel.fora{background:var(--sup-2)}
.ag-cel.fora .ag-cel-n{opacity:.5}
.ag-cel.hoje .ag-cel-n{background:var(--tinta);color:var(--fundo);border-radius:5px;padding:2px 5px}
.ag-cel.alvo{background:var(--alvo);box-shadow:inset 0 0 0 1px var(--foco)}
.ag-cel-n{align-self:flex-start;font:700 13px/1.2 var(--f-titulo);color:var(--tinta)}
.ag-chip{
  display:block;width:100%;text-align:left;padding:2px 6px;border-radius:4px;
  font-size:11px;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  cursor:grab;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:manipulation;
}
.ag-chip b{font:500 10px/1 var(--f-mono);margin-right:4px}
.ag-chip.tarefa{background:var(--sup-2);border-left:3px solid var(--tinta);color:var(--tinta)}
.ag-chip.reuniao{background:var(--reuniao);color:var(--reuniao-txt)}
.ag-chip.feito{opacity:.55;text-decoration:line-through}
.ag-mais{font:500 10.5px/1 var(--f-mono);color:var(--mudo);text-align:left;padding:3px 4px}
.ag-mais:hover{color:var(--tinta);text-decoration:underline}

/* fantasma que segue o dedo ou o mouse */
.arrasto-fantasma{
  position:fixed;left:0;top:0;z-index:100;pointer-events:none;max-width:240px;
  padding:8px 12px;border-radius:8px;background:var(--sup);border:1px solid var(--fio-2);
  box-shadow:0 12px 28px var(--sombra);color:var(--tinta);font:600 12.5px/1.3 var(--f-texto);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transform-origin:0 0;
}
.arrasto-fantasma small{display:block;font:500 10px/1.2 var(--f-mono);color:var(--mudo);margin-top:3px}
body.arrastando-algo,body.arrastando-algo *{cursor:grabbing !important}

/* botão flutuante */
.fab{
  position:fixed;right:24px;bottom:24px;z-index:40;width:54px;height:54px;border-radius:50%;
  background:var(--acao);color:var(--acao-txt);display:grid;place-items:center;
  box-shadow:0 10px 24px var(--sombra);
}
.fab:hover{background:var(--acao-hover)}
.fab .ic{width:24px;height:24px;stroke-width:2}

/* ---------------- modal ---------------- */
.veu{position:fixed;inset:0;z-index:80;background:var(--veu);animation:aparece .14s ease}
.modal{
  position:fixed;z-index:81;left:50%;top:50%;transform:translate(-50%,-50%);
  width:min(480px, calc(100% - 32px));max-height:calc(100dvh - 32px);overflow:auto;
  background:var(--sup);border:1px solid var(--fio);border-radius:12px;padding:18px 20px 20px;
  box-shadow:0 24px 60px var(--sombra);animation:sobe .16s ease;
}
.modal-cab{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.modal-cab .btn-icone{margin-left:auto;margin-right:-8px}
.modal-tit{font:700 18px/1.2 var(--f-titulo);color:var(--tinta);letter-spacing:-.01em}
.modal form{display:flex;flex-direction:column;gap:14px}
.campos-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.modal-erro{color:var(--perigo);font-size:13px}
.modal-pe{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:4px}
.modal-pe .esp{flex:1}
@keyframes aparece{from{opacity:0}to{opacity:1}}
@keyframes sobe{from{opacity:0;transform:translate(-50%,-46%)}to{opacity:1;transform:translate(-50%,-50%)}}

/* ---------------- avisos (com Desfazer) ---------------- */
.toasts{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:79;display:flex;flex-direction:column;gap:8px;align-items:center;width:max-content;max-width:calc(100% - 32px)}
.toast{
  display:flex;align-items:center;gap:16px;padding:10px 12px 10px 16px;border-radius:8px;
  background:var(--tinta);color:var(--fundo);box-shadow:0 10px 26px var(--sombra);
  font-size:13px;animation:aparece .14s ease;max-width:100%;
}
.toast button{font:600 11px/1 var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--fundo);
  padding:8px 10px;border-radius:5px;border:1px solid currentColor;white-space:nowrap}
.toast.erro{background:var(--perigo);color:#fff}

/* ---------------- celular ---------------- */
@media (max-width:760px){
  :root{--topo:56px}
  .topo{padding:0 12px 0 16px;gap:10px}
  .topo .logo{height:18px}
  .topo .btn-icone{width:36px;height:36px}
  .topo-nome{display:none}
  .so-largo{display:none}
  .abas{display:flex;flex:none;margin-left:auto;border:1px solid var(--fio-2);border-radius:6px;overflow:hidden}
  .aba{font:600 10.5px/1 var(--f-texto);letter-spacing:.04em;text-transform:uppercase;color:var(--mudo);padding:0 9px;min-height:34px;white-space:nowrap;flex:none}
  .aba + .aba{border-left:1px solid var(--fio-2)}
  body[data-aba="quadro"] .aba[data-aba="quadro"],
  body[data-aba="calendario"] .aba[data-aba="calendario"]{background:var(--sup-3);color:var(--tinta)}
  .topo-acoes{margin-left:0;gap:0}
  .palco,body.quadro-recolhido .palco{display:block;height:calc(100dvh - var(--topo))}
  body[data-aba="quadro"] .cal{display:none}
  body[data-aba="calendario"] .quadro{display:none}
  .quadro{height:100%;border-bottom:0}
  .kb{grid-auto-columns:calc(100vw - 48px);padding:12px 16px 16px;scroll-snap-type:x mandatory;scroll-padding:0 16px}
  .kb-col{scroll-snap-align:start}
  body.quadro-recolhido .kb-lista,body.quadro-recolhido .kb-novo{display:flex}
  .cal{height:100%;padding:10px 16px 12px}
  .cal-rotulo{order:9;width:100%;margin:2px 0 0;font-size:17px}
  .cal-visoes{margin-left:auto}
  .seg-op{padding:0 11px}
  .ag-mes .ag-cel{min-height:72px;padding:4px 3px}
  .ag-chip{padding:1px 3px;font-size:10px}
  .ag-chip .t{display:none}
  .fab{right:16px;bottom:16px;width:52px;height:52px}
  .campos-2{grid-template-columns:1fr 1fr}
  .modal{top:auto;bottom:16px;transform:translateX(-50%);animation:sobe-cel .18s ease}
  @keyframes sobe-cel{from{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translateX(-50%)}}
  .toasts{bottom:84px}
}
@media (prefers-reduced-motion:reduce){*{animation:none !important;transition:none !important}}