/* Salvô Hub — identidade visual "nave" (a mesma dos painéis Núcleo Financeiro e Shopee × Meta Ads).
   Tema escuro é o padrão; o claro é ativado por data-theme="light" no <html>. */
:root{
  --bg:#070a16; --panel:rgba(13,17,38,.66); --panel-solid:#0c1024; --line:rgba(132,156,255,.15); --line-strong:rgba(79,243,255,.38);
  --fg:#eaf0ff; --muted:#8b94bd; --faint:#3f4672;
  --acc:#4ff3ff; --acc2:#b38bff; --acc3:#ff79d8; --acc-soft:rgba(79,243,255,.10); --glow:0 0 26px rgba(79,243,255,.22);
  --pos:#5a8dff; --neg:#ff5c8f; --warn:#ffd36b; --ok:#4dffb0;
  --c1:#4ff3ff; --c2:#b38bff; --c3:#5a8dff; --c4:#ffd36b; --c5:#ff79d8; --c6:#4dffb0; --c7:#7dff74; --c8:#ff9e5c;
  --f-display:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif; --f-body:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --f-mono:"JetBrains Mono","SF Mono",ui-monospace,"Cascadia Code",Menlo,Consolas,monospace;
  --grid:rgba(120,150,255,.07);
  --edge:linear-gradient(135deg,rgba(79,243,255,.55),rgba(179,139,255,.18) 35%,rgba(179,139,255,0) 55%,rgba(255,121,216,.38));
  --edge-hot:linear-gradient(135deg,#4ff3ff,#b38bff 50%,#ff79d8);
  --title-grad:linear-gradient(92deg,#eaf0ff 0%,#4ff3ff 38%,#b38bff 70%,#ff79d8 100%);
  --num-glow:0 0 22px rgba(79,243,255,.28); --card-shadow:0 1px 0 rgba(255,255,255,.04) inset,0 18px 50px rgba(0,0,0,.35);
  --hover:rgba(79,243,255,.06); --on-accent:#050714; --aur1:rgba(79,243,255,.18); --aur2:rgba(179,139,255,.20); --aur3:rgba(125,255,116,.08);
  --sky:radial-gradient(1px 1px at 12% 18%,rgba(255,255,255,.75) 50%,transparent 51%),radial-gradient(1px 1px at 72% 9%,rgba(255,255,255,.55) 50%,transparent 51%),radial-gradient(1.5px 1.5px at 38% 64%,rgba(180,220,255,.7) 50%,transparent 51%),radial-gradient(1px 1px at 88% 52%,rgba(255,255,255,.5) 50%,transparent 51%),radial-gradient(1px 1px at 22% 88%,rgba(255,255,255,.45) 50%,transparent 51%),radial-gradient(1.5px 1.5px at 57% 33%,rgba(200,180,255,.6) 50%,transparent 51%),radial-gradient(1px 1px at 94% 86%,rgba(255,255,255,.5) 50%,transparent 51%),radial-gradient(1px 1px at 4% 46%,rgba(255,255,255,.4) 50%,transparent 51%);
  --fs:15px;
  color-scheme:dark;
}
:root[data-theme="light"]{
  --bg:#ffffff; --panel:rgba(255,255,255,.82); --panel-solid:#ffffff; --line:rgba(44,62,160,.12); --line-strong:rgba(0,150,180,.40);
  --fg:#0b1030; --muted:#5b6488; --faint:#b3b8d8;
  --acc:#0096b4; --acc2:#7a4dff; --acc3:#d33fae; --acc-soft:rgba(0,150,180,.09); --glow:0 0 22px rgba(0,150,180,.14);
  --pos:#2f6bff; --neg:#e0245e; --warn:#b97a00; --ok:#00a36c;
  --c1:#0096b4; --c2:#7a4dff; --c3:#2f6bff; --c4:#d99a00; --c5:#d33fae; --c6:#00a36c; --c7:#23a845; --c8:#ee6a1f;
  --grid:rgba(40,60,160,.05);
  --edge:linear-gradient(135deg,rgba(0,150,180,.45),rgba(122,77,255,.16) 35%,rgba(122,77,255,0) 55%,rgba(211,63,174,.32));
  --edge-hot:linear-gradient(135deg,#00b4d8,#7a4dff 50%,#d33fae);
  --title-grad:linear-gradient(92deg,#0b1030 0%,#0096b4 40%,#7a4dff 72%,#d33fae 100%);
  --num-glow:none; --card-shadow:0 1px 2px rgba(30,40,110,.05),0 16px 40px rgba(60,70,160,.08);
  --hover:rgba(122,77,255,.05); --on-accent:#ffffff; --aur1:rgba(0,190,220,.12); --aur2:rgba(122,77,255,.10); --aur3:rgba(211,63,174,.06);
  --sky:none;
  color-scheme:light;
}
*{box-sizing:border-box}
html{background:var(--bg)}
html,body{margin:0}
body{background-color:var(--bg);background-image:radial-gradient(46rem 22rem at -4% -6%,var(--aur1),transparent 70%),radial-gradient(40rem 24rem at 104% -4%,var(--aur2),transparent 70%),radial-gradient(34rem 18rem at 34% 46rem,var(--aur3),transparent 70%);background-attachment:fixed;color:var(--fg);font-family:var(--f-body);font-size:var(--fs);line-height:1.5;min-height:100vh;overflow-x:hidden}
body::after{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:var(--sky);background-size:320px 320px}
#app{position:relative;z-index:1}
a{color:var(--acc)}
button,input,select,textarea{font:inherit;color:inherit}
.hidden{display:none!important}
.muted{color:var(--muted)} .small{font-size:.86rem}
.num{font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}
.pos{color:var(--pos)} .neg{color:var(--neg)} .acc{color:var(--acc)} .warn{color:var(--warn)} .okc{color:var(--ok)}
.boot{padding:48px;text-align:center;color:var(--muted);font-family:var(--f-mono);letter-spacing:.14em;text-transform:uppercase;font-size:12px}

/* ---------- Cabeçalho ---------- */
header.top{position:sticky;top:0;z-index:20;display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;padding:12px max(16px,env(safe-area-inset-right)) 12px max(16px,env(safe-area-inset-left));background:color-mix(in srgb,var(--bg) 72%,transparent);backdrop-filter:blur(16px) saturate(1.2);-webkit-backdrop-filter:blur(16px) saturate(1.2);border-bottom:1px solid var(--line)}
header.top::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:var(--edge-hot);opacity:.55;pointer-events:none}
.brand{display:flex;align-items:center;gap:12px;min-width:0;margin-right:auto;text-decoration:none;color:inherit}
.sigil{width:38px;height:38px;flex:none}
.brand h1{margin:0;font-family:var(--f-display);font-weight:600;letter-spacing:-.02em;font-size:clamp(20px,2.6vw,28px);line-height:1.1;background:var(--title-grad);-webkit-background-clip:text;background-clip:text;color:transparent;white-space:nowrap}
.brand small{display:flex;align-items:center;gap:8px;font-family:var(--f-mono);font-size:10.5px;letter-spacing:.24em;text-transform:uppercase;color:var(--muted)}
.brand small::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--ok);box-shadow:0 0 10px var(--ok);flex:none}
.ctrls{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.field{display:inline-flex;align-items:center;gap:6px;font-family:var(--f-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.who{font-size:.85rem;line-height:1.2;text-align:left}
.who b{display:block;font-size:.95rem}
.who span{color:var(--muted);font-family:var(--f-mono);font-size:11px;letter-spacing:.06em}

/* ---------- Controles ---------- */
input,select,textarea{color:var(--fg);background:color-mix(in srgb,var(--bg) 70%,transparent);border:1px solid color-mix(in srgb,var(--line-strong) 45%,var(--line));border-radius:10px;padding:8px 11px;min-height:40px;transition:border-color .2s,box-shadow .2s}
textarea{min-height:90px;resize:vertical;width:100%}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--acc);box-shadow:0 0 0 3px color-mix(in srgb,var(--acc) 20%,transparent)}
input[type=checkbox]{min-height:0;width:20px;height:20px;accent-color:var(--acc)}
select option{background:var(--panel-solid);color:var(--fg)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:8px 14px;min-height:40px;border-radius:10px;border:1px solid var(--line);background:var(--panel);color:var(--fg);cursor:pointer;font-size:.9rem;font-weight:500;white-space:nowrap;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:box-shadow .2s,border-color .2s,transform .15s}
.btn:hover{border-color:var(--acc);box-shadow:0 0 0 3px color-mix(in srgb,var(--acc) 18%,transparent)}
.btn.primary{background:var(--edge-hot);color:var(--on-accent);border-color:transparent;font-weight:600;box-shadow:0 0 18px color-mix(in srgb,var(--acc2) 30%,transparent)}
.btn.primary:hover{box-shadow:0 0 26px color-mix(in srgb,var(--acc) 40%,transparent);transform:translateY(-1px)}
.btn.danger{color:var(--neg);border-color:color-mix(in srgb,var(--neg) 45%,transparent)}
.btn.sm{padding:4px 11px;min-height:32px;font-size:.82rem}
.btn svg,.ico{width:16px;height:16px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.btn:disabled{opacity:.5;cursor:not-allowed}
:focus-visible{outline:2px solid var(--acc);outline-offset:2px}
.seg{display:inline-flex;flex-wrap:wrap;border-radius:999px;border:1px solid var(--line);background:var(--panel);overflow:hidden}
.seg button{border:0;background:transparent;padding:7px 14px;cursor:pointer;color:var(--muted);font-family:var(--f-mono);font-size:12px;letter-spacing:.04em}
.seg button:hover{color:var(--fg)}
.seg button.on{color:var(--fg);background:color-mix(in srgb,var(--acc) 14%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--acc) 55%,transparent),0 0 14px color-mix(in srgb,var(--acc) 25%,transparent)}

/* ---------- Estrutura: menu lateral + conteúdo ---------- */
.shell{display:grid;grid-template-columns:16rem minmax(0,1fr);gap:20px;align-items:start;padding:18px max(16px,env(safe-area-inset-right)) 48px max(16px,env(safe-area-inset-left));transition:grid-template-columns .3s}
.shell.min{grid-template-columns:3.9rem minmax(0,1fr)}
main{min-width:0}
.side{position:sticky;top:calc(var(--hdr,72px) + 16px);max-height:calc(100dvh - var(--hdr,72px) - 32px);overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;display:flex;flex-direction:column;gap:.2rem;padding:.45rem;background:var(--panel);border:1px solid var(--line);border-radius:16px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:var(--card-shadow)}
.side nav{display:flex;flex-direction:column;gap:.25rem}
.side-top{display:none}
.side-foot{margin-top:auto;padding-top:.35rem;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:.15rem}
.side a.tab,.side-tog,.area-h{position:relative;display:flex;align-items:center;gap:.7rem;width:100%;white-space:nowrap;border:0;border-radius:10px;padding:.6rem .75rem;color:var(--muted);text-decoration:none;font-size:.92rem;background:none;cursor:pointer;transition:color .2s,background .2s;--tc:var(--acc)}
.side-tog{font-family:var(--f-mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase}
.side a.tab:hover,.side-tog:hover,.area-h:hover{color:var(--fg);background:var(--hover)}
.side a.tab.on{color:var(--fg);background:color-mix(in srgb,var(--tc) 12%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--tc) 40%,transparent),0 0 18px color-mix(in srgb,var(--tc) 18%,transparent)}
.side a.tab.on .ico{color:var(--tc);filter:drop-shadow(0 0 6px var(--tc))}
.side a.tab.on::after{content:"";position:absolute;left:0;top:22%;bottom:22%;width:3px;border-radius:2px;background:var(--edge-hot)}
.side a.tab.back{color:var(--acc);font-family:var(--f-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;border-bottom:1px solid var(--line);border-radius:10px 10px 4px 4px;margin-bottom:.2rem}
/* Áreas (Início, Financeiro, Equipe) com submenus */
.area-h{font-weight:600;color:var(--fg);font-size:.95rem}
.area-h .chev{margin-left:auto;width:14px;height:14px;opacity:.6;transition:transform .2s}
.area.open>.area-h .chev{transform:rotate(90deg)}
.area.has-on>.area-h>.ico:first-child{color:var(--acc)}
.area-link{font-weight:600;color:var(--fg)!important}
.area-b{display:none;padding:0 0 .3rem .55rem;margin-left:1.2rem;border-left:1px solid var(--line)}
.area.open>.area-b{display:block}
.area-b .tab{font-size:.9rem;padding:.5rem .7rem}
.area-b .tab .ico{width:15px;height:15px}
.area[data-area="fin"] .tab{--tc:var(--acc2)}
.sub-h{display:block;padding:.55rem .7rem .15rem;font-family:var(--f-mono);font-size:9.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--faint);white-space:nowrap}
:root[data-theme="light"] .sub-h{color:var(--muted)}
.shell.cfg .sub{padding-bottom:.2rem}
.dot{width:7px;height:7px;border-radius:50%;background:var(--warn);box-shadow:0 0 8px var(--warn);flex:none}
.area.open .dot{display:none}
/* Contadores no menu */
.nb{margin-left:auto;min-width:20px;height:20px;padding:0 6px;border-radius:10px;display:inline-grid;place-items:center;font-family:var(--f-mono);font-size:10.5px;font-weight:600;color:var(--on-accent);background:var(--warn)}
.nb.bad{background:var(--neg);color:#fff}
.tab-txt{overflow:hidden;text-overflow:ellipsis}
.shell.min .tab-txt,.shell.min .sub-h,.shell.min .area-h .chev,.shell.min .nb{display:none}
.shell.min .side a.tab,.shell.min .side-tog,.shell.min .area-h{justify-content:center;padding-left:0;padding-right:0}
.shell.min .area-b{display:block;margin-left:0;padding-left:0;border-left:0;border-top:1px solid var(--line)}
.shell.min .area-h{display:none}
.shell.min .side-tog .ico{transform:rotate(180deg)}
.shell.min .area.open .dot,.shell.min .dot{display:none}
.scrim{display:none}
.only-m{display:none!important}

/* ---------- Avatar e menu do perfil ---------- */
.av{display:inline-grid;place-items:center;flex:none;border-radius:50%;overflow:hidden;color:#050714;font-weight:700;letter-spacing:.02em;box-shadow:0 0 0 2px var(--bg),0 0 0 3.5px color-mix(in srgb,var(--acc) 55%,transparent),0 0 16px color-mix(in srgb,var(--acc2) 35%,transparent)}
.av img{width:100%;height:100%;object-fit:cover;display:block}
.av.md{width:38px;height:38px;font-size:.85rem}
.av.lg{width:52px;height:52px;font-size:1.05rem}
.av.xl{width:120px;height:120px;font-size:2.3rem}
.pm-wrap{position:relative}
.av-btn{display:flex;align-items:center;gap:10px;padding:4px 10px 4px 4px;border-radius:999px;border:1px solid var(--line);background:var(--panel);cursor:pointer;color:var(--fg);transition:border-color .2s,box-shadow .2s}
.av-btn:hover,.av-btn[aria-expanded="true"]{border-color:var(--acc);box-shadow:0 0 0 3px color-mix(in srgb,var(--acc) 15%,transparent)}
.av-btn .chev{width:14px;height:14px;transform:rotate(90deg);opacity:.6}
.pm{position:absolute;right:0;top:calc(100% + 10px);z-index:40;width:min(320px,calc(100vw - 24px));max-height:calc(100dvh - var(--hdr,72px) - 16px);overflow-y:auto;padding:8px;border-radius:18px;background:var(--panel-solid);border:1px solid var(--line-strong);box-shadow:0 24px 60px rgba(0,0,0,.45),var(--glow)}
.pm-top{display:flex;gap:12px;align-items:center;padding:10px 10px 14px;border-bottom:1px solid var(--line);margin-bottom:6px}
.pm-id{display:grid;gap:2px;min-width:0}
.pm-id b{font-size:1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pm-id span{font-size:.8rem;color:var(--muted);overflow:hidden;text-overflow:ellipsis}
.pm-id .chip{justify-self:start;margin-top:3px}
.pm-item{display:flex;align-items:center;gap:10px;width:100%;padding:9px 10px;border:0;border-radius:10px;background:none;color:var(--fg);text-decoration:none;font-size:.92rem;cursor:pointer;text-align:left}
.pm-item:hover,.pm-item:focus-visible{background:var(--hover);outline:none;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--acc) 35%,transparent)}
.pm-item .ico{color:var(--muted)}
.pm-item span{flex:1}
.pm-item.danger,.pm-item.danger .ico{color:var(--neg)}
.pm-sep{height:1px;background:var(--line);margin:6px 4px}
.pm-h{padding:6px 10px 2px;font-family:var(--f-mono);font-size:9.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--faint)}
:root[data-theme="light"] .pm-h{color:var(--muted)}
.pm-row{display:grid;gap:8px;padding:8px 10px;font-size:.92rem}
.pm-row .seg-theme{display:grid;grid-template-columns:repeat(3,1fr);border-radius:12px}
.pm-row .seg-theme button{justify-content:center}
.pm-row>span:first-child{display:flex;align-items:center;gap:10px}
.pm-row .ico{color:var(--muted)}
.seg-theme button{display:inline-flex;align-items:center;gap:5px;padding:6px 9px}
.seg-theme .ico{width:13px;height:13px}
kbd{font-family:var(--f-mono);font-size:10px;padding:1px 6px;border-radius:6px;border:1px solid var(--line-strong);color:var(--muted);background:var(--acc-soft)}
.btn.search{color:var(--muted)}
.btn.icon{padding:8px 10px}

/* ---------- Busca rápida ---------- */
dialog.pal-dlg{width:min(620px,calc(100vw - 24px));margin-top:12vh}
dialog.pal-dlg #dlg-body{padding:0}
.pal-in{display:flex;align-items:center;gap:10px;padding:14px 18px;border-bottom:1px solid var(--line)}
.pal-in .ico{width:20px;height:20px;color:var(--acc)}
.pal-in input{flex:1;border:0;background:none;box-shadow:none!important;font-size:1.05rem;padding:6px 0}
.pal-list{max-height:min(420px,55vh);overflow-y:auto;padding:8px}
.pal-it{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;border:0;border-radius:12px;background:none;color:var(--fg);cursor:pointer;text-align:left}
.pal-it.on,.pal-it:hover{background:color-mix(in srgb,var(--acc) 10%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--acc) 40%,transparent)}
.pal-it .ico{width:18px;height:18px;color:var(--acc2)}
.pal-t{flex:1;display:grid;min-width:0}
.pal-t small{color:var(--muted);font-size:.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pal-k{font-family:var(--f-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--faint)}
.pal-foot{display:flex;gap:16px;padding:10px 18px;border-top:1px solid var(--line);font-size:.78rem;color:var(--muted)}
.pal-foot kbd{margin-right:3px}

/* ---------- Configurações ---------- */
.av-edit{display:flex;flex-wrap:wrap;align-items:center;gap:22px}
.av-actions{display:grid;gap:10px;justify-items:start;flex:1;min-width:200px}
.theme-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}
.theme-card{display:grid;gap:6px;text-align:left;padding:12px;border-radius:14px;border:1px solid var(--line);background:none;color:var(--fg);cursor:pointer}
.theme-card small{color:var(--muted)}
.theme-card.on{border-color:var(--acc);box-shadow:0 0 0 3px color-mix(in srgb,var(--acc) 18%,transparent)}
.tc-prev{display:grid;grid-template-columns:1fr 2fr;grid-template-rows:1fr 1fr;gap:5px;height:74px;padding:7px;border-radius:10px;border:1px solid var(--line)}
.tc-prev i{border-radius:5px}
.tc-prev i:first-child{grid-row:1/3}
.tc-dark{background:#070a16}.tc-dark i{background:#141a38}.tc-dark i:nth-child(2){background:linear-gradient(90deg,#4ff3ff,#b38bff)}
.tc-light{background:#fff}.tc-light i{background:#eef0fa}.tc-light i:nth-child(2){background:linear-gradient(90deg,#0096b4,#7a4dff)}
.tc-auto{background:linear-gradient(135deg,#070a16 50%,#fff 50%)}.tc-auto i{background:rgba(120,130,200,.35)}.tc-auto i:nth-child(2){background:linear-gradient(90deg,#4ff3ff,#7a4dff)}
.integ p{margin:8px 0}
ol.steps{padding-left:1.2rem;display:grid;gap:6px;margin:0}
.crumb{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.crumb i{font-style:normal;color:var(--faint)}

/* ---------- Títulos ---------- */
.vhead{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:18px}
.vhead h2{margin:0;font-family:var(--f-display);font-weight:600;letter-spacing:-.02em;font-size:clamp(28px,3.8vw,42px);line-height:1.1;background:var(--title-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.vhead p{margin:6px 0 0;color:var(--muted);max-width:90ch}
.vhead .actions{display:flex;flex-wrap:wrap;gap:8px}
.tag{font-family:var(--f-mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--acc)}
h3.sec{margin:26px 0 12px;font-size:1.2rem}

/* ---------- Cartões ---------- */
.grid{display:grid;gap:14px}
.kpis{grid-template-columns:repeat(auto-fit,minmax(185px,1fr))}
.g2{grid-template-columns:repeat(auto-fit,minmax(min(100%,480px),1fr))}
.g3{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr))}
.mt{margin-top:14px}
.card{position:relative;border:1px solid transparent;border-radius:18px;padding:18px 20px;background:var(--panel);box-shadow:var(--card-shadow);backdrop-filter:blur(16px) saturate(1.2);-webkit-backdrop-filter:blur(16px) saturate(1.2);min-width:0}
.card::before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:var(--edge);pointer-events:none;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude}
.card h3{margin:0 0 12px;display:flex;align-items:center;gap:9px;font-family:var(--f-mono);font-weight:400;font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.card h3::before{content:"";width:.5rem;height:.5rem;transform:rotate(45deg);border:1.5px solid var(--sc,var(--acc));box-shadow:0 0 8px var(--sc,var(--acc));flex:none}
.card.pad0{padding:0;overflow:hidden}
.card.pad0>h3{padding:16px 20px 0}
.kpi{overflow:hidden}
.kpi::after{content:"";position:absolute;inset:9px;pointer-events:none;opacity:.7;background:linear-gradient(var(--c1),var(--c1)) top left/10px 1.5px no-repeat,linear-gradient(var(--c1),var(--c1)) top left/1.5px 10px no-repeat,linear-gradient(var(--c2),var(--c2)) bottom right/10px 1.5px no-repeat,linear-gradient(var(--c2),var(--c2)) bottom right/1.5px 10px no-repeat}
.kpi .v{font-family:var(--f-mono);font-weight:500;letter-spacing:-.03em;font-size:clamp(17px,1.55vw,25px);white-space:nowrap;font-variant-numeric:tabular-nums;line-height:1.2;text-shadow:var(--num-glow);word-break:break-word}
.kpi .s{font-family:var(--f-mono);font-size:12px;color:var(--muted);margin-top:6px}
.note{font-size:.86rem;color:var(--muted);margin-top:10px}
.banner{border:1px solid color-mix(in srgb,var(--warn) 55%,transparent);border-left:4px solid var(--warn);background:color-mix(in srgb,var(--warn) 8%,transparent);border-radius:12px;padding:12px 16px;margin-bottom:16px}
.banner.bad{border-color:color-mix(in srgb,var(--neg) 55%,transparent);border-left-color:var(--neg);background:color-mix(in srgb,var(--neg) 7%,transparent)}
.empty{padding:28px;text-align:center;color:var(--muted);border:1px dashed var(--line-strong);border-radius:12px}

/* ---------- Tabelas ---------- */
.tbl{width:100%;overflow-x:auto}
table{border-collapse:collapse;width:100%;font-size:.88rem;font-variant-numeric:tabular-nums}
th,td{padding:9px 10px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}
thead th{font-family:var(--f-mono);font-weight:400;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid color-mix(in srgb,var(--acc) 30%,transparent);white-space:nowrap}
th.num,td.num{text-align:right}
tbody tr{transition:background .15s}
tbody tr:hover{background:var(--hover);box-shadow:inset 2px 0 0 var(--acc)}
tr.tot td{font-weight:600;border-top:1px solid var(--line-strong)}
tr.hd td{font-family:var(--f-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--acc);padding-top:16px}
tr.sub td{color:var(--muted)}
td .sub{display:block;color:var(--muted);font-size:.8rem}
td.wrap{white-space:normal;min-width:220px}

/* ---------- Chips ---------- */
.chip{display:inline-flex;align-items:center;gap:6px;font-family:var(--f-mono);font-size:11px;letter-spacing:.04em;text-transform:uppercase;padding:2px 9px;border-radius:999px;border:1px solid var(--line-strong);color:var(--muted);background:color-mix(in srgb,currentColor 8%,transparent);white-space:nowrap}
.chip.ok{color:var(--ok);border-color:color-mix(in srgb,var(--ok) 50%,transparent)}
.chip.bad{color:var(--neg);border-color:color-mix(in srgb,var(--neg) 50%,transparent)}
.chip.mid{color:var(--warn);border-color:color-mix(in srgb,var(--warn) 50%,transparent)}
.chip.blue{color:var(--pos);border-color:color-mix(in srgb,var(--pos) 50%,transparent)}
.chip.vio{color:var(--acc2);border-color:color-mix(in srgb,var(--acc2) 50%,transparent)}
.badge{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:var(--neg);color:#fff;font-size:11px;font-weight:700}

/* ---------- Barras horizontais e gráficos ---------- */
.hbars{display:grid;gap:9px}
.hb{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;align-items:center;font-size:.88rem}
.hb .bar{grid-column:1/-1;height:7px;border-radius:999px;background:var(--line);overflow:hidden}
.hb.dn .bar i{background:linear-gradient(90deg,var(--neg),var(--acc3))}
.hb .bar i{display:block;height:100%;border-radius:999px;background:var(--edge-hot);box-shadow:0 0 10px color-mix(in srgb,var(--acc) 40%,transparent)}
.chart{width:100%;height:300px}
.chart svg{width:100%;height:100%;overflow:visible}
.chart text{font-family:var(--f-mono);font-size:10.5px;fill:var(--muted)}
.chart .gl{stroke:var(--line)}
.legend{display:flex;flex-wrap:wrap;gap:14px;margin-top:8px;font-family:var(--f-mono);font-size:11px;color:var(--muted)}
.legend i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;vertical-align:-1px}

/* ---------- Tarefas ---------- */
.kan{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;align-items:start}
@media (max-width:1100px){.kan{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.kan{grid-template-columns:1fr}}
.kcol{border:1px solid var(--line);border-radius:14px;background:var(--panel);display:flex;flex-direction:column}
.khd{display:flex;justify-content:space-between;align-items:center;padding:11px 13px;border-bottom:1px solid var(--line);font-family:var(--f-mono);font-size:11.5px;letter-spacing:.1em;text-transform:uppercase}
.kbody{padding:9px;display:grid;gap:9px}
.kcard{border:1px solid var(--line);border-left:3px solid var(--faint);border-radius:12px;padding:10px 12px;background:color-mix(in srgb,var(--bg) 55%,transparent);cursor:pointer;transition:border-color .2s,box-shadow .2s}
.kcard:hover{border-color:var(--acc);box-shadow:0 0 0 3px color-mix(in srgb,var(--acc) 12%,transparent)}
.kcard[data-pr="alta"]{border-left-color:var(--neg)} .kcard[data-pr="media"]{border-left-color:var(--warn)} .kcard[data-pr="baixa"]{border-left-color:var(--pos)}
.kt{font-weight:600;font-size:.92rem;overflow-wrap:anywhere}
.meta{display:flex;flex-wrap:wrap;gap:5px;margin-top:7px}

/* ---------- Formulários ---------- */
.form{display:grid;gap:14px}
.form .row{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}
label.f{display:grid;gap:5px;font-family:var(--f-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
label.f input,label.f select,label.f textarea{font-family:var(--f-body);font-size:.95rem;letter-spacing:0;text-transform:none;width:100%}
label.f .hint{text-transform:none;letter-spacing:0;font-family:var(--f-body);font-size:.8rem}
.check{display:flex;align-items:center;gap:8px;font-family:var(--f-body)!important;font-size:.92rem!important;text-transform:none!important;letter-spacing:0!important}
.err{color:var(--neg);font-weight:600;min-height:1.2em}
.toolbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:14px}
.toolbar input[type=text],.toolbar input[type=search]{flex:1 1 240px;max-width:420px}

/* ---------- Diálogo, aviso ---------- */
dialog{border:0;border-radius:20px;padding:0;width:min(760px,calc(100vw - 24px));max-height:calc(100dvh - 24px);background:var(--panel-solid);color:var(--fg);box-shadow:0 30px 80px rgba(0,0,0,.5),0 0 30px color-mix(in srgb,var(--acc) 14%,transparent)}
dialog::backdrop{background:rgba(3,5,14,.6);backdrop-filter:blur(4px)}
#dlg-body{padding:24px}
#dlg-body h2{margin:0 0 6px;font-weight:600;letter-spacing:-.01em}
.dlg-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:6px}
#toast{position:fixed;right:max(16px,env(safe-area-inset-right));bottom:calc(16px + env(safe-area-inset-bottom));z-index:60;background:var(--panel-solid);border:1px solid var(--acc);color:var(--fg);padding:11px 15px;border-radius:14px;box-shadow:var(--glow);font-size:.9rem;max-width:min(380px,calc(100vw - 32px));transform:translateY(160%);visibility:hidden;transition:transform .2s}
#toast.show{transform:translateY(0);visibility:visible}

/* ---------- Telas de entrada ---------- */
.auth{min-height:100vh;display:grid;place-items:center;padding:24px}
.auth .card{width:100%;max-width:460px;padding:30px}
.auth h1{margin:4px 0 6px;font-weight:600;letter-spacing:-.02em;font-size:1.9rem;background:var(--title-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.auth .brandline{display:flex;align-items:center;gap:10px;font-family:var(--f-mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}
.qr{display:block;margin:12px auto;border-radius:10px;background:#fff;padding:8px}
.codes{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;font-family:var(--f-mono);font-size:1.05rem}
.codes div{background:var(--acc-soft);padding:8px;border-radius:8px;text-align:center}
.linkbox{display:flex;gap:8px}
.linkbox input{flex:1;font-family:var(--f-mono);font-size:.8rem}
.matrix th,.matrix td{text-align:center}
.matrix th:first-child,.matrix td:first-child{text-align:left}
.authfoot{position:fixed;right:16px;top:16px}

/* ---------- Celular e tablet: menu em gaveta ---------- */
@media (max-width:52rem){
  .only-m{display:inline-flex!important}
  .shell,.shell.min{grid-template-columns:minmax(0,1fr);gap:12px;padding-top:12px}
  .side{position:fixed;z-index:50;top:0;bottom:0;left:0;width:min(300px,86vw);max-height:none;border-radius:0 18px 18px 0;padding:max(10px,env(safe-area-inset-top)) .6rem 12px max(.6rem,env(safe-area-inset-left));transform:translateX(-105%);transition:transform .25s;background:var(--panel-solid)}
  .shell.drawer .side{transform:none}
  .scrim{display:block;position:fixed;inset:0;z-index:45;background:rgba(3,5,14,.55);backdrop-filter:blur(3px);opacity:0;pointer-events:none;transition:opacity .25s}
  .shell.drawer .scrim{opacity:1;pointer-events:auto}
  .side-top{display:flex;align-items:center;justify-content:space-between;padding:4px 4px 8px 10px;border-bottom:1px solid var(--line);margin-bottom:4px}
  .side-title{font-family:var(--f-mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}
  .side-tog{display:none}
  .shell.min .tab-txt,.shell.min .sub-h,.shell.min .nb{display:revert}
  .shell.min .area-h{display:flex}
  .shell.min .side a.tab,.shell.min .area-h{justify-content:flex-start;padding-left:.75rem;padding-right:.75rem}
  .shell.min .area-b{display:none;margin-left:1.2rem;padding-left:.55rem;border-left:1px solid var(--line);border-top:0}
  .shell.min .area.open>.area-b{display:block}
  .who,.btn.search .lbl,.btn.search kbd{display:none}
  .av-btn{padding:3px;gap:0}
  .av-btn .chev{display:none}
  header.top{gap:8px 10px;padding-top:10px;padding-bottom:10px}
  .brand{margin-right:auto;flex:1;text-decoration:none}
  .brand h1{font-size:19px}
  .ctrls{width:100%;gap:6px;order:3}
  .ctrls .seg{display:none}
  header.top .btn .lbl{display:none}
  header.top .btn{padding:8px 10px}
  .brand small{display:none}
  .sigil{width:30px;height:30px}
  .vhead h2{font-size:1.8rem}
  .chart{height:240px}
  .pal-foot{display:none}
}
@media (max-width:600px){
  .kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .kpi .v{font-size:1.1rem}
  .card{padding:14px}
  #dlg-body{padding:18px}
  .ctrls .field select{max-width:120px}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
.nowrap{white-space:nowrap}
.tbl.tall{max-height:52vh;overflow:auto}
.sub.warn{color:var(--warn)}

/* ---------- Análise operacional e telas do financeiro ---------- */
.area[data-area="op"] .tab{--tc:var(--c4)}
.area[data-area="ctl"] .tab{--tc:var(--acc3)}
.sec{margin:22px 0 12px;font-size:1.15rem}
.lst{margin:0;padding-left:1.1rem;display:grid;gap:6px}
.kv{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:.88rem;color:var(--muted);margin:6px 0}
.kv b{color:var(--fg)}
.note.padx{padding:0 20px 14px}
.evt{padding:10px 0;border-top:1px solid var(--line)}
.evt:first-of-type{border-top:0;padding-top:0}
.evt .sub{display:block;color:var(--muted);font-size:.84rem;margin-top:4px}
.evc.on{box-shadow:0 0 0 1px var(--warn),var(--card-shadow)}
.alerts{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.alert-it{display:grid;gap:6px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--bg) 40%,transparent)}
.alert-it .sub{display:block;color:var(--muted);font-size:.84rem;margin-top:3px}
.alert-n{display:flex;flex-wrap:wrap;gap:4px 14px;font-family:var(--f-mono);font-size:11.5px;color:var(--muted)}
.card.wide{grid-column:1/-1}
.bt{margin:4px 0 6px;font-weight:600;font-size:clamp(22px,2.6vw,30px);letter-spacing:-.01em}
.bit{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:2px 12px;align-items:start;padding:10px 0;border-top:1px solid var(--line);cursor:pointer}
.bit:first-of-type{border-top:0}
.bit input{margin-top:3px}
.bit .bt2{font-weight:600;overflow-wrap:anywhere}
.bit .bv{font-family:var(--f-mono);text-align:right;white-space:nowrap}
.bit .bv small{display:block;color:var(--muted);font-size:10.5px}
.bit .bd{grid-column:2/-1;color:var(--muted);font-size:.86rem}
.bit.done .bt2,.bit.done .bv{text-decoration:line-through;opacity:.55}
.bit[data-pr="alta"] .bt2::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--neg);box-shadow:0 0 8px var(--neg);margin-right:8px;vertical-align:1px}
.bit[data-pr="media"] .bt2::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--warn);margin-right:8px;vertical-align:1px}
details>summary{list-style:none;display:inline-flex}
details>summary::-webkit-details-marker{display:none}
tr.click{cursor:pointer}
tr.sel td{background:color-mix(in srgb,var(--acc) 10%,transparent)}

/* ---------- Tarefas: visualizações, filtros e personalização ---------- */
.tbar-t select{min-width:150px}
.tbar-t .btn.icon .lbl{font-size:.82rem}
.qf{display:flex;flex-wrap:wrap;gap:6px;margin:-4px 0 10px}
.qchip{border:1px solid var(--line);background:var(--panel);color:var(--muted);border-radius:999px;padding:5px 12px;cursor:pointer;font-size:.82rem;display:inline-flex;gap:6px;align-items:center}
.qchip span{font-family:var(--f-mono);font-size:11px;opacity:.8}
.qchip:hover{color:var(--fg);border-color:var(--line-strong)}
.qchip.on{color:var(--fg);border-color:color-mix(in srgb,var(--acc) 60%,transparent);background:color-mix(in srgb,var(--acc) 14%,transparent)}
.t-resumo{margin:0 0 10px}
.t-acts{display:flex;justify-content:flex-end;margin:-4px 0 10px}
.colbtn{min-height:28px;padding:3px 6px;border-radius:8px}
.colbtn .ico{width:15px;height:15px;transition:transform .2s}
.colbtn.on .ico{transform:rotate(-90deg)}
.khd{gap:8px}
.khd-t{flex:1}
.kcol.collapsed{opacity:.85}
.kcol.collapsed .khd{border-bottom:0}
.kcard .kt{margin-bottom:6px}
.kcard.compact .kt{margin-bottom:4px}
.kcard .meta{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:8px}
.kfoot{display:flex;justify-content:flex-end}
.st-sel{font-size:.78rem;padding:3px 8px;min-height:28px;border-radius:8px;width:auto;max-width:100%}
.chip.tag{text-transform:none;letter-spacing:0}
.chip.pink{color:var(--acc3);border-color:color-mix(in srgb,var(--acc3) 50%,transparent)}
.chip.cyan{color:var(--acc);border-color:color-mix(in srgb,var(--acc) 50%,transparent)}
.tlist{display:grid;gap:12px}
.tgrp{border:1px solid var(--line);border-radius:14px;background:var(--panel)}
.tgrp-hd{display:flex;align-items:center;gap:10px;padding:10px 13px;border-bottom:1px solid var(--line)}
.tgrp.collapsed .tgrp-hd{border-bottom:0}
.tgrp-body{display:grid}
.trow{display:grid;grid-template-columns:auto minmax(180px,1fr) auto;gap:12px;align-items:center;padding:9px 13px;border-left:3px solid var(--faint);border-bottom:1px solid var(--line);cursor:pointer}
.trow:last-child{border-bottom:0}
.trow:hover{background:color-mix(in srgb,var(--acc) 6%,transparent)}
.trow[data-pr="alta"]{border-left-color:var(--neg)} .trow[data-pr="media"]{border-left-color:var(--warn)} .trow[data-pr="baixa"]{border-left-color:var(--pos)}
.trow .meta{display:flex;flex-wrap:wrap;gap:5px;justify-content:flex-end}
@media (max-width:760px){.trow{grid-template-columns:1fr}.trow .meta{justify-content:flex-start}}
.ttab td,.ttab th{white-space:nowrap}
.ttab td.t-tit{white-space:normal;min-width:220px;font-weight:500}
.ttab tr.grp td{background:color-mix(in srgb,var(--acc) 6%,transparent)}
.ttab tr.grp .colbtn{margin-right:6px;vertical-align:middle}
.ttab .tagtxt{color:var(--acc2);margin-right:4px}
.cal-hd{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:10px}
.cal-hd b{font-size:1.15rem;min-width:170px;text-align:center}
.cal{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}
.cal-w{font-family:var(--f-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);padding:2px 6px}
.cal-d{min-height:108px;border:1px solid var(--line);border-radius:10px;background:var(--panel);padding:6px;display:flex;flex-direction:column;gap:4px;min-width:0}
.cal-d.out{background:transparent;border-style:dashed;opacity:.4}
.cal-d.hoje{border-color:var(--acc);box-shadow:0 0 0 2px color-mix(in srgb,var(--acc) 25%,transparent)}
.cal-n{font-family:var(--f-mono);font-size:12px;color:var(--muted)}
.cal-t{display:block;width:100%;text-align:left;border:0;border-left:3px solid var(--faint);border-radius:6px;background:color-mix(in srgb,var(--acc) 9%,transparent);color:var(--fg);font-size:.76rem;padding:3px 6px;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cal-t[data-pr="alta"]{border-left-color:var(--neg)} .cal-t[data-pr="media"]{border-left-color:var(--warn)} .cal-t[data-pr="baixa"]{border-left-color:var(--pos)}
.cal-t.done{opacity:.55;text-decoration:line-through}
.cal-t.late{background:color-mix(in srgb,var(--neg) 14%,transparent)}
@media (max-width:760px){.cal{grid-template-columns:1fr}.cal-w,.cal-d.out{display:none}.cal-d{min-height:0}}
.pz-box{border:1px solid var(--line);border-radius:12px;padding:10px 14px 14px;margin:0;display:grid;gap:10px}
.pz-box legend{font-family:var(--f-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding:0 6px}
.pz-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px 14px}
.cf-list{display:grid;gap:6px}
.cf-it{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.cf-it .btn{margin-left:auto}
.cf-check{align-self:end;min-height:40px}
.tags-f{display:grid;gap:6px;font-family:var(--f-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.tag-box{display:flex;flex-wrap:wrap;gap:6px;align-items:center;border:1px solid var(--line);border-radius:10px;padding:6px 8px;background:var(--bg-input,transparent);text-transform:none;letter-spacing:0}
.tag-box input{border:0;background:transparent;flex:1 1 140px;min-width:120px;padding:4px;font-family:var(--f-body);font-size:.92rem;color:var(--fg);outline:none;box-shadow:none}
.tag-box .chip button{border:0;background:transparent;color:inherit;cursor:pointer;padding:0 0 0 2px;font-size:11px}
.tag-sug{display:flex;flex-wrap:wrap;gap:5px}
.tag-sug .chip{cursor:pointer}
.t-tabs{margin:6px 0 12px}
.st-quick{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-bottom:14px}
.hist-l{list-style:none;margin:0;padding:0;display:grid;gap:10px;max-height:56vh;overflow:auto}
.hist-l li{border-left:2px solid var(--line-strong);padding:2px 0 2px 12px;display:grid;gap:3px;font-size:.9rem;overflow-wrap:anywhere}
.hist-l s{opacity:.7}
[hidden]{display:none!important}
[data-cf-add]{justify-self:start}
/* Botões Filtros / Visualização e menus flutuantes */
.popbtn{gap:8px}
.popbtn .ico{width:16px;height:16px}
.popbtn.on,.popbtn.open{border-color:color-mix(in srgb,var(--acc) 60%,transparent);box-shadow:0 0 0 3px color-mix(in srgb,var(--acc) 12%,transparent)}
.popn{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--acc);color:var(--on-accent,#06101f);font-size:11px;font-family:var(--f-mono)}
.popv{font-weight:400;color:var(--muted);font-size:.82rem}
.pop{position:fixed;z-index:60;overflow:auto;background:var(--panel-solid);border:1px solid var(--line-strong);border-radius:16px;padding:14px;display:grid;gap:12px;box-shadow:0 22px 60px rgba(0,0,0,.45),0 0 24px color-mix(in srgb,var(--acc) 12%,transparent);animation:popin .14s ease-out}
@keyframes popin{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.pop{animation:none}}
.pop-hd{display:flex;align-items:center;justify-content:space-between;gap:10px}
.pop-hd b{font-size:1rem}
.pop-sec{display:grid;gap:8px}
.pop-l{font-family:var(--f-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.pop-row{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}
.pop-opts{display:grid;grid-template-columns:1fr 1fr;gap:4px}
.pop-opt{display:flex;justify-content:space-between;align-items:center;gap:8px;text-align:left;border:1px solid transparent;background:transparent;color:var(--fg);border-radius:9px;padding:7px 9px;cursor:pointer;font-size:.88rem}
.pop-opt:hover{background:color-mix(in srgb,var(--acc) 8%,transparent)}
.pop-opt.on{border-color:color-mix(in srgb,var(--acc) 55%,transparent);background:color-mix(in srgb,var(--acc) 14%,transparent)}
.pop-opt em{font-style:normal;font-family:var(--f-mono);font-size:11px;color:var(--muted)}
.pop-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px 12px}
.pop .check{font-size:.88rem!important}
.pop-modos{display:grid;grid-template-columns:repeat(4,1fr);border-radius:12px}
.pop-modos button{padding:8px 4px}
.pop .btn .ico{width:15px;height:15px}
@media (max-width:420px){.pop-opts,.pop-grid{grid-template-columns:1fr}.pop-modos{grid-template-columns:1fr 1fr}}
.pop label.check.pop-sec{display:flex}
/* Subtarefas */
.subs{display:grid;gap:6px;margin:2px 0 8px}
.sub-tg{display:inline-flex;align-items:center;gap:5px;border:0;background:transparent;color:var(--muted);cursor:pointer;padding:2px 0;font-size:.8rem;font-family:var(--f-mono);letter-spacing:.02em}
.sub-tg .ico{width:13px;height:13px;transform:rotate(-90deg);transition:transform .2s}
.sub-tg.on .ico{transform:none}
.sub-tg:hover{color:var(--fg)}
.trow-t .sub-tg,.t-tit .sub-tg{margin-left:6px;vertical-align:middle}
.sub-bar{height:5px;border-radius:999px;background:color-mix(in srgb,var(--fg) 10%,transparent);overflow:hidden}
.sub-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--acc),var(--ok))}
.sub-l,.sub-d{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.sub-l li,.sub-d li{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:.84rem}
.sub-l li .check,.sub-d li .check{flex:1 1 140px;min-width:0;font-size:.86rem!important}
.sub-l li.done span,.sub-d li.done .check span{text-decoration:line-through;opacity:.6}
.sub-open{border:0;background:transparent;color:var(--muted);cursor:pointer;font-size:.85rem}
.sub-d li{padding:6px 8px;border:1px solid var(--line);border-radius:10px}
.sub-prog{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}
.sub-add{display:grid;grid-template-columns:minmax(160px,1fr) 150px 150px auto;gap:8px;align-items:center}
@media (max-width:640px){.sub-add{grid-template-columns:1fr 1fr}.sub-add input[data-sub-novo]{grid-column:1/-1}}
.kpai{font-size:.74rem;color:var(--acc2);margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.trow.sub{padding-left:34px;background:color-mix(in srgb,var(--acc2) 4%,transparent)}
.trow-t .kpai{display:block;margin:2px 0 0}
.ttab tr.sub td{background:color-mix(in srgb,var(--acc2) 4%,transparent)}
.ttab tr.sub td.t-tit{padding-left:28px;font-weight:400}
.linkbtn{border:0;background:transparent;color:var(--acc);cursor:pointer;padding:0;font:inherit;text-decoration:underline;text-underline-offset:3px}
.pai-lk{margin:-2px 0 10px}
/* Kanban: arrastar e soltar */
.kan-x{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(260px,1fr);overflow-x:auto;padding-bottom:8px}
.kcard[draggable="true"]{cursor:grab}
.kcard.drag{opacity:.45}
.kdrop{min-height:60px;border-radius:0 0 14px 14px;transition:background .15s}
.kdrop.mini{min-height:14px;padding:4px}
.kdrop.over{background:color-mix(in srgb,var(--acc) 10%,transparent);box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--acc) 45%,transparent)}
/* Mapa mental */
.mm-wrap{overflow:auto;border:1px solid var(--line);border-radius:16px;background:var(--panel);padding:18px}
.mm{display:flex;align-items:center;width:max-content;min-width:100%}
.mm ul{list-style:none;margin:0;padding:0 0 0 30px;position:relative;display:flex;flex-direction:column}
.mm ul::before{content:"";position:absolute;left:0;top:50%;width:30px;border-top:1.5px solid var(--line-strong)}
.mm li{position:relative;display:flex;align-items:center;padding:5px 0 5px 22px}
.mm li::before{content:"";position:absolute;left:0;top:50%;width:22px;border-top:1.5px solid var(--line-strong)}
.mm li::after{content:"";position:absolute;left:0;top:0;bottom:0;border-left:1.5px solid var(--line-strong)}
.mm li:first-child::after{top:50%}
.mm li:last-child::after{bottom:50%}
.mm li:only-child::after{display:none}
.mm-root{flex:none;padding:14px 20px;border-radius:16px;background:var(--edge-hot);color:var(--on-accent);font-weight:700;font-size:1.05rem;display:flex;gap:10px;align-items:center;box-shadow:0 0 22px color-mix(in srgb,var(--acc2) 30%,transparent)}
.mm-root em,.mm-g em{font-style:normal;font-family:var(--f-mono);font-size:11px;padding:1px 7px;border-radius:999px;background:color-mix(in srgb,currentColor 15%,transparent)}
.mm-g{flex:none;display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:12px;border:1px solid color-mix(in srgb,var(--acc) 50%,transparent);background:color-mix(in srgb,var(--acc) 10%,transparent);font-weight:600}
.mm-g .colbtn{min-height:24px;padding:2px 4px}
.mm-n{flex:none;display:flex;align-items:center;gap:8px;max-width:340px;text-align:left;border:1px solid var(--line);border-left:3px solid var(--faint);border-radius:10px;background:var(--panel-solid);color:var(--fg);padding:7px 11px;cursor:pointer;font-size:.86rem}
.mm-n:hover{border-color:var(--acc);box-shadow:0 0 0 3px color-mix(in srgb,var(--acc) 12%,transparent)}
.mm-n[data-pr="alta"]{border-left-color:var(--neg)} .mm-n[data-pr="media"]{border-left-color:var(--warn)} .mm-n[data-pr="baixa"]{border-left-color:var(--pos)}
.mm-n em{font-style:normal;font-family:var(--f-mono);font-size:11px;color:var(--ok)}
.mm-n small{color:var(--acc2);font-size:.74rem;white-space:nowrap}
.mm-s{font-size:.8rem;padding:5px 9px;max-width:280px;background:color-mix(in srgb,var(--acc2) 6%,var(--panel-solid))}
.mm-n.done{opacity:.55}.mm-n.done span{text-decoration:line-through}
.mm-n.late{border-color:color-mix(in srgb,var(--neg) 55%,transparent)}
.mm-mais{font-size:.8rem;color:var(--muted);padding:4px 8px}
.sub-l li{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:6px}
.sub-l li .chip.vio{display:none}
.sub-l li .check{align-items:flex-start;line-height:1.3}
.sub-l li .check input{margin-top:2px}
.mm-mais{border:1px dashed var(--line-strong);background:transparent;border-radius:10px;cursor:pointer}
.mm-mais:hover{color:var(--fg)}
.mm-wrap{max-height:76vh}
/* Cascata de subtarefas */
.ktop{display:flex;align-items:flex-start;gap:6px;margin-bottom:6px}
.ktop .kt{flex:1;margin:0}
.seta{flex:none;display:inline-grid;place-items:center;width:24px;height:24px;border-radius:7px;border:1px solid var(--line);background:transparent;color:var(--muted);cursor:pointer;padding:0}
.seta .ico{width:14px;height:14px;transform:rotate(-90deg);transition:transform .2s}
.seta.on{color:var(--acc);border-color:color-mix(in srgb,var(--acc) 55%,transparent);background:color-mix(in srgb,var(--acc) 10%,transparent)}
.seta.on .ico{transform:none}
.seta:hover{color:var(--fg)}
.seta-v{flex:none;display:inline-block;width:24px}
.kprog{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;margin:0 0 8px;font-family:var(--f-mono);font-size:11px;color:var(--muted)}
.kgrp{display:grid;gap:6px}
.kcasc{display:grid;gap:6px;margin-left:16px;padding-left:12px;border-left:2px solid color-mix(in srgb,var(--acc2) 45%,transparent);position:relative}
.kcard.ksub{padding:8px 10px;background:color-mix(in srgb,var(--acc2) 6%,var(--panel-solid));border-left-width:2px}
.kcard.ksub .kt{font-size:.88rem;font-weight:500}
.kcard.ksub .meta{margin-bottom:6px}
.kcard.ksub.done .kt{text-decoration:line-through;opacity:.6}
.tcasc{border-left:2px solid color-mix(in srgb,var(--acc2) 45%,transparent);margin-left:48px}
.trow{grid-template-columns:auto auto auto minmax(180px,1fr) auto}
.trow.sub{padding-left:12px}
@media (max-width:760px){.trow{grid-template-columns:auto auto 1fr}.trow .st-sel{grid-column:3}.trow .trow-t,.trow .meta{grid-column:1/-1}}
.t-tit-in{display:flex;align-items:flex-start;gap:8px}
.ttab th.t-sel,.ttab td.t-sel{width:34px;padding-right:0}
/* Seleção em massa */
.selb{flex:none;display:inline-grid;place-items:center;width:24px;height:24px;cursor:pointer}
.selb input{width:17px;height:17px;margin:0;cursor:pointer;accent-color:var(--acc)}
.kcard.selected,.trow.selected,.ttab tr.selected td{box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--acc) 60%,transparent);background:color-mix(in srgb,var(--acc) 9%,var(--panel-solid))}
.t-resumo{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:0 0 10px}
.selall{font-size:.85rem!important}
.bulkbar{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);z-index:55;display:flex;flex-wrap:wrap;align-items:center;gap:6px;max-width:calc(100vw - 24px);padding:10px 12px;border-radius:16px;background:var(--panel-solid);border:1px solid color-mix(in srgb,var(--acc) 55%,transparent);box-shadow:0 18px 50px rgba(0,0,0,.5),0 0 24px color-mix(in srgb,var(--acc) 20%,transparent);animation:popin .15s ease-out}
.bk-n{padding:0 8px 0 4px;font-size:.9rem}
.bk-n b{color:var(--acc);font-size:1.05rem}
@media (max-width:640px){.bulkbar{bottom:10px;justify-content:center}.bk-n{width:100%;text-align:center}}
.bkpop{gap:10px}
.pop-opts.one{grid-template-columns:1fr}
.pop-acts{display:flex;gap:8px;justify-content:flex-end}
.del-l{margin:0 0 6px;padding-left:18px;color:var(--muted)}
/* Métricas */
.tmet{margin-top:22px}
.tmet-hd{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px}
.tmet-hd h3{margin:0;font-size:1.25rem}
.mgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px}
.mcard{border:1px solid var(--line);border-radius:14px;background:var(--panel);padding:12px 14px;display:grid;gap:3px}
.mcard .ml{font-family:var(--f-mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.mcard b{font-size:1.6rem;font-weight:600;line-height:1.15;font-variant-numeric:tabular-nums}
.mcard small{color:var(--muted);font-size:.78rem}
.mcard.ok b{color:var(--ok)} .mcard.bad b{color:var(--neg)} .mcard.mid b{color:var(--warn)} .mcard.blue b{color:var(--pos)}
.mcols{display:grid;grid-template-columns:2fr 1fr;gap:12px;margin-top:12px}
@media (max-width:1000px){.mcols{grid-template-columns:1fr}}
.card.mt0{margin-top:0}
.card h4{margin:0 0 10px;font-size:1rem}
.mtab td,.mtab th{white-space:nowrap}
.c-bad{color:var(--neg)} .c-ok{color:var(--ok)}
.mbar-c{min-width:110px}
.mbar{height:7px;border-radius:999px;background:color-mix(in srgb,var(--fg) 10%,transparent);overflow:hidden}
.mbar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--acc),var(--acc2))}
/* Sino */
.bell{position:relative}
.bell-n{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--neg);color:#fff;font-size:10.5px;font-family:var(--f-mono);display:grid;place-items:center;box-shadow:0 0 10px color-mix(in srgb,var(--neg) 60%,transparent)}
.nlist{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.nitem{width:100%;text-align:left;display:grid;gap:2px;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--fg);padding:9px 10px;cursor:pointer}
.nitem:hover{background:color-mix(in srgb,var(--acc) 8%,transparent)}
.nitem.nova{border-color:color-mix(in srgb,var(--acc) 35%,transparent);background:color-mix(in srgb,var(--acc) 7%,transparent)}
.nitem.nova b::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--acc);margin-right:7px;vertical-align:middle}
.nitem span{font-size:.85rem;color:var(--muted)}
.nitem small{font-size:.74rem;color:var(--muted)}
.nitem.t-atrasada b,.nitem.t-urgente b{color:var(--neg)}
.ncols{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media (max-width:760px){.ncols{grid-template-columns:1fr}}
.devs{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.devs li{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--line);border-radius:10px}
.devs li .btn{margin-left:auto}
.mcols{grid-template-columns:1fr}
@media (max-width:640px){.bulkbar{left:10px;right:10px;transform:none}}
/* Integrações */
.int-sec{margin:22px 0 10px;font-size:1.1rem}
.int-sec:first-child{margin-top:0}
.integ2{display:grid;gap:10px;align-content:start}
.int-hd{display:flex;align-items:center;justify-content:space-between;gap:10px}
.int-hd h3{margin:0}
.passos summary{cursor:pointer;color:var(--acc);font-size:.9rem}
.passos ol{margin:8px 0 0;padding-left:20px;display:grid;gap:6px}
.integ2 .linkbox{display:flex;gap:6px}
.integ2 .linkbox input{flex:1;min-width:0;font-family:var(--f-mono);font-size:.8rem}

/* ===== Tarefas: espaços › projetos › abas (modelo ClickUp) ===== */
.tws{display:grid;grid-template-columns:16.5rem minmax(0,1fr);gap:18px;align-items:start}
.tws.min{grid-template-columns:minmax(0,1fr)}
.tws.min .tws-side{display:none}
.tws-main{min-width:0}
.tws-side{position:sticky;top:84px;max-height:calc(100dvh - 100px);overflow-y:auto;background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:.5rem;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.tw-top{display:flex;align-items:center;justify-content:space-between;padding:.35rem .5rem .55rem;border-bottom:1px solid var(--line);margin-bottom:.35rem}
.tw-top b{font-family:var(--f-mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);font-weight:500}
.tw-top .btn svg{transform:rotate(90deg)}
.tw-body{display:flex;flex-direction:column;gap:2px}
.tw-it{all:unset;box-sizing:border-box;cursor:pointer;display:flex;align-items:center;gap:.55rem;width:100%;min-width:0;padding:.5rem .6rem;border-radius:10px;color:var(--muted);font-size:14px;transition:background .2s,color .2s}
.tw-it:hover{background:var(--acc-soft);color:var(--fg)}
.tw-it:focus-visible{outline:2px solid var(--acc);outline-offset:-2px}
.tw-it.on{color:var(--fg);background:color-mix(in srgb,var(--acc) 13%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--acc) 40%,transparent)}
.tw-it .tw-n{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tw-it em{font-style:normal;font-family:var(--f-mono);font-size:11px;color:var(--muted);background:var(--acc-soft);border-radius:999px;padding:0 7px}
.tw-all{font-weight:600}
.tw-dot{width:10px;height:10px;border-radius:3px;flex:none;background:var(--faint)}
.tw-dot.all{background:var(--edge-hot, linear-gradient(135deg,var(--acc),var(--acc2)))}
.tw-esp{margin-top:4px}
.tw-esp-hd{display:flex;align-items:center;gap:2px}
.tw-esp-hd .tw-it{font-weight:600;color:var(--fg)}
.tw-seta{all:unset;cursor:pointer;display:grid;place-items:center;width:22px;height:22px;border-radius:6px;color:var(--muted);flex:none}
.tw-seta svg{width:14px;height:14px;transition:transform .2s}
.tw-esp.fechado .tw-seta svg{transform:rotate(-90deg)}
.tw-seta:hover,.tw-mais:hover{background:var(--acc-soft);color:var(--fg)}
.tw-mais{all:unset;cursor:pointer;flex:none;width:24px;height:26px;display:grid;place-items:center;border-radius:6px;color:var(--muted);font-size:15px;opacity:.55}
.tw-esp-hd:hover .tw-mais,.tw-pj:hover .tw-mais,.tw-mais:focus-visible{opacity:1}
.tw-projs{margin-left:22px;padding-left:6px;border-left:1px solid var(--line);display:flex;flex-direction:column;gap:1px}
.tw-pj{display:flex;align-items:center}
.tw-pj .tw-it{font-size:13.5px;padding:.42rem .55rem}
.tw-doc,.tw-lst{font-style:normal;font-size:12px;color:var(--faint);width:14px;text-align:center;flex:none}
.tw-doc{color:var(--acc2)}
.tw-vazio{margin:.2rem .6rem}
.tw-novo{all:unset;cursor:pointer;margin-top:8px;padding:.55rem .6rem;border-radius:10px;border:1px dashed var(--line-strong);color:var(--muted);font-size:13px;text-align:center}
.tw-novo:hover{color:var(--fg);border-color:var(--acc)}
.tw-sel{display:none;margin-top:10px;font-size:12px;color:var(--muted)}
.tw-sel select{display:block;margin-top:4px;width:100%;max-width:420px}
.tws-abas{display:flex;flex-wrap:wrap;gap:4px;border-bottom:1px solid var(--line);margin:-4px 0 14px}
.tws-aba{all:unset;cursor:pointer;padding:9px 14px 10px;font-size:14px;font-weight:600;color:var(--muted);border-bottom:2px solid transparent;margin-bottom:-1px}
.tws-aba:hover{color:var(--fg)}
.tws-aba.on{color:var(--fg);border-bottom-color:var(--acc)}
.tws-aba:focus-visible{outline:2px solid var(--acc);outline-offset:-2px;border-radius:6px}
.tdoc{display:flex;flex-direction:column;gap:10px}
.tdoc-bar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between}
.tdoc-ed{width:100%;min-height:62vh;resize:vertical;font-size:15px;line-height:1.6;padding:18px 20px;border-radius:14px}
.tdoc-ver{min-height:62vh;padding:18px 22px;border:1px solid var(--line);border-radius:14px;background:var(--panel);line-height:1.6}
.tdoc-ver h2{font-size:26px;margin:.4em 0}.tdoc-ver h3{font-size:20px;margin:.6em 0 .3em}.tdoc-ver h4{font-size:16px;margin:.6em 0 .2em}
.tdoc-ver li{margin-left:1.2em}.tdoc-ver li.ck{list-style:none;margin-left:.2em}
@media (max-width:900px){
  .tws{grid-template-columns:minmax(0,1fr)}
  .tws-side{display:none}
  .tw-sel{display:block}
  .tws-abas{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
  .tws-aba{white-space:nowrap}
}
/* v1.13 — abas criadas pela equipe (visualizações), documento com páginas, PDF, linha do tempo */
.tws-aba-w{display:inline-flex;align-items:center}
.tws-aba .v-ico{font-style:normal;margin-right:7px;opacity:.75}
.tws-aba-mais{all:unset;cursor:pointer;padding:3px 7px;margin-left:-6px;border-radius:6px;color:var(--muted);font-weight:700}
.tws-aba-mais:hover,.tws-aba-mais:focus-visible{color:var(--fg);background:var(--hover);outline:none}
.tws-add{color:var(--acc)!important}
.menuf{gap:10px}
.vgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:6px}
.vopt{all:unset;cursor:pointer;display:flex;gap:10px;align-items:flex-start;padding:10px;border-radius:12px;border:1px solid var(--line)}
.vopt:hover,.vopt:focus-visible{border-color:var(--line-strong);background:var(--hover)}
.vopt b{display:block;font-size:.92rem}.vopt small{color:var(--muted);font-size:.78rem;line-height:1.3}
.v-ico.big{font-style:normal;font-size:20px;width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:var(--acc-soft);color:var(--acc);flex:none}
.pop-opt.danger{color:var(--neg)}
.pj-meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.pj-desc{margin:8px 0 0;color:var(--muted);max-width:80ch;white-space:pre-line}
.tdoc2{display:grid;grid-template-columns:220px minmax(0,1fr);gap:16px;align-items:start}
.tdoc-pgs{display:flex;flex-direction:column;gap:2px;padding:10px;border:1px solid var(--line);border-radius:14px;background:var(--panel);position:sticky;top:calc(var(--hdr,72px) + 12px)}
.tdoc-pg{all:unset;cursor:pointer;padding:7px 10px;border-radius:9px;font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tdoc-pg:hover{background:var(--hover)}.tdoc-pg.on{background:var(--acc-soft);color:var(--fg);font-weight:600}
.tdoc-pg.add{color:var(--acc)}
.tdoc-main{display:grid;gap:8px;min-width:0}
.tdoc-bar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between}
.tdoc-tit{flex:1;min-width:200px;font-size:1.35rem;font-weight:700;background:transparent;border-color:transparent}
.tdoc-tit:hover,.tdoc-tit:focus{border-color:var(--line-strong)}
.tdoc-tit-r{margin:0;font-size:1.35rem}
.tdoc-acts{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.tdoc-ver li.ck{list-style:none;margin-left:-1.1em}
.tpdf{display:grid;gap:10px}
.tpdf-fr{width:100%;height:calc(100dvh - 300px);min-height:480px;border:1px solid var(--line);border-radius:14px;background:#fff}
.tpdf-vazio{display:grid;gap:12px;justify-items:center;padding:48px 16px}
.tativ{max-width:900px}
.tl-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:14px;background:var(--panel)}
.tl{display:grid;min-width:900px;position:relative}
.tl-d{font-family:var(--f-mono);font-size:11px;text-align:center;padding:6px 0;color:var(--muted);border-left:1px solid var(--line);border-bottom:1px solid var(--line);grid-row:1}
.tl-d.fds{background:color-mix(in srgb,var(--faint) 18%,transparent)}.tl-d.hoje{color:var(--acc);font-weight:700}
.tl-t{all:unset;cursor:pointer;padding:7px 10px;font-size:.86rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-bottom:1px solid var(--line);position:sticky;left:0;background:var(--panel-solid);z-index:2}
.tl-t.tl-h{cursor:default;font-weight:700;grid-row:1;grid-column:1}
.tl-row{border-bottom:1px solid var(--line)}
.tl-bar{all:unset;cursor:pointer;z-index:1;margin:5px 2px;padding:0 8px;border-radius:7px;font-size:11px;line-height:22px;height:22px;white-space:nowrap;overflow:hidden;color:var(--on-accent);background:linear-gradient(90deg,var(--acc),var(--acc2))}
.tl-bar[data-pr="urg"]{background:linear-gradient(90deg,var(--neg),var(--acc3))}.tl-bar.late{outline:2px solid var(--neg)}
.tl-bar.done{opacity:.45}.tl-bar:focus-visible{outline:2px solid var(--fg)}
.tl-vazio{grid-row:2}
.tadd{padding:4px 8px 8px}
.tadd-b{all:unset;cursor:pointer;color:var(--muted);font-size:.88rem;padding:6px 8px;border-radius:8px}
.tadd-b:hover,.tadd-b:focus-visible{color:var(--acc);background:var(--hover)}
.tadd-in{width:100%}
@media (max-width:900px){.tdoc2{grid-template-columns:1fr}.tdoc-pgs{position:static;flex-direction:row;overflow-x:auto}.tdoc-pg{flex:none}.tpdf-fr{height:70dvh;min-height:360px}.vgrid{grid-template-columns:1fr}}
/* v1.13.1 — Tarefas no menu lateral: espaços com seta e projetos */
.area[data-area="tarefas"] .area-h .nb{margin-left:auto}
.area[data-area="tarefas"] .area-h .nb+.chev{margin-left:.4rem}
.mt-esp-hd{display:flex;align-items:center}
.mt-seta{all:unset;cursor:pointer;flex:none;width:22px;height:30px;display:grid;place-items:center;border-radius:6px;color:var(--muted)}
.mt-seta:hover,.mt-seta:focus-visible{color:var(--fg);background:var(--hover)}
.mt-seta .ico{width:13px;height:13px;transition:transform .2s}
.mt-esp.open .mt-seta .ico{transform:rotate(90deg)}
.side .mt-esp-hd a.tab{padding-left:.35rem;min-width:0}
.side a.tab .tab-txt{overflow:hidden;text-overflow:ellipsis}
.mt-dot{width:9px;height:9px;border-radius:3px;flex:none}
.mt-projs{margin-left:1.35rem;padding-left:.4rem;border-left:1px dashed var(--line)}
.side .mt-projs a.tab{font-size:.86rem;padding:.4rem .6rem}
.mt-pj{font-style:normal;opacity:.55;font-size:.8rem;flex:none}
.mt-vazio{display:block;padding:.3rem .6rem}
.shell.min .mt-seta,.shell.min .mt-projs{display:none}
/* v1.15 — status em botãozinho e porcentagem das subtarefas */
.st-mini{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;gap:5px;height:22px;padding:0 8px;border-radius:999px;font-size:11px;font-weight:600;line-height:1;white-space:nowrap;color:var(--muted);background:color-mix(in srgb,var(--faint) 22%,transparent);border:1px solid var(--line)}
button.st-mini{cursor:pointer}
button.st-mini:hover,button.st-mini:focus-visible{border-color:var(--line-strong);color:var(--fg);outline:none}
.st-mini i{width:7px;height:7px;border-radius:50%;background:var(--muted);flex:none}
.st-mini.st-andamento{color:var(--pos);background:color-mix(in srgb,var(--pos) 12%,transparent)}.st-mini.st-andamento i{background:var(--pos)}
.st-mini.st-aguardando{color:var(--warn);background:color-mix(in srgb,var(--warn) 12%,transparent)}.st-mini.st-aguardando i{background:var(--warn)}
.st-mini.st-feito{color:var(--ok);background:color-mix(in srgb,var(--ok) 12%,transparent)}.st-mini.st-feito i{background:var(--ok)}
.st-pop{padding:6px!important;gap:2px!important}
.st-menu{display:grid;gap:2px}
.st-opt{all:unset;cursor:pointer;padding:6px 8px;border-radius:8px}
.st-opt:hover,.st-opt:focus-visible,.st-opt.on{background:var(--hover)}
.st-opt .st-mini{pointer-events:none}
.tpct{display:inline-flex;align-items:center;gap:6px;vertical-align:middle;margin-left:6px}
.tpct-bar{display:inline-block;width:54px;height:6px;border-radius:999px;background:color-mix(in srgb,var(--faint) 35%,transparent);overflow:hidden}
.tpct-bar i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--acc),var(--acc2))}
.tpct b{font-size:11px;font-family:var(--f-mono);color:var(--muted);font-weight:600}
.tpct.ok .tpct-bar i{background:var(--ok)}.tpct.ok b{color:var(--ok)}
.kprog{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:6px}
.kprog .tpct{margin-left:0}
@media (max-width:760px){.trow .st-mini{grid-column:3;justify-self:start}}