/* Minus Meeting :: estilo
   Paleta do Rio Grande do Norte: verde da bandeira (principal), sol e dunas (dourado,
   que tambem e o amarelo do logo RedeMAIS), mar do litoral (azul). O vermelho RedeMAIS
   fica reservado para urgente e atrasado. Claro e escuro. */

:root{
  --bg:#f3f4ef; --surface:#ffffff; --surface-2:#f8f9f5; --surface-3:#eef1ea;
  --fg:#12201a; --muted:#5b6961; --faint:#89958d; --line:#e2e6de; --line-2:#d2d8cd;
  --verde:#0b7a43; --verde-forte:#085c33; --verde-soft:#e2f1e7; --verde-ink:#0a6a3a; --on-verde:#ffffff;
  --sol:#f2a900; --sol-ink:#8a5800; --sol-soft:#fdf0cf;
  --mar:#0e6fa6; --mar-ink:#0b5d8c; --mar-soft:#e0eef7;
  --coral:#d21805; --coral-ink:#b81604; --coral-soft:#fce5e1;
  --roxo:#6e48b8; --roxo-ink:#5f3ea3; --roxo-soft:#efe9f9;
  --terra:#9a5b2e; --terra-ink:#86502a; --terra-soft:#f5eadf;
  --side-a:#05301b; --side-b:#0a5a33; --side-fg:#d9eee1; --side-dim:rgba(217,238,225,.62);
  --shadow-1:0 1px 1px rgba(18,32,26,.04),0 1px 3px rgba(18,32,26,.06);
  --shadow-2:0 2px 4px rgba(18,32,26,.05),0 10px 24px -6px rgba(18,32,26,.12);
  --shadow-3:0 12px 28px -8px rgba(18,32,26,.22),0 30px 80px -20px rgba(18,32,26,.35);
  --display:"Montserrat",system-ui,sans-serif; --body:"Hanken Grotesk",system-ui,sans-serif; --mono:"JetBrains Mono",ui-monospace,monospace;
  --ease:cubic-bezier(.2,.8,.2,1); --ease-in:cubic-bezier(.4,0,1,1);
  --r-sm:8px; --r:12px; --r-lg:16px; --r-xl:20px;
  color-scheme:light;
}
@media (prefers-color-scheme:dark){:root:not([data-tema="claro"]){
  --bg:#0b1410; --surface:#111b16; --surface-2:#16221c; --surface-3:#1c2a23;
  --fg:#e6eee8; --muted:#98a89f; --faint:#6c7d73; --line:#213029; --line-2:#2b3c33;
  --verde:#3fc77f; --verde-forte:#2ea86a; --verde-soft:#123222; --verde-ink:#5fd697; --on-verde:#04200f;
  --sol:#f5c04a; --sol-ink:#f5c04a; --sol-soft:#30260e;
  --mar:#5fb3e8; --mar-ink:#7cc2ee; --mar-soft:#11283a;
  --coral:#ff6b57; --coral-ink:#ff8a79; --coral-soft:#3a1914;
  --roxo:#b49af0; --roxo-ink:#c4aef4; --roxo-soft:#251c3b;
  --terra:#d9a27a; --terra-ink:#e2b592; --terra-soft:#30231a;
  --side-a:#050d09; --side-b:#0a1d14;
  --shadow-1:0 1px 2px rgba(0,0,0,.35); --shadow-2:0 2px 6px rgba(0,0,0,.35),0 12px 28px -8px rgba(0,0,0,.5);
  --shadow-3:0 16px 40px -10px rgba(0,0,0,.6),0 40px 100px -20px rgba(0,0,0,.7);
  color-scheme:dark}}
:root[data-tema="escuro"]{
  --bg:#0b1410; --surface:#111b16; --surface-2:#16221c; --surface-3:#1c2a23;
  --fg:#e6eee8; --muted:#98a89f; --faint:#6c7d73; --line:#213029; --line-2:#2b3c33;
  --verde:#3fc77f; --verde-forte:#2ea86a; --verde-soft:#123222; --verde-ink:#5fd697; --on-verde:#04200f;
  --sol:#f5c04a; --sol-ink:#f5c04a; --sol-soft:#30260e;
  --mar:#5fb3e8; --mar-ink:#7cc2ee; --mar-soft:#11283a;
  --coral:#ff6b57; --coral-ink:#ff8a79; --coral-soft:#3a1914;
  --roxo:#b49af0; --roxo-ink:#c4aef4; --roxo-soft:#251c3b;
  --terra:#d9a27a; --terra-ink:#e2b592; --terra-soft:#30231a;
  --side-a:#050d09; --side-b:#0a1d14;
  --shadow-1:0 1px 2px rgba(0,0,0,.35); --shadow-2:0 2px 6px rgba(0,0,0,.35),0 12px 28px -8px rgba(0,0,0,.5);
  --shadow-3:0 16px 40px -10px rgba(0,0,0,.6),0 40px 100px -20px rgba(0,0,0,.7);
  color-scheme:dark}

*{box-sizing:border-box}
[hidden]{display:none!important}
html,body{height:100%}
body{margin:0;background:var(--bg);color:var(--fg);font:15px/1.5 var(--body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
button,input,select,textarea{font:inherit;color:inherit;letter-spacing:inherit}
button{cursor:pointer;background:none;border:0;padding:0}
a{color:inherit}
img{max-width:100%;display:block}
h1,h2,h3{font-family:var(--display);margin:0;text-wrap:balance;letter-spacing:-.015em}
:focus-visible{outline:2px solid var(--verde);outline-offset:2px}
::selection{background:var(--verde-soft)}
.mono{font-family:var(--mono);font-size:.82em;letter-spacing:0}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
svg.i{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
svg.i.sm{width:14px;height:14px} svg.i.xs{width:12px;height:12px;stroke-width:2.2}

/* ---------- casca ---------- */
#app{display:flex;height:100%}
.side{width:72px;flex:none;display:flex;flex-direction:column;align-items:center;gap:4px;padding:16px 0 14px;padding-left:env(safe-area-inset-left,0px);
  background:linear-gradient(180deg,var(--side-b),var(--side-a));color:var(--side-fg);position:relative;z-index:5}
.mark{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;position:relative;margin-bottom:14px;
  background:linear-gradient(145deg,rgba(255,255,255,.16),rgba(255,255,255,.04));box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)}
.mark::before{content:"";width:18px;height:3.5px;border-radius:3px;background:#fff}
.mark::after{content:"";position:absolute;top:7px;right:7px;width:7px;height:7px;border-radius:50%;background:#fbb81b;box-shadow:0 0 10px rgba(251,184,27,.8)}
.nav{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;color:var(--side-dim);position:relative;transition:background .2s,color .2s}
.nav:hover{color:#fff;background:rgba(255,255,255,.07)}
.nav.on{color:#fff;background:rgba(255,255,255,.13);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
.nav.on::before{content:"";position:absolute;left:-14px;top:12px;bottom:12px;width:3px;border-radius:0 3px 3px 0;background:#fbb81b}
.nav svg.i{width:20px;height:20px}
.nav .bd{position:absolute;top:4px;right:4px;min-width:17px;height:17px;border-radius:9px;background:#fbb81b;color:#3a2600;font:600 10px/17px var(--mono);padding:0 4px;text-align:center}
.nav .tip{position:absolute;left:54px;white-space:nowrap;background:#06140d;color:#fff;font-size:12px;font-weight:500;padding:5px 9px;border-radius:7px;opacity:0;transform:translateX(-4px);pointer-events:none;transition:opacity .15s,transform .15s;box-shadow:var(--shadow-2)}
.nav:hover .tip{opacity:1;transform:none}
.side .fim{margin-top:auto;display:flex;flex-direction:column;align-items:center;gap:6px}
.side .eu{margin-top:6px}
.side .eu .av{width:34px;height:34px;font-size:12px;border-color:rgba(255,255,255,.25)}
.bnav{display:none}

.shell{flex:1;min-width:0;display:flex;flex-direction:column}
.top{display:flex;align-items:center;gap:12px;padding:14px max(24px,env(safe-area-inset-right,0px)) 0 24px}
.search{flex:1;max-width:440px;display:flex;align-items:center;gap:9px;height:40px;padding:0 12px;border-radius:11px;background:var(--surface);border:1px solid var(--line);color:var(--faint);transition:border-color .2s,box-shadow .2s}
.search:focus-within{border-color:var(--verde);box-shadow:0 0 0 4px var(--verde-soft)}
.search input{flex:1;min-width:0;border:0;background:none;outline:none;color:var(--fg)}
.search input::placeholder{color:var(--faint)}
.kbd{font:500 11px var(--mono);color:var(--faint);border:1px solid var(--line);border-bottom-width:2px;border-radius:6px;padding:0 6px;line-height:18px}
.top .acoes{margin-left:auto;display:flex;align-items:center;gap:8px}
.sync{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--faint)}
.sync i{width:7px;height:7px;border-radius:50%;background:var(--verde);box-shadow:0 0 0 3px var(--verde-soft)}
.sync.off i{background:var(--coral);box-shadow:0 0 0 3px var(--coral-soft)}

.stage{flex:1;min-height:0;display:flex;flex-direction:column;padding:18px 24px 0;transition:opacity .2s var(--ease),transform .2s var(--ease)}
.stage.out{opacity:0;transform:translateY(6px);transition-duration:.14s;transition-timing-function:var(--ease-in)}
.page{flex:1;min-height:0;overflow:auto;padding-bottom:32px;display:flex;flex-direction:column;gap:18px;margin:0 -24px;padding-inline:24px}

.ph{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap}
.ph h1{font-size:26px;font-weight:700;line-height:1.15}
.ph p{margin:4px 0 0;color:var(--muted)}
.ph .n{font:500 13px var(--mono);color:var(--faint);margin-left:8px;vertical-align:3px}

/* ---------- botoes e controles ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:38px;padding:0 15px;border-radius:10px;font-weight:600;font-size:14px;
  background:var(--surface);border:1px solid var(--line-2);color:var(--fg);text-decoration:none;white-space:nowrap;
  transition:background .15s,border-color .15s,transform .15s var(--ease),box-shadow .15s}
.btn:hover{background:var(--surface-2);border-color:var(--faint)}
.btn:active{transform:scale(.97)}
.btn.pri{background:var(--verde);border-color:transparent;color:var(--on-verde);box-shadow:0 1px 0 rgba(255,255,255,.18) inset,0 2px 8px -2px rgba(11,122,67,.45)}
.btn.pri:hover{background:var(--verde-forte)}
.btn.ok{background:var(--verde);border-color:transparent;color:var(--on-verde)}
.btn.ok:hover{background:var(--verde-forte)}
.btn.alerta{background:var(--coral-soft);border-color:transparent;color:var(--coral-ink)}
.btn.ghost{border-color:transparent;background:none;color:var(--muted)}
.btn.ghost:hover{background:var(--surface-3);color:var(--fg)}
.btn.sm{height:30px;padding:0 11px;font-size:13px;border-radius:8px}
.btn.wide{width:100%;justify-content:flex-start}
.btn[disabled]{opacity:.5;pointer-events:none}
.ibtn{width:32px;height:32px;border-radius:8px;display:grid;place-items:center;color:var(--muted);transition:background .15s,color .15s}
.ibtn:hover{background:var(--surface-3);color:var(--fg)}

/* segmentado com pilula que desliza */
.seg{position:relative;display:inline-flex;padding:3px;border-radius:11px;background:var(--surface-3);border:1px solid var(--line)}
.seg button{position:relative;z-index:1;height:32px;padding:0 13px;border-radius:8px;display:inline-flex;align-items:center;gap:7px;color:var(--muted);font-weight:500;font-size:14px;transition:color .2s}
.seg button.on{color:var(--fg);font-weight:600}
.seg .pill{position:absolute;z-index:0;top:3px;bottom:3px;left:0;border-radius:8px;background:var(--surface);box-shadow:var(--shadow-1);transition:transform .32s var(--ease),width .32s var(--ease)}

/* dropdown (gatilho) */
.dd{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 10px 0 12px;border-radius:10px;background:var(--surface);border:1px solid var(--line);color:var(--fg);font-size:14px;max-width:240px;transition:border-color .15s,background .15s}
.dd:hover{border-color:var(--line-2)}
.dd[aria-expanded="true"]{border-color:var(--verde);box-shadow:0 0 0 4px var(--verde-soft)}
.dd .v{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dd .ph-v{color:var(--muted)}
.dd.ativo{background:var(--verde-soft);border-color:transparent;color:var(--verde-ink);font-weight:600}
.dd svg.chev{width:14px;height:14px;color:var(--faint);transition:transform .2s var(--ease)}
.dd[aria-expanded="true"] svg.chev{transform:rotate(180deg)}

/* popover do dropdown */
.pop{position:fixed;z-index:90;min-width:220px;max-width:min(340px,calc(100vw - 16px));max-height:min(420px,70vh);display:flex;flex-direction:column;
  background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow-3);padding:6px;
  opacity:0;transform:translateY(-6px) scale(.98);transform-origin:top left;transition:opacity .16s var(--ease),transform .2s var(--ease);pointer-events:none}
.pop.cima{transform-origin:bottom left;transform:translateY(6px) scale(.98)}
.pop.show{opacity:1;transform:none;pointer-events:auto}
.pop .busca{display:flex;align-items:center;gap:7px;margin:2px 2px 6px;padding:0 10px;height:36px;border-radius:9px;background:var(--surface-2);border:1px solid var(--line);color:var(--faint)}
.pop .busca input{flex:1;min-width:0;border:0;outline:0;background:none;color:var(--fg)}
.pop .ops{overflow:auto;display:flex;flex-direction:column;gap:1px}
.pop .tit{font:600 11px var(--display);letter-spacing:.06em;text-transform:uppercase;color:var(--faint);padding:10px 10px 4px}
.op{display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:8px;text-align:left;width:100%;font-size:14px;color:var(--fg)}
.op:hover,.op.foco{background:var(--surface-3)}
.op .rot{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.op .sub{font-size:12px;color:var(--faint)}
.op .ck{width:16px;height:16px;color:var(--verde);opacity:0;transition:opacity .15s}
.op[aria-selected="true"] .ck{opacity:1}
.op[aria-selected="true"]{font-weight:600}
.op .sw{width:10px;height:10px;border-radius:3px;background:var(--c)}
.op.ind{padding-left:22px}
.pop .vazio{padding:14px 10px;color:var(--faint);font-size:13px}

/* ---------- avatares, etiquetas, chips ---------- */
.av{width:26px;height:26px;flex:none;border-radius:50%;display:grid;place-items:center;font:700 10px var(--display);letter-spacing:.02em;color:#fff;background:var(--c,#888);border:2px solid var(--surface)}
.avs{display:flex}
.avs .av{margin-left:-7px}
.avs .av:first-child{margin-left:0}
.av.lg{width:40px;height:40px;font-size:13px}
.av.xl{width:64px;height:64px;font-size:20px;border-width:3px}

.tg{display:inline-flex;align-items:center;height:22px;padding:0 9px;border-radius:6px;font-size:12px;font-weight:600;background:var(--tsoft);color:var(--tink)}
.tg.cp{background:transparent;color:var(--muted);box-shadow:inset 0 0 0 1px var(--line-2);font-weight:500}
.t-verde{--tsoft:var(--verde-soft);--tink:var(--verde-ink);--tc:var(--verde)}
.t-mar{--tsoft:var(--mar-soft);--tink:var(--mar-ink);--tc:var(--mar)}
.t-sol{--tsoft:var(--sol-soft);--tink:var(--sol-ink);--tc:var(--sol)}
.t-roxo{--tsoft:var(--roxo-soft);--tink:var(--roxo-ink);--tc:var(--roxo)}
.t-coral{--tsoft:var(--coral-soft);--tink:var(--coral-ink);--tc:var(--coral)}
.t-terra{--tsoft:var(--terra-soft);--tink:var(--terra-ink);--tc:var(--terra)}
.tags{display:flex;flex-wrap:wrap;gap:5px}

.chip{display:inline-flex;align-items:center;gap:5px;height:22px;padding:0 7px;border-radius:6px;font-size:12px;font-weight:500;color:var(--muted);white-space:nowrap}
.chip.late{background:var(--coral-soft);color:var(--coral-ink);font-weight:600}
.chip.hoje{background:var(--sol-soft);color:var(--sol-ink);font-weight:600}
.chip.feito{background:var(--verde-soft);color:var(--verde-ink)}
.pr{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--muted)}
.pr::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--pc)}
.p-Urgente{--pc:var(--coral)} .p-Alta{--pc:var(--sol)} .p-Média{--pc:var(--mar)} .p-Baixa{--pc:var(--line-2)}

/* ---------- quadro ---------- */
.bh{display:flex;flex-direction:column;gap:14px;padding-bottom:14px}
.tabs{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;position:relative;padding-bottom:2px;border-bottom:1px solid var(--line)}
.tabs::-webkit-scrollbar{display:none}
.tab{position:relative;display:flex;align-items:center;gap:9px;padding:6px 12px 12px;color:var(--muted);font-weight:500;white-space:nowrap;transition:color .2s}
.tab:hover{color:var(--fg)}
.tab.on{color:var(--fg);font-weight:600}
.tab .av{width:24px;height:24px;font-size:9px}
.tab .ct{font:500 11px var(--mono);color:var(--faint);background:var(--surface-3);border-radius:5px;padding:0 5px;line-height:17px}
.tab.on .ct{background:var(--verde-soft);color:var(--verde-ink)}
.tabs .ink{position:absolute;bottom:-1px;left:0;height:2.5px;border-radius:2px;background:var(--verde);transition:transform .35s var(--ease),width .35s var(--ease)}
.tbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.tbar .fs{display:flex;gap:8px;flex-wrap:wrap;margin-left:auto;align-items:center}
.stats{display:flex;gap:18px;font-size:13px;color:var(--muted);flex-wrap:wrap}
.stats b{font:600 14px var(--mono);color:var(--fg);margin-right:4px}
.stats .late b{color:var(--coral-ink)}

.board{flex:1;min-height:0;display:flex;gap:14px;overflow-x:auto;overflow-y:hidden;padding:2px 24px 18px;margin:0 -24px;scroll-snap-type:x proximity;scroll-padding-left:24px}
.col{flex:none;width:300px;display:flex;flex-direction:column;max-height:100%;border-radius:var(--r-lg);background:var(--surface-2);border:1px solid var(--line);scroll-snap-align:start;transition:background .2s,box-shadow .2s}
.col.sobre{background:var(--verde-soft);box-shadow:inset 0 0 0 2px var(--verde)}
.colh{display:flex;align-items:center;gap:9px;padding:13px 12px 10px 14px}
.col{overflow:hidden}
.colcapa{position:relative;height:104px;flex:none;background:var(--surface-3);overflow:hidden}
.colcapa img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s var(--ease)}
.col:hover .colcapa img{transform:scale(1.03)}
.colcapa::after{content:"";position:absolute;inset:auto 0 0 0;height:28px;background:linear-gradient(transparent,var(--surface-2));pointer-events:none}
.colcapa-acoes{position:absolute;top:8px;right:8px;z-index:1;display:flex;gap:5px;opacity:0;transform:translateY(-3px);transition:opacity .18s,transform .18s var(--ease)}
.colcapa:hover .colcapa-acoes,.colcapa:focus-within .colcapa-acoes{opacity:1;transform:none}
.colcapa-acoes button{display:inline-flex;align-items:center;gap:5px;height:28px;padding:0 10px;border-radius:8px;background:rgba(8,20,13,.72);color:#fff;font-size:12px;font-weight:600;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.colcapa-acoes button:hover{background:rgba(8,20,13,.9)}
.colcapa-add{margin-left:auto;opacity:0;transition:opacity .15s}
.col:hover .colcapa-add,.colcapa-add:focus-visible{opacity:1}
.colcapa-add + .mais{margin-left:0}
@media (hover:none){.colcapa-acoes,.colcapa-add{opacity:1;transform:none}}
.colh h2{font-size:14px;font-weight:700;letter-spacing:-.005em}
.colh .d{width:9px;height:9px;border-radius:3px;background:var(--cc)}
.colh .n{font:500 12px var(--mono);color:var(--faint)}
.colh .mais{margin-left:auto}
.cards{flex:1;min-height:40px;overflow-y:auto;display:flex;flex-direction:column;gap:9px;padding:2px 10px 6px;scrollbar-width:thin}
.add{margin:2px 10px 10px}
.add .abrir{width:100%;display:flex;align-items:center;gap:8px;padding:9px 10px;border-radius:10px;color:var(--muted);font-weight:500;transition:background .15s,color .15s}
.add .abrir:hover{background:var(--surface-3);color:var(--fg)}
.add form{display:flex;flex-direction:column;gap:8px}
.add textarea{width:100%;resize:none;min-height:64px;padding:10px 12px;border-radius:10px;border:1px solid var(--verde);background:var(--surface);box-shadow:0 0 0 4px var(--verde-soft);outline:0}
.add .linha{display:flex;gap:6px;align-items:center}
.vazio-col{font-size:13px;color:var(--faint);padding:10px 6px}

.card{flex:none;position:relative;background:var(--surface);border-radius:var(--r);box-shadow:var(--shadow-1),inset 0 0 0 1px var(--line);cursor:pointer;overflow:hidden;
  transition:box-shadow .2s var(--ease),transform .2s var(--ease)}
.card:hover{box-shadow:var(--shadow-2),inset 0 0 0 1px var(--line-2);transform:translateY(-1px)}
.card.drag{opacity:.35;transform:rotate(1.5deg)}
.card.antes::after{content:"";position:absolute;left:8px;right:8px;top:-6px;height:3px;border-radius:3px;background:var(--verde)}
.card .capa{background:var(--surface-3);overflow:hidden}
.card .capa img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease)}
.card:hover .capa img{transform:scale(1.03)}
.card .in{padding:11px 13px 12px;display:flex;flex-direction:column;gap:8px}
.card h3{font:600 14px/1.38 var(--body);letter-spacing:0}
.card .loja{font-size:12px;color:var(--faint);display:flex;gap:6px;align-items:center}
.card .loja .mono{margin-left:auto}
.card .bdg{display:flex;align-items:center;gap:4px;flex-wrap:wrap}
.card .bdg .chip{padding:0 5px}
.card .rod{display:flex;align-items:center;justify-content:space-between;gap:8px}
.card .bar{height:3px;border-radius:3px;background:var(--surface-3);overflow:hidden}
.card .bar i{display:block;height:100%;background:var(--verde);border-radius:3px;transition:width .4s var(--ease)}
.card .pri{position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--pc)}
.card.p-Baixa .pri{display:none}
.card .ex{font-size:10px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--faint)}

/* lista */
.lista{flex:1;min-height:0;overflow:auto;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);margin-bottom:18px}
table{border-collapse:collapse;width:100%;min-width:820px;font-size:14px}
th{position:sticky;top:0;z-index:1;background:var(--surface-2);text-align:left;font:600 11px var(--display);letter-spacing:.06em;text-transform:uppercase;color:var(--faint);padding:11px 14px;border-bottom:1px solid var(--line)}
td{padding:11px 14px;border-bottom:1px solid var(--line);vertical-align:middle}
tr.row{cursor:pointer;transition:background .15s}
tr.row:hover td{background:var(--surface-2)}
.st{display:inline-flex;align-items:center;gap:7px;font-weight:500;font-size:13px}
.st i{width:8px;height:8px;border-radius:3px;background:var(--cc)}

/* calendario (no formato da Central Social) */
.calw{flex:1;min-height:0;overflow:auto;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-lg);padding:16px;margin-bottom:18px}
.calh{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:14px}
.calh h2{font-size:19px;font-weight:700;min-width:190px}
.passo{display:inline-flex;border:1px solid var(--line);border-radius:9px;overflow:hidden;background:var(--surface)}
.passo button{width:34px;height:32px;display:grid;place-items:center;color:var(--muted);transition:background .15s,color .15s}
.passo button + button{border-left:1px solid var(--line)}
.passo button:hover{background:var(--surface-3);color:var(--fg)}
.pills{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}
.fpill{height:28px;padding:0 12px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--muted);font-size:13px;font-weight:600;transition:background .15s,border-color .15s,color .15s}
.fpill:hover{border-color:var(--line-2);color:var(--fg)}
.fpill.on{background:var(--verde);border-color:var(--verde);color:var(--on-verde)}
.calnota{margin:-4px 0 12px;font-size:13px;color:var(--faint)}
.calg{display:grid;grid-template-columns:repeat(7,minmax(112px,1fr));gap:8px;min-width:820px}
.dow{font:600 11px var(--display);letter-spacing:.08em;text-transform:uppercase;color:var(--faint);padding:0 4px 2px}
.cd{min-height:138px;border-radius:12px;padding:8px;background:var(--surface);box-shadow:var(--shadow-1),inset 0 0 0 1px var(--line);display:flex;flex-direction:column;gap:5px;cursor:copy;transition:box-shadow .15s}
.cd:hover{box-shadow:var(--shadow-2),inset 0 0 0 1px var(--line-2)}
.cd.vazio{background:transparent;box-shadow:none;cursor:default}
.cd.hj{box-shadow:var(--shadow-1),inset 0 0 0 2px var(--verde)}
.cdh{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:1px}
.cdh b{width:24px;height:24px;display:grid;place-items:center;border-radius:7px;font:600 12.5px var(--mono);color:var(--muted)}
.cd.hj .cdh b{background:var(--verde);color:var(--on-verde)}
.cdn{font:500 11px var(--mono);color:var(--faint)}
.acao{display:flex;align-items:center;gap:6px;min-height:24px}
.acao img{height:22px;width:auto;max-width:62px;object-fit:contain;flex:none}
.acao span{font-size:12px;font-weight:700;line-height:1.15}
.evc{font-size:12px;font-weight:500;padding:3px 7px;border-radius:6px;background:var(--surface-2);box-shadow:inset 3px 0 0 var(--cc),inset 0 0 0 1px var(--line);cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.evc:hover{background:var(--surface-3)}
.nota{margin-top:auto;font-size:11px;font-weight:600;color:var(--muted);line-height:1.25}
.nota + .enc{margin-top:4px}
.calfonte{font-size:12px;color:var(--faint)}
.enc{margin-top:auto;font:700 10px var(--display);letter-spacing:.04em;text-transform:uppercase;padding:4px 6px;border-radius:5px;text-align:center}
.enc-roxo{background:#7a4fc4;color:#fff} .enc-rosa{background:#d6407a;color:#fff} .enc-amarelo{background:#f7e831;color:#4a3d00}
.enc-verde{background:#1f9a5c;color:#fff} .enc-laranja{background:#ff9901;color:#3a2200} .enc-vermelho{background:#d21805;color:#fff}
.enc-branco{background:var(--surface-3);color:var(--muted)}

/* ---------- resumo (inicio) ---------- */
.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}
.kpi{text-align:left;padding:15px 16px;border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow-1),inset 0 0 0 1px var(--line);display:flex;flex-direction:column;gap:3px;transition:box-shadow .2s,transform .2s var(--ease)}
.kpi:hover{box-shadow:var(--shadow-2),inset 0 0 0 1px var(--line-2);transform:translateY(-1px)}
.kpi b{font:700 30px/1.1 var(--display);letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.kpi span{font-size:13px;color:var(--muted)}
.kpi.alerta b{color:var(--coral-ink)}
.kpi.dest{background:linear-gradient(135deg,var(--side-b),var(--side-a));box-shadow:var(--shadow-2),inset 0 0 0 1px rgba(251,184,27,.28);color:#fff}
.kpi.dest span{color:var(--side-dim)}
.kpi.dest b{color:#fbb81b}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(360px,100%),1fr));gap:14px;align-items:start}
.pn{background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--shadow-1),inset 0 0 0 1px var(--line);padding:16px;display:flex;flex-direction:column;gap:12px;min-width:0}
.pn > h2{font-size:15px;font-weight:700;display:flex;align-items:center;gap:8px}
.pn > h2 .n{font:500 12px var(--mono);color:var(--faint)}
.pn > h2 .lk{margin-left:auto;font:500 13px var(--body);color:var(--muted);letter-spacing:0}
.pn > h2 .lk:hover{color:var(--fg)}
.pn .sub{margin:-6px 0 0;font-size:13px;color:var(--muted)}
.mini{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;cursor:pointer;box-shadow:inset 3px 0 0 var(--pc);transition:background .15s}
.mini:hover{background:var(--surface-2)}
.mini .tx{flex:1;min-width:0}
.mini .tt{font-weight:600;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mini .lj{font-size:12px;color:var(--faint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mini.p-Baixa{box-shadow:inset 3px 0 0 var(--line-2)}
.vazio{color:var(--faint);font-size:13px;padding:4px 2px}
.pessoa{display:flex;flex-direction:column;gap:6px;padding:12px;border-radius:12px;background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--line)}
.pessoa .cab{display:flex;align-items:center;gap:10px;cursor:pointer}
.pessoa .cab b{font-family:var(--display);font-size:14px}
.pessoa .cab .nums{margin-left:auto;display:flex;gap:10px;font-size:12px;color:var(--muted)}
.pessoa .cab .nums em{font:600 13px var(--mono);font-style:normal;color:var(--fg);margin-right:3px}
.pessoa .cab .nums .late em{color:var(--coral-ink)}
.pessoa .mini{background:var(--surface)}
.pessoas{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr));gap:10px}
.stack{display:flex;height:10px;border-radius:5px;overflow:hidden;gap:2px}
.stack i{display:block;background:var(--cc);transition:flex .5s var(--ease)}
.legend{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:13px;color:var(--muted)}
.legend span{display:inline-flex;align-items:center;gap:6px}
.legend i{width:8px;height:8px;border-radius:3px;background:var(--cc)}
.legend b{font:600 13px var(--mono);color:var(--fg)}
.camp{display:flex;flex-direction:column;gap:6px;padding:8px 10px;border-radius:10px;cursor:pointer;transition:background .15s}
.camp:hover{background:var(--surface-2)}
.camp .l1{display:flex;justify-content:space-between;gap:10px;font-weight:600;font-size:14px}
.camp .l1 span{font:500 12px var(--mono);color:var(--faint)}
.camp .bar{height:5px;border-radius:5px;background:var(--surface-3);overflow:hidden}
.camp .bar i{display:block;height:100%;background:linear-gradient(90deg,var(--verde),#fbb81b);border-radius:5px;transition:width .6s var(--ease)}
.feed{display:flex;flex-direction:column;gap:1px}
.feed .it{display:flex;gap:10px;align-items:flex-start;padding:7px 8px;border-radius:9px;cursor:pointer;font-size:14px;transition:background .15s}
.feed .it:hover{background:var(--surface-2)}
.feed .it .av{width:22px;height:22px;font-size:8px;margin-top:1px}
.feed .it .w{margin-left:auto;font:500 11px var(--mono);color:var(--faint);white-space:nowrap;padding-top:2px}
.feed .it .tx{min-width:0}
.feed .it .tx q{color:var(--muted)}

/* aprovacoes */
.aprs{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(380px,100%),1fr));gap:14px;align-items:start}
.apc{background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--shadow-2),inset 0 0 0 1px var(--line);overflow:hidden;display:flex;flex-direction:column}
.apc .capa{aspect-ratio:16/9;background:var(--surface-3);cursor:zoom-in;overflow:hidden}
.apc .capa img{width:100%;height:100%;object-fit:cover}
.apc .in{padding:15px 16px 16px;display:flex;flex-direction:column;gap:10px}
.apc h3{font:700 16px/1.35 var(--display)}
.apc .desc{font-size:14px;color:var(--muted);margin:0}
.apc .ult{font-size:13px;background:var(--surface-2);border-radius:10px;padding:9px 11px;box-shadow:inset 0 0 0 1px var(--line)}
.apc .ult b{font-weight:600}
.apc .acts{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.apc textarea{width:100%;min-height:76px;resize:vertical;padding:10px 12px;border-radius:10px;border:1px solid var(--line-2);background:var(--surface-2);outline:0}
.apc textarea:focus{border-color:var(--verde);box-shadow:0 0 0 4px var(--verde-soft)}
.aj{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s var(--ease)}
.aj > div{overflow:hidden}
.aj.abre{grid-template-rows:1fr}


/* config */
.ed{display:flex;flex-direction:column;gap:6px}
.ed.longo{max-height:360px;overflow:auto;padding-right:4px}
.it{display:flex;gap:8px;align-items:center}
.inp{flex:1;min-width:0;height:36px;padding:0 11px;border-radius:9px;border:1px solid var(--line);background:var(--surface-2);outline:0;transition:border-color .15s,box-shadow .15s}
.inp:focus{border-color:var(--verde);box-shadow:0 0 0 4px var(--verde-soft);background:var(--surface)}
.it input[type=color]{width:36px;height:36px;flex:none;border:1px solid var(--line);border-radius:9px;padding:3px;background:var(--surface-2);cursor:pointer}
.it .use{font:500 12px var(--mono);color:var(--faint);min-width:24px;text-align:right}
.it .rm{color:var(--faint)}
.it .rm:hover{color:var(--coral-ink);background:var(--coral-soft)}
.it .sig{width:54px;flex:none;text-transform:uppercase;font-family:var(--mono)}
.linhas{display:flex;gap:8px;flex-wrap:wrap}

/* ---------- modal ---------- */
.ov{position:fixed;inset:0;z-index:60;display:flex;align-items:flex-start;justify-content:center;padding:48px 16px;overflow:auto;
  background:rgba(5,20,12,.42);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:ovIn .22s var(--ease) both}
.ov.saindo{animation:ovOut .18s var(--ease-in) both}
.md{position:relative;width:min(920px,100%);background:var(--surface);border-radius:var(--r-xl);box-shadow:var(--shadow-3);overflow:hidden;animation:mdIn .32s var(--ease) both}
.ov.saindo .md{animation:mdOut .18s var(--ease-in) both}
.md.peq{width:min(560px,100%)}
@keyframes ovIn{from{opacity:0}} @keyframes ovOut{to{opacity:0}}
@keyframes mdIn{from{opacity:0;transform:translateY(14px) scale(.985)}}
@keyframes mdOut{to{opacity:0;transform:translateY(8px) scale(.985)}}
.md .x{position:absolute;top:12px;right:12px;z-index:3;width:36px;height:36px;border-radius:10px;display:grid;place-items:center;color:var(--muted);background:var(--surface);box-shadow:var(--shadow-1)}
.md .x:hover{color:var(--fg)}
.mcapa{position:relative;max-height:300px;background:var(--surface-3);display:flex;justify-content:center;overflow:hidden;cursor:zoom-in}
.mcapa img{max-height:300px;width:auto;object-fit:contain}
.mcapa .fundo{position:absolute;inset:-20px;background-size:cover;background-position:center;filter:blur(24px) saturate(1.2);opacity:.55}
.mcapa img{position:relative}
.mcapa .capa-acoes{position:absolute;right:12px;bottom:12px;display:flex;gap:6px;opacity:0;transform:translateY(4px);transition:opacity .18s,transform .18s var(--ease)}
.mcapa:hover .capa-acoes,.mcapa:focus-within .capa-acoes{opacity:1;transform:none}
.mcapa .capa-acoes button{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border-radius:9px;background:rgba(8,20,13,.72);color:#fff;font-size:13px;font-weight:600;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.mcapa .capa-acoes button:hover{background:rgba(8,20,13,.9)}
.mcapa-vazia{height:132px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:0 60px;text-align:center;color:var(--muted);cursor:pointer;
  background:linear-gradient(135deg,var(--surface-2),var(--surface-3));border-bottom:1px dashed var(--line-2);transition:background .2s,color .2s}
.mcapa-vazia span{font-weight:600;font-size:14px}
.mcapa-vazia small{font-size:12px;color:var(--faint)}
.mcapa-vazia:hover,.md.arrastando .mcapa-vazia{background:var(--verde-soft);color:var(--verde-ink)}
.mcapa-vazia.enviando{cursor:default}
.mcapa-vazia .b{width:200px;height:4px;border-radius:4px;background:var(--surface);overflow:hidden;margin-top:6px}
.mcapa-vazia .b i{display:block;height:100%;background:var(--verde);transition:width .2s}
.mhead{padding:22px 26px 6px;display:flex;flex-direction:column;gap:6px}
.mhead .onde{font-size:13px;color:var(--muted);display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.mtitulo{width:100%;border:0;outline:0;background:none;resize:none;font:700 23px/1.3 var(--display);letter-spacing:-.015em;padding:4px 8px;margin:0 -8px;border-radius:9px;overflow:hidden;transition:background .15s,box-shadow .15s}
.mtitulo:hover{background:var(--surface-2)}
.mtitulo:focus{background:var(--surface);box-shadow:inset 0 0 0 2px var(--verde)}
.mcorpo{display:grid;grid-template-columns:1fr 210px;gap:26px;padding:10px 26px 26px}
.mmain{min-width:0;display:flex;flex-direction:column;gap:24px}
.mside{display:flex;flex-direction:column;gap:6px}
.mside h4{font:600 11px var(--display);letter-spacing:.06em;text-transform:uppercase;color:var(--faint);margin:10px 0 4px}
.mside h4:first-child{margin-top:0}
.meta{display:flex;flex-wrap:wrap;gap:18px 22px}
.meta .bl h4,.sec h4{font:600 11px var(--display);letter-spacing:.06em;text-transform:uppercase;color:var(--faint);margin:0 0 7px}
.meta .bl .vv{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.add-c{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--surface-3);color:var(--muted);transition:background .15s,color .15s}
.add-c:hover{background:var(--verde-soft);color:var(--verde-ink)}
.add-q{height:26px;width:26px;border-radius:6px;display:grid;place-items:center;background:var(--surface-3);color:var(--muted)}
.add-q:hover{background:var(--verde-soft);color:var(--verde-ink)}
.data{height:32px;padding:0 10px;border-radius:8px;border:1px solid var(--line);background:var(--surface-2);font-size:14px}
.data.late{border-color:transparent;background:var(--coral-soft);color:var(--coral-ink);font-weight:600}
.data.hoje{border-color:transparent;background:var(--sol-soft);color:var(--sol-ink);font-weight:600}
.meta .dd{height:32px;font-size:14px}
.sec{display:flex;flex-direction:column;gap:10px}
.sec .sh{display:flex;align-items:center;gap:10px}
.sec .sh h3{font-size:15px;font-weight:700;display:flex;align-items:center;gap:9px}
.sec .sh h3 svg{color:var(--muted)}
.sec .sh .r{margin-left:auto;display:flex;gap:6px}
.area{width:100%;min-height:96px;resize:vertical;padding:11px 13px;border-radius:12px;border:1px solid var(--line);background:var(--surface-2);outline:0;line-height:1.55;transition:border-color .15s,box-shadow .15s,background .15s}
.area:hover{border-color:var(--line-2)}
.area:focus{border-color:var(--verde);box-shadow:0 0 0 4px var(--verde-soft);background:var(--surface)}
.area.vazio{color:var(--faint)}
.salvar{display:flex;gap:6px;align-items:center}
.anx{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.ax{position:relative;border-radius:11px;overflow:hidden;background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--line);display:flex;flex-direction:column}
.ax .th{aspect-ratio:4/3;display:grid;place-items:center;background:var(--surface-3);cursor:zoom-in;overflow:hidden;color:var(--muted);font:700 13px var(--display)}
.ax .th img{width:100%;height:100%;object-fit:cover;transition:transform .4s var(--ease)}
.ax:hover .th img{transform:scale(1.04)}
.ax .nm{padding:7px 9px 2px;font-size:12.5px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ax .mt{padding:0 9px 8px;font-size:11.5px;color:var(--faint)}
.ax .ops{position:absolute;top:6px;right:6px;display:flex;gap:4px;opacity:0;transform:translateY(-3px);transition:opacity .15s,transform .15s}
.ax:hover .ops,.ax:focus-within .ops{opacity:1;transform:none}
.ax .ops button,.ax .ops a{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:rgba(10,20,15,.72);color:#fff;backdrop-filter:blur(4px)}
.ax .ops button:hover,.ax .ops a:hover{background:rgba(10,20,15,.9)}
.ax .ehcapa{position:absolute;top:6px;left:6px;font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:2px 7px;border-radius:5px;background:#fbb81b;color:#3a2600}
.drop{border:1.5px dashed var(--line-2);border-radius:12px;padding:16px;display:flex;align-items:center;justify-content:center;gap:10px;color:var(--muted);font-size:14px;text-align:center;cursor:pointer;transition:border-color .2s,background .2s,color .2s}
.drop:hover{border-color:var(--verde);color:var(--verde-ink)}
.md.arrastando .drop{border-color:var(--verde);background:var(--verde-soft);color:var(--verde-ink)}
.up{display:flex;flex-direction:column;gap:6px}
.up .u{display:flex;align-items:center;gap:10px;font-size:13px}
.up .u .nm{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.up .u .b{width:120px;height:4px;border-radius:4px;background:var(--surface-3);overflow:hidden}
.up .u .b i{display:block;height:100%;background:var(--verde);transition:width .2s}
.chkl{display:flex;flex-direction:column;gap:2px}
.prog{display:flex;align-items:center;gap:10px;font:500 12px var(--mono);color:var(--faint)}
.prog .bar{flex:1;height:6px;border-radius:6px;background:var(--surface-3);overflow:hidden}
.prog .bar i{display:block;height:100%;background:var(--verde);border-radius:6px;transition:width .4s var(--ease)}
.ci{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:9px;transition:background .15s}
.ci:hover{background:var(--surface-2)}
.ci .tx{flex:1;min-width:0}
.ci.feito .tx{color:var(--faint);text-decoration:line-through;text-decoration-color:var(--line-2)}
.ci .rm{opacity:0;transition:opacity .15s}
.ci:hover .rm{opacity:1}
.cb{appearance:none;-webkit-appearance:none;margin:0;width:18px;height:18px;flex:none;border-radius:5px;border:1.5px solid var(--line-2);background:var(--surface);display:grid;place-items:center;cursor:pointer;transition:background .15s,border-color .15s}
.cb::after{content:"";width:9px;height:5px;border:2px solid var(--on-verde);border-top:0;border-right:0;transform:rotate(-45deg) scale(0);transition:transform .2s var(--ease);margin-top:-2px}
.cb:checked{background:var(--verde);border-color:var(--verde)}
.cb:checked::after{transform:rotate(-45deg) scale(1)}
.novoit{display:flex;gap:8px}
.cmp{display:flex;gap:10px;align-items:flex-start}
.cmp .area{min-height:46px}
/* Com texto, a caixa nao encolhe ao perder o foco: senao o botao Comentar pula para cima no meio do clique. */
.cmp .area:focus,.cmp .area:not(:placeholder-shown){min-height:90px}
.atv{display:flex;flex-direction:column;gap:14px}
.cm{display:flex;gap:10px;align-items:flex-start}
.cm .bx{flex:1;min-width:0}
.cm .who{font-size:13px;color:var(--muted)} .cm .who b{color:var(--fg);font-weight:600;margin-right:4px}
.cm .msg{margin-top:4px;padding:9px 12px;border-radius:4px 12px 12px 12px;background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--line);white-space:pre-wrap;overflow-wrap:anywhere}
.cm.ev{align-items:center;font-size:13px;color:var(--muted)}
.cm.ev .av{width:22px;height:22px;font-size:8px;margin:0 2px}
.cm.ev .w{margin-left:auto;font:500 11px var(--mono);color:var(--faint)}
.mdec{display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:12px;background:var(--sol-soft);margin-bottom:4px}
.mdec p{margin:0;font-size:13px;color:var(--sol-ink);font-weight:600}

/* lightbox */
.lb{position:fixed;inset:0;z-index:80;background:rgba(3,10,6,.92);display:flex;flex-direction:column;animation:ovIn .2s var(--ease) both}
.lb.saindo{animation:ovOut .16s var(--ease-in) both}
.lb .bar{display:flex;align-items:center;gap:10px;padding:14px 18px;color:#dfe9e2;font-size:14px}
.lb .bar .nm{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}
.lb .bar a,.lb .bar button{color:#dfe9e2;width:38px;height:38px;border-radius:10px;display:grid;place-items:center}
.lb .bar a:hover,.lb .bar button:hover{background:rgba(255,255,255,.1)}
.lb .palco{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:0 70px 30px;position:relative}
.lb .palco img{max-width:100%;max-height:100%;object-fit:contain;border-radius:6px;box-shadow:0 20px 60px rgba(0,0,0,.5);animation:imgIn .28s var(--ease) both}
@keyframes imgIn{from{opacity:0;transform:scale(.97)}}
.lb .seta{position:absolute;top:50%;transform:translateY(-50%);width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.08);color:#fff}
.lb .seta:hover{background:rgba(255,255,255,.16)}
.lb .seta.e{left:14px} .lb .seta.d{right:14px}

/* toast */
#toasts{position:fixed;left:50%;bottom:calc(22px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);z-index:100;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none}
.toast{display:flex;align-items:center;gap:10px;padding:10px 16px 10px 12px;border-radius:12px;background:#0c1f15;color:#eaf4ee;font-size:14px;box-shadow:var(--shadow-3);max-width:calc(100vw - 32px);pointer-events:auto;animation:tIn .3s var(--ease) both}
.toast.sai{animation:tOut .22s var(--ease-in) both}
.toast .ic{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#3fc77f;color:#04200f;flex:none}
.toast.erro .ic{background:#ff6b57;color:#2a0500}
.toast .ic svg{width:12px;height:12px;stroke-width:3}
@keyframes tIn{from{opacity:0;transform:translateY(10px) scale(.97)}}
@keyframes tOut{to{opacity:0;transform:translateY(6px) scale(.97)}}

/* carregando */
.sk{border-radius:var(--r);background:linear-gradient(90deg,var(--surface-3),var(--surface-2),var(--surface-3));background-size:200% 100%;animation:sk 1.2s linear infinite}
@keyframes sk{to{background-position:-200% 0}}

/* ---------- entrada ---------- */
#login{position:fixed;inset:0;display:grid;place-items:center;padding:24px;overflow:auto;
  background:radial-gradient(900px 500px at 85% -10%,rgba(251,184,27,.35),transparent 60%),radial-gradient(800px 600px at 0% 110%,rgba(14,111,166,.35),transparent 60%),linear-gradient(160deg,#0a5a33,#05301b 70%)}
.lg-card{width:min(560px,100%);background:var(--surface);border-radius:24px;box-shadow:0 40px 120px -30px rgba(0,0,0,.6);padding:34px 32px 28px;display:flex;flex-direction:column;gap:22px;animation:mdIn .5s var(--ease) both}
.lg-top{display:flex;align-items:center;gap:14px}
.lg-top .mark{margin:0;background:linear-gradient(145deg,#0b7a43,#05301b);box-shadow:none}
.lg-top h1{font-size:24px;font-weight:700}
.lg-top p{margin:0;color:var(--muted);font-size:14px}
.lg-q{font:700 15px var(--display)}
.lg-ps{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:10px}
.lg-p{display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 6px 12px;border-radius:16px;background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--line);font-weight:600;font-size:14px;transition:box-shadow .2s,transform .2s var(--ease),background .2s}
.lg-p:hover{transform:translateY(-2px);box-shadow:inset 0 0 0 1px var(--line-2),var(--shadow-2)}
.lg-p.on{background:var(--verde-soft);box-shadow:inset 0 0 0 2px var(--verde)}
.lg-p .av{border-color:var(--surface-2)}
.lg-senha{display:flex;flex-direction:column;gap:6px}
.lg-senha label{font-size:13px;color:var(--muted);font-weight:500}
.lg-senha .inp{height:44px;flex:none}
.lg-err{color:var(--coral-ink);font-size:14px;font-weight:500;min-height:1em}
.lg-rod{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding-top:16px}
.lg-rod img{height:34px;width:auto}
.lg-rod span{font-size:12px;color:var(--faint)}

/* ---------- celular ---------- */
@media (max-width:760px){
  .side{display:none}
  .bnav{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:40;justify-content:space-around;padding:6px 6px calc(6px + env(safe-area-inset-bottom,0px));
    background:linear-gradient(180deg,var(--side-b),var(--side-a));color:var(--side-fg)}
  .bnav .nav .tip{display:none}
  .bnav .nav.on::before{display:none}
  .top{padding:12px 14px 0}
  .top .sync span{display:none}
  .stage{padding:14px 14px 0}
  .page{margin:0 -14px;padding-inline:14px;padding-bottom:90px}
  .board{margin:0 -14px;padding:2px 14px 86px;scroll-padding-left:14px}
  .col{width:284px}
  .lista,.calw{margin-bottom:86px}
  .tbar .fs{margin-left:0}
  .mcorpo{grid-template-columns:1fr;padding:8px 18px 22px}
  .mhead{padding:18px 18px 4px}
  .ov{padding:0;align-items:stretch}
  .md{border-radius:0;min-height:100%}
  #toasts{bottom:calc(78px + env(safe-area-inset-bottom,0px))}
  .lb .palco{padding:0 8px 20px}
  .lb .seta{display:none}
  .btn.pri .rot{display:none}
}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}