/* Automation Command Center - cores e fonte do Painel SPGL / Stock do Escritório (weTURN.ON) */
@font-face{font-family:'Metropolis';src:url('fonts/Metropolis-Regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Metropolis';src:url('fonts/Metropolis-Medium.otf') format('opentype');font-weight:500;font-display:swap}
@font-face{font-family:'Metropolis';src:url('fonts/Metropolis-SemiBold.otf') format('opentype');font-weight:600;font-display:swap}
@font-face{font-family:'Metropolis';src:url('fonts/Metropolis-Bold.woff2') format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:'Metropolis';src:url('fonts/Metropolis-ExtraBold.otf') format('opentype');font-weight:800;font-display:swap}

:root{
  --bg:#0a0c0b; --panel:#0e110f; --card:#141816; --card-2:#191e1b; --line:#232826; --input:#0c0f0d;
  --ink:#e8ece9; --muted:#8b938f; --faint:#5c6460;
  --accent:#34d57f; --accent-dim:#2bb46a; --accent-soft:rgba(52,213,127,.12); --accent-ink:#06140c;
  --ok:#34d57f; --ok-soft:rgba(52,213,127,.12);
  --blue:#5aa9e6; --blue-soft:rgba(90,169,230,.14);
  --warn:#e8b34a; --warn-soft:rgba(232,179,74,.13);
  --bad:#f0664f; --bad-soft:rgba(240,102,79,.13);
  --low:#7d8a84; --low-soft:rgba(125,138,132,.14);
  --off:#5c6460; --off-soft:rgba(92,100,96,.12);
  --radius:14px; --side:232px;
  --font:'Metropolis','Montserrat',system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --mono:ui-monospace,Menlo,Consolas,monospace;
}
body.light{
  --bg:#eef1f0; --panel:#ffffff; --card:#ffffff; --card-2:#f5f7f6; --line:#dde3e0; --input:#f5f7f6;
  --ink:#1a201d; --muted:#5d655f; --faint:#9aa19c;
  --ok:#178a4c; --blue:#2f7fc0; --blue-soft:rgba(47,127,192,.12);
  --warn:#b7791f; --warn-soft:rgba(232,179,74,.18);
  --bad:#d4442c; --bad-soft:rgba(240,102,79,.12);
  --low:#6f7a75; --off:#9aa19c;
}
*{box-sizing:border-box}
[hidden]{display:none!important}
html,body{margin:0}
body{background:var(--bg);color:var(--ink);font:15px/1.45 var(--font);-webkit-tap-highlight-color:transparent;overflow-x:hidden}
a{color:inherit}
button,input,textarea,select{font:inherit;color:inherit}
button{cursor:pointer;border:0;background:none}
button:disabled{cursor:default;opacity:.45}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.logo-light{display:none!important}
body.light .logo-dark{display:none!important}
body.light .logo-light{display:block!important}
.muted{color:var(--muted)} .faint{color:var(--faint)} .mono{font-family:var(--mono);font-size:.92em}
.nowrap{white-space:nowrap}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

/* ---------- botões, badges, campos (iguais ao Stock) ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:10px;padding:9px 13px;font-weight:700;font-size:14px;white-space:nowrap}
.btn svg{width:16px;height:16px}
.btn-pri{background:var(--accent);color:var(--accent-ink)} .btn-pri:hover{background:var(--accent-dim)}
.btn-sec{background:var(--card-2);border:1.5px solid var(--line);color:var(--ink)} .btn-sec:hover{border-color:var(--muted)}
.btn-ghost{color:var(--muted);padding:7px 9px} .btn-ghost:hover{color:var(--ink)}
.btn-sm{padding:6px 10px;font-size:13px;border-radius:9px}
.badge{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:3px 9px;font-size:12px;font-weight:700;white-space:nowrap;line-height:1.4}
.b-ok{background:var(--ok-soft);color:var(--ok)} .b-blue{background:var(--blue-soft);color:var(--blue)}
.b-warn{background:var(--warn-soft);color:var(--warn)} .b-bad{background:var(--bad-soft);color:var(--bad)}
.b-low{background:var(--low-soft);color:var(--low)} .b-off{background:transparent;color:var(--off);border:1px solid var(--line)}
.b-unk{background:transparent;color:var(--low);border:1px dashed var(--low)}
.b-neutral{background:var(--card-2);color:var(--muted);border:1px solid var(--line)}
.dot{display:inline-block;width:8px;height:8px;border-radius:50%;flex:none;background:var(--low)}
.d-ok{background:var(--ok)} .d-blue{background:var(--blue);box-shadow:0 0 0 0 rgba(90,169,230,.6);animation:pulse 1.8s infinite}
.d-warn{background:var(--warn)} .d-bad{background:var(--bad)} .d-low{background:var(--low)}
.d-off{background:transparent;border:1.5px solid var(--off)} .d-unk{background:transparent;border:1.5px dashed var(--low)}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(90,169,230,.55)}70%{box-shadow:0 0 0 7px rgba(90,169,230,0)}100%{box-shadow:0 0 0 0 rgba(90,169,230,0)}}
@media (prefers-reduced-motion:reduce){.d-blue{animation:none}.skel{animation:none!important}}
.origem{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;border-radius:5px;padding:1px 6px;vertical-align:1px;white-space:nowrap}
.o-confirmado{color:var(--ok);background:var(--ok-soft)} .o-inferido{color:var(--warn);background:var(--warn-soft)}
.o-manual{color:var(--blue);background:var(--blue-soft)} .o-falta{color:var(--muted);border:1px dashed var(--faint)}
.prio{font-size:11px;font-weight:800;border-radius:6px;padding:2px 7px;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap}
.p-critica{background:var(--bad);color:#160604} .p-alta{background:var(--bad-soft);color:var(--bad)}
.p-media{background:var(--warn-soft);color:var(--warn)} .p-baixa{background:var(--card-2);color:var(--muted);border:1px solid var(--line)}
.p-nd{color:var(--faint);border:1px dashed var(--line)}
.input,select.input,textarea.input{width:100%;background:var(--input);border:1.5px solid var(--line);border-radius:10px;padding:9px 11px;font-size:14px}
.input:focus{border-color:var(--accent);outline:none}
textarea.input{min-height:84px;resize:vertical}
label.f{display:block;font-size:13px;font-weight:600;margin-bottom:12px} label.f > span{display:block;margin-bottom:5px}
label.f small{display:block;color:var(--faint);font-weight:500;margin-top:4px}
.chk{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--muted)}

/* ---------- avatar ---------- */
.avatar{position:relative;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;overflow:hidden;
  background:linear-gradient(135deg,var(--accent),var(--accent-dim));color:#06160d;font-weight:700;flex:0 0 auto;width:24px;height:24px}
.avatar .ini{font-size:10px;letter-spacing:.3px} .avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.avatar.md{width:34px;height:34px} .avatar.md .ini{font-size:12px}
.avatar.xl{width:52px;height:52px} .avatar.xl .ini{font-size:17px}
.avatar.xxl{width:84px;height:84px;box-shadow:0 0 0 3px var(--card),0 0 0 4px var(--line)} .avatar.xxl .ini{font-size:26px}
.pessoa.link{cursor:pointer;border-radius:999px} .pessoa.link:hover .n{text-decoration:underline;color:var(--ink)}
.pstats{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;text-align:center}
.pstats div{background:var(--card-2);border:1px solid var(--line);border-radius:10px;padding:8px 4px}
.pstats b{display:block;font-size:19px;font-variant-numeric:tabular-nums} .pstats span{font-size:11px;color:var(--muted)}
.pstats .inf{border-style:dashed}
.ment{display:flex;gap:10px;align-items:center;padding:8px 0;border-bottom:1px solid var(--line);font-size:13.5px} .ment:last-child{border-bottom:0}
.ment .t{flex:1;min-width:0} .ment .t a{font-weight:600;margin-left:6px}
.checklist{max-height:46vh;overflow-y:auto;border:1px solid var(--line);border-radius:10px;background:var(--input)}
.ck{display:flex;align-items:center;gap:9px;padding:8px 11px;border-bottom:1px solid var(--line);cursor:pointer;font-size:13px}
.ck:last-child{border-bottom:0} .ck:hover{background:var(--card-2)}
.ck .t{flex:1;min-width:0} .ck .t b{display:block;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .ck .t small{color:var(--muted)}

.avatar.none{background:transparent;border:1.5px dashed var(--faint);color:var(--faint)}
.pessoa{display:inline-flex;align-items:center;gap:7px;min-width:0}
.pessoa span.n{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pessoa.none .n{color:var(--faint);font-style:italic}

/* ---------- layout: menu lateral + topo ---------- */
.app{display:flex;min-height:100vh}
.side{position:fixed;inset:0 auto 0 0;width:var(--side);background:var(--panel);border-right:1px solid var(--line);display:flex;flex-direction:column;z-index:30;transition:transform .2s}
.side .brand{display:flex;align-items:center;gap:10px;padding:18px 18px 6px}
.side .brand img{height:18px}
.side .prod{padding:0 18px 14px;font-size:12px;font-weight:700;color:var(--accent);letter-spacing:.4px;text-transform:uppercase}
.side nav{flex:1;overflow-y:auto;padding:6px 10px}
.side nav a{display:flex;align-items:center;gap:11px;padding:9px 10px;border-radius:10px;color:var(--muted);text-decoration:none;font-weight:600;font-size:14px;margin-bottom:2px}
.side nav a svg{width:18px;height:18px;flex:none}
.side nav a:hover{color:var(--ink);background:var(--card)}
.side nav a.on{color:var(--ink);background:var(--card-2)}
.side nav a.on svg{color:var(--accent)}
.side nav a .cnt{margin-left:auto;font-size:11px;font-weight:800;border-radius:999px;padding:1px 7px}
.side .foot{border-top:1px solid var(--line);padding:12px;display:flex;flex-direction:column;gap:10px}
.side .me{display:flex;align-items:center;gap:9px;font-size:13px;min-width:0}
.side .me .t{flex:1;min-width:0} .side .me .t b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.side .me .t small{color:var(--faint)}
.theme-switch{display:inline-flex;gap:4px;padding:4px;background:var(--card);border:1px solid var(--line);border-radius:12px}
.theme-switch button{display:flex;align-items:center;justify-content:center;gap:6px;padding:6px 10px;color:var(--muted);font-size:12px;font-weight:600;border-radius:8px;flex:1}
.theme-switch button svg{width:15px;height:15px}
.theme-switch button.on{background:var(--accent-soft);color:var(--accent)}
body.light .theme-switch button.on{color:#178a4c}
.main{flex:1;min-width:0;margin-left:var(--side)}
.top{position:sticky;top:0;z-index:20;background:var(--bg);border-bottom:1px solid var(--line)}
.top .in{display:flex;align-items:center;gap:12px;padding:12px 24px;min-height:60px}
.top h1{margin:0;font-size:19px;font-weight:800;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.top .crumb{color:var(--muted);font-weight:600}
.top .r{margin-left:auto;display:flex;align-items:center;gap:10px}
.burger{display:none;width:38px;height:38px;border-radius:10px;align-items:center;justify-content:center;color:var(--ink);flex:none}
.burger svg{width:20px;height:20px}
.live{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;color:var(--muted);font-weight:600;white-space:nowrap}
.live.stale{color:var(--warn)} .live.down{color:var(--bad)}
.content{padding:22px 24px 60px;max-width:1440px}
.scrim{display:none}
@media (max-width:980px){
  .side{transform:translateX(-100%)} body.menu .side{transform:none;box-shadow:0 0 60px rgba(0,0,0,.5)}
  body.menu .scrim{display:block;position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:25}
  .main{margin-left:0} .burger{display:inline-flex}
  .top .in{padding:10px 16px} .content{padding:16px 16px 48px}
  .live .txt{display:none}
}

/* ---------- blocos ---------- */
.box{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:18px;min-width:0}
body.light .box,body.light .kpi{box-shadow:0 2px 12px rgba(20,40,30,.06)}
.box-h{display:flex;align-items:center;gap:10px;margin-bottom:14px;flex-wrap:wrap}
.box-h h2{margin:0;font-size:16px;font-weight:800}
.box-h .n{color:var(--muted);font-weight:600;font-size:13px}
.box-h .r{margin-left:auto;display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.grid{display:grid;gap:18px;align-items:start}
.g-2{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)}
.g-2e{grid-template-columns:repeat(2,minmax(0,1fr))}
.g-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.stack{display:flex;flex-direction:column;gap:18px;min-width:0}
@media (max-width:1100px){.g-2,.g-3{grid-template-columns:minmax(0,1fr)}}
@media (max-width:760px){.g-2e{grid-template-columns:minmax(0,1fr)}}
.empty{color:var(--muted);text-align:center;padding:26px 10px;font-size:14px}
.empty b{display:block;color:var(--ink);font-size:15px;margin-bottom:4px}
.empty.ok b{color:var(--ok)}
.note{font-size:12.5px;color:var(--muted);background:var(--card-2);border:1px solid var(--line);border-radius:10px;padding:10px 12px;line-height:1.5}
.note.warn{border-color:rgba(232,179,74,.4);background:var(--warn-soft);color:var(--ink)}
.note.bad{border-color:rgba(240,102,79,.4);background:var(--bad-soft);color:var(--ink)}
.note b{color:var(--ink)}
.banner{display:flex;gap:12px;align-items:flex-start;border-radius:12px;padding:12px 14px;margin-bottom:16px;font-size:14px}
.banner svg{width:18px;height:18px;flex:none;margin-top:1px}
.banner.warn{background:var(--warn-soft);border:1px solid rgba(232,179,74,.4)} .banner.warn svg{color:var(--warn)}
.banner.bad{background:var(--bad-soft);border:1px solid rgba(240,102,79,.4)} .banner.bad svg{color:var(--bad)}
.banner.info{background:var(--card-2);border:1px solid var(--line)} .banner.info svg{color:var(--blue)}

/* ---------- visão geral ---------- */
.hero{display:flex;align-items:center;gap:16px;margin-bottom:18px;flex-wrap:wrap}
.hero .sem{width:46px;height:46px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex:none}
.hero .sem svg{width:24px;height:24px}
.hero .sem.ok{background:var(--ok-soft);color:var(--ok)} .hero .sem.warn{background:var(--warn-soft);color:var(--warn)}
.hero .sem.bad{background:var(--bad-soft);color:var(--bad)} .hero .sem.unk{background:var(--card-2);color:var(--low)}
.hero > div:last-child{flex:1;min-width:240px}
.hero h2{margin:0;font-size:22px;font-weight:800;line-height:1.2}
.hero p{margin:3px 0 0;color:var(--muted);font-size:14px}
.kpis{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:10px;margin-bottom:18px}
@media (max-width:1300px){.kpis{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:560px){.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
.kpi{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:12px 14px;text-decoration:none;display:block;min-width:0;transition:border-color .15s}
a.kpi:hover{border-color:var(--muted)}
.kpi .l{color:var(--muted);font-size:12px;font-weight:600;display:flex;align-items:center;gap:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kpi .v{font-size:28px;font-weight:800;margin-top:6px;line-height:1;font-variant-numeric:tabular-nums}
.kpi .s{color:var(--faint);font-size:11.5px;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kpi.k-bad .v{color:var(--bad)} .kpi.k-warn .v{color:var(--warn)} .kpi.k-blue .v{color:var(--blue)} .kpi.k-ok .v{color:var(--ok)}
.kpi.zero .v{color:var(--faint)}

/* atenção necessária */
.att{display:flex;gap:12px;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--card-2);margin-bottom:8px;text-decoration:none}
.att:hover{border-color:var(--muted)}
.att .bar{width:3px;border-radius:3px;flex:none;background:var(--warn)} .att.falha .bar{background:var(--bad)}
.att .t{flex:1;min-width:0}
.att .t .nm{font-weight:700;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.att .t .c{color:var(--muted);font-size:13px;margin-top:3px;overflow-wrap:anywhere}
.att .t .nx{font-size:13px;margin-top:6px;display:flex;gap:6px;align-items:baseline}
.att .t .nx svg{width:13px;height:13px;color:var(--accent);flex:none;transform:translateY(2px)}
.att .meta{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:8px;font-size:12px;color:var(--muted)}

/* timeline */
.tl{list-style:none;margin:0;padding:0;position:relative}
.tl li{display:grid;grid-template-columns:52px 14px minmax(0,1fr);gap:8px;padding:6px 0;font-size:13px;align-items:start}
.tl .h{color:var(--faint);font-variant-numeric:tabular-nums;font-size:12px;padding-top:1px;text-align:right}
.tl .m{display:flex;justify-content:center;padding-top:4px}
.tl .x{min-width:0} .tl .x b{font-weight:600} .tl .x .s{color:var(--muted);display:block;overflow-wrap:anywhere}
.tl .x a{text-decoration:none} .tl .x a:hover b{text-decoration:underline}
.tl li.new{animation:flash 1.6s ease-out}
@keyframes flash{from{background:var(--accent-soft)}to{background:transparent}}
.nextrun{display:flex;align-items:center;gap:10px;padding:7px 0;border-bottom:1px solid var(--line);font-size:13px}
.nextrun:last-child{border-bottom:0}
.nextrun .w{color:var(--blue);font-weight:700;font-variant-numeric:tabular-nums;width:62px;flex:none}
.nextrun a{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-decoration:none}

/* ---------- tabelas ---------- */
.tbl{overflow-x:auto;margin:0 -4px}
table{width:100%;border-collapse:collapse;font-size:13.5px}
th{text-align:left;color:var(--muted);font-size:11.5px;font-weight:700;padding:8px 8px;border-bottom:1px solid var(--line);white-space:nowrap;text-transform:uppercase;letter-spacing:.3px}
th button{font-weight:700;color:inherit;text-transform:inherit;letter-spacing:inherit;font-size:inherit;display:inline-flex;gap:4px;align-items:center}
th button.on{color:var(--ink)}
td{padding:9px 8px;border-bottom:1px solid var(--line);vertical-align:middle}
tr:last-child td{border-bottom:0}
tbody tr.click{cursor:pointer} tbody tr.click:hover td{background:var(--card-2)}
td .nm{font-weight:700;display:block;max-width:420px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
td .sub{color:var(--muted);font-size:12px;display:block;max-width:420px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
td.num{text-align:right;font-variant-numeric:tabular-nums}
td.trunc{max-width:300px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12.5px}
.cards-m{display:none}
@media (max-width:760px){ .tbl.resp table{display:none} .tbl.resp .cards-m{display:block} }
.mcard{display:block;text-decoration:none;border:1px solid var(--line);background:var(--card-2);border-radius:12px;padding:11px 12px;margin-bottom:8px}
.mcard .a{display:flex;align-items:center;gap:8px;font-weight:700} .mcard .a span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mcard .b{display:flex;flex-wrap:wrap;gap:6px 12px;color:var(--muted);font-size:12px;margin-top:6px;align-items:center}

/* filtros */
.filters{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:14px}
.filters .input{width:auto;min-width:0;padding:8px 10px;font-size:13px}
.filters .q{flex:1 1 220px;min-width:180px}
.filters select.input{flex:0 1 auto;max-width:220px}
.chipset{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}
.fchip{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);background:var(--card);border-radius:999px;padding:5px 11px;font-size:12.5px;font-weight:600;color:var(--muted)}
.fchip.on{border-color:var(--accent);color:var(--ink);background:var(--accent-soft)}
.fchip b{color:var(--ink);font-variant-numeric:tabular-nums}
.count{color:var(--muted);font-size:13px;margin-left:auto}

/* ---------- detalhe ---------- */
.dhead{display:flex;gap:14px;align-items:flex-start;margin-bottom:16px;flex-wrap:wrap}
.dhead .t{flex:1;min-width:240px}
.dhead h2{margin:0 0 6px;font-size:22px;font-weight:800;line-height:1.25;overflow-wrap:anywhere}
.dhead .tags{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.dhead .acts{display:flex;gap:8px;flex-wrap:wrap}
.facts{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:12px;overflow:hidden;margin-bottom:16px}
.fact{background:var(--card);padding:11px 13px;min-width:0}
.fact .l{font-size:11.5px;color:var(--muted);font-weight:600;margin-bottom:4px;display:flex;gap:6px;align-items:center}
.fact .v{font-weight:600;font-size:14px;overflow-wrap:anywhere}
.fact .v.none{color:var(--faint);font-style:italic;font-weight:500}
.tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin-bottom:16px;overflow-x:auto}
.tabs button{padding:10px 14px;font-weight:700;font-size:14px;color:var(--muted);border-bottom:2px solid transparent;white-space:nowrap}
.tabs button.on{color:var(--ink);border-bottom-color:var(--accent)}
.kv{display:grid;grid-template-columns:minmax(120px,190px) minmax(0,1fr);gap:8px 14px;font-size:13.5px}
.kv dt{color:var(--muted);font-weight:600} .kv dd{margin:0;overflow-wrap:anywhere}
.list-plain{margin:0;padding-left:18px} .list-plain li{margin:3px 0}
.pre{white-space:pre-wrap;overflow-wrap:anywhere}
.doc{display:grid;gap:10px}
.doc .qa{border:1px solid var(--line);border-radius:12px;padding:12px 14px;background:var(--card-2)}
.doc .qa h3{margin:0 0 6px;font-size:14px;display:flex;gap:8px;align-items:center;justify-content:space-between}
.doc .qa p{margin:0;font-size:13.5px;white-space:pre-wrap;overflow-wrap:anywhere}
.doc .qa.falta p{color:var(--faint);font-style:italic}
.meter{height:6px;background:var(--card-2);border-radius:6px;overflow:hidden;display:flex}
.meter i{display:block;height:100%}
.meter .m-c{background:var(--ok)} .meter .m-m{background:var(--blue)} .meter .m-i{background:var(--warn)}

/* ---------- fluxo ---------- */
.flow-wrap{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:0;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--panel);min-height:440px}
.flow-wrap.nopanel{grid-template-columns:minmax(0,1fr)}
.flow-canvas{position:relative;min-height:440px;height:62vh;overflow:hidden;touch-action:none;cursor:grab;
  background-image:radial-gradient(var(--line) 1px,transparent 1px);background-size:22px 22px}
.flow-canvas.drag{cursor:grabbing}
.flow-canvas svg{width:100%;height:100%;display:block}
.flow-tools{position:absolute;right:10px;top:10px;display:flex;gap:4px;z-index:2}
.flow-tools button{width:32px;height:32px;border-radius:9px;background:var(--card);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;color:var(--muted)}
.flow-tools button:hover{color:var(--ink)} .flow-tools svg{width:16px;height:16px}
.flow-legend{position:absolute;left:10px;bottom:10px;display:flex;gap:10px;flex-wrap:wrap;font-size:11.5px;color:var(--muted);background:var(--card);border:1px solid var(--line);border-radius:9px;padding:6px 9px;z-index:2;max-width:calc(100% - 20px)}
.flow-legend span{display:inline-flex;align-items:center;gap:5px}
.fnode rect.b{fill:var(--card);stroke:var(--line);stroke-width:1.2}
.fnode:hover rect.b{stroke:var(--muted)}
.fnode.sel rect.b{stroke:var(--accent);stroke-width:2}
.fnode.err rect.b{stroke:var(--bad);stroke-width:2;fill:color-mix(in srgb,var(--bad) 8%,var(--card))}
.fnode.off{opacity:.45} .fnode.off rect.b{stroke-dasharray:4 3}
.fnode .ic{color:var(--muted)} .fnode.trig .ic{color:var(--blue)}
.fnode text{fill:var(--ink);font-family:var(--font)}
.fnode text.k{fill:var(--muted);font-size:10px;font-weight:600;letter-spacing:.3px}
.fedge{fill:none;stroke:var(--faint);stroke-width:1.5}
.fedge.ai{stroke-dasharray:5 4}
.flabel{fill:var(--muted);font-size:10px;font-weight:700;font-family:var(--font)}
.flow-panel{border-left:1px solid var(--line);background:var(--card);padding:16px;overflow-y:auto;max-height:62vh;min-height:440px}
.flow-panel h3{margin:0 0 4px;font-size:16px;overflow-wrap:anywhere}
.flow-panel .k{color:var(--muted);font-size:12px;margin-bottom:12px}
.flow-panel section{border-top:1px solid var(--line);padding:10px 0;font-size:13px}
.flow-panel section h4{margin:0 0 5px;font-size:11.5px;color:var(--muted);text-transform:uppercase;letter-spacing:.4px}
@media (max-width:900px){.flow-wrap{grid-template-columns:minmax(0,1fr)} .flow-panel{border-left:0;border-top:1px solid var(--line);max-height:none;min-height:0} .flow-canvas{height:56vh}}

/* ---------- mapa do ecossistema ---------- */
.eco{width:100%;overflow-x:auto}
.eco svg{display:block;min-width:620px;width:100%}
.eco text{font-family:var(--font);fill:var(--ink)}
.eco .lbl{font-size:12.5px;font-weight:600} .eco .cnt{font-size:11px;fill:var(--muted);font-weight:700}
.eco .col{font-size:10.5px;fill:var(--faint);font-weight:700;letter-spacing:.6px}
.eco .pill{fill:var(--card-2);stroke:var(--line)}
.eco a:hover .pill{stroke:var(--muted)}
.eco .lnk{fill:none;stroke-opacity:.55}
.eco .lnk:hover{stroke-opacity:1}

/* ---------- departamentos / serviços ---------- */
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}
.dcard{display:flex;flex-direction:column;gap:10px;text-decoration:none;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:16px;min-width:0}
a.dcard:hover{border-color:var(--muted)}
.dcard .h{display:flex;align-items:center;gap:10px} .dcard .h b{font-size:15.5px;flex:1;min-width:0}
.dcard p{margin:0;color:var(--muted);font-size:13px;line-height:1.45}
.dcard .stats{display:flex;gap:12px;flex-wrap:wrap;font-size:12.5px;color:var(--muted);align-items:center}
.dcard .stats b{color:var(--ink);font-variant-numeric:tabular-nums}
.sbar{display:flex;height:6px;border-radius:6px;overflow:hidden;background:var(--card-2);gap:2px}
.sbar i{display:block;height:100%}
.s-ok{background:var(--ok)} .s-blue{background:var(--blue)} .s-warn{background:var(--warn)} .s-bad{background:var(--bad)} .s-low{background:var(--low);opacity:.55} .s-off{background:var(--off);opacity:.35}

/* ---------- tarefas ---------- */
.kanban{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:start}
@media (max-width:1100px){.kanban{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:620px){.kanban{grid-template-columns:minmax(0,1fr)}}
.kcol{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:10px;min-width:0}
.kcol h3{margin:2px 4px 10px;font-size:13px;display:flex;align-items:center;gap:8px;color:var(--muted);text-transform:uppercase;letter-spacing:.4px}
.kcol h3 b{color:var(--ink)}
.task{background:var(--card);border:1px solid var(--line);border-radius:11px;padding:10px 11px;margin-bottom:8px;cursor:pointer;display:block;width:100%;text-align:left}
.task:hover{border-color:var(--muted)}
.task.critica{border-left:3px solid var(--bad)} .task.bloq{border-left:3px solid var(--warn)}
.task .tt{font-weight:700;font-size:13.5px;overflow-wrap:anywhere}
.task .tm{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;margin-top:7px;font-size:12px;color:var(--muted)}
.rec{display:flex;gap:12px;align-items:flex-start;border:1px dashed var(--line);border-radius:12px;padding:12px;margin-bottom:8px;background:var(--card)}
.rec .t{flex:1;min-width:0} .rec .t b{display:block;overflow-wrap:anywhere} .rec .t .c{color:var(--muted);font-size:13px;margin-top:3px;overflow-wrap:anywhere}
.rec .a{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
@media (max-width:620px){.rec{flex-direction:column}.rec .a{justify-content:flex-start}}
.hist{list-style:none;margin:0;padding:0;font-size:12.5px} .hist li{padding:5px 0;border-bottom:1px solid var(--line);color:var(--muted)} .hist li b{color:var(--ink)}

/* ---------- modal / drawer / toast ---------- */
.modal{position:fixed;inset:0;z-index:60;display:flex;align-items:flex-start;justify-content:center;padding:6vh 14px;background:rgba(0,0,0,.55);overflow-y:auto}
.modal .card{width:620px;max-width:100%;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:20px;box-shadow:0 26px 70px rgba(0,0,0,.5)}
.modal .card h2{margin:0 0 4px;font-size:18px}
.modal .card .sub{color:var(--muted);font-size:13px;margin-bottom:16px}
.modal .row2{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}
@media (max-width:560px){.modal .row2{grid-template-columns:1fr}}
.modal .acts{display:flex;justify-content:flex-end;gap:8px;margin-top:6px;flex-wrap:wrap}
.modal .err{color:var(--bad);font-size:13px;margin:0 0 10px}
.toast{position:fixed;left:50%;top:16px;transform:translate(-50%,-160%);background:var(--card-2);border:1px solid var(--line);color:var(--ink);padding:11px 16px;border-radius:12px;font-weight:600;box-shadow:0 10px 30px rgba(0,0,0,.4);transition:transform .25s;z-index:80;max-width:calc(100% - 32px)}
.toast.show{transform:translate(-50%,0)} .toast.err{border-color:var(--bad)}

/* ---------- carregamento ---------- */
.skel{background:linear-gradient(90deg,var(--card) 0%,var(--card-2) 50%,var(--card) 100%);background-size:200% 100%;animation:sk 1.3s infinite;border-radius:12px}
@keyframes sk{from{background-position:200% 0}to{background-position:-200% 0}}

/* ---------- login (igual ao Painel SPGL) ---------- */
#login{position:fixed;inset:0;display:none;align-items:center;justify-content:center;z-index:50;overflow-y:auto;padding:24px 0;
  background:radial-gradient(760px 460px at 14% 12%, rgba(52,213,127,.12), transparent 60%),radial-gradient(820px 560px at 88% 88%, rgba(52,213,127,.09), transparent 62%),var(--bg)}
body.locked #login{display:flex} body.locked .app{display:none}
.login-card{width:440px;max-width:calc(100vw - 28px);background:var(--card);margin:auto;border:1px solid rgba(52,213,127,.22);border-radius:20px;padding:40px 40px 34px;box-shadow:0 26px 70px rgba(0,0,0,.55),0 0 46px rgba(52,213,127,.07)}
@media (max-width:480px){.login-card{padding:30px 22px 26px}}
.login-card .prod{text-align:center;font-size:12px;font-weight:800;color:var(--accent);letter-spacing:.6px;text-transform:uppercase;margin-bottom:16px}
.login-card h1{font-size:17px;font-weight:600;text-align:center;margin:0 0 4px}
.login-card p.s{color:var(--muted);text-align:center;font-size:12.5px;margin:0 0 20px}
.login-card .err{color:var(--bad);font-size:13px;text-align:center;margin:0 0 12px}
.login-alt{display:block;text-align:center;margin-top:12px;font-size:12.5px;color:var(--muted);width:100%}
.login-alt b{color:var(--accent)}
.pw-hints{display:flex;flex-wrap:wrap;gap:6px;margin:-4px 0 14px}
.pw-hints span{font-size:10.5px;color:var(--faint);background:var(--input);border:1px solid var(--line);border-radius:20px;padding:3px 9px}
.pw-hints span.ok{color:#06160d;background:var(--accent);border-color:var(--accent);font-weight:600}
.recovery-code{font-family:var(--mono);font-size:22px;font-weight:700;letter-spacing:2px;text-align:center;color:var(--accent);background:var(--accent-soft);border:1px dashed var(--accent);border-radius:12px;padding:16px;margin-bottom:18px;user-select:all}
.login-note{margin-top:14px;font-size:11.5px;color:var(--faint);line-height:1.5;text-align:center;border-top:1px solid var(--line);padding-top:12px}

/* ---------- login: campos com ícone, olho, lembrar-me (igual ao Painel SPGL / Stock) ---------- */
.login-card .logo{display:flex;justify-content:center;margin-bottom:22px;transform:scale(1.15)}
.login-card .logo-img{height:24px;width:auto;display:block}
.login-card p{color:var(--muted);text-align:center;font-size:12.5px;margin:0 0 22px}
.lf{margin-bottom:14px}
.lf input{width:100%;background:var(--input);border:1px solid var(--line);border-radius:10px;padding:11px 12px;color:var(--ink);font-size:14px;transition:.15s}
.lf input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
.inp{position:relative;display:flex;align-items:center}
.inp-ic{position:absolute;left:13px;width:17px;height:17px;color:var(--faint);pointer-events:none}
.inp input{padding-left:40px}
.inp input.has-eye{padding-right:40px}
.inp-eye{position:absolute;right:8px;color:var(--faint);padding:5px;display:flex;align-items:center}
.inp-eye:hover{color:var(--ink)} .inp-eye.on{color:var(--accent)} .inp-eye svg{width:18px;height:18px}
.login-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:2px 0 16px;flex-wrap:wrap}
.login-forgot{color:var(--accent);font-size:12.5px;cursor:pointer;white-space:nowrap;text-decoration:none}
.login-forgot:hover{text-decoration:underline}
.remember{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12.5px;cursor:pointer;user-select:none}
.remember input{width:15px;height:15px;accent-color:var(--accent);cursor:pointer}
.lbtn{width:100%;background:var(--accent);color:#06160d;border-radius:10px;padding:11px;font-size:14px;font-weight:700;transition:.15s}
.lbtn:hover{background:var(--accent-dim)}
.login-alt{text-decoration:none;cursor:pointer}
.login-alt:hover b{text-decoration:underline}
.login-err{color:var(--bad);font-size:12px;text-align:center;margin-top:12px;min-height:16px}
.gen-pass{display:flex;align-items:center;gap:5px;font-size:11.5px;color:var(--accent);padding:0;margin:-4px 0 10px}
.gen-pass:hover{text-decoration:underline} .gen-pass svg{width:13px;height:13px;flex:none}
body.light #login{background:radial-gradient(760px 460px at 14% 12%, rgba(52,213,127,.16), transparent 60%),radial-gradient(820px 560px at 88% 88%, rgba(52,213,127,.12), transparent 62%),var(--bg)}
body.light .login-card{box-shadow:0 2px 12px rgba(20,40,30,.06)}
body.light .recovery-code,body.light .login-alt b,body.light .login-forgot,body.light .gen-pass{color:#178a4c}
.login-theme{position:fixed;right:18px;bottom:18px;z-index:51}
.login-theme button,.lz-theme button{flex:none}

/* ---------- ecrã inicial (como no Painel SPGL / Stock) ---------- */
#home{display:none;position:fixed;inset:0;z-index:20;flex-direction:column;padding:calc(14px + env(safe-area-inset-top)) 18px 24px;overflow:auto;
  background:radial-gradient(1100px 520px at 50% -8%,rgba(52,213,127,.08),transparent),var(--bg)}
body.home:not(.locked) #home{display:flex}
body.home .app{display:none}
.lz-top{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:40px}
.lz-top .l,.lz-top .r{display:flex;align-items:center;gap:12px}
.lz-logo{display:flex;padding:0} .lz-logo img{height:22px;display:block}
.lz-sq{position:relative;width:42px;height:42px;border-radius:12px;background:var(--card);border:1px solid var(--line);color:var(--ink);display:flex;align-items:center;justify-content:center;transition:.14s}
.lz-sq:hover{border-color:var(--accent);color:var(--accent)} .lz-sq svg{width:22px;height:22px}
.lz-sq .dot{position:absolute;top:9px;right:10px;width:9px;height:9px;border-radius:50%;background:var(--bad);border:2px solid var(--card)}
.lz-user{display:flex;align-items:center;gap:10px;background:var(--card);border:1px solid var(--line);border-radius:999px;padding:5px 14px 5px 5px}
.lz-user .avatar{width:36px;height:36px} .lz-user .avatar .ini{font-size:13px}
.lz-user b{font-size:15px} .lz-user button{color:var(--muted);font-size:14px} .lz-user button:hover{color:var(--bad)}
.lz-mid{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:30px;padding:24px 0}
.lz-greet{text-align:center}
.lz-greet .avatar{width:110px;height:110px;border:2px solid var(--accent);box-shadow:0 6px 22px rgba(0,0,0,.4);margin-bottom:16px}
.lz-greet .avatar .ini{font-size:40px}
.lz-greet h1{margin:0;font-size:30px;font-weight:800;letter-spacing:-.4px}
.lz-greet p{color:var(--muted);font-size:15px;margin:8px 0 0}
.lz-greet p b{color:var(--ink)} .lz-greet .hot{color:var(--bad);font-weight:700}
.lz-greet p.mine{font-size:13.5px;margin-top:6px}
.lz-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;width:100%;max-width:760px}
.lz-tile{position:relative;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:22px;text-align:left;text-decoration:none;color:var(--ink);
  display:flex;flex-direction:column;justify-content:center;min-height:150px;transition:.14s}
.lz-tile:hover{border-color:var(--accent);transform:translateY(-2px)}
.lz-tile.feat{border-color:rgba(52,213,127,.4)}
.lz-ic{width:46px;height:46px;border-radius:13px;background:var(--accent-soft);color:var(--accent);display:flex;align-items:center;justify-content:center;margin-bottom:12px;flex:none}
body.light .lz-ic{color:#178a4c}
.lz-ic svg{width:23px;height:23px}
.lz-name{font-size:16px;font-weight:700}
.lz-sub{font-size:12.5px;color:var(--muted);margin-top:3px}
.lz-sub.hot{color:var(--bad);font-weight:600}
.lz-badge{position:absolute;top:16px;right:16px;min-width:24px;height:24px;padding:0 7px;border-radius:12px;background:var(--bad);color:#fff;font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center}
.lz-foot{display:flex;align-items:center;justify-content:center;gap:14px;color:var(--faint);font-size:12px}
@media (max-width:720px){ .lz-top .l,.lz-top .r{gap:8px} .lz-sq{width:40px;height:40px} .lz-user b{display:none} .lz-user{padding:4px 12px 4px 4px} .lz-user .avatar{width:30px;height:30px} .lz-theme{display:none} }
@media (max-width:700px){ .lz-grid{grid-template-columns:1fr;max-width:420px} .lz-tile{min-height:0;flex-direction:row;align-items:center;justify-content:flex-start;gap:14px;padding:16px}
  .lz-ic{margin:0} .lz-greet h1{font-size:25px} .lz-greet .avatar{width:88px;height:88px} }

/* ---------- gráficos ---------- */
.gfig{margin:0;min-width:0}
.gfig figcaption{font-size:12px;color:var(--muted);font-weight:600;margin-bottom:6px}
.gbar{width:100%;height:auto;display:block;overflow:visible}
.gbar .grid{stroke:var(--line);stroke-dasharray:2 4}
.gbar .base{stroke:var(--faint)}
.gbar .ax{fill:var(--faint);font-size:10px;font-family:var(--font)}
.gbar .hit{fill:transparent;cursor:crosshair}
.gbar .hit:hover{fill:color-mix(in srgb,var(--ink) 6%,transparent)}
.glegend{display:flex;gap:14px;flex-wrap:wrap;font-size:12px;color:var(--muted);margin-left:auto}
.glegend span{display:inline-flex;align-items:center;gap:6px} .glegend i{width:10px;height:10px;border-radius:3px;display:inline-block}
.glegend b{color:var(--ink);font-variant-numeric:tabular-nums}
.gnote{font-size:11px;color:var(--faint);margin-top:6px}
.gtip{position:fixed;pointer-events:none;background:var(--card-2);border:1px solid var(--line);border-radius:8px;padding:7px 10px;font-size:12px;color:var(--muted);
  box-shadow:0 8px 24px rgba(0,0,0,.4);opacity:0;transition:opacity .1s;z-index:90;white-space:nowrap}
.gtip.show{opacity:1} .gtip b{display:block;color:var(--ink);font-size:12.5px;margin-bottom:2px}
.strip{display:flex;align-items:flex-end;gap:2px;height:40px;padding:2px 0;overflow:hidden}
.strip .sq{flex:1 1 0;min-width:3px;max-width:14px;border-radius:3px 3px 1px 1px;cursor:crosshair}
.strip .sq:hover{outline:2px solid var(--ink);outline-offset:1px}
.strip-l{display:flex;justify-content:space-between;gap:8px;font-size:11px;color:var(--faint);margin-top:4px}

/* ---------- interruptor ligar/desligar ---------- */
.sw{display:inline-flex;align-items:center;gap:9px;padding:5px 12px 5px 5px;border-radius:999px;background:var(--card-2);border:1.5px solid var(--line);font-weight:700;font-size:13px;color:var(--muted)}
.sw .knob{width:34px;height:20px;border-radius:999px;background:var(--off);position:relative;transition:.15s;flex:none}
.sw .knob::after{content:"";position:absolute;top:3px;left:3px;width:14px;height:14px;border-radius:50%;background:#fff;transition:.15s}
.sw.on{color:var(--ink);border-color:rgba(52,213,127,.45)} .sw.on .knob{background:var(--accent)} .sw.on .knob::after{left:17px}
.sw:hover{border-color:var(--muted)}
.sw[aria-disabled="true"]{opacity:.55;cursor:not-allowed}

/* ---------- Claude ---------- */
.box.claude{margin-bottom:16px;border-style:dashed}
.box.claude.hot{border-style:solid;border-color:rgba(52,213,127,.35);background:linear-gradient(180deg,var(--accent-soft),transparent 140px),var(--card)}
.cl-ic{width:30px;height:30px;border-radius:9px;background:var(--accent-soft);color:var(--accent);display:inline-flex;align-items:center;justify-content:center}
.cl-ic svg{width:17px;height:17px}
.diag{border:1px solid var(--line);border-radius:12px;padding:12px 14px;background:var(--card-2)}
.dg-h{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:10px} .dg-h b{font-size:14.5px;flex:1 1 260px}
.dg-f{display:flex;gap:6px;align-items:center;flex-wrap:wrap;font-size:12px;margin-top:10px;border-top:1px solid var(--line);padding-top:8px}
.dg-f .btn{margin-left:auto}
.spin{width:13px;height:13px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;display:inline-block;animation:rot .7s linear infinite}
@keyframes rot{to{transform:rotate(360deg)}}
.att .cl-link{display:inline-flex;gap:5px;align-items:center;color:var(--accent);font-weight:700;font-size:12px}
.att .cl-link svg{width:13px;height:13px}

/* ---------- as minhas ---------- */
.mine-desde{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted);margin:0 0 14px;flex-wrap:wrap}
.mine-desde svg{width:15px;height:15px;color:var(--blue)} .mine-desde b{color:var(--ink)} .mine-desde a{color:var(--accent);font-weight:700}
.box.mine{margin-bottom:18px;border-color:rgba(52,213,127,.3)}
.mine-row{display:flex;align-items:center;gap:10px;padding:7px 4px;border-bottom:1px solid var(--line);text-decoration:none;font-size:13.5px}
.mine-row:last-child{border-bottom:0} .mine-row:hover{background:var(--card-2)}
.mine-row .t{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}
.mine-row .muted{font-size:12px;white-space:nowrap}
.mine-t{margin-top:8px;border-top:1px dashed var(--line);padding-top:4px}
#home .lz-mine{width:100%;max-width:760px}
#home .lz-mine .box{margin:0;text-align:left}
#home .lz-mine .mine-desde{justify-content:center}

/* ---------- incidentes ---------- */
.inc{border:1px solid var(--line);border-left:3px solid var(--bad);border-radius:12px;padding:12px 14px;background:var(--card-2);margin-bottom:10px}
.inc.em_tratamento{border-left-color:var(--blue)}
.inc-h{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.inc-h .nm{font-weight:800;text-decoration:none} .inc-h .nm:hover{text-decoration:underline}
.inc-m{color:var(--muted);font-size:13px;margin:6px 0 10px;overflow-wrap:anywhere}
.inc-f{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:12.5px;color:var(--muted)}
.inc-f .acts{margin-left:auto;display:flex;gap:6px;flex-wrap:wrap}
.inc-n{margin-top:8px;font-size:12.5px} .inc-n summary{cursor:pointer;color:var(--muted)}
.att .meta .badge{font-size:11px}

/* ---------- perguntar ---------- */
.box.ask textarea{min-height:90px}
.answer{border:1px solid var(--line);border-radius:12px;padding:12px 14px;background:var(--card-2);margin-top:12px;font-size:14px;line-height:1.55}
.answer p{margin:0 0 8px} .answer ul{margin:0 0 8px} .answer .q{font-weight:700;margin-bottom:8px;color:var(--accent)}
.qh{border-bottom:1px solid var(--line);padding:8px 0} .qh:last-child{border-bottom:0}
.qh summary{cursor:pointer;display:flex;gap:10px;justify-content:space-between;font-size:13.5px} .qh summary span{font-size:12px;white-space:nowrap}
.fchip:disabled{opacity:.5;cursor:not-allowed}

/* ---------- ecrã inicial ao vivo ---------- */
#home .lz-mid{justify-content:center;gap:18px;padding:10px 0 20px}
.lv-panel{width:100%;max-width:1200px;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:14px 16px 16px;
  box-shadow:0 0 0 1px rgba(52,213,127,.06),0 20px 60px rgba(0,0,0,.25)}
body.light .lv-panel{box-shadow:0 2px 12px rgba(20,40,30,.06)}
.live-top{display:flex;align-items:center;gap:16px;flex-wrap:wrap;font-size:13px;color:var(--muted)}
.live-badge{display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:800;letter-spacing:1px;color:var(--blue);background:var(--blue-soft);border-radius:999px;padding:4px 10px}
.live-clock{font-variant-numeric:tabular-nums;font-weight:800;color:var(--ink);font-size:16px;letter-spacing:.5px}
.live-k b{color:var(--ink);font-size:16px;font-variant-numeric:tabular-nums;margin-right:3px}
.live-k.bad b{color:var(--bad)} .live-k a{text-decoration:none;color:inherit}
.live-top .live-k:first-of-type{margin-left:auto}
.live-map{position:relative;margin-top:6px}
.live-svg{width:100%;height:auto;display:block}
.live-svg text{font-family:var(--font)}
.lv-trilho{fill:none;stroke:var(--line);stroke-width:1.5}
.lv-hub{fill:var(--card-2);stroke:var(--accent);stroke-width:2}
.lv-hub-t{fill:var(--ink);font-size:24px;font-weight:800}
.lv-hub-s{fill:var(--muted);font-size:13px;font-weight:600}
.lv-halo{animation:respira 4s ease-in-out infinite;transform-origin:500px 270px}
@keyframes respira{0%,100%{opacity:.55;transform:scale(.92)}50%{opacity:1;transform:scale(1.05)}}
.lv-spin{fill:none;stroke:var(--blue);stroke-width:2.5;stroke-dasharray:40 300;transform-origin:500px 270px;animation:gira 1.6s linear infinite}
@keyframes gira{to{transform:rotate(360deg)}}
.lv-pill{fill:var(--card-2);stroke:var(--line)}
.lv-no:hover .lv-pill{stroke:var(--muted)}
.lv-no.alarme .lv-pill{stroke:rgba(240,102,79,.6)}
.lv-no.flash .lv-pill{animation:acende .9s ease-out}
@keyframes acende{0%{stroke:var(--accent);stroke-width:2.5}100%{stroke:var(--line);stroke-width:1}}
.lv-lbl{fill:var(--ink);font-size:15px;font-weight:600}
.lv-port{fill:var(--faint)}
.lv-pulse{animation:pisca 1.4s ease-in-out infinite}
@keyframes pisca{50%{opacity:.25}}
.lv-burst{fill:none;stroke-width:2;animation:onda 1.3s ease-out forwards;transform-origin:500px 270px}
.lv-burst.forte{stroke-width:4}
@keyframes onda{from{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(2.4)}}
.live-leg{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;font-size:11.5px;color:var(--muted);margin-top:2px}
.live-leg span{display:inline-flex;align-items:center;gap:6px} .live-leg i{width:9px;height:9px;border-radius:50%;display:inline-block}
.live-bottom{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:16px;margin-top:12px;border-top:1px solid var(--line);padding-top:12px}
@media (max-width:860px){.live-bottom{grid-template-columns:minmax(0,1fr)}}
.live-cap{font-size:11px;font-weight:700;color:var(--faint);letter-spacing:.5px;text-transform:uppercase;margin-bottom:6px}
.lv-ecg{width:100%;height:70px;display:block}
.lv-ecg-l{fill:none;stroke:var(--accent);stroke-width:2;stroke-linejoin:round;filter:drop-shadow(0 0 4px rgba(52,213,127,.5))}
.lv-ecg-p{fill:var(--accent);animation:pisca 1.2s ease-in-out infinite}
.live-tk{list-style:none;margin:0;padding:0;font-size:12.5px;max-height:150px;overflow:hidden}
.live-tk li{display:flex;align-items:center;gap:8px;padding:3px 0;animation:entra .5s ease-out;white-space:nowrap}
.live-tk li .h{color:var(--faint);font-variant-numeric:tabular-nums;width:40px;flex:none}
.live-tk li a{font-weight:600;text-decoration:none;overflow:hidden;text-overflow:ellipsis;min-width:0}
.live-tk li .muted{font-size:11.5px;flex:none}
@keyframes entra{from{opacity:0;transform:translateY(-6px);background:var(--accent-soft)}to{opacity:1;transform:none;background:transparent}}
#home .lz-greet.compact{display:flex;align-items:center;gap:14px;text-align:left;width:100%;max-width:1200px}
#home .lz-greet.compact .avatar{width:52px;height:52px;margin:0;border-width:2px}
#home .lz-greet.compact .avatar .ini{font-size:18px}
#home .lz-greet.compact h1{font-size:21px}
#home .lz-greet.compact p{margin:2px 0 0;font-size:13.5px}
#home .lz-grid.compact{max-width:1200px;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
#home .lz-grid.compact .lz-tile{min-height:0;padding:12px 14px;flex-direction:row;align-items:center;justify-content:flex-start;gap:10px}
#home .lz-grid.compact .lz-ic{width:34px;height:34px;margin:0;border-radius:10px} #home .lz-grid.compact .lz-ic svg{width:18px;height:18px}
#home .lz-grid.compact .lz-name{font-size:13.5px} #home .lz-grid.compact .lz-sub{font-size:11.5px}
#home .lz-grid.compact .lz-badge{top:8px;right:8px;min-width:20px;height:20px;font-size:11px}
@media (max-width:1000px){#home .lz-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr))}}
#home .lz-mine{max-width:1200px}
@media (prefers-reduced-motion:reduce){.lv-halo,.lv-spin,.lv-pulse,.lv-burst,.lv-ecg-p,.live-tk li{animation:none}}

#home .lz-greet.compact{justify-content:center}
#home .lz-greet.compact > div{text-align:left}
.live-badge.replay{color:var(--warn);background:var(--warn-soft)}
.lv-replay{font-size:12px;color:var(--accent)} .lv-replay:hover{color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent)}
/* menu: procurar + definições por cima da foto */
.foot-acoes{display:flex;gap:8px;align-items:stretch} .foot-acoes .nav-busca{margin-top:0;flex:1;min-width:0}
.foot-cfg{display:flex;align-items:center;justify-content:center;width:40px;flex:none;border:1px solid var(--line);border-radius:10px;background:var(--card);color:var(--muted)}
.foot-cfg svg{width:18px;height:18px} .foot-cfg:hover{color:var(--ink);border-color:var(--muted)} .foot-cfg.on{color:var(--accent);border-color:var(--accent)}
/* definições */
.cfg-me{display:flex;align-items:center;gap:14px;flex-wrap:wrap} .cfg-me b{font-size:16px} .cfg-me .badge{margin-top:6px;display:inline-block}
.cfg-l{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid var(--line);font-size:13.5px} .cfg-l:last-of-type{border-bottom:0}
.cfg-l span{color:var(--muted)} .cfg-l b.ok{color:var(--accent)} .cfg-l b.off{color:var(--faint)}
.cfg-tema{max-width:260px} .cfg-cod{font-size:20px;font-weight:800;letter-spacing:2px;margin-top:8px;color:var(--ink)}

/* ---------- mapa ao vivo v2: ecrã todo, logos, automação em cada nó ---------- */
.lv-panel{max-width:none!important;padding:12px 14px 14px!important}
#home{padding-left:12px!important;padding-right:12px!important}
#home .lz-greet.compact,#home .lz-mine{max-width:none}
.live-top{gap:14px}
.live-ecg-mini{flex:1 1 220px;min-width:180px;max-width:420px;margin-left:auto}
.live-ecg-mini .lv-ecg{height:34px}
.live-top .live-k:first-of-type{margin-left:0}
.lv-sub{fill:var(--muted);font-size:12.5px;font-weight:500}
.lv-sub.novo{animation:subnovo 2.2s ease-out}
@keyframes subnovo{0%{fill:var(--accent)}100%{fill:var(--muted)}}
.lv-lbl{font-size:16px!important}
.lv-hub-t{font-size:22px!important}
.lv-hub-auto{fill:var(--ink);font-size:16px;font-weight:700;opacity:0;transition:opacity .25s}
.lv-hub-auto.on{opacity:1} .lv-hub-auto.erro{fill:var(--bad)}
.lv-ptxt{fill:var(--ink);font-size:13px;font-weight:700;paint-order:stroke;stroke:var(--card);stroke-width:4px;stroke-linejoin:round}
.lv-ini-b{fill:var(--card);stroke:var(--line)} .lv-ini{fill:var(--muted);font-weight:800;font-family:var(--font)}
.live-bottom3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:10px;border-top:1px solid var(--line);padding-top:10px}
@media (max-width:900px){.live-bottom3{grid-template-columns:minmax(0,1fr)}}
.live-tk.prox li .cd{font-variant-numeric:tabular-nums;font-weight:800;color:var(--blue);min-width:66px;flex:none}
.live-tk.prox li .cd.ja{color:var(--accent)}
.live-tk li.muted{font-size:12.5px}

.lv-quem{margin-left:auto;display:inline-flex;align-items:center;gap:5px;font-size:11.5px;color:var(--muted);flex:none;cursor:pointer;padding-left:8px}
.lv-quem .avatar{width:20px;height:20px} .lv-quem .avatar .ini{font-size:8px}
.lv-quem.none{color:var(--faint);font-style:italic;cursor:default}
.live-tk li{min-width:0} .live-tk li a{flex:0 1 auto}

.lv-quem{margin-left:0!important;padding-left:0!important;gap:6px!important;min-width:0}
.lv-quem span:not(.avatar):not(.ini){font-weight:700;color:var(--ink);font-size:12px}
.lv-quem .avatar{width:22px!important;height:22px!important}
.lv-quem.none .avatar{width:22px!important;height:22px!important}

.live-tk{max-height:none!important}

.live-bottom3.dois{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (max-width:900px){.live-bottom3.dois{grid-template-columns:minmax(0,1fr)}}
.live-tk.correr li.agora{background:var(--blue-soft);border-radius:8px;padding:4px 6px;margin-bottom:3px}
.live-tk.correr li.agora .h{color:var(--blue);font-weight:800}
.live-tk.correr:empty{display:none}

.live-bottom3.dois{grid-template-columns:repeat(2,minmax(0,560px));justify-content:center;column-gap:56px}
.live-bottom3.dois .live-cap{text-align:left}
@media (max-width:900px){.live-bottom3.dois{grid-template-columns:minmax(0,560px)}}

.live-bottom3.tres{grid-template-columns:repeat(3,minmax(0,480px));justify-content:center;column-gap:44px}
@media (max-width:1200px){.live-bottom3.tres{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:900px){.live-bottom3.tres{grid-template-columns:minmax(0,1fr)}}
.live-cap.bad a{color:var(--bad);text-decoration:none} .live-cap.bad a:hover{text-decoration:underline}
.live-tk.falhas li.falha{margin-top:4px}
.live-tk.falhas li.falha-m{display:block;color:var(--muted);font-size:11.5px;padding:0 0 4px 62px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;animation:none}
.lv-nf{flex:none;font-size:11px;font-weight:800;color:var(--bad);background:var(--bad-soft);border-radius:6px;padding:1px 6px}
.lv-trat{flex:none;font-size:11px;font-weight:700;color:var(--blue);background:var(--blue-soft);border-radius:6px;padding:1px 6px}

/* ---------- navegação simplificada ---------- */
.subtabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin:-6px 0 18px;overflow-x:auto}
.subtabs a{padding:10px 14px;font-weight:700;font-size:14px;color:var(--muted);text-decoration:none;border-bottom:2px solid transparent;white-space:nowrap}
.subtabs a:hover{color:var(--ink)} .subtabs a.on{color:var(--ink);border-bottom-color:var(--accent)}
.nav-busca{display:flex;align-items:center;gap:10px;width:100%;margin-top:10px;padding:9px 10px;border:1px solid var(--line);border-radius:10px;color:var(--muted);font-size:13.5px;font-weight:600;background:var(--card)}
.nav-busca svg{width:16px;height:16px} .nav-busca kbd{margin-left:auto}
.nav-busca:hover{color:var(--ink);border-color:var(--muted)}
kbd{font-family:var(--mono);font-size:10.5px;color:var(--faint);border:1px solid var(--line);border-bottom-width:2px;border-radius:5px;padding:1px 5px;background:var(--card-2)}
details.info{margin-bottom:12px;font-size:13px;color:var(--muted)}
details.info summary{cursor:pointer;display:inline-block;color:var(--faint);font-weight:600;font-size:12.5px;list-style:none}
details.info summary::-webkit-details-marker{display:none}
details.info summary:hover{color:var(--ink)}
details.info[open] > div{margin-top:8px;background:var(--card-2);border:1px solid var(--line);border-radius:10px;padding:10px 12px;line-height:1.5}
details.info b{color:var(--ink)}
/* início: o menu abre por cima do mapa */
body.home .app{display:block}
body.home .main{display:none}
body.home .side{transform:translateX(-100%);box-shadow:none}
body.home.menu .side{transform:none;box-shadow:0 0 60px rgba(0,0,0,.5)}
body.home.menu .scrim{display:block;position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:25}
.lz-att{width:100%;margin-top:6px}
.lz-att-g{display:grid;grid-template-columns:repeat(auto-fill,minmax(420px,1fr));gap:0 12px}
@media (max-width:700px){.lz-att-g{grid-template-columns:minmax(0,1fr)}}
/* pesquisa rápida */
.cmdk-bg{align-items:flex-start;padding-top:12vh;z-index:95}
.cmdk{width:640px;max-width:100%;background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:0 30px 80px rgba(0,0,0,.55);overflow:hidden}
.cmdk-in{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--line)}
.cmdk-in svg{width:18px;height:18px;color:var(--muted)} .cmdk-in input{flex:1;background:none;border:0;outline:none;font-size:16px}
/* botão ✨ */
.fab-claude{position:fixed;right:20px;bottom:20px;z-index:40;display:none;align-items:center;gap:8px;padding:11px 16px 11px 13px;border-radius:999px;background:var(--accent);color:var(--accent-ink);font-weight:800;font-size:14px;text-decoration:none;box-shadow:0 10px 30px rgba(0,0,0,.35)}
.fab-claude svg{width:18px;height:18px} .fab-claude:hover{background:var(--accent-dim)}
body:not(.locked) .fab-claude{display:inline-flex}
/* contadores ao vivo por baixo da saudação */
.lz-greet p.lz-kpis{display:flex;flex-wrap:wrap;gap:6px 18px;align-items:baseline;margin-top:6px}
.lz-greet p.lz-kpis .live-k b{font-size:17px}

/* chat lateral do Sargento N8 */
.chat{position:fixed;top:0;right:0;bottom:0;z-index:45;width:min(420px,100vw);display:flex;flex-direction:column;background:var(--bg);border-left:1px solid var(--line);box-shadow:-20px 0 50px rgba(0,0,0,.4);transform:translateX(105%);transition:transform .22s ease}
body.chat-on .chat{transform:none} body.locked .chat{display:none}
body.chat-on .fab-claude{opacity:0;pointer-events:none}
.chat-h{display:flex;align-items:center;gap:10px;padding:14px 14px 12px;border-bottom:1px solid var(--line)}
.chat-h > div{flex:1;min-width:0} .chat-h b{display:block;font-size:15px} .chat-h small{color:var(--faint);font-size:12px}
.chat-x{display:flex;padding:6px;border-radius:8px;color:var(--muted)} .chat-x svg{width:18px;height:18px}
.chat-l{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:10px}
.msg{max-width:88%;padding:10px 12px;border-radius:14px;font-size:13.5px;line-height:1.5;overflow-wrap:anywhere}
.msg.eu{align-self:flex-end;background:var(--accent);color:var(--accent-ink);border-bottom-right-radius:4px;font-weight:600}
.msg.bot{align-self:flex-start;background:var(--card);border:1px solid var(--line);border-bottom-left-radius:4px}
.msg.bot p{margin:0 0 6px} .msg.bot p:last-child{margin:0} .msg.bot ul{margin:4px 0;padding-left:18px}
.msg.erro{border-color:var(--bad);color:var(--bad)} .msg.a-pensar{display:flex;align-items:center;gap:8px;color:var(--muted)}
.chat-sug{flex-direction:column;align-items:flex-start} .chat-sug .fchip{text-align:left}
.chat-f{display:flex;gap:8px;padding:12px;border-top:1px solid var(--line)} .chat-f textarea{min-height:42px;max-height:140px;resize:none}
.chat-f .btn{padding:0 14px} .chat-f .btn svg{width:18px;height:18px}

.lz-greet p.lz-kpis .lz-ver{color:var(--accent);font-weight:700;font-size:14px}

/* AO VIVO: etiqueta cheia (como na TV), para não se confundir com as falhas, que são contorno */
.live-badge{color:#fff;background:#e5342a;animation:lvPulso 1.6s infinite} .live-badge .dot{background:#fff;animation:lvPisca 1s infinite}
@keyframes lvPisca{50%{opacity:.25}} @keyframes lvPulso{0%{box-shadow:0 0 0 0 rgba(229,52,42,.55)}70%{box-shadow:0 0 0 8px rgba(229,52,42,0)}100%{box-shadow:0 0 0 0 rgba(229,52,42,0)}}
.live-badge.replay{animation:none} .live-badge.replay .dot{animation:none;background:var(--warn)}
@media (prefers-reduced-motion:reduce){.live-badge,.live-badge .dot{animation:none}}
.resumo-auto{margin-bottom:16px} .resumo-auto p{margin:0 0 6px;font-size:14.5px;line-height:1.55} .resumo-auto p:last-child{margin:0}

/* explicação dos erros */
.erro-x{margin-top:8px;font-size:13px;color:var(--ink)}
.erro-x summary{display:flex;align-items:center;gap:8px;flex-wrap:wrap;cursor:pointer;list-style:none} .erro-x summary::-webkit-details-marker{display:none}
.erro-ver{margin-left:auto;color:var(--accent);font-weight:700;font-size:12.5px} .erro-x[open] .erro-ver{color:var(--muted)}
.erro-b{margin-top:8px;padding:10px 12px;border-radius:10px;background:var(--card-2);border:1px solid var(--line);line-height:1.5}
.erro-b p{margin:0 0 6px} .erro-b ol{margin:4px 0 0;padding-left:20px} .erro-b li{margin:2px 0}
.erro-tipo{display:inline-block;font-size:11px;font-weight:800;padding:2px 8px;border-radius:999px;background:var(--bad-soft);color:var(--bad);white-space:nowrap;vertical-align:1px}
.erro-tipo.t-limite,.erro-tipo.t-tempo,.erro-tipo.t-indisponivel,.erro-tipo.t-rede{background:var(--warn-soft);color:var(--warn)}
.erro-tipo.t-aviso_proprio{background:var(--blue-soft);color:var(--blue)}

/* ===== Automações em cartões ===== */
.abar{display:flex;gap:10px;align-items:center;margin-bottom:12px;flex-wrap:wrap}
.abar-q{flex:1 1 320px;display:flex;align-items:center;gap:10px;background:var(--input);border:1.5px solid var(--line);border-radius:12px;padding:0 14px;min-width:0}
.abar-q:focus-within{border-color:var(--accent)} .abar-q svg{width:18px;height:18px;color:var(--muted);flex:none}
.abar-q input{flex:1;min-width:0;background:none;border:0;outline:0;padding:12px 0;font-size:15px;color:var(--ink)}
.abar-n{background:var(--accent);color:var(--accent-ink);border-radius:999px;padding:0 7px;font-size:11px;margin-left:2px}
.seg{display:flex;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--card)}
.seg button{display:flex;align-items:center;padding:9px 11px;color:var(--muted)} .seg button svg{width:17px;height:17px}
.seg button.on{background:var(--card-2);color:var(--accent)}
#favanc[hidden]{display:none}
.agrupo{margin-bottom:26px} .agrupo-h{display:flex;align-items:center;gap:10px;margin:4px 2px 12px;flex-wrap:wrap}
.agrupo-h a{text-decoration:none;color:inherit} .agrupo-h h2{margin:0;font-size:17px;font-weight:800} .agrupo-h .n{color:var(--muted);font-size:13px;font-weight:600}
.agrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(265px,1fr));gap:14px}
.acard{position:relative;display:flex;flex-direction:column;gap:8px;min-width:0;padding:15px 16px 13px 19px;background:var(--card);border:1px solid var(--line);border-radius:14px;text-decoration:none;color:inherit;transition:transform .12s ease,border-color .12s ease,box-shadow .12s ease}
.acard::before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:4px;border-radius:0 4px 4px 0;background:var(--low)}
.acard:hover{transform:translateY(-2px);border-color:var(--muted);box-shadow:0 10px 28px rgba(0,0,0,.28)}
.acard.e-falha{border-color:color-mix(in srgb,var(--bad) 45%,var(--line))} .acard.e-falha::before{background:var(--bad)}
.acard.e-atencao::before{background:var(--warn)} .acard.e-operacional::before{background:var(--ok)} .acard.e-em_execucao::before{background:var(--blue)}
.acard.e-desativado{opacity:.62} .acard.e-desativado:hover{opacity:1}
.ac-top{display:flex;align-items:center;gap:6px;min-width:0}
.ac-pref{font-size:10.5px;font-weight:800;letter-spacing:.3px;padding:2px 7px;border-radius:6px;background:var(--card-2);color:var(--muted);white-space:nowrap}
.ac-logos{display:flex;gap:4px;margin-left:2px} .ac-logo{display:flex;width:22px;height:22px;border-radius:6px;background:var(--card-2);align-items:center;justify-content:center}
.ac-logo svg{width:15px;height:15px;overflow:visible}
.ac-est{margin-left:auto;display:flex;align-items:center;gap:5px;font-size:11.5px;font-weight:700;color:var(--muted);white-space:nowrap}
.acard h3{margin:0;font-size:15px;font-weight:800;line-height:1.3;overflow-wrap:anywhere}
.ac-res{margin:0;font-size:13px;line-height:1.45;color:var(--muted);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.ac-erro{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12px}
.ac-foot{margin-top:auto;padding-top:9px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12.5px}
.ac-quem{display:flex;align-items:center;gap:7px;min-width:0;font-weight:600} .ac-quem .avatar{width:24px;height:24px} .ac-quem .avatar .ini{font-size:9.5px}
.ac-t{display:flex;align-items:center;gap:5px;color:var(--muted);white-space:nowrap} .ac-t svg{width:13px;height:13px}
.ac-prox{color:var(--blue);margin-left:4px}
@media (max-width:600px){.agrid{grid-template-columns:1fr}}

/* notas técnicas do canvas */
.nota-c{border-top:1px solid var(--line);padding:10px 0}
.nota-c summary{display:flex;align-items:center;gap:10px;cursor:pointer;font-weight:800;font-size:14px;list-style:none;text-transform:none}
.nota-c summary::-webkit-details-marker{display:none}
.nota-c summary span{margin-left:auto;color:var(--accent);font-size:12.5px;font-weight:700} .nota-c[open] summary span{color:var(--muted)}
.nota-b{margin-top:8px;font-size:13.5px;line-height:1.55;color:var(--muted);max-width:820px}
.nota-b h4{margin:12px 0 4px;font-size:13.5px;color:var(--ink)} .nota-b p{margin:0 0 6px}
.nota-b ul{margin:4px 0 8px;padding-left:18px} .nota-b li{margin:3px 0} .nota-b b{color:var(--ink)}
.nota-b code{font-size:12px;background:var(--card-2);padding:1px 5px;border-radius:5px}
/* menu: procurar + definições com a mesma altura e o atalho numa linha só */
.foot-acoes{height:40px}
.foot-acoes .nav-busca{height:40px;padding:0 10px 0 12px;gap:9px;font-size:13.5px}
.foot-acoes .nav-busca kbd{white-space:nowrap;font-size:10.5px;line-height:1;padding:4px 6px;border-radius:6px;font-family:inherit;font-weight:700;letter-spacing:.2px;color:var(--faint);background:var(--card-2);border:1px solid var(--line)}
.foot-acoes .foot-cfg{height:40px;width:40px}
@media (hover:none){.foot-acoes .nav-busca kbd{display:none}}

/* ECG: varrimento tipo monitor de hospital */
.lv-ecg-base{fill:none;stroke:var(--accent);stroke-width:1.5;opacity:.16;stroke-linejoin:round}
.lv-ecg .lv-ecg-p{animation:none;filter:drop-shadow(0 0 6px var(--accent)) drop-shadow(0 0 2px #fff)}
.lv-ecg .lv-ecg-p.erro{fill:var(--bad);filter:drop-shadow(0 0 6px var(--bad))}
.foot-acoes .nav-busca kbd{color:var(--accent);background:#000;border-color:color-mix(in srgb,var(--accent) 45%,transparent)}

/* cada departamento numa secção com fundo e cor próprios */
.agrupo{--g:var(--accent);position:relative;padding:16px 18px 18px;border-radius:18px;border:1px solid color-mix(in srgb,var(--g) 22%,var(--line));
  background:linear-gradient(180deg,color-mix(in srgb,var(--g) 9%,transparent),color-mix(in srgb,var(--g) 3%,transparent) 140px),var(--bg)}
.agrupo-h{margin:0 0 14px}
.agrupo-c{width:10px;height:10px;border-radius:3px;background:var(--g);box-shadow:0 0 10px color-mix(in srgb,var(--g) 60%,transparent)}
.agrupo .acard{background:var(--card)}
@media (max-width:600px){.agrupo{padding:12px}}

/* minimizar secções */
.agrupo-t{margin-left:auto;display:flex;align-items:center;gap:6px;padding:6px 11px;border-radius:999px;border:1px solid color-mix(in srgb,var(--g) 30%,var(--line));color:var(--muted);font-size:12.5px;font-weight:700;background:var(--card)}
.agrupo-t:hover{color:var(--ink);border-color:var(--g)} .agrupo-t svg{width:15px;height:15px;transition:transform .15s ease;transform:rotate(180deg)}
.agrupo.fechado .agrupo-t svg{transform:none}
.agrupo.fechado{padding-bottom:16px} .agrupo.fechado .agrupo-h{margin-bottom:0} .agrupo.fechado .agrid{display:none}

/* ===== Histórico: resumo 24 h + linha do tempo ===== */
.rsum{display:grid;grid-template-columns:auto 1fr;gap:6px 24px;align-items:end;padding:18px 20px 12px;margin-bottom:16px;border-radius:18px;border:1px solid var(--line);
  background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 7%,transparent),transparent 120px),var(--card)}
.rsum-k{display:flex;gap:26px;grid-row:span 2;align-self:center}
.rsum-k div{display:flex;flex-direction:column} .rsum-k b{font-size:28px;font-weight:800;line-height:1;font-variant-numeric:tabular-nums}
.rsum-k span{font-size:12px;color:var(--muted);margin-top:5px} .rsum-k .ok b{color:var(--ok)} .rsum-k .bad b{color:var(--bad)}
.rsum-g{display:flex;align-items:flex-end;gap:3px;height:56px}
.rsum-g .rb{flex:1;height:100%;display:flex;align-items:flex-end} .rsum-g i{display:flex;flex-direction:column-reverse;width:100%;min-height:2px;border-radius:3px 3px 1px 1px;background:color-mix(in srgb,var(--ok) 70%,transparent);overflow:hidden}
.rsum-g b{display:block;width:100%;background:var(--bad)} .rsum-g .rb:hover i{background:var(--ok)}
.rsum-e{display:flex;justify-content:space-between;font-size:11px;color:var(--faint)}
@media (max-width:700px){.rsum{grid-template-columns:1fr}.rsum-k{grid-row:auto}}
.rchips .rsep{width:1px;height:22px;background:var(--line);margin:0 4px}
.rdia{margin-top:8px} .rdia h3{position:sticky;top:64px;z-index:2;display:inline-block;margin:10px 0 8px;padding:5px 12px;border-radius:999px;font-size:12.5px;font-weight:800;text-transform:capitalize;background:var(--card-2);border:1px solid var(--line)}
.tline{list-style:none;margin:0;padding:0;position:relative}
.tline::before{content:"";position:absolute;left:61px;top:0;bottom:0;width:2px;background:var(--line)}
.ev{position:relative;display:grid;grid-template-columns:48px 28px 1fr auto;gap:0 0;align-items:start;padding:7px 0}
.ev time{font-size:12.5px;font-weight:700;color:var(--muted);font-variant-numeric:tabular-nums;padding-top:12px;text-align:right;padding-right:6px}
.ev-no{position:relative;z-index:1;justify-self:center;margin-top:12px;width:14px;height:14px;border-radius:50%;background:var(--bg);border:3px solid var(--low);display:flex;align-items:center;justify-content:center}
.ev-no svg{width:10px;height:10px}
.ev:not(.r-ok):not(.r-bad):not(.r-blue):not(.r-warn) .ev-no{width:22px;height:22px;margin-top:8px;border-width:1px;border-color:var(--line);background:var(--card);color:var(--muted)}
.ev.r-ok .ev-no{border-color:var(--ok)} .ev.r-bad .ev-no{border-color:var(--bad);background:var(--bad);box-shadow:0 0 0 4px var(--bad-soft)} .ev.r-blue .ev-no{border-color:var(--blue)} .ev.r-warn .ev-no{border-color:var(--warn)}
.ev-c{min-width:0;margin-left:8px;padding:10px 14px;border-radius:12px;background:var(--card);border:1px solid var(--line);transition:border-color .12s}
.ev:hover .ev-c{border-color:var(--muted)} .ev.r-bad .ev-c{border-color:color-mix(in srgb,var(--bad) 40%,var(--line));background:linear-gradient(90deg,var(--bad-soft),transparent 60%),var(--card)}
.ev-l1{display:flex;align-items:center;gap:7px;min-width:0}
.ev-n{font-weight:800;font-size:14px;color:var(--ink);text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0} a.ev-n:hover{text-decoration:underline}
.ev-l1 .ac-logos{margin-left:auto;flex:none}
.ev-l2{display:flex;align-items:center;gap:6px 14px;flex-wrap:wrap;margin-top:5px;font-size:12px;color:var(--muted)}
.ev-res{font-weight:800} .r-ok .ev-res{color:var(--ok)} .r-bad .ev-res{color:var(--bad)} .r-blue .ev-res{color:var(--blue)} .r-warn .ev-res{color:var(--warn)}
.ev-m{display:inline-flex;align-items:center;gap:4px} .ev-m svg{width:12px;height:12px}
.ev-dep{display:inline-flex;align-items:center;gap:6px} .ev-dep::before{content:"";width:8px;height:8px;border-radius:2px;background:var(--g)}
.ev-msg{margin-top:7px;font-size:12.5px;line-height:1.45;color:var(--ink);overflow-wrap:anywhere}
.ev-x{align-self:center;margin-left:10px;display:inline-flex;align-items:center;gap:4px;font-family:var(--mono);font-size:11.5px;color:var(--faint);text-decoration:none;padding:5px 8px;border-radius:8px;border:1px solid transparent}
.ev-x svg{width:11px;height:11px} a.ev-x:hover{color:var(--accent);border-color:var(--line)}
@media (max-width:600px){.ev{grid-template-columns:40px 22px 1fr}.tline::before{left:50px}.ev-x{display:none}}

/* ===== Pulso das execuções ===== */
.kgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:16px}
.ktile{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:16px;border:1px solid var(--line);background:var(--card)}
.ktile b{display:block;font-size:26px;font-weight:800;line-height:1.05;font-variant-numeric:tabular-nums}
.ktile span{display:block;font-size:12px;color:var(--muted);margin-top:4px}
.ktile.ok{background:linear-gradient(135deg,color-mix(in srgb,var(--ok) 12%,transparent),transparent 70%),var(--card)} .ktile.ok b{color:var(--ok)}
.ktile.bad{border-color:color-mix(in srgb,var(--bad) 40%,var(--line));background:linear-gradient(135deg,var(--bad-soft),transparent 70%),var(--card)} .ktile.bad b{color:var(--bad)}
.kanel{width:52px;height:52px;flex:none} .kanel-f{fill:none;stroke:var(--card-2);stroke-width:6} .kanel-v{fill:none;stroke:var(--ok);stroke-width:6;stroke-linecap:round;filter:drop-shadow(0 0 4px color-mix(in srgb,var(--ok) 60%,transparent))}
.gcard .gbar{width:100%;height:auto;display:block}
.gbar .gatual{fill:color-mix(in srgb,var(--ok) 9%,transparent)} .gbar .ax-on{fill:var(--ok);font-weight:800}
.gbar .gmedia{stroke:var(--warn);stroke-width:1.2;stroke-dasharray:5 4;opacity:.8} .gbar .gmedia-t{fill:var(--warn);font-size:10.5px;font-weight:700}
.gbar .grid{stroke:var(--line);stroke-width:1;opacity:.7}
.rank{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.rank li{position:relative;border-radius:10px;overflow:hidden;background:var(--card-2)}
.rank li a{position:relative;z-index:1;display:flex;align-items:center;gap:10px;padding:9px 12px;text-decoration:none;color:var(--ink);font-size:13px}
.rank li a:hover .rk-n{text-decoration:underline}
.rank .rk-n{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600} .rank .rk-v{font-weight:800;font-variant-numeric:tabular-nums}
.rank i{position:absolute;left:0;top:0;bottom:0;border-radius:10px} .rank i.ok{background:color-mix(in srgb,var(--ok) 22%,transparent)} .rank i.bad{background:color-mix(in srgb,var(--bad) 25%,transparent)}

/* ações nas automações (definições) */
.acoes-b{border-color:color-mix(in srgb,var(--warn) 30%,var(--line))}
.acoes-b select[size]{height:auto;padding:4px} .acoes-b select[size] option{padding:6px 8px;border-radius:6px}
.ac-info{font-size:13px;margin:4px 0 12px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.ac-btns{display:flex;gap:8px;flex-wrap:wrap} .ac-btns .btn svg{width:15px;height:15px}
.ac-btns .ac-del:not(:disabled){color:var(--bad);border-color:color-mix(in srgb,var(--bad) 40%,var(--line))}
.ac-arq{margin-top:14px;border-top:1px solid var(--line);padding-top:10px} .ac-arq summary{cursor:pointer;font-weight:700;font-size:13.5px}
.ac-arq-l{list-style:none;margin:8px 0 0;padding:0;max-height:260px;overflow:auto} .ac-arq-l li{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 0;border-bottom:1px solid var(--line);font-size:13px}
.btn-dan{background:var(--bad);color:#fff;border-color:var(--bad)}

/* contas da equipa */
.ct-l{list-style:none;margin:0;padding:0}
.ct{display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:"a t e" "a t b";gap:2px 12px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}
.ct:last-child{border-bottom:0} .ct .avatar{grid-area:a}
.ct-t{grid-area:t;min-width:0} .ct-t b{display:flex;align-items:center;gap:6px;font-size:14px} .ct-t span{display:block;font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ct-e{grid-area:e;justify-self:end;display:flex;align-items:center;gap:6px;font-size:12px} .ct-e.ok{color:var(--ok)}
.ct-b{grid-area:b;justify-self:end;display:flex;gap:4px;align-items:center} .ct-b .btn svg{width:13px;height:13px}
.ct-b .ct-del{color:var(--bad)}
@media (max-width:600px){.ct{grid-template-columns:auto 1fr;grid-template-areas:"a t" "e e" "b b"}.ct-e,.ct-b{justify-self:start}}

/* ===== Sugestões ===== */
.sug-hero{position:relative;overflow:hidden;padding:22px;border-radius:20px;margin-bottom:18px;border:1px solid color-mix(in srgb,var(--accent) 30%,var(--line));
  background:radial-gradient(600px 220px at 0% 0%,color-mix(in srgb,var(--accent) 16%,transparent),transparent 70%),radial-gradient(500px 200px at 100% 100%,color-mix(in srgb,#a78bfa 12%,transparent),transparent 70%),var(--card)}
.sug-hero-t{display:flex;gap:14px;align-items:flex-start;margin-bottom:16px}
.sug-ic{flex:none;display:flex;width:46px;height:46px;border-radius:14px;align-items:center;justify-content:center;background:var(--accent);color:var(--accent-ink);box-shadow:0 8px 24px color-mix(in srgb,var(--accent) 35%,transparent)}
.sug-ic svg{width:24px;height:24px} .sug-hero h2{margin:0;font-size:20px;font-weight:800} .sug-hero p{margin:4px 0 0;color:var(--muted);font-size:13.5px;max-width:640px}
.sug-form{display:flex;flex-direction:column;gap:10px}
.sug-cats{display:flex;gap:8px;flex-wrap:wrap}
.sug-cat input{position:absolute;opacity:0;pointer-events:none}
.sug-cat span{display:inline-flex;align-items:center;gap:7px;padding:8px 13px;border-radius:999px;border:1px solid var(--line);background:var(--card-2);font-size:13px;font-weight:700;color:var(--muted);cursor:pointer;transition:all .12s}
.sug-cat span svg{width:15px;height:15px;color:var(--c)}
.sug-cat input:checked + span{color:var(--ink);border-color:var(--c);background:color-mix(in srgb,var(--c) 14%,var(--card-2))}
.sug-cat input:focus-visible + span{outline:2px solid var(--c);outline-offset:2px}
.sug-tit{font-size:15.5px;font-weight:600;padding:12px 14px}
.sug-form textarea{min-height:70px}
.sug-f2{display:flex;gap:10px;flex-wrap:wrap} .sug-f2 select{flex:1 1 260px;width:auto}
.sug-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px;margin-top:4px}
.sug{display:flex;gap:12px;padding:14px;border-radius:16px;border:1px solid var(--line);background:linear-gradient(180deg,color-mix(in srgb,var(--c) 6%,transparent),transparent 90px),var(--card)}
.sug-voto{flex:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:48px;height:58px;border-radius:12px;border:1px solid var(--line);background:var(--card-2);color:var(--muted)}
.sug-voto svg{width:16px;height:16px} .sug-voto b{font-size:16px;color:var(--ink)}
.sug-voto:hover{border-color:var(--accent);color:var(--accent)} .sug-voto.on{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)} .sug-voto.on b{color:var(--accent-ink)}
.sug-c{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}
.sug-top{display:flex;align-items:center;justify-content:space-between;gap:8px}
.sug-tag{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:800;color:var(--c)} .sug-tag svg{width:13px;height:13px}
.sug h3{margin:0;font-size:15px;font-weight:800;line-height:1.3} .sug p{margin:0;font-size:13px;color:var(--muted);line-height:1.5;white-space:pre-line}
.sug-au{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--muted);text-decoration:none} .sug-au:hover{color:var(--ink)}
.sug-resp{font-size:12.5px;padding:8px 10px;border-radius:10px;background:var(--card-2);border-left:3px solid var(--accent)}
.sug-foot{margin-top:auto;padding-top:8px;display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted)} .sug-foot .avatar{width:22px;height:22px} .sug-foot .avatar .ini{font-size:9px}
.sug-foot .btn{margin-left:auto}
.sug-f2 select{min-width:0;max-width:100%;flex-basis:240px}

/* ===== Equipa ===== */
.eq-hero{display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:18px 20px;margin-bottom:18px;border-radius:18px;border:1px solid var(--line);
  background:radial-gradient(500px 180px at 0 0,color-mix(in srgb,var(--accent) 12%,transparent),transparent 70%),var(--card)}
.eq-hero-k{display:flex;gap:28px;align-items:center;flex-wrap:wrap}
.eq-hero-k>div:not(.eq-bar){display:flex;flex-direction:column} .eq-hero-k b{font-size:28px;font-weight:800;line-height:1} .eq-hero-k b small{font-size:15px;color:var(--muted);font-weight:700}
.eq-hero-k span{font-size:12px;color:var(--muted);margin-top:5px}
.eq-bar{width:220px} .eq-bar{position:relative;height:10px;border-radius:99px;background:var(--card-2);overflow:visible;margin-bottom:14px}
.eq-bar i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--accent),#5aa9e6)} .eq-bar span{position:absolute;top:15px;left:0;font-size:12px;color:var(--muted)}
.eq-cta{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:14px;text-decoration:none;color:var(--ink);background:var(--warn-soft);border:1px solid color-mix(in srgb,var(--warn) 40%,var(--line))}
.eq-cta svg{width:18px;height:18px;color:var(--warn);flex:none} .eq-cta span{display:flex;flex-direction:column;font-size:12px;color:var(--muted)} .eq-cta span b{font-size:14px;color:var(--ink)}
.eq-cta:hover{border-color:var(--warn)}
.eq-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}
.eq{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 16px 14px;border-radius:18px;border:1px solid var(--line);background:var(--card);text-decoration:none;color:inherit;overflow:hidden;transition:transform .14s,box-shadow .14s,border-color .14s}
.eq:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--c) 50%,var(--line));box-shadow:0 14px 34px rgba(0,0,0,.32)}
.eq-banner{align-self:stretch;margin:0 -16px;height:62px;background:linear-gradient(135deg,color-mix(in srgb,var(--c) 55%,transparent),color-mix(in srgb,var(--c) 12%,transparent)),var(--card-2)}
.eq .avatar{margin-top:-42px;width:84px;height:84px;box-shadow:0 0 0 4px var(--card),0 0 0 6px color-mix(in srgb,var(--c) 60%,transparent)}
.eq-nome{margin-top:10px;font-size:16px;font-weight:800} .eq-funcao{margin-top:5px;font-size:12px;font-weight:700;padding:3px 10px;border-radius:99px;color:var(--c);background:color-mix(in srgb,var(--c) 13%,transparent)}
.eq-mail{margin-top:6px;font-size:11.5px;color:var(--faint);font-family:var(--mono)}
.eq-st{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;width:100%;margin-top:14px}
.eq-st div{padding:8px 4px;border-radius:12px;background:var(--card-2)} .eq-st b{display:block;font-size:18px;font-weight:800} .eq-st span{font-size:11px;color:var(--muted)}
.eq-saude{display:flex;gap:2px;width:100%;height:6px;margin-top:12px;border-radius:99px;overflow:hidden;background:var(--card-2)}
.eq-saude i{display:block} .eq-saude .ok{background:var(--ok)} .eq-saude .at{background:var(--warn)} .eq-saude .f{background:var(--bad)} .eq-saude .o{background:var(--low)}
.eq-foot{display:flex;justify-content:space-between;align-items:center;width:100%;margin-top:12px;font-size:12px}
.eq-al{display:inline-flex;align-items:center;gap:6px;font-weight:700} .eq-al.bad{color:var(--bad)} .eq-al.warn{color:var(--warn)} .eq-al.ok{color:var(--ok)}
.eq-ver{display:inline-flex;align-items:center;gap:4px;color:var(--muted);font-weight:700} .eq-ver svg{width:13px;height:13px} .eq:hover .eq-ver{color:var(--c)}

/* ===== estilo comum: indicadores ===== */
.ktile.warn{border-color:color-mix(in srgb,var(--warn) 40%,var(--line));background:linear-gradient(135deg,var(--warn-soft),transparent 70%),var(--card)} .ktile.warn b{color:var(--warn)}
.ktile.blue{border-color:color-mix(in srgb,var(--blue) 40%,var(--line));background:linear-gradient(135deg,var(--blue-soft),transparent 70%),var(--card)} .ktile.blue b{color:var(--blue)}
.kanel-t{font-size:12px;font-weight:800;fill:var(--ink)}
/* ===== Departamentos ===== */
.dp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}
.dp{display:flex;flex-direction:column;gap:10px;padding:18px;border-radius:18px;text-decoration:none;color:inherit;border:1px solid color-mix(in srgb,var(--g) 25%,var(--line));
  background:linear-gradient(160deg,color-mix(in srgb,var(--g) 11%,transparent),transparent 55%),var(--card);transition:transform .14s,box-shadow .14s,border-color .14s}
.dp:hover{transform:translateY(-3px);border-color:var(--g);box-shadow:0 14px 34px rgba(0,0,0,.3)}
.dp-top{display:flex;align-items:center;gap:12px}
.dp-ic{flex:none;display:flex;width:42px;height:42px;border-radius:13px;align-items:center;justify-content:center;background:color-mix(in srgb,var(--g) 20%,transparent);color:var(--g)} .dp-ic svg{width:21px;height:21px}
.dp-t{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:5px} .dp-t b{font-size:16px;font-weight:800;line-height:1.25}
.dp .kanel{width:50px;height:50px}
.dp p{margin:0;font-size:13px;color:var(--muted);line-height:1.5}
.dp-st{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.dp-st div{padding:8px 4px;border-radius:11px;background:var(--card-2);text-align:center} .dp-st b{display:block;font-size:17px;font-weight:800} .dp-st span{font-size:10.5px;color:var(--muted)}
.dp-st .bad b{color:var(--bad)} .dp-st .warn b{color:var(--warn)}
.dp-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12.5px;margin-top:auto;padding-top:8px;border-top:1px solid var(--line)}
.dp-sem{font-size:11.5px;color:var(--warn);font-weight:700}
/* ===== Tarefas ===== */
.tk-bar{align-items:center} .tk-nova{margin-left:auto;padding:11px 18px;box-shadow:0 8px 22px color-mix(in srgb,var(--accent) 30%,transparent)}
.tk-urg{margin-bottom:18px;border-color:color-mix(in srgb,var(--bad) 40%,var(--line));background:linear-gradient(135deg,var(--bad-soft),transparent 60%),var(--card)}
.tk-urg-ic{display:flex;width:30px;height:30px;border-radius:9px;align-items:center;justify-content:center;background:var(--bad);color:#fff} .tk-urg-ic svg{width:16px;height:16px}
.kanban{gap:14px}
.kcol{--k:var(--muted);border-radius:16px;padding:12px;background:linear-gradient(180deg,color-mix(in srgb,var(--k) 9%,transparent),transparent 120px),var(--card);border:1px solid var(--line)}
.kcol.k-por_fazer{--k:#94a3b8} .kcol.k-em_curso{--k:var(--blue)} .kcol.k-bloqueada{--k:var(--warn)} .kcol.k-concluida{--k:var(--ok)}
.kcol h3{display:flex;align-items:center;gap:8px;text-transform:none;letter-spacing:0;font-size:14px;color:var(--ink);margin:2px 2px 12px}
.kcol h3 i{width:9px;height:9px;border-radius:50%;background:var(--k);box-shadow:0 0 8px var(--k)} .kcol h3 b{margin-left:auto;font-size:12px;padding:2px 9px;border-radius:99px;background:color-mix(in srgb,var(--k) 18%,transparent);color:var(--k)}
.kvazio{display:flex;flex-direction:column;align-items:center;gap:6px;padding:22px 10px;border:1.5px dashed var(--line);border-radius:12px;color:var(--faint);font-size:12px} .kvazio svg{width:18px;height:18px}
.task{border-radius:12px;border:1px solid var(--line);background:var(--card-2);border-left:4px solid var(--low);transition:transform .12s,border-color .12s}
.task:hover{transform:translateY(-2px);border-color:var(--muted)}
.task.p-critica{border-left-color:var(--bad)} .task.p-alta{border-left-color:var(--warn)} .task.p-media{border-left-color:var(--blue)} .task.p-baixa{border-left-color:var(--ok)}
.task .tt{font-weight:800;font-size:13.5px;line-height:1.35}
/* ===== Serviços ===== */
.sv-h{display:flex;align-items:center;gap:9px;font-size:16px;margin:22px 0 12px} .sv-h svg{width:18px;height:18px;color:var(--accent)}
.sv .h{align-items:center;gap:10px}
.sv-logo{flex:none;display:flex;width:36px;height:36px;border-radius:11px;align-items:center;justify-content:center;background:var(--card-2);border:1px solid var(--line)} .sv-logo svg{width:22px;height:22px;overflow:visible}
.sv .h b{flex:1;min-width:0}
.sv{border-top:3px solid var(--low)} .sv.sv-saudavel{border-top-color:var(--ok)} .sv.sv-falha,.sv.sv-indisponivel,.sv.sv-erro{border-top-color:var(--bad)} .sv.sv-nao_verificado{border-top-color:var(--line)}
/* ===== Documentação ===== */
.dc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px;margin-top:6px}
.dc{display:flex;align-items:center;gap:14px;padding:14px;border-radius:14px;border:1px solid var(--line);background:var(--card);text-decoration:none;color:inherit;border-left:4px solid var(--g);transition:transform .12s,border-color .12s}
.dc:hover{transform:translateY(-2px);border-color:var(--muted)} .dc .kanel{width:54px;height:54px}
.dc-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px} .dc-t b{font-size:13.5px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dc-t span{font-size:11.5px;color:var(--muted)} .dc-f{font-weight:700}

/* corrigir no cartão do incidente */
.inc-fix{margin-top:12px} .inc-fix .box.claude{margin:0;background:var(--card-2)}
.inc-fix-f{display:flex;justify-content:flex-end;gap:6px;margin-top:8px}
.inc-fix-b{color:var(--accent)}

.inc-sw{margin-left:auto} .sw.sw-sm{transform:scale(.88);transform-origin:right center}

/* ===== Início: colunas A acontecer / A seguir / Falhas ===== */
.live-bottom3.tres{border-top:0;padding-top:4px;margin-top:16px;column-gap:16px;row-gap:16px;grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:1200px){.live-bottom3.tres{grid-template-columns:repeat(2,minmax(0,1fr))}} @media (max-width:900px){.live-bottom3.tres{grid-template-columns:minmax(0,1fr)}}
.lcol{--c:var(--ok);min-width:0;padding:14px;border-radius:16px;border:1px solid color-mix(in srgb,var(--c) 22%,var(--line));background:linear-gradient(180deg,color-mix(in srgb,var(--c) 8%,transparent),transparent 110px),var(--card)}
.lcol.c-blue{--c:var(--blue)} .lcol.c-bad{--c:var(--bad)}
.lcol .live-cap{display:flex;align-items:center;gap:9px;text-transform:none;letter-spacing:0;font-size:14.5px;font-weight:800;color:var(--ink);margin:0 0 10px}
.lcol .live-cap a{color:var(--ink)!important}
.lc-ic{display:flex;width:28px;height:28px;border-radius:9px;align-items:center;justify-content:center;background:color-mix(in srgb,var(--c) 18%,transparent);color:var(--c)} .lc-ic svg{width:15px;height:15px}
.lc-s{margin-left:auto;font-size:11px;font-weight:700;color:var(--faint)}
.lcol .live-tk li{padding:7px 9px;border-radius:10px;margin-bottom:4px;background:var(--card-2);border:1px solid transparent;transition:border-color .12s}
.lcol .live-tk li:hover{border-color:color-mix(in srgb,var(--c) 45%,var(--line))}
.lcol .live-tk li.muted{background:none;justify-content:center;color:var(--faint);padding:18px 0}
.lcol .live-tk li .h{width:38px;font-size:12px}
.lcol .live-tk li a{color:var(--ink)}
.lcol .live-tk.prox li .cd{min-width:62px;padding:2px 7px;border-radius:7px;background:var(--blue-soft);text-align:center;font-size:11.5px}
.lcol .live-tk.prox li .cd.ja{background:color-mix(in srgb,var(--accent) 15%,transparent)}
.lcol .live-tk.falhas li.falha{margin:6px 0 0;border-radius:10px 10px 0 0;background:color-mix(in srgb,var(--bad) 8%,var(--card-2));border-color:transparent}
.lcol .live-tk.falhas li.falha-m{margin:0 0 4px;padding:0 9px 8px 56px;border-radius:0 0 10px 10px;background:color-mix(in srgb,var(--bad) 8%,var(--card-2))}
.lcol .live-tk.falhas li.falha:hover{border-color:transparent}
.lcol .live-tk.correr li.agora{background:var(--blue-soft)}

/* legenda do mapa centrada */
.live-leg{justify-content:center;text-align:center}
/* ===== Início: saudação ===== */
#home .lz-greet.compact{gap:18px;padding:18px 22px;border-radius:20px;border:1px solid color-mix(in srgb,var(--accent) 22%,var(--line));
  background:radial-gradient(520px 160px at 0 0,color-mix(in srgb,var(--accent) 14%,transparent),transparent 70%),radial-gradient(420px 160px at 100% 100%,color-mix(in srgb,#5aa9e6 10%,transparent),transparent 70%),var(--card)}
#home .lz-greet.compact .avatar{width:64px;height:64px;border-width:0;box-shadow:0 0 0 3px var(--card),0 0 0 5px var(--accent),0 8px 26px color-mix(in srgb,var(--accent) 35%,transparent)}
#home .lz-greet.compact h1{font-size:24px}
.lz-greet p.lz-kpis{gap:8px;margin-top:10px;align-items:center}
.lz-greet p.lz-kpis .live-k{--k:var(--ok);display:inline-flex;align-items:center;gap:7px;padding:6px 12px 6px 9px;border-radius:999px;font-size:12.5px;color:var(--muted);text-decoration:none;
  background:color-mix(in srgb,var(--k) 10%,var(--card-2));border:1px solid color-mix(in srgb,var(--k) 28%,transparent)}
.lz-greet p.lz-kpis .live-k svg{width:14px;height:14px;color:var(--k)}
.lz-greet p.lz-kpis .live-k b{font-size:15px;margin:0;color:var(--ink)}
.lz-greet p.lz-kpis .gk-blue{--k:var(--blue)} .lz-greet p.lz-kpis .gk-bad{--k:var(--bad)} .lz-greet p.lz-kpis .gk-bad b{color:var(--bad)} .lz-greet p.lz-kpis .gk-warn{--k:var(--warn)} .lz-greet p.lz-kpis .gk-warn b{color:var(--warn)}
.lz-greet p.lz-kpis a.live-k:hover{border-color:var(--k)}
.lz-greet p.lz-kpis .lz-ver{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;border-radius:999px;background:var(--accent);color:var(--accent-ink);font-size:12.5px;font-weight:800;text-decoration:none}
.lz-greet p.lz-kpis .lz-ver svg{width:13px;height:13px}

/* ===== Dependências e fluxos ===== */
.fx-head{padding:18px 20px;margin-bottom:16px;border-radius:18px;border:1px solid color-mix(in srgb,var(--g) 30%,var(--line));background:linear-gradient(160deg,color-mix(in srgb,var(--g) 12%,transparent),transparent 60%),var(--card)}
.fx-h1{display:flex;gap:14px;align-items:flex-start;justify-content:space-between;flex-wrap:wrap}
.fx-t{min-width:0;flex:1} .fx-dep{font-size:11.5px;font-weight:800;color:var(--g);text-transform:uppercase;letter-spacing:.4px}
.fx-t h2{margin:4px 0 8px;font-size:20px;font-weight:800;overflow-wrap:anywhere} .fx-tags{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.fx-res{margin:12px 0 0;color:var(--muted);font-size:13.5px;line-height:1.55;max-width:900px}
.fx-st{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:14px}
.fx-st div{padding:10px;border-radius:12px;background:var(--card-2);text-align:center;min-width:0} .fx-st b{display:block;font-size:16px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .fx-st span{font-size:11px;color:var(--muted)}
@media (max-width:700px){.fx-st{grid-template-columns:repeat(2,1fr)}}
.fx-diag{margin-bottom:6px}
.fx-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:14px}
.fx-sub{display:flex;flex-direction:column;gap:10px;padding:14px;border-radius:16px;border:1px solid var(--line);background:var(--card);text-decoration:none;color:inherit;transition:transform .12s,border-color .12s}
.fx-sub:hover{transform:translateY(-2px);border-color:var(--muted)} .fx-sub.e-falha{border-color:color-mix(in srgb,var(--bad) 45%,var(--line))}
.fx-sub-h{display:flex;gap:12px;align-items:center} .fx-sub-h>div{display:flex;flex-direction:column;align-items:flex-start;gap:5px;min-width:0} .fx-sub-h b{font-size:14px;font-weight:800;overflow-wrap:anywhere}
.fx-n{flex:none;display:flex;width:46px;height:46px;border-radius:14px;align-items:center;justify-content:center;font-size:19px;font-weight:800;background:color-mix(in srgb,var(--accent) 15%,transparent);color:var(--accent)}
.fx-chips{display:flex;flex-wrap:wrap;gap:6px 12px;font-size:11.5px;color:var(--muted)}
.fx-quem{list-style:none;margin:0;padding:8px 0 0;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:5px;font-size:12px;color:var(--muted)}
.fx-quem li{display:flex;align-items:center;gap:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* ===== Incidentes: cartões ===== */
.inc{position:relative;padding:16px 18px;margin-bottom:12px;border-radius:16px;border:1px solid color-mix(in srgb,var(--bad) 30%,var(--line));border-left:1px solid color-mix(in srgb,var(--bad) 30%,var(--line));
  background:linear-gradient(100deg,color-mix(in srgb,var(--bad) 9%,transparent),transparent 45%),var(--card)}
.inc::before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:4px;border-radius:0 4px 4px 0;background:var(--bad)}
.inc.em_tratamento{border-color:color-mix(in srgb,var(--blue) 30%,var(--line));background:linear-gradient(100deg,color-mix(in srgb,var(--blue) 9%,transparent),transparent 45%),var(--card)} .inc.em_tratamento::before{background:var(--blue)}
.inc.resolvido{border-color:var(--line);background:var(--card)} .inc.resolvido::before{background:var(--ok)}
.inc-h{align-items:flex-start;flex-wrap:nowrap;gap:12px}
.inc-ic{flex:none;display:flex;width:40px;height:40px;border-radius:12px;align-items:center;justify-content:center;background:var(--bad-soft);color:var(--bad)} .inc-ic svg{width:20px;height:20px}
.inc.em_tratamento .inc-ic{background:var(--blue-soft);color:var(--blue)}
.inc-tt{flex:1;min-width:0}
.inc-l1{display:flex;align-items:center;gap:8px;flex-wrap:wrap} .inc-l1 .nm{font-size:15.5px;color:var(--ink)}
.inc-meta{display:flex;align-items:center;gap:6px 14px;flex-wrap:wrap;margin-top:5px;font-size:12px;color:var(--muted)}
.inc-meta span{display:inline-flex;align-items:center;gap:4px} .inc-meta svg{width:12px;height:12px} .inc-meta .inc-n b{color:var(--bad);font-size:13px}
.inc-sw{flex:none}
.inc-err{display:flex;gap:10px;align-items:flex-start;margin:12px 0 8px;padding:10px 12px;border-radius:12px;background:var(--bg);border:1px solid var(--line);font-family:var(--mono);font-size:12px;line-height:1.5;color:var(--ink)}
.inc-passo{flex:none;display:inline-flex;align-items:center;gap:5px;padding:2px 8px;border-radius:7px;background:var(--card-2);color:var(--muted);font-family:inherit;font-size:11px;font-weight:700;white-space:nowrap}
.inc-passo svg{width:11px;height:11px} .inc-msg{overflow-wrap:anywhere}
.inc .erro-x{margin:4px 0 12px}
.inc-f{padding-top:12px;border-top:1px solid var(--line)}
.inc-quem{display:inline-flex;align-items:center;gap:9px} .inc-quem .avatar{width:30px;height:30px} .inc-quem span{display:flex;flex-direction:column;font-size:13px;color:var(--ink);font-weight:700}
.inc-quem small{font-size:10.5px;color:var(--faint);font-weight:700;text-transform:uppercase;letter-spacing:.4px}
.inc-grp{display:inline-flex;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--card-2)}
.inc-grp .btn{border:0;border-radius:0;background:transparent;color:var(--muted)} .inc-grp .btn+.btn{border-left:1px solid var(--line)}
.inc-grp .btn:hover{color:var(--ink);background:var(--card)} .inc-grp .btn svg{width:14px;height:14px}
.inc-grp .inc-fix-b{color:var(--accent)} .inc-grp .inc-fix-b:hover{color:var(--accent)}
@media (max-width:700px){.inc-h{flex-wrap:wrap}.inc-grp{flex-wrap:wrap}}
/* tarefas legíveis: o botão herdava a cor preta do browser */
.task{color:var(--ink);padding:12px 13px;font:inherit}
.task .tt{color:var(--ink);font-size:14px}
.task .tm{gap:8px;margin-top:9px}
.task .tm > span:last-child:not(.pessoa):not(.badge){display:block;width:100%;padding:5px 8px;border-radius:8px;background:var(--bg);color:var(--muted);font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tk-urg .grid{gap:10px}

/* ===== Serviços: cartões ===== */
.sv-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}
.sv2{--s:var(--line);display:flex;flex-direction:column;gap:11px;padding:16px;border-radius:18px;border:1px solid var(--line);background:linear-gradient(180deg,color-mix(in srgb,var(--s) 10%,transparent),transparent 90px),var(--card);position:relative;overflow:hidden}
.sv2::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--s)}
.sv2.sv-saudavel{--s:var(--ok)} .sv2.sv-atencao{--s:var(--warn)} .sv2-m{margin:6px 0 0;font-size:12.5px;line-height:1.45;color:var(--muted)} .sv2.sv-falha,.sv2.sv-indisponivel,.sv2.sv-erro{--s:var(--bad)} .sv2.sv-nao_verificado{--s:#64748b}
.sv2-h{display:flex;align-items:center;gap:11px} .sv2-h .sv-logo{width:42px;height:42px;border-radius:13px} .sv2-h .sv-logo svg{width:22px;height:22px}
.sv2-t{flex:1;min-width:0;display:flex;flex-direction:column} .sv2-t b{font-size:15px;font-weight:800;line-height:1.25} .sv2-t span{font-size:11px;font-weight:700;color:var(--faint);text-transform:uppercase;letter-spacing:.4px;margin-top:2px}
.sv2-d{margin:0;font-size:13px;color:var(--muted);line-height:1.5}
.sv2-st{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.sv2-st>*{padding:9px 6px;border-radius:12px;background:var(--card-2);text-align:center;text-decoration:none;color:inherit} .sv2-st a:hover{outline:1px solid var(--accent)}
.sv2-st b{display:block;font-size:18px;font-weight:800} .sv2-st b small{font-size:11px;color:var(--muted)} .sv2-st span{font-size:10.5px;color:var(--muted)} .sv2-st .bad b{color:var(--bad)}
.sv2-l{display:flex;flex-direction:column;gap:6px}
.sv-end,.sv-dep{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--muted);text-decoration:none;font-family:var(--mono);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sv-dep{font-family:inherit} .sv-end svg,.sv-dep svg{width:12px;height:12px;flex:none} a.sv-end:hover{color:var(--accent)} .sv-end.warn{color:var(--warn)}
.sv2-f{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding-top:10px;border-top:1px solid var(--line);font-size:12px}
.sv2-r{display:inline-flex;align-items:center;gap:7px;font-weight:700} .sv2-r .avatar{width:24px;height:24px} .sv2-h2{color:var(--faint);font-size:11.5px;text-align:right}
.sv2-n{display:flex;gap:7px;align-items:flex-start;font-size:12px;color:var(--warn);padding:8px 10px;border-radius:10px;background:var(--warn-soft)} .sv2-n svg{width:13px;height:13px;flex:none;margin-top:2px}
.sv2-b{margin-top:-4px}
/* serviços: cartão curto, detalhes ao abrir */
.sv2{gap:10px;padding:14px}
.sv2-mais{border-top:1px solid var(--line);padding-top:8px}
.sv2-mais summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;font-size:12.5px;font-weight:700;color:var(--accent)}
.sv2-mais summary::-webkit-details-marker{display:none} .sv2-mais summary::after{content:"▾";transition:transform .15s} .sv2-mais[open] summary::after{transform:rotate(180deg)}
.sv2-mais[open] summary{color:var(--muted);margin-bottom:10px}
.sv2-mais > *:not(summary){margin-top:10px} .sv2-mais .sv2-f{margin-top:12px}

/* colunas do Início: só 3 linhas, «Ver mais» abre o resto */
.lcol:not(.aberta) .live-tk.correr li:nth-child(n+4),
.lcol:not(.aberta) #lvTicker li:nth-child(n+4),
.lcol:not(.aberta) .live-tk.prox li:nth-child(n+4),
.lcol:not(.aberta) .live-tk.falhas li:nth-child(n+7){display:none}
.lcol:not(.aberta) .live-tk.correr:not(:empty) ~ #lvTicker li:nth-child(n+2){display:none}
.lc-mais{display:flex;align-items:center;justify-content:center;gap:5px;width:100%;margin-top:6px;padding:7px;border-radius:10px;border:1px dashed var(--line);background:none;color:var(--muted);font-size:12px;font-weight:700}
.lc-mais:hover{color:var(--ink);border-color:var(--c)} .lc-mais svg{width:14px;height:14px;transition:transform .15s} .lcol.aberta .lc-mais svg{transform:rotate(180deg)}
.lcol{align-self:start}

/* saudação: um só alerta (ou "tudo bem") + linha calma */
.lz-greet p.lz-kpis{gap:8px 16px}
.gk-alerta{display:inline-flex;align-items:center;gap:8px;padding:7px 14px 7px 11px;border-radius:999px;text-decoration:none;font-size:13px;color:var(--ink);font-weight:600;
  background:var(--bad-soft);border:1px solid color-mix(in srgb,var(--bad) 45%,transparent)}
.gk-alerta b{color:var(--bad);font-size:15px} .gk-alerta svg{width:15px;height:15px;color:var(--bad)} .gk-alerta svg:last-child{width:13px;height:13px;color:var(--muted)}
.gk-alerta:hover{border-color:var(--bad)} .gk-alerta:hover svg:last-child{color:var(--ink)}
.gk-tudo{display:inline-flex;align-items:center;padding:6px 12px;border-radius:999px;font-size:12.5px;font-weight:700;color:var(--ok);background:color-mix(in srgb,var(--ok) 10%,transparent);border:1px solid color-mix(in srgb,var(--ok) 25%,transparent)}
.gk-linha{font-size:12.5px;color:var(--faint)} .gk-linha b{color:var(--muted);font-weight:700}

/* incidentes minimizáveis */
.inc-min-b{flex:none;display:flex;width:32px;height:32px;border-radius:9px;align-items:center;justify-content:center;border:1px solid var(--line);background:var(--card-2);color:var(--muted)}
.inc-min-b:hover{color:var(--ink);border-color:var(--muted)} .inc-min-b svg{width:16px;height:16px;transform:rotate(180deg);transition:transform .15s}
.inc.min .inc-min-b svg{transform:none}
.inc-min-res{display:none}
.inc.min{padding-top:12px;padding-bottom:12px}
.inc.min .inc-err,.inc.min .erro-x,.inc.min .inc-f,.inc.min .inc-fix,.inc.min details.inc-n{display:none}
.inc.min .inc-min-res{display:flex;align-items:center;gap:10px;margin:8px 0 0 52px;font-size:12px;color:var(--muted);min-width:0}
.inc.min .inc-min-res .inc-msg{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}

/* ===== atribuir responsáveis uma a uma ===== */
button.eq-cta{font:inherit;cursor:pointer;text-align:left}
.wiz .wiz-card{width:min(760px,96vw);max-height:94vh;overflow:auto;padding:20px 22px}
.wiz-top{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.wiz-n{font-size:12.5px;font-weight:800;color:var(--muted);white-space:nowrap}
.wiz-prog{flex:1;height:6px;border-radius:99px;background:var(--card-2);overflow:hidden} .wiz-prog i{display:block;height:100%;background:linear-gradient(90deg,var(--accent),#5aa9e6);transition:width .25s}
.wiz-x{display:flex;padding:6px;border-radius:8px;color:var(--muted)} .wiz-x svg{width:18px;height:18px}
.wiz-a{padding:16px;border-radius:16px;border:1px solid color-mix(in srgb,var(--g) 30%,var(--line));background:linear-gradient(160deg,color-mix(in srgb,var(--g) 12%,transparent),transparent 60%),var(--card-2)}
.wiz-a h2{margin:4px 0 8px;font-size:19px;font-weight:800;overflow-wrap:anywhere} .wiz-a p{margin:10px 0 0;font-size:13.5px;color:var(--muted);line-height:1.55}
.wiz-q{margin:18px 0 10px;font-weight:800;font-size:15px}
.wiz-p{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:10px}
.wiz-pb{position:relative;display:flex;flex-direction:column;align-items:center;gap:5px;padding:12px 8px 10px;border-radius:14px;border:1px solid var(--line);background:var(--card-2);color:var(--ink);font:inherit;cursor:pointer;transition:transform .12s,border-color .12s,box-shadow .12s}
.wiz-pb:hover{transform:translateY(-2px);border-color:var(--accent);box-shadow:0 10px 24px rgba(0,0,0,.3)}
.wiz-pb b{font-size:13.5px} .wiz-pb span{font-size:10.5px;color:var(--muted);text-align:center;line-height:1.3;min-height:2.6em}
.wiz-pb kbd{position:absolute;top:6px;left:6px;font-size:10px}
.wiz-pb.sug{border-color:color-mix(in srgb,var(--warn) 50%,var(--line))} .wiz-pb em{position:absolute;top:6px;right:6px;font-style:normal;font-size:9.5px;font-weight:800;color:var(--warn)}
.wiz-outro{display:flex;gap:8px;margin-top:12px} .wiz-outro .input{flex:1}
.wiz-acts{display:flex;gap:8px;justify-content:space-between;flex-wrap:wrap;margin-top:16px} .wiz-acts .btn svg{width:14px;height:14px}
.wiz-dica{font-size:11.5px;margin-top:10px;text-align:center}
.wiz-fim{text-align:center;padding:24px 10px} .wiz-fim>svg{width:46px;height:46px;color:var(--accent)} .wiz-fim h2{margin:10px 0 4px} .wiz-fim p{color:var(--muted)} .wiz-fim .wiz-acts{justify-content:center}

/* fluxos: seletor em destaque + pesquisa compacta */
.fx-bar{display:flex;gap:12px;align-items:stretch;margin-bottom:16px;flex-wrap:wrap}
.fx-pick{position:relative;flex:1 1 420px;display:flex;align-items:center;gap:12px;padding:10px 16px 10px 12px;border-radius:16px;cursor:pointer;
  border:1px solid color-mix(in srgb,var(--g) 40%,var(--line));background:linear-gradient(120deg,color-mix(in srgb,var(--g) 14%,transparent),transparent 70%),var(--card);transition:border-color .12s,box-shadow .12s}
.fx-pick:hover,.fx-pick:focus-within{border-color:var(--g);box-shadow:0 0 0 3px color-mix(in srgb,var(--g) 18%,transparent)}
.fx-pick-ic{flex:none;display:flex;width:38px;height:38px;border-radius:12px;align-items:center;justify-content:center;background:color-mix(in srgb,var(--g) 22%,transparent);color:var(--g)} .fx-pick-ic svg{width:19px;height:19px}
.fx-pick-c{flex:1;min-width:0;display:flex;flex-direction:column}
.fx-pick-c small{font-size:10.5px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;color:var(--faint)}
.fx-pick select{appearance:none;-webkit-appearance:none;background:transparent;border:0;outline:0;color:var(--ink);font:inherit;font-size:15px;font-weight:800;padding:2px 0;cursor:pointer;width:100%;min-width:0;text-overflow:ellipsis}
.fx-pick select option{background:var(--card);color:var(--ink);font-weight:600}
.fx-pick>svg{flex:none;width:18px;height:18px;color:var(--muted);pointer-events:none}
.fx-q{flex:0 1 300px;display:flex;align-items:center;gap:9px;padding:0 12px;border-radius:16px;border:1px solid var(--line);background:var(--card-2)}
.fx-q:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 15%,transparent)}
.fx-q svg{width:16px;height:16px;color:var(--muted);flex:none} .fx-q input{flex:1;min-width:0;background:none;border:0;outline:0;color:var(--ink);font-size:14px;padding:12px 0}
.fx-q kbd{font-size:10px;color:var(--faint)}
@media (max-width:700px){.fx-q{flex-basis:100%}}

/* ===== Automações: barra de estado ===== */
.st-bar{margin:4px 0 18px}
.st-faixa{display:flex;gap:2px;height:6px;border-radius:99px;overflow:hidden;margin-bottom:10px;background:var(--card-2)} .st-faixa i{display:block}
.st-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.st-seg{display:flex;flex-wrap:wrap;gap:2px;padding:4px;border-radius:14px;background:var(--card);border:1px solid var(--line)}
.st-seg a{display:inline-flex;align-items:center;gap:7px;padding:7px 12px;border-radius:10px;text-decoration:none;color:var(--muted);font-size:13px;font-weight:700;transition:background .12s,color .12s}
.st-seg a i{width:8px;height:8px;border-radius:50%} .st-seg a b{font-size:11.5px;font-weight:800;color:var(--faint);font-variant-numeric:tabular-nums}
.st-seg a:hover{color:var(--ink);background:var(--card-2)}
.st-seg a.on{color:var(--ink);background:var(--card-2);box-shadow:inset 0 0 0 1px var(--line)} .st-seg a.on b{color:var(--ink)}
.st-minhas{margin-left:auto;display:inline-flex;align-items:center;gap:9px;text-decoration:none;color:var(--muted);font-size:13px;font-weight:700}
.st-minhas b{color:var(--faint);font-size:11.5px} .st-minhas:hover{color:var(--ink)}
.st-sw{width:34px;height:20px;border-radius:99px;background:var(--card-2);border:1px solid var(--line);position:relative;transition:background .15s}
.st-sw span{position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:var(--muted);transition:transform .15s,background .15s}
.st-minhas.on{color:var(--ink)} .st-minhas.on .st-sw{background:color-mix(in srgb,var(--accent) 30%,transparent);border-color:var(--accent)} .st-minhas.on .st-sw span{transform:translateX(14px);background:var(--accent)}

/* fluxo: ir ao passo que falhou */
.f-errgo{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;border:1px solid color-mix(in srgb,var(--bad) 50%,transparent);background:var(--bad-soft);color:var(--bad);font:inherit;font-size:12px;font-weight:800;cursor:pointer}
.f-errgo svg{width:13px;height:13px} .f-errgo:hover{background:var(--bad);color:#fff}
.fnode.err.pulsa .b{animation:errPulsa 1s ease-out 3}
@keyframes errPulsa{0%{filter:drop-shadow(0 0 0 var(--bad))}50%{filter:drop-shadow(0 0 14px var(--bad))}100%{filter:drop-shadow(0 0 0 var(--bad))}}

/* ===== Departamento (página) ===== */
.dp-hero{padding:20px 22px;border-radius:20px;margin-bottom:16px;border:1px solid color-mix(in srgb,var(--g) 30%,var(--line));
  background:radial-gradient(600px 220px at 0 0,color-mix(in srgb,var(--g) 16%,transparent),transparent 70%),var(--card)}
.dp-hero-t{display:flex;align-items:center;gap:14px} .dp-hero-t>div{flex:1;min-width:0}
.dp-hero .dp-ic{width:52px;height:52px;border-radius:16px} .dp-hero .dp-ic svg{width:26px;height:26px}
.dp-hero h2{margin:0 0 6px;font-size:24px;font-weight:800} .dp-hero .kanel{width:62px;height:62px}
.dp-hero p{margin:14px 0 0;color:var(--muted);font-size:14px;line-height:1.55;max-width:820px}
.dp-hero-f{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}
.dp-resp{display:flex;align-items:center;gap:10px} .dp-resp .avatar{width:44px;height:44px} .dp-resp span{display:flex;flex-direction:column}
.dp-resp small{font-size:10.5px;font-weight:800;letter-spacing:.4px;text-transform:uppercase;color:var(--faint)} .dp-resp b{font-size:15px}
.ktile b small{font-size:14px;color:var(--muted)}
.dp-meta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}
.dp-chip{display:inline-flex;align-items:center;gap:7px;padding:7px 12px;border-radius:999px;background:var(--card);border:1px solid var(--line);font-size:12.5px;color:var(--muted)}
.dp-chip svg{width:14px;height:14px} .dp-chip a{color:var(--ink)} .dp-chip .ac-logos{margin-left:2px} .dp-chip .ac-logo{text-decoration:none}
.dp-autos{margin-top:16px} .dp-autos .acard{background:var(--card-2)}

/* painel de filtros (Histórico) */
.fpanel{display:grid;grid-template-columns:minmax(260px,1.3fr) repeat(3,minmax(170px,1fr));gap:12px 14px;align-items:end;padding:16px;margin-bottom:14px;border-radius:16px;border:1px solid var(--line);
  background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 5%,transparent),transparent 80px),var(--card)}
.fpanel[hidden]{display:none}
@media (max-width:1100px){.fpanel{grid-template-columns:repeat(2,minmax(0,1fr))}} @media (max-width:600px){.fpanel{grid-template-columns:minmax(0,1fr)}}
.ff{display:flex;flex-direction:column;gap:6px;min-width:0}
.ff>span{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:800;letter-spacing:.4px;text-transform:uppercase;color:var(--faint)} .ff>span svg{width:13px;height:13px}
.ff .input{border-radius:11px;background:var(--card-2);border-color:var(--line);padding:9px 11px;font-size:13.5px;width:100%;min-width:0}
.ff .input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 15%,transparent);outline:0}
.ff input[type=date]{color-scheme:dark}
body.light .ff input[type=date]{color-scheme:light}
.ff-dates{display:flex;align-items:center;gap:8px} .ff-dates i{font-style:normal;font-size:12px;color:var(--faint)}
.ff-limpar{grid-column:1/-1;justify-self:end;display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700;color:var(--muted);text-decoration:none}
.ff-limpar svg{width:13px;height:13px} .ff-limpar:hover{color:var(--bad)}

/* Histórico: resultado e período como controlos segmentados */
.rseg{margin:0 0 14px} .st-seg .st-ic{width:14px;height:14px;color:var(--faint);margin:0 4px 0 8px;align-self:center}
.rseg-n{margin-left:auto;font-size:12.5px;font-weight:700;color:var(--muted);padding:6px 12px;border-radius:999px;background:var(--card);border:1px solid var(--line)}

/* incidentes resolvidos em cartões */
.rs-l{display:flex;flex-direction:column;gap:10px}
.rs{display:flex;align-items:center;gap:14px;padding:12px 14px;border-radius:14px;border:1px solid var(--line);background:linear-gradient(100deg,color-mix(in srgb,var(--ok) 7%,transparent),transparent 40%),var(--card-2)}
.rs-ic{flex:none;display:flex;width:34px;height:34px;border-radius:11px;align-items:center;justify-content:center;background:color-mix(in srgb,var(--ok) 15%,transparent);color:var(--ok)} .rs-ic svg{width:17px;height:17px}
.rs-t{flex:1;min-width:0}
.rs-l1{display:flex;align-items:center;gap:7px;min-width:0} .rs-l1 a{font-weight:800;font-size:14px;color:var(--ink);text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .rs-l1 a:hover{text-decoration:underline}
.rs-meta{display:flex;flex-wrap:wrap;gap:4px 14px;margin-top:4px;font-size:12px;color:var(--muted)} .rs-meta span{display:inline-flex;align-items:center;gap:4px} .rs-meta svg{width:12px;height:12px}
.rs-msg{margin-top:5px;font-size:12px;color:var(--faint);font-family:var(--mono);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rs-r{flex:none;display:flex;flex-direction:column;align-items:flex-end;gap:6px}
.rs-quem{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700} .rs-quem .avatar{width:22px;height:22px} .rs-quem.auto{color:var(--ok)} .rs-quem svg{width:13px;height:13px}
.rs-r .btn svg{width:13px;height:13px}
@media (max-width:600px){.rs{flex-wrap:wrap}.rs-r{flex-direction:row;width:100%;justify-content:space-between}}
/* barras de scroll discretas no tema escuro */
*{scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--muted) 45%,transparent) transparent}
::-webkit-scrollbar{width:10px;height:10px} ::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--muted) 40%,transparent);border-radius:99px;border:3px solid transparent;background-clip:padding-box}
::-webkit-scrollbar-thumb:hover{background-color:color-mix(in srgb,var(--muted) 70%,transparent)}
.fpanel-a{grid-template-columns:repeat(5,minmax(150px,1fr))}
@media (max-width:1100px){.fpanel-a{grid-template-columns:repeat(2,minmax(0,1fr))}} @media (max-width:600px){.fpanel-a{grid-template-columns:minmax(0,1fr)}}
.ff-tag{display:inline-flex;align-items:center;gap:7px;align-self:flex-start;padding:8px 12px;border-radius:11px;background:color-mix(in srgb,var(--accent) 14%,var(--card-2));border:1px solid color-mix(in srgb,var(--accent) 40%,transparent);color:var(--ink);font-size:13px;font-weight:700;text-decoration:none}
.ff-tag svg{width:13px;height:13px;color:var(--muted)} .ff-tag:hover svg{color:var(--bad)}

/* n8n do mapa como botão de atualizar */
.lv-hub-btn{cursor:pointer;outline:none} .lv-hub-btn .lv-hub{transition:stroke-width .15s,filter .15s}
.lv-hub-btn:hover .lv-hub,.lv-hub-btn:focus-visible .lv-hub{stroke-width:4;filter:drop-shadow(0 0 12px var(--accent))}
.lv-hub-r{font-size:10.5px;font-weight:800;fill:var(--accent);opacity:0;transition:opacity .15s} .lv-hub-btn:hover .lv-hub-r,.lv-hub-btn:focus-visible .lv-hub-r{opacity:.9}
.lv-hub-btn.a-ler .lv-hub{animation:hubLer 1s ease-in-out infinite} @keyframes hubLer{50%{filter:drop-shadow(0 0 18px var(--accent))}}

/* ===== Aprovações ===== */
.ap-hero{display:flex;gap:14px;align-items:flex-start;padding:20px;border-radius:18px;margin-bottom:16px;border:1px solid color-mix(in srgb,var(--warn) 30%,var(--line));
  background:radial-gradient(500px 180px at 0 0,color-mix(in srgb,var(--warn) 12%,transparent),transparent 70%),var(--card)}
.ap-hero h2{margin:0;font-size:19px} .ap-hero p{margin:5px 0 0;color:var(--muted);font-size:13.5px;max-width:760px}
.ap-l{display:flex;flex-direction:column;gap:14px}
.ap{padding:18px;border-radius:18px;border:1px solid var(--line);background:var(--card);transition:opacity .3s,transform .3s} .ap.feito{opacity:0;transform:translateX(20px)}
.ap-h{display:flex;gap:12px;align-items:flex-start;justify-content:space-between} .ap-t{min-width:0}
.ap-novo{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.4px;color:var(--warn)}
.ap h3{margin:4px 0 8px;font-size:17px;font-weight:800;overflow-wrap:anywhere}
.ap-res{margin:12px 0 14px;font-size:13.5px;color:var(--muted);line-height:1.55}
.ap-f{display:grid;grid-template-columns:minmax(220px,1fr) 2fr;gap:14px} @media (max-width:800px){.ap-f{grid-template-columns:1fr}}
.ap-p{display:flex;flex-wrap:wrap;gap:6px}
.ap-pb{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;padding:7px 8px;border-radius:12px;border:1px solid var(--line);background:var(--card-2);cursor:pointer;font-size:11.5px;font-weight:700;color:var(--muted);min-width:62px}
.ap-pb input{position:absolute;opacity:0;pointer-events:none} .ap-pb .avatar{width:32px;height:32px}
.ap-pb:hover{border-color:var(--muted)} .ap-pb:has(input:checked){border-color:var(--accent);color:var(--ink);background:color-mix(in srgb,var(--accent) 12%,var(--card-2))}
.ap-acts{display:flex;justify-content:flex-end;gap:10px;margin-top:14px}

.mine-row .mine-p{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--muted);margin-right:14px;white-space:nowrap} .mine-row .mine-p .avatar{width:20px;height:20px} .mine-row .mine-p .avatar .ini{font-size:8px}

/* seleção de recomendações */
.rec-bar{position:sticky;top:64px;z-index:3;display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:10px 14px;margin-bottom:12px;border-radius:12px;background:var(--card-2);border:1px solid var(--line)}
.rec-bar b{font-size:13px;margin-right:auto}
.rec-sel{position:relative;flex:none;display:inline-flex;cursor:pointer;align-self:flex-start;margin-top:2px}
.rec-sel input{position:absolute;opacity:0;width:0;height:0}
.rec-sel span{width:20px;height:20px;border-radius:6px;border:1.5px solid var(--muted);background:var(--card);display:flex;align-items:center;justify-content:center;transition:all .12s}
.rec-sel input:checked + span{background:var(--accent);border-color:var(--accent)} .rec-sel input:checked + span::after{content:"";width:5px;height:10px;border:solid var(--accent-ink);border-width:0 2.5px 2.5px 0;transform:rotate(45deg) translate(-1px,-1px)}
.rec-sel input:indeterminate + span{background:var(--accent);border-color:var(--accent)} .rec-sel input:indeterminate + span::after{content:"";width:10px;height:2.5px;background:var(--accent-ink)}
.rec-sel input:focus-visible + span{outline:2px solid var(--accent);outline-offset:2px}
.rec-bar .rec-sel{align-self:center;margin:0}
.rec{gap:12px} .rec.sel{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 6%,var(--card-2))}

/* kanban arrastável */
.kanban .task{cursor:grab} .kanban .task.drag{opacity:.45;cursor:grabbing}
.kcol.alvo{border-color:var(--k);box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--k) 45%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--k) 16%,transparent),transparent 160px),var(--card)}
/* estado da tarefa em botões */
.t-est{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:14px}
.t-est-b{--k:#94a3b8;position:relative;display:flex;align-items:center;justify-content:center;gap:7px;padding:9px 6px;border-radius:11px;border:1px solid var(--line);background:var(--card-2);font-size:12.5px;font-weight:700;color:var(--muted);cursor:pointer;text-align:center}
.t-est-b.k-em_curso{--k:var(--blue)} .t-est-b.k-bloqueada{--k:var(--warn)} .t-est-b.k-concluida{--k:var(--ok)}
.t-est-b input{position:absolute;opacity:0;pointer-events:none} .t-est-b i{width:8px;height:8px;border-radius:50%;background:var(--k)}
.t-est-b:has(input:checked){color:var(--ink);border-color:var(--k);background:color-mix(in srgb,var(--k) 15%,var(--card-2))}
.t-est-b:has(input:focus-visible){outline:2px solid var(--k);outline-offset:2px}
@media (max-width:520px){.t-est{grid-template-columns:repeat(2,1fr)}}

.inc-quem .inc-desde{font-style:normal;font-size:11.5px;font-weight:600;color:var(--muted)}
/* tarefa: corrigir com o Sargento N8 */
.t-fix{margin:0 0 16px;padding:12px;border-radius:14px;border:1px solid color-mix(in srgb,var(--accent) 30%,var(--line));background:linear-gradient(120deg,color-mix(in srgb,var(--accent) 8%,transparent),transparent 60%),var(--card-2)}
.t-fix-h{display:flex;align-items:center;gap:8px;flex-wrap:wrap} .t-fix-h a{font-weight:700;font-size:13px;color:var(--ink);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.t-fix-b{border:1px solid color-mix(in srgb,var(--accent) 40%,var(--line));background:var(--card)} .t-fix-b svg{width:14px;height:14px}
.t-fix .inc-fix{margin-top:10px}
.ktile.kl{cursor:pointer;transition:transform .12s,border-color .12s} .ktile.kl:hover{transform:translateY(-2px);border-color:var(--muted)}
.ktile.kl::after{content:"→";margin-left:auto;align-self:flex-start;color:var(--faint);font-weight:800} .ktile.kl:hover::after{color:var(--ink)}
#incPor,#incRes,#incFeitos{scroll-margin-top:80px} .box.pisca{animation:secPisca 1.2s ease-out}
@keyframes secPisca{0%{box-shadow:0 0 0 3px var(--accent)}100%{box-shadow:0 0 0 0 transparent}}

/* ===== Perfil ===== */
.pf-hero{position:relative;border-radius:22px;overflow:hidden;margin-bottom:16px;border:1px solid color-mix(in srgb,var(--c) 30%,var(--line));background:var(--card)}
.pf-banner{height:110px;background:radial-gradient(400px 120px at 20% 0,color-mix(in srgb,var(--c) 55%,transparent),transparent 70%),linear-gradient(120deg,color-mix(in srgb,var(--c) 35%,transparent),color-mix(in srgb,var(--c) 6%,transparent)),var(--card-2)}
.pf-body{display:flex;align-items:flex-end;gap:18px;flex-wrap:wrap;padding:0 22px 18px;margin-top:-56px}
.pf-body .avatar{width:118px;height:118px;flex:none;box-shadow:0 0 0 5px var(--card),0 0 0 7px color-mix(in srgb,var(--c) 70%,transparent),0 14px 34px rgba(0,0,0,.4)}
.pf-body .avatar .ini{font-size:38px}
.pf-id{flex:1;min-width:240px;padding-top:62px} .pf-id h2{margin:0;font-size:26px;font-weight:800;letter-spacing:-.3px}
.pf-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.pf-func{font-size:12.5px;font-weight:800;padding:4px 12px;border-radius:999px;color:var(--c);background:color-mix(in srgb,var(--c) 14%,transparent)}
.pf-mail{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;padding:4px 12px;border-radius:999px;background:var(--card-2);border:1px solid var(--line);color:var(--muted);text-decoration:none}
.pf-mail svg{width:13px;height:13px} .pf-mail:hover{color:var(--ink)}
.pf-lidera{display:flex;align-items:center;gap:6px;margin-top:10px;font-size:13px;color:var(--muted)} .pf-lidera svg{width:14px;height:14px;color:var(--c)} .pf-lidera a{color:var(--ink);font-weight:700}
.pf-acts{display:flex;gap:8px;flex-wrap:wrap}
.pf-sobre{margin:0 22px 16px;padding:10px 14px;border-radius:12px;background:var(--card-2);font-size:13px;color:var(--muted)}
.pf-sobre summary{cursor:pointer;font-weight:800;color:var(--ink)} .pf-sobre p{margin:8px 0 0;line-height:1.55}
.pf-dot{display:inline-block;width:8px;height:8px;border-radius:2px} .dp-chip b{color:var(--ink)}
a.dp-chip{text-decoration:none} a.dp-chip:hover{border-color:var(--muted)}
.pf-sec .box-h,.pf-det summary{margin-bottom:10px}
.pf-det summary{display:flex;align-items:center;gap:10px;cursor:pointer;list-style:none} .pf-det summary::-webkit-details-marker{display:none}
.pf-det summary h2{margin:0;font-size:16px;font-weight:800} .pf-det summary::after{content:"▾";margin-left:auto;color:var(--muted);transition:transform .15s} .pf-det[open] summary::after{transform:rotate(180deg)}
.pf-l{display:flex;flex-direction:column;gap:6px}
.pf-a{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:10px;padding:9px 12px;border-radius:11px;background:var(--card-2);border:1px solid transparent;text-decoration:none;color:var(--ink);font-size:13px}
.pf-a:hover{border-color:var(--line)} .pf-a .t{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.pf-a.e-falha{background:color-mix(in srgb,var(--bad) 9%,var(--card-2))} .pf-a.e-atencao{background:color-mix(in srgb,var(--warn) 8%,var(--card-2))}
.pf-dep{display:inline-flex;align-items:center;gap:5px;font-size:11px;color:var(--muted);white-space:nowrap} .pf-dep::before{content:"";width:7px;height:7px;border-radius:2px;background:var(--g)}
.pf-est{font-size:11.5px;color:var(--faint);white-space:nowrap}
@media (max-width:700px){.pf-a{grid-template-columns:auto 1fr}.pf-dep,.pf-est{display:none}.pf-id{padding-top:8px}}
/* Sargento N8 com cara (bombeiro das automações) */
.cl-ic:has(.cl-av){background:none;padding:0;overflow:hidden;border-radius:50%;box-shadow:0 0 0 2px var(--accent)}
.cl-av{width:100%;height:100%;object-fit:cover;display:block}
.chat-h .cl-ic{width:40px;height:40px}
.fab-av{width:34px;height:34px;border-radius:50%;margin:-6px 0 -6px -6px;box-shadow:0 0 0 2px var(--accent-ink);object-fit:cover;background:#fff}
.cl-av,.fab-av{object-position:50% 18%}
.cl-mini{width:20px;height:20px;border-radius:50%;object-fit:cover;object-position:50% 18%;flex:none;box-shadow:0 0 0 1.5px var(--accent);vertical-align:-5px}
.t-fix-h>.cl-mini{width:26px;height:26px}

/* ===== Valor das automações ===== */
.vl-box{margin-bottom:16px}
.vl-ic{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:9px;background:color-mix(in srgb,var(--accent) 16%,transparent);color:var(--accent);flex:none}
.vl-ic svg{width:16px;height:16px} .vl-ic.ia{background:none} .vl-ic.ia .cl-mini{width:28px;height:28px}
.vl-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin:4px 0 16px}
.vl-k{padding:14px 16px;border-radius:14px;background:var(--card-2);border:1px solid var(--line);display:flex;flex-direction:column;gap:3px}
.vl-k b{font-size:28px;font-weight:800;letter-spacing:-.5px} .vl-k.ok b{color:var(--accent)} .vl-k span{font-size:13px;color:var(--ink)} .vl-k em{font-style:normal;font-size:12px;color:var(--faint)}
.vl-h{font-size:13px;font-weight:800;color:var(--muted);margin:0 0 8px;text-transform:uppercase;letter-spacing:.4px}
.vl-rank li a{display:grid;grid-template-columns:1fr auto;grid-template-areas:"n b" "s b" "bar bar";column-gap:10px;row-gap:3px}
.vl-rank .rk-n{grid-area:n} .vl-rank .vl-sub{grid-area:s;font-size:11.5px;color:var(--faint)} .vl-rank b{grid-area:b;align-self:center;font-size:14px}
.vl-bar{grid-area:bar;height:4px;border-radius:3px;background:var(--card-2);overflow:hidden} .vl-bar i{display:block;height:100%;background:var(--accent);border-radius:3px}
.vl-mais summary{cursor:pointer;font-size:12.5px;color:var(--muted);margin:6px 0}
.vl-nota{font-size:12px;color:var(--faint);line-height:1.5;margin:12px 0 0} .vl-nota code{font-size:11px}
.vl-auto{display:flex;flex-wrap:wrap;align-items:center;gap:12px 22px;padding:12px 16px}
.vl-a-k{display:flex;align-items:center;gap:10px} .vl-a-k b{display:block;font-size:14px} .vl-a-k span{font-size:12px;color:var(--faint)}
.vl-auto #vlMin{margin-left:auto}
.gk-valor{color:var(--accent);text-decoration:none;font-weight:700} .gk-valor:hover{text-decoration:underline}
/* ===== Limpeza sugerida ===== */
.lz-box{margin-bottom:14px}
.lz-box summary{display:flex;align-items:center;gap:10px;cursor:pointer;list-style:none} .lz-box summary::-webkit-details-marker{display:none}
.lz-box summary h2{margin:0;font-size:16px;font-weight:800} .lz-box summary .n{font-size:12.5px;color:var(--muted)}
.lz-ic{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:9px;background:color-mix(in srgb,var(--warn) 16%,transparent);color:var(--warn)} .lz-ic svg{width:16px;height:16px}
.lz-chev{margin-left:auto;color:var(--muted);transition:transform .15s} .lz-box[open] .lz-chev{transform:rotate(180deg)}
.lz-intro{font-size:12.5px;color:var(--muted);margin:12px 0}
.lz-l{display:flex;flex-direction:column;gap:6px}
.lz-i{display:grid;grid-template-columns:150px 1fr auto;align-items:center;gap:12px;padding:9px 12px;border-radius:11px;background:var(--card-2)}
.lz-i .badge{justify-self:start}
.lz-t{min-width:0;display:flex;flex-direction:column;gap:2px} .lz-t a{font-weight:700;color:var(--ink);text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .lz-t a:hover{text-decoration:underline}
.lz-t span{font-size:12px;color:var(--faint)} .lz-b{display:flex;gap:6px}
@media (max-width:700px){.lz-i{grid-template-columns:1fr}.lz-b{justify-content:flex-end}}

.vs-b{margin-left:auto;padding:4px 10px;font-size:12px} .vs-b svg{width:13px;height:13px}
.att .meta{display:flex;align-items:center;gap:10px}
.vs-tag{display:inline-flex;align-items:center;gap:4px;font:inherit;font-size:11.5px;font-weight:700;color:var(--muted);background:var(--card-2);border:1px solid var(--line);border-radius:999px;padding:2px 9px;cursor:pointer}
.vs-tag svg{width:12px;height:12px;color:var(--accent)} .vs-tag:hover{color:var(--ink)}

.sv-down{display:flex;gap:12px;align-items:flex-start;padding:12px 16px;border-radius:14px;margin-bottom:14px;background:color-mix(in srgb,var(--warn) 10%,var(--card));border:1px solid color-mix(in srgb,var(--warn) 40%,var(--line))}
.sv-down-ic{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:9px;background:color-mix(in srgb,var(--warn) 20%,transparent);color:var(--warn);flex:none} .sv-down-ic svg{width:16px;height:16px}
.sv-down b{display:block;font-size:14px} .sv-down span{font-size:12.5px;color:var(--muted);line-height:1.5} .sv-down a{color:var(--ink);font-weight:700}
.inc-atraso{display:inline-flex;align-items:center;gap:4px;font-weight:800;color:#fff;background:var(--bad);border-radius:999px;padding:1px 9px;font-size:11.5px} .inc-atraso svg{width:12px;height:12px}

/* ===== Limpeza: seleção ===== */
.lz-i{grid-template-columns:auto 150px 1fr auto;transition:background .15s,box-shadow .15s}
.lz-i.sel{background:color-mix(in srgb,var(--accent) 9%,var(--card-2));box-shadow:inset 3px 0 0 var(--accent)}
.lz-ck{display:inline-flex;align-items:center;gap:10px;cursor:pointer;user-select:none}
.lz-ck input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.lz-box-ck{width:20px;height:20px;border-radius:7px;border:1.5px solid color-mix(in srgb,var(--muted) 70%,transparent);background:var(--card);display:inline-grid;place-items:center;flex:none;transition:all .15s cubic-bezier(.3,1.4,.6,1)}
.lz-box-ck::after{content:"";width:10px;height:5px;border-left:2.5px solid var(--accent-ink);border-bottom:2.5px solid var(--accent-ink);transform:rotate(-45deg) scale(0);margin-top:-3px;transition:transform .18s cubic-bezier(.3,1.6,.6,1)}
.lz-ck:hover .lz-box-ck{border-color:var(--accent)}
.lz-ck input:checked + .lz-box-ck{background:var(--accent);border-color:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 18%,transparent)}
.lz-ck input:checked + .lz-box-ck::after{transform:rotate(-45deg) scale(1)}
.lz-ck input:focus-visible + .lz-box-ck{outline:2px solid var(--accent);outline-offset:2px}
.lz-all.meio .lz-box-ck{background:color-mix(in srgb,var(--accent) 35%,var(--card));border-color:var(--accent)}
.lz-all.meio .lz-box-ck::after{border-left:0;border-bottom:2.5px solid var(--accent-ink);width:9px;height:0;transform:none;margin-top:0}
.lz-bar{position:sticky;top:64px;z-index:5;display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:10px 12px;margin:0 0 10px;border-radius:14px;background:color-mix(in srgb,var(--card) 92%,transparent);border:1px solid var(--line);backdrop-filter:blur(6px)}
.lz-all b{font-size:13.5px;font-weight:800} .lz-all em{font-style:normal;color:var(--accent)}
.lz-grupos{display:flex;gap:6px;flex-wrap:wrap}
.lz-g{display:inline-flex;align-items:center;gap:5px;font:inherit;font-size:12px;font-weight:700;color:var(--muted);background:var(--card-2);border:1px dashed var(--line);border-radius:999px;padding:4px 11px;cursor:pointer;transition:all .15s}
.lz-g i{font-style:normal;font-size:11px;color:var(--faint);background:var(--card);border-radius:999px;padding:0 6px}
.lz-g:hover{color:var(--ink);border-color:var(--muted)}
.lz-g.on{color:var(--accent);border-style:solid;border-color:color-mix(in srgb,var(--accent) 55%,transparent);background:color-mix(in srgb,var(--accent) 10%,var(--card-2))}
.lz-g svg{width:12px;height:12px}
.lz-acts{margin-left:auto;display:flex;gap:6px;opacity:0;transform:translateX(8px);pointer-events:none;transition:all .2s}
.lz-acts.vis{opacity:1;transform:none;pointer-events:auto}
.lz-arq-sel{background:color-mix(in srgb,var(--bad) 16%,var(--card-2));color:#ffb4a8;border:1px solid color-mix(in srgb,var(--bad) 45%,transparent)}
.lz-arq-sel:hover{background:color-mix(in srgb,var(--bad) 26%,var(--card-2))} .lz-arq-sel svg{width:14px;height:14px}
.lz-conf{margin:0 0 12px;padding:10px 14px 10px 30px;border-radius:12px;background:var(--card-2);font-size:13px;max-height:220px;overflow:auto} .lz-conf li{margin:3px 0}
@media (max-width:700px){.lz-i{grid-template-columns:auto 1fr}.lz-i .badge{grid-column:2}.lz-t,.lz-b{grid-column:1/-1}.lz-acts{margin-left:0;width:100%}}

/* ===== Listas de escolha (select) ===== */
.cs{position:relative;width:100%;min-width:0}
.cs.cs-auto{width:auto;display:inline-block;flex:0 1 auto;max-width:260px}
.cs>select{position:absolute!important;inset:0;opacity:0;pointer-events:none;width:100%!important;height:100%!important}
.cs-btn{width:100%;display:flex;align-items:center;gap:8px;font:inherit;font-size:13.5px;font-weight:600;color:var(--ink);text-align:left;cursor:pointer;
  background:linear-gradient(180deg,color-mix(in srgb,var(--card-2) 100%,transparent),var(--card));border:1.5px solid var(--line);border-radius:12px;padding:8px 11px 8px 12px;min-height:38px;
  transition:border-color .15s,box-shadow .15s,background .15s}
.cs-btn:hover{border-color:color-mix(in srgb,var(--accent) 45%,var(--line))}
.cs-btn:focus-visible,.cs.aberto .cs-btn{outline:none;border-color:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 16%,transparent)}
.cs-btn:disabled{opacity:.5;cursor:not-allowed}
.cs-t{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cs-chev{width:16px;height:16px;flex:none;color:var(--muted);transition:transform .2s cubic-bezier(.3,1.4,.6,1)}
.cs.aberto .cs-chev{transform:rotate(180deg);color:var(--accent)}
.cs.ativo .cs-btn{border-color:color-mix(in srgb,var(--accent) 55%,transparent);background:color-mix(in srgb,var(--accent) 10%,var(--card-2));color:var(--accent)}
.cs.ativo .cs-chev{color:var(--accent)}
.cs-btn .avatar,.cs-o .avatar{width:20px;height:20px;flex:none} .cs-btn .avatar .ini,.cs-o .avatar .ini{font-size:9px}
.cs-dot{width:9px;height:9px;border-radius:3px;flex:none;display:inline-block} .cs-dot.r{border-radius:50%}
.cs-pop{position:fixed;z-index:200;width:max-content;max-width:min(420px,92vw);
  background:var(--card);border:1px solid color-mix(in srgb,var(--accent) 25%,var(--line));border-radius:14px;padding:6px;
  box-shadow:0 18px 50px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.02);transform-origin:top left;animation:csIn .16s cubic-bezier(.2,1.3,.5,1)}
.cs-pop.cima{transform-origin:bottom left}
@keyframes csIn{from{opacity:0;transform:translateY(-4px) scale(.97)}to{opacity:1;transform:none}}
.cs-pop:focus{outline:none}
.cs-q{display:flex;align-items:center;gap:7px;padding:6px 9px;margin:0 0 6px;border-radius:10px;background:var(--card-2);border:1px solid var(--line)}
.cs-q svg{width:14px;height:14px;color:var(--muted);flex:none} .cs-q input{flex:1;min-width:0;background:none;border:0;outline:none;color:var(--ink);font:inherit;font-size:13px}
.cs-l{max-height:300px;overflow:auto;display:flex;flex-direction:column;gap:2px;scrollbar-width:thin}
.cs-o{display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:9px;font-size:13.5px;color:var(--ink);cursor:pointer;white-space:nowrap}
.cs-o span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}
.cs-o.foco{background:var(--card-2)} .cs-o.todos{color:var(--muted)}
.cs-o.sel{color:var(--accent);font-weight:700;background:color-mix(in srgb,var(--accent) 10%,transparent)}
.cs-o.sel svg{width:15px;height:15px;flex:none;color:var(--accent)}
.cs-o.dis{opacity:.4;cursor:not-allowed}
.cs-o.todos + .cs-o{margin-top:4px;position:relative} .cs-o.todos{border-bottom:1px solid var(--line);border-radius:9px 9px 0 0;padding-bottom:9px}
.cs-vazio{padding:10px;font-size:12.5px;color:var(--faint);text-align:center}
.filters .cs-btn,.tk-bar .cs-btn{font-size:13px;padding:7px 10px;min-height:36px}

.task{position:relative}
.task-rm{position:absolute;top:8px;right:8px;width:26px;height:26px;border-radius:8px;display:grid;place-items:center;color:var(--muted);background:var(--card-2);border:1px solid var(--line);opacity:0;transform:scale(.85);transition:all .15s;cursor:pointer;z-index:2}
.task-rm svg{width:14px;height:14px}
.task:hover .task-rm,.task:focus-within .task-rm,.task-rm:focus-visible{opacity:1;transform:none}
.task-rm:hover{color:#fff;background:var(--bad);border-color:var(--bad)}
.task .tt{padding-right:24px}
@media (hover:none){.task-rm{opacity:.8;transform:none}}
/* ===== Fluxos: cabeçalho da automação em estilo "planta técnica" (distinto da barra de escolha por cima) ===== */
.fx-head{position:relative;overflow:hidden;padding:20px 22px 18px 26px;border-radius:18px;border:1px solid var(--line);
  background:
    radial-gradient(circle at 1px 1px,color-mix(in srgb,var(--ink) 9%,transparent) 1px,transparent 1.4px) 0 0/18px 18px,
    linear-gradient(90deg,var(--card) 0%,color-mix(in srgb,var(--card) 70%,transparent) 55%,transparent 100%),
    linear-gradient(135deg,#0d1114,#0a0d10)}
.fx-head::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--g),color-mix(in srgb,var(--g) 30%,transparent))}
.fx-head::after{content:"";position:absolute;right:-60px;top:-60px;width:220px;height:220px;border-radius:50%;border:1px dashed color-mix(in srgb,var(--g) 35%,transparent);box-shadow:0 0 0 30px color-mix(in srgb,var(--g) 3%,transparent),0 0 0 31px color-mix(in srgb,var(--g) 12%,transparent);pointer-events:none}
.fx-head>*{position:relative;z-index:1}
.fx-dep{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;background:color-mix(in srgb,var(--g) 14%,transparent);border:1px solid color-mix(in srgb,var(--g) 30%,transparent)}
.fx-dep::before{content:"";width:6px;height:6px;border-radius:2px;background:var(--g)}
.fx-head h2{margin-top:8px}
.fx-st{gap:0;margin-top:16px;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--card) 80%,transparent);overflow:hidden}
.fx-st div{background:none;border-radius:0;padding:12px 10px;border-left:1px solid var(--line);position:relative}
.fx-st div:first-child{border-left:0}
.fx-st b{color:var(--g);font-size:18px;font-variant-numeric:tabular-nums}
.fx-st span{text-transform:uppercase;letter-spacing:.5px;font-size:10.5px;font-weight:700;color:var(--faint)}
@media (max-width:700px){.fx-st div:nth-child(odd){border-left:0}.fx-st div{border-top:1px solid var(--line)}.fx-st div:nth-child(-n+2){border-top:0}}

/* estatísticas do fluxo: mosaicos com ícone */
.fx-st{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) minmax(0,1.5fr);gap:10px;margin-top:16px;border:0;background:none;overflow:visible;border-radius:0}
.fx-st .fx-sti{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;text-align:left;border:1px solid var(--line);border-left:1px solid var(--line);
  background:linear-gradient(145deg,color-mix(in srgb,var(--g) 9%,var(--card-2)),var(--card));position:relative;overflow:hidden;transition:transform .15s,border-color .15s}
.fx-st .fx-sti:first-child{border-left:1px solid var(--line)}
.fx-st .fx-sti::after{content:"";position:absolute;right:-18px;bottom:-18px;width:60px;height:60px;border-radius:50%;background:color-mix(in srgb,var(--g) 8%,transparent)}
.fx-st .fx-sti:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--g) 45%,var(--line))}
.fx-sti-ic{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;flex:none;color:var(--g);background:color-mix(in srgb,var(--g) 16%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--g) 30%,transparent)}
.fx-sti-ic svg{width:18px;height:18px}
.fx-sti-t{display:flex;flex-direction:column;min-width:0}
.fx-st .fx-sti b{color:var(--ink);font-size:20px;line-height:1.1;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fx-st .fx-sti.larga b{font-size:15px}
.fx-st .fx-sti small{font-size:11px;text-transform:uppercase;letter-spacing:.5px;font-weight:700;color:var(--faint);margin-top:3px}
.fx-st .fx-sti.zero b{color:var(--faint)} .fx-st .fx-sti.zero .fx-sti-ic{color:var(--faint);background:var(--card-2);box-shadow:inset 0 0 0 1px var(--line)}
@media (max-width:900px){.fx-st{grid-template-columns:repeat(2,minmax(0,1fr))}.fx-st .fx-sti.larga{grid-column:1/-1}}
@media (max-width:700px){.fx-st .fx-sti{border-top:1px solid var(--line)!important;border-left:1px solid var(--line)!important}}

/* ===== Documentação: departamentos ===== */
.dd-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}
.dd{position:relative;display:flex;flex-direction:column;gap:12px;padding:14px 16px;border-radius:16px;text-decoration:none;color:var(--ink);overflow:hidden;
  border:1px solid color-mix(in srgb,var(--g) 22%,var(--line));background:linear-gradient(150deg,color-mix(in srgb,var(--g) 10%,var(--card-2)),var(--card) 70%);transition:transform .15s,border-color .15s,box-shadow .15s}
.dd::before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--g)}
.dd:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--g) 55%,var(--line));box-shadow:0 12px 28px rgba(0,0,0,.3)}
.dd-top{display:flex;align-items:center;gap:11px}
.dd-ic{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;flex:none;color:var(--g);background:color-mix(in srgb,var(--g) 16%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--g) 30%,transparent)}
.dd-ic svg{width:18px;height:18px}
.dd-t{flex:1;min-width:0;display:flex;flex-direction:column} .dd-t b{font-size:14px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .dd-t small{font-size:12px;color:var(--muted)}
.dd .kanel{width:40px;height:40px;flex:none}
.dd-bar{height:4px;border-radius:3px;background:var(--card-2);overflow:hidden} .dd-bar i{display:block;height:100%;border-radius:3px;background:linear-gradient(90deg,var(--g),color-mix(in srgb,var(--g) 60%,#fff))}
.dd-f{display:flex;align-items:center;justify-content:space-between;gap:8px}
.dd-pill{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:700;padding:3px 9px;border-radius:999px}
.dd-pill svg{width:12px;height:12px}
.dd-pill.ok{color:var(--ok);background:color-mix(in srgb,var(--ok) 12%,transparent)}
.dd-pill.falta{color:var(--warn);background:color-mix(in srgb,var(--warn) 10%,transparent);border:1px dashed color-mix(in srgb,var(--warn) 40%,transparent)}
.dd-go{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:700;color:var(--muted);transition:color .15s,gap .15s} .dd-go svg{width:13px;height:13px}
.dd:hover .dd-go{color:var(--g);gap:7px}
.fx-st .fx-sti-t,.fx-st .fx-sti-ic{text-transform:none;letter-spacing:0;font-size:inherit;color:inherit} .fx-st .fx-sti-ic{color:var(--g)} .fx-st .fx-sti.zero .fx-sti-ic{color:var(--faint)} .fx-st .fx-sti small{text-transform:uppercase}

/* listas de escolha dentro de formulários: não saem da caixa e não ficam verdes (o verde é só para filtros ativos) */
.f,.ff,label.f{min-width:0}
.cs{max-width:100%} .cs-btn{min-width:0;max-width:100%}
.cs.ativo:not(.cs-auto) .cs-btn{border-color:var(--line);background:linear-gradient(180deg,var(--card-2),var(--card));color:var(--ink)}
.cs.ativo:not(.cs-auto) .cs-chev{color:var(--muted)}
.modal .cs-btn{background:var(--input);border-radius:10px}
#recBox{margin-bottom:18px}
.mt-rm{display:flex;justify-content:flex-start;margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}
.mt-rm-b{color:var(--bad)} .mt-rm-b:hover{background:color-mix(in srgb,var(--bad) 14%,transparent);color:#ffb4a8} .mt-rm-b svg{width:14px;height:14px}

.k-24{font-size:10.5px;font-weight:700;color:var(--faint);text-transform:uppercase;letter-spacing:.4px;margin-left:2px}
.k-antigas{display:flex;align-items:center;gap:6px;font-size:11.5px;color:var(--faint);padding:2px 4px 8px} .k-antigas svg{width:12px;height:12px;color:var(--ok)}

/* ===== Valor das automações (v2) ===== */
.vl2{margin-bottom:16px}
.vl2-h{display:flex;align-items:center;gap:12px;margin-bottom:16px} .vl2-h h2{margin:0;font-size:17px;font-weight:800} .vl2-h span{font-size:12.5px;color:var(--muted)}
.vl2-ic{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;color:var(--accent);background:color-mix(in srgb,var(--accent) 15%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 30%,transparent)} .vl2-ic svg{width:20px;height:20px}
.vl2-hero{display:grid;grid-template-columns:1.4fr 1fr;gap:12px;margin-bottom:20px}
.vl2-k{position:relative;overflow:hidden;padding:18px 20px;border-radius:18px;border:1px solid var(--line);background:linear-gradient(150deg,var(--card-2),var(--card))}
.vl2-k.vl2-prin{border-color:color-mix(in srgb,var(--accent) 35%,var(--line));background:radial-gradient(420px 160px at 0% 0%,color-mix(in srgb,var(--accent) 22%,transparent),transparent 70%),linear-gradient(150deg,var(--card-2),var(--card))}
.vl2-k.vl2-prin::after{content:"";position:absolute;right:-30px;bottom:-40px;width:180px;height:180px;border-radius:50%;border:18px solid color-mix(in srgb,var(--accent) 7%,transparent)}
.vl2-lbl{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.6px;color:var(--muted)}
.vl2-k b{display:block;font-size:40px;font-weight:800;letter-spacing:-1px;line-height:1.1;margin:6px 0 10px;font-variant-numeric:tabular-nums}
.vl2-k.vl2-prin b{color:var(--accent)} .vl2-k b small{font-size:15px;font-weight:700;color:var(--muted);letter-spacing:0;margin-left:4px}
.vl2-eq{display:flex;flex-wrap:wrap;gap:8px;position:relative;z-index:1}
.vl2-eq span{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--muted);padding:4px 10px;border-radius:999px;background:color-mix(in srgb,var(--card) 70%,transparent);border:1px solid var(--line)}
.vl2-eq svg{width:13px;height:13px} .vl2-eq .cl-mini{width:16px;height:16px;vertical-align:0}
.vl2-cols{display:grid;grid-template-columns:1.4fr 1fr;gap:22px}
.vl2-sub{font-size:11.5px;font-weight:800;text-transform:uppercase;letter-spacing:.6px;color:var(--muted);margin:0 0 10px}
.vl-rl{display:flex;flex-direction:column;gap:6px}
.vl-r,.vl-ia-i{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:13px;background:var(--card-2);border:1px solid transparent;text-decoration:none;color:var(--ink);transition:border-color .15s,transform .15s}
.vl-r:hover,.vl-ia-i:hover{border-color:color-mix(in srgb,var(--g,var(--accent)) 45%,var(--line));transform:translateX(2px)}
.vl-r-n{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;flex:none;font-size:12px;font-weight:800;color:var(--muted);background:var(--card);border:1px solid var(--line)}
.vl-r-n.top{color:var(--accent-ink);background:var(--accent);border-color:var(--accent)}
.vl-r-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.vl-r-t b{font-size:13.5px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vl-r-t small{display:flex;align-items:center;gap:5px;font-size:11.5px;color:var(--faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vl-r-t small i{width:7px;height:7px;border-radius:2px;background:var(--g);flex:none}
.vl-r-bar{display:block;height:4px;border-radius:3px;background:var(--card);overflow:hidden;margin-top:3px}
.vl-r-bar em{display:block;height:100%;width:var(--p);border-radius:3px;background:linear-gradient(90deg,var(--accent),color-mix(in srgb,var(--accent) 55%,#fff))}
.vl-r-v{flex:none;font-size:15px;font-weight:800;text-align:right;font-variant-numeric:tabular-nums} .vl-r-v small{font-size:11px;color:var(--faint);font-weight:600;margin-left:2px}
.vl-ia{display:flex;flex-direction:column;gap:6px} .vl-ia-ic .cl-mini{width:26px;height:26px;vertical-align:0}
.vl-mais summary,.vl-como summary{cursor:pointer;font-size:12.5px;color:var(--muted);margin:10px 0 6px;display:flex;align-items:center;gap:6px;list-style:none} .vl-como summary svg{width:14px;height:14px}
.vl-como p{font-size:12px;color:var(--faint);line-height:1.55;margin:4px 0 0} .vl-como code{font-size:11px}
@media (max-width:900px){.vl2-hero,.vl2-cols{grid-template-columns:1fr}.vl2-k b{font-size:32px}}

/* bloco do Sargento N8 na tarefa: limpo, numa linha */
.t-fix{padding:10px 12px;border-radius:14px;border:1px solid var(--line);background:var(--card-2)}
.t-fix-h{display:flex;align-items:center;gap:10px;flex-wrap:nowrap}
.t-fix-av{width:34px;height:34px;border-radius:50%;object-fit:cover;object-position:50% 18%;flex:none;box-shadow:0 0 0 2px var(--accent)}
.t-fix-txt{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.25}
.t-fix-txt b{font-size:13px;font-weight:800}
.t-fix-txt a,.t-fix-txt span{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted);font-weight:500;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.t-fix-txt a:hover{color:var(--ink)} .t-fix-txt .dot{flex:none}
.t-fix-acts{display:flex;gap:6px;flex:none}
.t-fix-b{border:0} .t-fix-p svg{width:14px;height:14px}
@media (max-width:560px){.t-fix-h{flex-wrap:wrap}.t-fix-acts{width:100%;justify-content:flex-end}}
/* campos de data: tema escuro no calendário e ícone visível */
input[type=date].input,input[type=datetime-local].input,input[type=time].input{color-scheme:dark;cursor:pointer}
input[type=date].input::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.85;filter:invert(.75) sepia(1) saturate(4) hue-rotate(90deg);padding:4px;border-radius:6px}
input[type=date].input::-webkit-calendar-picker-indicator:hover{opacity:1;background:color-mix(in srgb,var(--accent) 15%,transparent)}
.t-fix .t-fix-b{background:var(--accent);color:var(--accent-ink);border:0;font-weight:800;padding-inline:14px} .t-fix .t-fix-b:hover{background:var(--accent-dim)}

/* ===== Linha do tempo (atividade) ===== */
.tl{position:relative}
.tl::before{content:"";position:absolute;left:75px;top:14px;bottom:14px;width:2px;border-radius:2px;background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 35%,var(--line)),var(--line) 40%,transparent)}
.tl li.tl-i{grid-template-columns:52px 28px minmax(0,1fr);gap:10px;padding:5px 0;align-items:center}
.tl li.tl-i .h{padding:0}
.tl li.tl-i .m{padding:0;position:relative;z-index:1}
.tl-ic{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;color:var(--muted);background:var(--card);border:1px solid var(--line);box-shadow:0 0 0 4px var(--card)}
.tl-ic svg{width:14px;height:14px}
.tl li.c-ok .tl-ic{color:var(--ok);border-color:color-mix(in srgb,var(--ok) 45%,var(--line));background:color-mix(in srgb,var(--ok) 12%,var(--card))}
.tl li.c-bad .tl-ic{color:var(--bad);border-color:color-mix(in srgb,var(--bad) 50%,var(--line));background:color-mix(in srgb,var(--bad) 14%,var(--card))}
.tl li.c-warn .tl-ic{color:var(--warn);border-color:color-mix(in srgb,var(--warn) 45%,var(--line));background:color-mix(in srgb,var(--warn) 12%,var(--card))}
.tl li.c-blue .tl-ic{color:var(--blue);border-color:color-mix(in srgb,var(--blue) 45%,var(--line));background:color-mix(in srgb,var(--blue) 12%,var(--card))}
.tl li.tl-i .x{padding:9px 12px;border-radius:12px;background:var(--card-2);border:1px solid transparent;transition:border-color .15s,transform .15s}
.tl li.tl-i:hover .x{border-color:var(--line);transform:translateX(2px)}
.tl li.c-bad .x{background:color-mix(in srgb,var(--bad) 7%,var(--card-2))}
.tl-top{display:flex;align-items:center;gap:8px;min-width:0}
.tl-top a,.tl-top>b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tl-tag{margin-left:auto;flex:none;font-style:normal;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;color:var(--faint);padding:2px 7px;border-radius:999px;border:1px solid var(--line)}
.tl li.c-ok .tl-tag{color:var(--ok);border-color:color-mix(in srgb,var(--ok) 35%,transparent)}
.tl li.c-bad .tl-tag{color:var(--bad);border-color:color-mix(in srgb,var(--bad) 40%,transparent)}
.tl li.tl-i .x .s{font-size:12.5px;margin-top:2px}
@media (max-width:600px){.tl::before{left:59px}.tl li.tl-i{grid-template-columns:38px 28px minmax(0,1fr);gap:8px}.tl-tag{display:none}}

/* ===== Departamento: indicadores e ficha ===== */
.dk-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 12px}
.dk{--k:var(--g,var(--accent));position:relative;display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:16px;text-decoration:none;color:var(--ink);overflow:hidden;
  border:1px solid color-mix(in srgb,var(--k) 25%,var(--line));background:linear-gradient(145deg,color-mix(in srgb,var(--k) 10%,var(--card-2)),var(--card) 75%);transition:transform .15s,border-color .15s}
.dk.bad{--k:var(--bad)} .dk.warn{--k:var(--warn)} .dk.blue{--k:var(--blue)} .dk.okz{--k:var(--ok)}
.dk:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--k) 55%,var(--line))}
.dk-ic{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;flex:none;color:var(--k);background:color-mix(in srgb,var(--k) 16%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--k) 30%,transparent)}
.dk-ic svg{width:19px;height:19px}
.dk-t{flex:1;min-width:0;display:flex;flex-direction:column} .dk-t b{font-size:26px;font-weight:800;line-height:1.05;font-variant-numeric:tabular-nums} .dk-t small{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dk.bad .dk-t b{color:var(--bad)} .dk.warn .dk-t b{color:var(--warn)}
.dk.okz .dk-t b{color:var(--ok)} .dk.okz.zero .dk-t small::after{content:" ✓";color:var(--ok)}
.dk>svg{width:15px;height:15px;color:var(--faint);opacity:0;transform:translateX(-4px);transition:all .15s} .dk:hover>svg{opacity:1;transform:none;color:var(--k)}
.dficha{display:grid;grid-template-columns:1fr 1.2fr 1.4fr;gap:12px;margin:0 0 18px}
.df{padding:12px 14px;border-radius:14px;border:1px solid var(--line);background:var(--card);min-width:0}
.df-l{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);margin-bottom:9px}
.df-l svg{width:14px;height:14px;color:var(--g,var(--accent))} .df-l em{font-style:normal;color:var(--faint);font-weight:700}
.df-v{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:12.5px}
.df-dep{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:color-mix(in srgb,var(--c) 12%,var(--card-2));border:1px solid color-mix(in srgb,var(--c) 35%,transparent);color:var(--ink);font-weight:700;text-decoration:none}
.df-dep i{width:7px;height:7px;border-radius:2px;background:var(--c)} .df-dep:hover{border-color:var(--c)}
.df-logo{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:var(--card-2);border:1px solid var(--line);transition:transform .15s,border-color .15s}
.df-logo svg{width:18px;height:18px} .df-logo:hover{transform:translateY(-2px);border-color:var(--muted)}
.df-tag{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11.5px;padding:3px 8px;border-radius:7px;background:var(--card-2);border:1px solid var(--line);color:var(--muted)}
@media (max-width:1000px){.dk-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dficha{grid-template-columns:1fr}}
/* ===== Estados vazios: ícone, moldura tracejada e brilho suave ===== */
.empty{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;margin:4px 0;padding:26px 16px 24px;border-radius:16px;
  border:1.5px dashed var(--line);background:radial-gradient(260px 90px at 50% 0%,color-mix(in srgb,var(--muted) 7%,transparent),transparent 70%);font-size:13px;color:var(--muted)}
.empty::before{content:"";width:46px;height:46px;border-radius:15px;margin-bottom:8px;background:var(--card-2) no-repeat center/22px;border:1px solid var(--line);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238a948e' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M8 12h8'/%3E%3C/svg%3E")}
.empty b{font-size:15px;font-weight:800;margin:0}
.empty.ok{border-color:color-mix(in srgb,var(--ok) 35%,var(--line));background:radial-gradient(300px 110px at 50% 0%,color-mix(in srgb,var(--ok) 14%,transparent),transparent 70%)}
.empty.ok::before{border-color:color-mix(in srgb,var(--ok) 45%,transparent);background-color:color-mix(in srgb,var(--ok) 14%,var(--card-2));box-shadow:0 0 0 6px color-mix(in srgb,var(--ok) 6%,transparent);animation:emptyPop .5s cubic-bezier(.3,1.6,.6,1);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2334d57f' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E")}
@keyframes emptyPop{from{transform:scale(.6);opacity:0}to{transform:none;opacity:1}}
.kcol .empty,.kvazio{margin:0}
/* ===== Barra de pesquisa ===== */
.abar-q{position:relative;border-radius:14px;padding:0 8px 0 14px;border:1.5px solid var(--line);
  background:linear-gradient(180deg,color-mix(in srgb,var(--card-2) 100%,transparent),var(--input));box-shadow:inset 0 1px 0 rgba(255,255,255,.03);transition:border-color .15s,box-shadow .2s,background .2s}
.abar-q:hover{border-color:color-mix(in srgb,var(--accent) 35%,var(--line))}
.abar-q:focus-within{border-color:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 14%,transparent),0 10px 30px rgba(0,0,0,.25);background:var(--card)}
.abar-q svg{width:17px;height:17px;transition:color .15s,transform .2s} .abar-q:focus-within svg{color:var(--accent);transform:scale(1.08)}
.abar-q input{padding:13px 0;font-size:14.5px} .abar-q input::placeholder{color:var(--faint)}
.abar-q input::-webkit-search-cancel-button{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;cursor:pointer;
  background:var(--card-2) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23aab3ad' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M7 7l10 10M17 7 7 17'/%3E%3C/svg%3E") no-repeat center/10px}
.abar-q::after{content:"/";font:700 11px ui-monospace,monospace;color:var(--faint);border:1px solid var(--line);border-radius:6px;padding:2px 7px;margin-left:6px;flex:none}
.abar-q:focus-within::after{opacity:0}
.abar>.btn-sec{height:48px;border-radius:14px;padding:0 16px;gap:8px;border:1.5px solid var(--line);background:linear-gradient(180deg,var(--card-2),var(--card));font-weight:800}
.abar>.btn-sec:hover{border-color:color-mix(in srgb,var(--accent) 45%,var(--line));color:var(--accent)}
.abar>.btn-sec svg{width:16px;height:16px}
.abar-n{display:inline-grid;place-items:center;min-width:19px;height:19px;border-radius:999px;background:var(--accent);color:var(--accent-ink);font-size:11px;padding:0 5px}
.cl-av,.t-fix-av,.cl-ic img{cursor:zoom-in}
.lb{position:fixed;inset:0;z-index:300;display:grid;place-items:center;padding:20px;background:rgba(0,0,0,.72);backdrop-filter:blur(6px);cursor:zoom-out;animation:lbIn .2s ease-out}
.lb.sai{animation:lbOut .18s ease-in forwards}
.lb figure{margin:0;display:flex;flex-direction:column;align-items:center;gap:14px;animation:lbPop .28s cubic-bezier(.2,1.4,.5,1)}
.lb img{width:min(420px,80vw);aspect-ratio:1;object-fit:cover;object-position:50% 18%;border-radius:28px;box-shadow:0 0 0 4px var(--accent),0 30px 80px rgba(0,0,0,.6)}
.lb figcaption{display:flex;flex-direction:column;align-items:center;gap:2px} .lb figcaption b{font-size:20px;font-weight:800;color:#fff} .lb figcaption span{font-size:13px;color:var(--muted)}
@keyframes lbIn{from{opacity:0}to{opacity:1}} @keyframes lbOut{to{opacity:0}} @keyframes lbPop{from{transform:scale(.85);opacity:0}to{transform:none;opacity:1}}

/* cartão: porquê da falha/atenção, em vez do resumo */
.ac-porque{display:flex;gap:8px;align-items:flex-start;margin:0;font-size:13.5px;line-height:1.45;color:var(--ink)}
.ac-porque svg{flex:none;width:15px;height:15px;margin-top:2px;color:var(--warn)}
.acard.e-falha .ac-porque svg{color:var(--bad)}

/* ===== página da automação: cabeçalho ===== */
.ah{--s:var(--low);position:relative;overflow:hidden;margin-bottom:16px;padding:22px 24px 0 28px;border-radius:20px;border:1px solid var(--line);
  background:radial-gradient(120% 140% at 100% 0%,color-mix(in srgb,var(--g) 14%,transparent),transparent 55%),linear-gradient(180deg,var(--card-2),var(--card))}
.ah::before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:linear-gradient(180deg,var(--g),color-mix(in srgb,var(--g) 15%,transparent))}
.ah::after{content:"";position:absolute;right:-40px;top:-70px;width:240px;height:240px;border-radius:50%;pointer-events:none;
  background:repeating-radial-gradient(circle,transparent 0 22px,color-mix(in srgb,var(--g) 10%,transparent) 22px 23px);-webkit-mask:radial-gradient(circle,#000 30%,transparent 70%);mask:radial-gradient(circle,#000 30%,transparent 70%)}
.ah>*{position:relative;z-index:1}
.ah.e-falha{--s:var(--bad)} .ah.e-atencao{--s:var(--warn)} .ah.e-operacional{--s:var(--ok)} .ah.e-em_execucao{--s:var(--blue)}
.ah-top{display:flex;gap:18px;align-items:flex-start;flex-wrap:wrap}
.ah-t{flex:1;min-width:260px}
.ah-kick{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;font-size:12px;font-weight:700;letter-spacing:.02em;color:var(--muted);text-transform:uppercase}
.ah-kick a{color:var(--g);text-decoration:none} .ah-kick a:hover{text-decoration:underline}
.ah-kick i{width:4px;height:4px;border-radius:50%;background:var(--faint)}
.ah-kick span{display:inline-flex;align-items:center;gap:5px} .ah-kick svg{width:13px;height:13px}
.ah h2{margin:8px 0 10px;font-size:clamp(21px,2.4vw,27px);font-weight:800;line-height:1.2;letter-spacing:-.01em;overflow-wrap:anywhere}
.ah-tags{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.ah-acts{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.ah-motivo{display:flex;gap:10px;align-items:center;margin:18px -24px 0 -28px;padding:11px 24px 11px 28px;font-size:13.5px;font-weight:600;
  border-top:1px solid var(--line);background:color-mix(in srgb,var(--s) 9%,transparent);color:color-mix(in srgb,var(--s) 55%,var(--ink))}
.ah-pulse{flex:none;width:9px;height:9px;border-radius:50%;background:var(--s);box-shadow:0 0 0 0 color-mix(in srgb,var(--s) 60%,transparent);animation:ahp 2s infinite}
@keyframes ahp{70%{box-shadow:0 0 0 8px transparent}100%{box-shadow:0 0 0 0 transparent}}
@media (prefers-reduced-motion:reduce){.ah-pulse{animation:none}}

/* ===== painel de bordo ===== */
.pb{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;margin-bottom:16px}
.pb-c{padding:16px 18px;border-radius:16px;border:1px solid var(--line);background:var(--card);display:flex;flex-direction:column;gap:12px;min-width:0}
.pb-h{display:flex;align-items:center;gap:8px;font-size:11.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.pb-h svg{width:15px;height:15px;color:var(--accent)}
.pb-p{display:flex;flex-direction:column;gap:5px;min-width:0}
.pb-p small{display:flex;align-items:center;gap:6px;font-size:11.5px;color:var(--faint);font-weight:600}
.pb-p b{font-size:14.5px}
.pb-tl{list-style:none;margin:0;padding:0 0 0 16px;position:relative;display:flex;flex-direction:column;gap:14px}
.pb-tl::before{content:"";position:absolute;left:4px;top:6px;bottom:6px;border-left:2px dashed var(--line)}
.pb-tl li{position:relative;display:flex;flex-direction:column;gap:2px}
.pb-tl li::before{content:"";position:absolute;left:-16px;top:4px;width:10px;height:10px;border-radius:50%;background:var(--card);border:2px solid var(--low)}
.pb-tl li.r-success::before{border-color:var(--ok);background:var(--ok)} .pb-tl li.r-error::before,.pb-tl li.r-crashed::before{border-color:var(--bad);background:var(--bad)}
.pb-tl li.prox::before{border-color:var(--blue)}
.pb-tl small{font-size:11.5px;color:var(--faint);font-weight:600} .pb-tl b{font-size:15px} .pb-tl span{font-size:12.5px;color:var(--muted);display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.pb-tl b.none,.pb-l b.none{color:var(--faint);font-style:italic;font-weight:500;font-size:13.5px}
.pb-s{display:flex;align-items:center;gap:16px}
.pb-ring{width:84px;height:84px;flex:none;transform:rotate(-90deg)}
.pb-ring circle{fill:none;stroke-width:7} .pb-ring .tr{stroke:var(--line)} .pb-ring .vl{stroke-linecap:round;transition:stroke-dasharray .6s}
.pb-ring text{transform:rotate(90deg);transform-origin:36px 36px;fill:var(--ink);font:800 15px var(--font)}
.pb-s>div{display:flex;flex-direction:column;gap:4px;font-size:12.5px;color:var(--muted)}
.pb-s>div b{font-size:13.5px;color:var(--ink)}
.pb-s em{font-style:normal;font-weight:800;color:var(--ink)} .pb-s em.bad{color:var(--bad)}
.pb-l{display:flex;justify-content:space-between;align-items:baseline;gap:10px;font-size:13px;padding-bottom:9px;border-bottom:1px dashed var(--line)}
.pb-l span{color:var(--muted);white-space:nowrap} .pb-l b{text-align:right;overflow-wrap:anywhere}
.pb-doc{display:flex;flex-direction:column;gap:6px}
.pb-doc>div{display:flex;justify-content:space-between;align-items:baseline;font-size:13px} .pb-doc>div span{color:var(--muted)} .pb-doc b{font-size:16px} .pb-doc b small{color:var(--faint);font-size:12px}
.pb-doc i{display:block;height:6px;border-radius:99px;background:var(--line);overflow:hidden} .pb-doc u{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--accent-dim),var(--accent))}
.pb-doc a{display:inline-flex;gap:6px;align-items:center;font-size:12.5px;font-weight:700;color:var(--accent);text-decoration:none} .pb-doc a svg{width:13px;height:13px}

/* ===== último erro ===== */
.ex-box{margin-bottom:16px;border-radius:18px;border:1px solid color-mix(in srgb,var(--bad) 35%,var(--line));overflow:hidden;
  background:linear-gradient(135deg,color-mix(in srgb,var(--bad) 10%,var(--card)),var(--card) 55%)}
.ex-h{display:flex;align-items:center;gap:14px;padding:16px 20px;flex-wrap:wrap}
.ex-ic{flex:none;display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:var(--bad-soft);color:var(--bad);border:1px solid color-mix(in srgb,var(--bad) 30%,transparent)}
.ex-ic svg{width:20px;height:20px}
.ex-t{flex:1;min-width:180px;display:flex;flex-direction:column;gap:2px} .ex-t small{font-size:11.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--bad)} .ex-t b{font-size:17px}
.ex-tag{display:inline-flex;gap:6px;align-items:center;font-size:12px;font-weight:700;padding:5px 10px;border-radius:99px;background:var(--warn-soft);color:var(--warn)} .ex-tag svg{width:13px;height:13px}
.ex-msg{margin:0 20px;padding:12px 14px;border-radius:12px;background:var(--input);border:1px solid var(--line);display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center}
.ex-no{display:inline-flex;gap:6px;align-items:center;font-size:12px;font-weight:700;padding:3px 9px;border-radius:8px;background:var(--card-2);border:1px solid var(--line);color:var(--muted)} .ex-no svg{width:13px;height:13px}
.ex-msg code{font:13px/1.5 var(--mono);color:var(--ink);overflow-wrap:anywhere}
.ex-cols{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:1px;margin-top:16px;border-top:1px solid var(--line);background:var(--line)}
.ex-cols>div{background:var(--card);padding:16px 20px}
.ex-cols h4{display:flex;gap:8px;align-items:center;margin:0 0 10px;font-size:12px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)} .ex-cols h4 svg{width:15px;height:15px}
.ex-porque p{margin:0;font-size:14px;line-height:1.55}
.ex-como ol{list-style:none;margin:0;padding:0;counter-reset:p;display:flex;flex-direction:column;gap:8px}
.ex-como li{counter-increment:p;display:flex;gap:10px;align-items:flex-start;font-size:13.5px;line-height:1.5}
.ex-como li::before{content:counter(p);flex:none;display:grid;place-items:center;width:22px;height:22px;border-radius:7px;font-size:12px;font-weight:800;background:var(--accent-soft);color:var(--accent)}
@media (max-width:760px){.ex-cols{grid-template-columns:1fr}}

/* ===== últimas execuções ===== */
.ux-box{margin-bottom:16px}
.ux-h{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap;margin-bottom:14px}
.ux-h h2{margin:0;font-size:17px} .ux-h>div>span{font-size:12.5px;color:var(--muted)}
.ux-k{display:flex;gap:8px;flex-wrap:wrap}
.ux-k>div{min-width:86px;padding:8px 12px;border-radius:12px;background:var(--card-2);border:1px solid var(--line);display:flex;flex-direction:column}
.ux-k b{font-size:18px;font-weight:800;line-height:1.1} .ux-k span{font-size:11px;color:var(--muted);font-weight:600}
.ux-k .ok b{color:var(--ok)} .ux-k .bad b{color:var(--bad)} .ux-k .warn b{color:var(--warn)}
.ux-box .strip{height:56px;padding:6px 8px 0;border-radius:10px;background:repeating-linear-gradient(0deg,transparent 0 13px,color-mix(in srgb,var(--line) 60%,transparent) 13px 14px);border-bottom:2px solid var(--line)}
.ux-leg{margin-top:10px}

/* ===== pesquisa rápida (Ctrl+K) ===== */
.cmdk{width:680px;border-radius:20px;background:linear-gradient(180deg,var(--card-2),var(--card));box-shadow:0 40px 100px rgba(0,0,0,.6),0 0 0 1px color-mix(in srgb,var(--accent) 12%,transparent)}
.cmdk-in{padding:16px 18px;gap:12px}
.cmdk-in svg{width:20px;height:20px;color:var(--accent)}
.cmdk-in input{font-size:17px;font-weight:600}
.cmdk-in kbd,.cmdk-f kbd{font:700 11px var(--font);padding:3px 7px;border-radius:6px;background:var(--input);border:1px solid var(--line);border-bottom-width:2px;color:var(--muted)}
.cmdk-l{max-height:58vh;overflow-y:auto;padding:6px 10px 10px}
.ck-g{display:flex;align-items:center;gap:8px;margin:12px 6px 6px;font-size:11px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--faint)}
.ck-g span{font-size:10.5px;padding:1px 7px;border-radius:99px;background:var(--card-2);border:1px solid var(--line);color:var(--muted);letter-spacing:0}
.ck-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.ck-tile{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:13px 12px;border-radius:14px;border:1px solid var(--line);background:var(--card);color:var(--ink);font:700 13.5px var(--font);cursor:pointer;text-align:left;transition:border-color .15s,transform .15s,background .15s}
.ck-tile svg{width:18px;height:18px;padding:7px;box-sizing:content-box;border-radius:10px;background:var(--accent-soft);color:var(--accent)}
.ck-tile:hover,.ck-tile.on{border-color:color-mix(in srgb,var(--accent) 55%,var(--line));background:color-mix(in srgb,var(--accent) 6%,var(--card));transform:translateY(-1px)}
.ck-r{display:flex;align-items:center;gap:12px;width:100%;padding:9px 10px;border:1px solid transparent;border-radius:12px;background:none;color:var(--ink);font:inherit;cursor:pointer;text-align:left}
.ck-r:hover,.ck-r.on{background:var(--card-2);border-color:var(--line)}
.ck-r.on{box-shadow:inset 3px 0 0 var(--accent)}
.ck-ic{flex:none;display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:var(--card-2);border:1px solid var(--line)}
.ck-ic svg{width:16px;height:16px;color:var(--muted)}
.ck-r .avatar{width:32px;height:32px;flex:none}
.ck-r .t{flex:1;min-width:0;display:flex;flex-direction:column}
.ck-r .t b{font-size:14px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ck-r .t small{font-size:12px;color:var(--faint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ck-r mark{background:color-mix(in srgb,var(--accent) 25%,transparent);color:var(--ink);border-radius:3px;padding:0 1px}
.ck-e{flex:none;font-size:11.5px;font-weight:800;padding:3px 9px;border-radius:99px;background:var(--low-soft);color:var(--low)}
.ck-e.e-falha{background:var(--bad-soft);color:var(--bad)} .ck-e.e-atencao{background:var(--warn-soft);color:var(--warn)} .ck-e.e-operacional{background:var(--ok-soft);color:var(--ok)} .ck-e.e-em_execucao{background:var(--blue-soft);color:var(--blue)}
.ck-go{flex:none;opacity:0;color:var(--accent);transition:opacity .15s} .ck-go svg{width:16px;height:16px}
.ck-r:hover .ck-go,.ck-r.on .ck-go{opacity:1}
.ck-vazio{display:flex;flex-direction:column;align-items:center;gap:6px;padding:36px 20px;text-align:center;color:var(--muted);font-size:13px}
.ck-vazio svg{width:28px;height:28px;color:var(--faint)} .ck-vazio b{color:var(--ink);font-size:15px}
.cmdk-f{display:flex;gap:16px;flex-wrap:wrap;align-items:center;padding:10px 18px;border-top:1px solid var(--line);font-size:12px;color:var(--faint)}
.cmdk-f span{display:inline-flex;gap:4px;align-items:center} .cmdk-f-r{margin-left:auto}
@media (max-width:640px){.ck-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.cmdk-f-r{display:none!important}}

/* serviços: avisos e o que fazer */
.sv2-av{display:flex;flex-direction:column;gap:10px;margin-top:10px}
.sv2-av ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.sv2-av li{display:flex;flex-direction:column;gap:2px;padding:9px 11px;border-radius:10px;background:var(--warn-soft);border-left:3px solid var(--warn)}
.sv2-av li b{font-size:13px;line-height:1.35;overflow-wrap:anywhere} .sv2-av li span{font-size:11.5px;color:var(--muted)}
.sv2-fz{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border-radius:10px;background:var(--card-2);border:1px solid var(--line)}
.sv2-fz>svg{flex:none;width:16px;height:16px;margin-top:2px;color:var(--ok)} .sv-falha .sv2-fz>svg,.sv2-fz:has(.sv2-pg1)>svg{color:var(--bad)}
.sv2-fz>div{display:flex;flex-direction:column;gap:4px;font-size:12.5px;line-height:1.45;color:var(--muted)} .sv2-fz b{font-size:12.5px;color:var(--ink)}
.sv2-pg{display:flex;flex-wrap:wrap;gap:4px 12px;margin-top:2px}
.sv2-fz a{display:inline-flex;gap:5px;align-items:center;font-weight:700;color:var(--accent);text-decoration:none} .sv2-fz a svg{width:12px;height:12px}

/* serviços agrupados: o que incluem */
.sv2-inc{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:10px}
.sv2-inc small{width:100%;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--faint)}
.sv2-ic{display:inline-flex;align-items:center;gap:6px;padding:4px 5px 4px 10px;border-radius:99px;border:1px solid var(--line);background:var(--card-2);font-size:12px;font-weight:700;color:var(--ink);text-decoration:none}
.sv2-ic b{min-width:20px;padding:1px 6px;border-radius:99px;background:var(--ok-soft);color:var(--ok);font-size:11px;text-align:center}
.sv2-ic.bad b{background:var(--bad-soft);color:var(--bad)} .sv2-ic.off{color:var(--faint)} .sv2-ic.off b{background:var(--line);color:var(--faint)}
.sv2-ic:hover{border-color:var(--accent)}

/* incidentes: em atenção */
.atn-l{display:flex;flex-direction:column;gap:8px}
.atn{display:flex;gap:14px;align-items:flex-start;padding:14px 16px;border-radius:14px;border:1px solid var(--line);border-left:3px solid var(--warn);background:linear-gradient(90deg,var(--warn-soft),transparent 40%),var(--card)}
.atn-ic{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--warn-soft);color:var(--warn)} .atn-ic svg{width:17px;height:17px}
.atn-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px} .atn-t p{margin:0;font-size:13.5px;line-height:1.5}
.atn .rs-meta .avatar{width:18px;height:18px}
@media (max-width:640px){.atn{flex-wrap:wrap}}
.sv2-ic>svg{width:14px;height:14px;flex:none} .sv2-ic>svg:not(.lg){color:var(--muted)}
.lg-ini{display:grid;place-items:center;width:16px;height:16px;border-radius:5px;background:var(--c);color:#fff;font-size:10px;font-weight:800;flex:none}
.sv2-ic.off>svg,.sv2-ic.off .lg-ini{opacity:.45;filter:grayscale(1)}
.atn-vistos{margin-top:12px;border-top:1px dashed var(--line);padding-top:10px}
.atn-vistos summary{display:inline-flex;gap:8px;align-items:center;cursor:pointer;font-size:13px;font-weight:700;color:var(--muted)} .atn-vistos summary svg{width:14px;height:14px;color:var(--ok)}
.atn-v{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:center;padding:9px 4px;border-bottom:1px solid var(--line);font-size:13px}
.atn-v a{font-weight:700;color:var(--ink);text-decoration:none} .atn-v span{flex:1;min-width:160px;font-size:12px}
.atn.visto{border-left-color:var(--ok);background:linear-gradient(90deg,var(--ok-soft),transparent 40%),var(--card)} .atn.visto .atn-ic{background:var(--ok-soft);color:var(--ok)}

/* «Inclui»: fechado mostra só os logos; aberto mostra os nomes */
.sv2-inc{display:block;margin-top:10px}
.sv2-inc summary{display:flex;align-items:center;gap:10px;cursor:pointer;list-style:none;padding:7px 10px;border-radius:10px;border:1px solid var(--line);background:var(--card-2)}
.sv2-inc summary::-webkit-details-marker{display:none}
.sv2-inc summary small{width:auto;white-space:nowrap}
.sv2-lgs{display:flex;flex:1;min-width:0;gap:4px;overflow:hidden;flex-wrap:wrap;max-height:22px}
.sv2-lg{display:grid;place-items:center;width:22px;height:22px;border-radius:7px;background:var(--card)} .sv2-lg svg{width:14px;height:14px} .sv2-lg>svg:not(.lg){color:var(--muted)} .sv2-lg .lg-ini{width:15px;height:15px}
.sv2-lg.off{opacity:.35;filter:grayscale(1)}
.sv2-tg{flex:none;display:grid;place-items:center;color:var(--muted);transition:transform .2s} .sv2-tg svg{width:15px;height:15px}
.sv2-inc[open] .sv2-tg{transform:rotate(180deg)} .sv2-inc[open] .sv2-lgs{visibility:hidden}
.sv2-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}

/* ===== clientes ===== */
.cli-bar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:14px} .cli-bar .abar-q{flex:1;min-width:220px}
.cli-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}
.cli{position:relative;display:flex;flex-direction:column;gap:12px;padding:16px;border-radius:16px;border:1px solid var(--line);background:var(--card);color:var(--ink);text-decoration:none;overflow:hidden;transition:border-color .15s,transform .15s}
.cli::before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:var(--c)}
.cli:hover{border-color:color-mix(in srgb,var(--c) 50%,var(--line));transform:translateY(-2px)}
.cli.e-falha{border-color:color-mix(in srgb,var(--bad) 45%,var(--line))} .cli.e-atencao{border-color:color-mix(in srgb,var(--warn) 40%,var(--line))}
.cli-h{display:flex;gap:12px;align-items:center}
.cli-av{flex:none;display:grid;place-items:center;width:42px;height:42px;border-radius:12px;font-weight:800;font-size:15px;color:var(--c);background:color-mix(in srgb,var(--c) 15%,transparent);border:1px solid color-mix(in srgb,var(--c) 30%,transparent)}
.cli-av.xl{width:56px;height:56px;font-size:20px;border-radius:16px}
.cli-t{display:flex;flex-direction:column;gap:3px;min-width:0} .cli-t b{font-size:15px;line-height:1.25;overflow-wrap:anywhere}
.cli-st{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:var(--muted)} .cli-st i{width:7px;height:7px;border-radius:50%;background:var(--low)}
.cli-st.cs-ok i{background:var(--ok)} .cli-st.cs-bad{color:var(--bad)} .cli-st.cs-bad i{background:var(--bad)} .cli-st.cs-warn{color:var(--warn)} .cli-st.cs-warn i{background:var(--warn)} .cli-st.cs-off i{background:var(--off)}
.cli-k{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.cli-k>div{padding:7px 9px;border-radius:10px;background:var(--card-2);display:flex;flex-direction:column}
.cli-k b{font-size:16px;font-weight:800} .cli-k span{font-size:11px;color:var(--muted)} .cli-k .bad b{color:var(--bad)} .cli-k .warn b{color:var(--warn)}
.cli-f{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:12.5px}
.cli-f .faint{display:inline-flex;gap:5px;align-items:center} .cli-f svg{width:13px;height:13px}
.cli-resp{display:flex;align-items:center;min-width:0} .cli-resp .avatar{width:24px;height:24px;margin-right:-6px;border:2px solid var(--card)} .cli-resp span:last-child{margin-left:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted)}
.cli-resps{display:flex;flex-wrap:wrap;gap:16px}
.cli-hero .dp-ic.cli-av{color:var(--g)}
.atn.bad{border-left-color:var(--bad);background:linear-gradient(90deg,var(--bad-soft),transparent 40%),var(--card)} .atn.bad .atn-ic{background:var(--bad-soft);color:var(--bad)}
.cli-sh{display:flex;align-items:center;gap:10px;padding:9px 4px;border-bottom:1px solid var(--line);color:var(--ink);text-decoration:none;font-size:13.5px}
.cli-sh .nm{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600} .cli-sh small{color:var(--faint);font-size:12px} .cli-sh:hover .nm{color:var(--accent)}
.pb-cli{display:inline-flex;gap:6px;align-items:center;font-weight:700;color:var(--ink);text-decoration:none} .pb-cli svg{width:13px;height:13px;color:var(--accent)} .pb-cli:hover{color:var(--accent)}
.cli-bar a.fchip{text-decoration:none}
.cli-hero .dp-ic.cli-av{background:color-mix(in srgb,var(--g) 15%,transparent);border:1px solid color-mix(in srgb,var(--g) 30%,transparent)}
/* logo: ocupa o quadrado sem cortar (há SVG sem tamanho próprio); sem fundo no modo noturno */
.cli-av.tem-logo{position:relative;background:transparent;border-color:var(--line);overflow:hidden}
.cli-av img{position:absolute;inset:12%;width:76%;height:76%;object-fit:contain}
body.light .cli-av.tem-logo{background:#fff}
body:not(.light) .cli-av img.escuro{filter:invert(1) hue-rotate(180deg)}
.cli-av .cli-em{font-size:22px;line-height:1} .cli-av.sm{width:22px;height:22px;border-radius:7px;font-size:10px;padding:2px} .cli-av.sm img{inset:8%;width:84%;height:84%} .cli-av.sm .cli-em{font-size:13px}
.ck-r .cli-av.sm{width:32px;height:32px;border-radius:10px}
/* cartões de cliente alinhados: nome até 2 linhas, números e responsáveis sempre à mesma altura */
.cli-grid{align-items:stretch} .cli-h{min-height:44px} .cli-t b{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} .cli-k{margin-top:auto} .cli-f{min-height:24px}
a.ktile{color:inherit;text-decoration:none}
/* clientes: filtro por responsável */
.cli-resp-f{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:-4px 0 16px}
.cli-rf-l{display:inline-flex;gap:6px;align-items:center;margin-right:4px;font-size:11.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--faint)} .cli-rf-l svg{width:14px;height:14px}
.cli-rf{display:inline-flex;align-items:center;gap:7px;padding:4px 6px 4px 4px;border-radius:99px;border:1px solid var(--line);background:var(--card);color:var(--ink);font-size:13px;font-weight:700;text-decoration:none}
.cli-rf .avatar{width:24px;height:24px} .cli-rf b{min-width:20px;padding:1px 6px;border-radius:99px;background:var(--card-2);font-size:11px;text-align:center;color:var(--muted)}
.cli-rf:hover{border-color:var(--muted)} .cli-rf.on{border-color:var(--accent);background:var(--accent-soft)} .cli-rf.on b{background:var(--accent);color:var(--accent-ink)}
.cli-rf .faint{padding-left:6px}

/* ===== botão do Sargento N8 (redesenhado) ===== */
.fab-claude{gap:12px;padding:6px 8px 6px 6px;border-radius:999px;color:var(--ink);font-weight:700;
  background:linear-gradient(var(--card),var(--card)) padding-box,linear-gradient(135deg,var(--accent),#2dd4bf 45%,color-mix(in srgb,var(--accent) 20%,transparent)) border-box;
  border:1.5px solid transparent;box-shadow:0 14px 40px rgba(0,0,0,.45),0 0 0 6px color-mix(in srgb,var(--accent) 7%,transparent);backdrop-filter:blur(8px);transition:transform .18s,box-shadow .18s}
.fab-claude:hover{background:linear-gradient(var(--card-2),var(--card-2)) padding-box,linear-gradient(135deg,var(--accent),#2dd4bf 45%,var(--accent)) border-box;transform:translateY(-2px);box-shadow:0 18px 48px rgba(0,0,0,.5),0 0 0 8px color-mix(in srgb,var(--accent) 10%,transparent)}
.fab-ring{position:relative;flex:none;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;padding:2px;background:conic-gradient(from 200deg,var(--accent),#2dd4bf,var(--accent))}
.fab-claude .fab-av{width:42px;height:42px;margin:0;border-radius:50%;box-shadow:0 0 0 2px var(--card);object-fit:cover}
.fab-on{position:absolute;right:0;bottom:1px;width:11px;height:11px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 2px var(--card);animation:fabOn 2.4s infinite}
@keyframes fabOn{0%,100%{box-shadow:0 0 0 2px var(--card),0 0 0 2px color-mix(in srgb,var(--ok) 50%,transparent)}50%{box-shadow:0 0 0 2px var(--card),0 0 0 6px transparent}}
.fab-t{display:flex;flex-direction:column;line-height:1.15;text-align:left} .fab-t b{font-size:14.5px;font-weight:800} .fab-t small{font-size:11.5px;font-weight:600;color:var(--muted)}
.fab-go{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--accent);color:var(--accent-ink)} .fab-go svg{width:16px;height:16px}
body.light .fab-claude{box-shadow:0 14px 36px rgba(20,40,30,.18),0 0 0 6px color-mix(in srgb,var(--accent) 8%,transparent)}
@media (prefers-reduced-motion:reduce){.fab-on{animation:none}}
@media (max-width:600px){.fab-claude{padding:4px;gap:0}.fab-claude .fab-t,.fab-claude .fab-go{display:none}.fab-claude .fab-av{width:48px;height:48px}.fab-ring{width:52px;height:52px}}

/* ===== cartões de cliente (v2) ===== */
.cli2-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}
.cli2{position:relative;display:flex;flex-direction:column;gap:14px;padding:16px 16px 14px;border-radius:18px;border:1px solid var(--line);color:var(--ink);text-decoration:none;overflow:hidden;
  background:radial-gradient(130% 90% at 0% 0%,color-mix(in srgb,var(--c) 10%,transparent),transparent 60%),var(--card);transition:transform .18s,border-color .18s,box-shadow .18s}
.cli2::after{content:"";position:absolute;right:-30px;top:-30px;width:110px;height:110px;border-radius:50%;border:1px dashed color-mix(in srgb,var(--c) 25%,transparent);pointer-events:none}
.cli2:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--c) 55%,var(--line));box-shadow:0 14px 34px rgba(0,0,0,.28)}
body.light .cli2:hover{box-shadow:0 14px 30px rgba(20,40,30,.12)}
.cli2.t-bad{border-color:color-mix(in srgb,var(--bad) 45%,var(--line))} .cli2.t-warn{border-color:color-mix(in srgb,var(--warn) 40%,var(--line))}
.cli2.t-unk{background:var(--card)} .cli2.t-unk .cli2-t b{color:var(--muted)}
.cli2-top{display:flex;gap:12px;align-items:center;min-height:52px}
.cli-av.lg{width:52px;height:52px;border-radius:15px;font-size:17px}
.cli2-t{display:flex;flex-direction:column;gap:4px;min-width:0}
.cli2-t b{font-size:15.5px;font-weight:800;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.cli2-st{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700;color:var(--muted)} .cli2-st i{width:8px;height:8px;border-radius:50%;background:var(--low)}
.cli2.t-ok .cli2-st i{background:var(--ok);box-shadow:0 0 0 3px var(--ok-soft)} .cli2.t-bad .cli2-st{color:var(--bad)} .cli2.t-bad .cli2-st i{background:var(--bad);box-shadow:0 0 0 3px var(--bad-soft)}
.cli2.t-warn .cli2-st{color:var(--warn)} .cli2.t-warn .cli2-st i{background:var(--warn);box-shadow:0 0 0 3px var(--warn-soft)}
.cli2-bar{display:flex;gap:3px;height:6px;margin-top:auto}
.cli2-bar i{border-radius:99px;min-width:6px} .cli2-bar .ok{background:var(--ok)} .cli2-bar .warn{background:var(--warn)} .cli2-bar .bad{background:var(--bad)}
.cli2-bar .vazio{flex:1;background:repeating-linear-gradient(90deg,var(--line) 0 6px,transparent 6px 10px)}
.cli2-f{display:flex;align-items:center;gap:10px;font-size:12.5px;color:var(--muted)}
.cli2-n b{color:var(--ink);font-size:14px} .cli2-tm{display:inline-flex;gap:5px;align-items:center} .cli2-tm svg{width:13px;height:13px}
.cli2-resp{margin-left:auto;display:flex} .cli2-resp .avatar{width:26px;height:26px;margin-left:-7px;border:2px solid var(--card)} .cli2-resp .avatar:first-child{margin-left:0}
#fabFrase{transition:opacity .22s,transform .22s;max-width:210px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #fabFrase.sai{opacity:0;transform:translateY(4px)}

/* ===== menu lateral (redesenhado) ===== */
.side{background:radial-gradient(120% 40% at 0% 0%,color-mix(in srgb,var(--accent) 8%,transparent),transparent 70%),var(--panel)}
.side .brand{padding:20px 18px 4px} .side .brand img{height:20px}
.side .prod{padding:0 18px 12px;font-size:10.5px;letter-spacing:.14em}
.side-st{display:flex;align-items:center;gap:10px;margin:2px 12px 14px;padding:10px 12px;border-radius:14px;border:1px solid var(--line);background:var(--card);color:var(--ink);text-decoration:none;transition:border-color .15s,transform .15s}
.side-st:hover{border-color:var(--muted);transform:translateY(-1px)}
.side-st>svg{width:14px;height:14px;margin-left:auto;color:var(--faint);flex:none}
.side-st-p{position:relative;flex:none;width:12px;height:12px;display:grid;place-items:center;color:var(--low)}
.side-st-p i{width:9px;height:9px;border-radius:50%;background:currentColor}
.side-st-p::before{content:"";position:absolute;inset:-3px;border-radius:50%;background:currentColor;opacity:.25;animation:sidePulse 2s infinite}
.side-st.s-ok .side-st-p{color:var(--ok)}
.side-st.s-warn{border-color:color-mix(in srgb,var(--warn) 40%,var(--line))} .side-st.s-warn .side-st-p{color:var(--warn)}
.side-st.s-bad{border-color:color-mix(in srgb,var(--bad) 45%,var(--line));background:linear-gradient(90deg,var(--bad-soft),transparent),var(--card)} .side-st.s-bad .side-st-p{color:var(--bad)}
@keyframes sidePulse{0%{transform:scale(.6);opacity:.35}100%{transform:scale(1.6);opacity:0}}
@media (prefers-reduced-motion:reduce){.side-st-p::before{animation:none}}
.side-st-t{display:flex;flex-direction:column;min-width:0;line-height:1.2} .side-st-t b{font-size:13px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .side-st-t small{font-size:11px;color:var(--faint);white-space:nowrap}
.side-lbl{padding:0 22px 6px;font-size:10.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--faint)}
.side nav{padding:0 10px}
.side nav a{position:relative;gap:12px;padding:6px 10px 6px 6px;margin-bottom:3px;border-radius:12px;font-size:14px;transition:background .15s,color .15s}
.side nav a svg{width:32px;height:32px;padding:7px;box-sizing:border-box;border-radius:10px;background:var(--card);border:1px solid var(--line);transition:background .15s,color .15s,border-color .15s}
.side nav a:hover svg{border-color:var(--muted);color:var(--ink)}
.side nav a.on{color:var(--ink);background:linear-gradient(90deg,var(--accent-soft),transparent 85%)}
.side nav a.on::before{content:"";position:absolute;left:-10px;top:8px;bottom:8px;width:3px;border-radius:0 3px 3px 0;background:var(--accent)}
.side nav a.on svg{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}
.side nav a .cnt{min-width:22px;text-align:center;padding:2px 7px}
.side .foot{gap:10px;padding:12px}
.side .me{padding:8px;border-radius:12px;border:1px solid var(--line);background:var(--card)}
.theme-switch{width:100%}

/* ===== chat do Sargento N8 (redesenhado) ===== */
.chat{background:radial-gradient(120% 50% at 100% 0%,color-mix(in srgb,var(--accent) 10%,transparent),transparent 60%),var(--bg)}
.chat-h{padding:16px;background:linear-gradient(180deg,color-mix(in srgb,var(--card) 70%,transparent),transparent)}
.chat-h small{display:inline-flex;align-items:center;gap:6px}
.chat-on-dot{width:7px;height:7px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 3px var(--ok-soft)}
.chat-hero{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:18px 10px 6px}
.chat-hero-av{width:84px;height:84px;border-radius:50%;padding:3px;background:conic-gradient(from 200deg,var(--accent),#2dd4bf,var(--accent));box-shadow:0 12px 30px color-mix(in srgb,var(--accent) 25%,transparent)}
.chat-hero-av img{width:100%;height:100%;border-radius:50%;object-fit:cover;object-position:50% 18%;border:3px solid var(--bg)}
.chat-hero b{font-size:17px;font-weight:800;margin-top:6px} .chat-hero p{margin:0;max-width:300px;font-size:13px;line-height:1.5;color:var(--muted)}
.chat-sug{display:flex;flex-direction:column;gap:6px;margin-top:8px}
.chat-sug small{font-size:10.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--faint);padding:0 4px 2px}
.chat-sq{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border-radius:12px;border:1px solid var(--line);background:var(--card);color:var(--ink);font:600 13px var(--font);text-align:left;cursor:pointer;transition:border-color .15s,transform .15s}
.chat-sq>svg:first-child{flex:none;width:28px;height:28px;padding:6px;box-sizing:border-box;border-radius:8px;background:var(--accent-soft);color:var(--accent)}
.chat-sq span{flex:1} .chat-sq>svg:last-child{width:14px;height:14px;color:var(--faint);opacity:0;transition:opacity .15s}
.chat-sq:hover{border-color:color-mix(in srgb,var(--accent) 50%,var(--line));transform:translateX(2px)} .chat-sq:hover>svg:last-child{opacity:1;color:var(--accent)}
.chat-off{display:flex;gap:12px;align-items:flex-start;margin-top:10px;padding:14px;border-radius:14px;border:1px dashed color-mix(in srgb,var(--warn) 45%,var(--line));background:var(--warn-soft)}
.chat-off>svg{flex:none;width:20px;height:20px;color:var(--warn)} .chat-off b{display:block;font-size:13.5px;margin-bottom:3px} .chat-off span{font-size:12.5px;line-height:1.5;color:var(--muted)}
.chat-off code{font:12px var(--mono);color:var(--ink)}
.msg.bot{position:relative;margin-left:34px}
.msg.bot::before{content:"";position:absolute;left:-34px;bottom:0;width:26px;height:26px;border-radius:50%;background:url(/team/claudineight.png) 50% 18%/cover;box-shadow:0 0 0 1.5px var(--accent)}
.chat-f{margin:10px 12px 12px;padding:6px;border:1px solid var(--line);border-radius:16px;background:var(--card);align-items:flex-end}
.chat-f:focus-within{border-color:color-mix(in srgb,var(--accent) 60%,var(--line))}
.chat-f textarea{border:0;background:transparent;box-shadow:none} .chat-f textarea:focus{outline:none;box-shadow:none}
.chat-f .btn{width:42px;height:42px;padding:0;border-radius:12px;justify-content:center}

/* ===== página de área: etiquetas, ferramentas, plataformas, vazios ===== */
.df-tag{display:inline-flex;align-items:center;gap:5px;font-family:var(--font);font-weight:700;font-size:12px;padding:4px 10px;border-radius:999px}
.df-pre{background:color-mix(in srgb,var(--g,var(--accent)) 14%,var(--card-2));border-color:color-mix(in srgb,var(--g,var(--accent)) 40%,transparent);color:var(--ink);letter-spacing:.02em}
.df-hash{background:var(--card-2);color:var(--ink)} .df-hash i{font-style:normal;color:var(--g,var(--accent));font-weight:800}
.df-nm{background:transparent;border-style:dashed;color:var(--muted)} .df-nm svg{width:11px;height:11px}
.df-logo{position:relative;width:38px;height:38px;border-radius:12px} .df-logo svg{width:20px;height:20px}
.df-logo em{position:absolute;top:-6px;right:-6px;min-width:17px;height:17px;padding:0 4px;border-radius:99px;display:grid;place-items:center;font-style:normal;font-size:10px;font-weight:800;background:var(--card);border:1px solid var(--line);color:var(--muted)}
.df-logo.h-atencao{border-color:color-mix(in srgb,var(--warn) 50%,var(--line))} .df-logo.h-falha{border-color:color-mix(in srgb,var(--bad) 55%,var(--line))}
.dp-pl{display:flex;flex-direction:column;gap:6px}
.dp-pl-r{display:flex;align-items:center;gap:12px;padding:9px 10px;border-radius:12px;border:1px solid transparent;color:var(--ink);text-decoration:none;transition:background .15s,border-color .15s}
.dp-pl-r:hover{background:var(--card-2);border-color:var(--line)} .dp-pl-r>svg:last-child{width:14px;height:14px;color:var(--faint);opacity:0} .dp-pl-r:hover>svg:last-child{opacity:1}
.dp-pl-lg{flex:none;display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:var(--card-2);border:1px solid var(--line)} .dp-pl-lg svg{width:20px;height:20px}
.dp-pl-t{flex:1;min-width:0;display:flex;flex-direction:column} .dp-pl-t b{font-size:14px} .dp-pl-t small{font-size:12px;color:var(--faint)}
.dp-pl-st{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:var(--muted);white-space:nowrap} .dp-pl-st i{width:8px;height:8px;border-radius:50%;background:var(--low)}
.dp-pl-r.h-saudavel .dp-pl-st,.dp-pl-r.h-acessivel .dp-pl-st{color:var(--ok)} .dp-pl-r.h-saudavel i,.dp-pl-r.h-acessivel i{background:var(--ok);box-shadow:0 0 0 3px var(--ok-soft)}
.dp-pl-r.h-atencao .dp-pl-st{color:var(--warn)} .dp-pl-r.h-atencao i{background:var(--warn);box-shadow:0 0 0 3px var(--warn-soft)}
.dp-pl-r.h-falha .dp-pl-st{color:var(--bad)} .dp-pl-r.h-falha i{background:var(--bad);box-shadow:0 0 0 3px var(--bad-soft)}
.dp-vz{display:flex;align-items:center;gap:14px;padding:16px;border-radius:14px;border:1px dashed var(--line);background:linear-gradient(135deg,var(--ok-soft),transparent 60%)}
.dp-vz.doc{background:linear-gradient(135deg,var(--blue-soft),transparent 60%)}
.dp-vz-ic{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--ok-soft);color:var(--ok)} .dp-vz.doc .dp-vz-ic{background:var(--blue-soft);color:var(--blue)} .dp-vz-ic svg{width:19px;height:19px}
.dp-vz>div{flex:1;display:flex;flex-direction:column;gap:3px} .dp-vz b{font-size:14px} .dp-vz span{font-size:12.5px;line-height:1.5;color:var(--muted)}
@media (max-width:600px){.dp-vz{flex-wrap:wrap}}
.df-g{display:flex;flex-direction:column;gap:5px;margin-bottom:9px} .df-g:last-child{margin-bottom:0} .df-g small{font-size:11.5px;color:var(--faint);font-weight:600}
.df-nm svg{display:none}

/* plataformas: filtro ativo · incidentes: período e minimizar */
.ktile.kl.sel{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}
.sv-fil{display:flex;align-items:center;gap:8px;margin:0 0 14px;padding:9px 12px;border-radius:12px;background:var(--accent-soft);color:var(--ink);font-size:13px;font-weight:600}
.sv-fil svg{width:15px;height:15px;color:var(--accent)} .sv-fil a{margin-left:auto;display:inline-flex;gap:5px;align-items:center;font-weight:700;color:var(--ink);text-decoration:none} .sv-fil a svg{width:13px;height:13px;color:var(--muted)}
.seg{display:inline-flex;padding:3px;border-radius:10px;background:var(--card-2);border:1px solid var(--line)}
.seg a{padding:4px 10px;border-radius:7px;font-size:12px;font-weight:700;color:var(--muted);text-decoration:none} .seg a.on{background:var(--card);color:var(--ink);box-shadow:0 1px 3px rgba(0,0,0,.2)} .seg a:hover{color:var(--ink)}
.inc-res .box-h .r{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.inc-res.fechado .inc-res-b{display:none}
/* sugestões: frase com link em vez de item do menu */
.side-sug{display:flex;align-items:flex-start;gap:9px;margin:8px 12px 10px;padding:10px 12px;border-radius:12px;border:1px dashed var(--line);color:var(--muted);font-size:12.5px;line-height:1.45;text-decoration:none;transition:border-color .15s,color .15s}
.side-sug svg{flex:none;width:16px;height:16px;margin-top:1px;color:var(--warn)}
.side-sug b{color:var(--accent);font-weight:800;white-space:nowrap} .side-sug:hover,.side-sug.on{border-color:color-mix(in srgb,var(--accent) 50%,var(--line));color:var(--ink)}
.side-sug:hover b{text-decoration:underline}
.inc-vz{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:14px;border:1px dashed color-mix(in srgb,var(--blue) 35%,var(--line));background:linear-gradient(135deg,var(--blue-soft),transparent 65%)}
.inc-vz-ic{flex:none;display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:var(--blue-soft);color:var(--blue)} .inc-vz-ic svg{width:20px;height:20px}
.inc-vz>div{display:flex;flex-direction:column;gap:3px} .inc-vz b{font-size:14.5px} .inc-vz span{font-size:12.5px;line-height:1.5;color:var(--muted)} .inc-vz em{font-style:normal;font-weight:700;color:var(--ink)}
/* menu: mais espaço entre a marca e a lista */
.side .prod{padding-bottom:0} .side-lbl{margin-top:26px;padding-bottom:10px}
.chat-h small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%} .chat-on-dot{flex:none}
@media (max-width:480px){.chat-sub2{display:none}}
/* saudação: ocupa a largura toda (pessoa à esquerda, estado à direita) */
#home .lz-greet.compact{justify-content:flex-start;max-width:none}
#home .lz-greet.compact .lz-esq{flex:1;min-width:0}
#home .lz-greet.compact .lz-esq p.mine{margin-top:6px}
#home .lz-greet.compact .lz-dir{display:flex;justify-content:flex-end}
#home .lz-greet.compact .lz-dir p.lz-kpis{margin:0;justify-content:flex-end}
@media (max-width:800px){#home .lz-greet.compact{flex-wrap:wrap}#home .lz-greet.compact .lz-dir{width:100%;justify-content:flex-start}#home .lz-greet.compact .lz-dir p.lz-kpis{justify-content:flex-start}}
/* fotos da equipa: contorno verde fino em todo o painel */
.avatar:has(img){box-shadow:0 0 0 1.5px color-mix(in srgb,var(--accent) 85%,transparent)}
.cli2-resp .avatar:has(img),.cli-resp .avatar:has(img){box-shadow:0 0 0 1.5px var(--accent)}
/* valor das automações: números em destaque e animação */
.vl2-st{position:relative;z-index:1;display:flex;align-items:stretch;gap:0;margin-top:4px;padding:10px 4px;border-radius:14px;background:color-mix(in srgb,var(--card) 65%,transparent);border:1px solid var(--line);backdrop-filter:blur(4px)}
.vl2-st>div{flex:1;display:flex;align-items:center;gap:10px;padding:0 10px;min-width:0}
.vl2-st>i{width:1px;background:var(--line);margin:2px 0}
.vl2-st-ic{flex:none;display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:var(--accent-soft);color:var(--accent)} .vl2-st-ic svg{width:16px;height:16px}
.vl2-st-ic.ia{background:color-mix(in srgb,#d97757 15%,transparent);color:#e08a6a}
.vl2-st>div>span:last-child{display:flex;flex-direction:column;min-width:0}
.vl2-k .vl2-st b{display:block;margin:0;font-size:17px;font-weight:800;letter-spacing:0;line-height:1.15;color:var(--ink)}
.vl2-st small{font-size:11.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vl2-k{animation:vlEntra .6s cubic-bezier(.2,.8,.2,1) both} .vl2-k+.vl2-k{animation-delay:.08s}
.vl2-k.vl2-prin::after{animation:vlGira 14s linear infinite;border-style:dashed}
.vl2-k.vl2-prin::before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,color-mix(in srgb,var(--accent) 10%,transparent) 50%,transparent 70%);transform:translateX(-100%);animation:vlBrilho 6s ease-in-out 1s infinite;pointer-events:none}
@keyframes vlEntra{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes vlGira{to{transform:rotate(360deg)}}
@keyframes vlBrilho{0%{transform:translateX(-100%)}40%,100%{transform:translateX(100%)}}
@media (prefers-reduced-motion:reduce){.vl2-k,.vl2-k.vl2-prin::after,.vl2-k.vl2-prin::before{animation:none}}
@media (max-width:520px){.vl2-st{flex-direction:column;gap:10px}.vl2-st>i{display:none}}
/* números e cartões clicáveis: animação ao passar o rato */
.ktile.kl{transition:transform .2s cubic-bezier(.2,.8,.2,1),border-color .2s,box-shadow .2s}
.ktile.kl:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--accent) 45%,var(--line));box-shadow:0 12px 28px rgba(0,0,0,.28),0 0 0 4px color-mix(in srgb,var(--accent) 7%,transparent)}
body.light .ktile.kl:hover{box-shadow:0 12px 26px rgba(20,40,30,.12),0 0 0 4px color-mix(in srgb,var(--accent) 9%,transparent)}
.ktile.kl::after{transition:transform .2s,color .2s} .ktile.kl:hover::after{transform:translateX(3px);color:var(--accent)}
.ktile.kl.bad:hover{border-color:color-mix(in srgb,var(--bad) 55%,var(--line))} .ktile.kl.bad:hover::after{color:var(--bad)}
.ktile.kl:active{transform:translateY(-1px)}
.vl2-lk{cursor:pointer;transition:transform .2s cubic-bezier(.2,.8,.2,1),border-color .2s,box-shadow .2s}
.vl2-lk:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--accent) 50%,var(--line));box-shadow:0 16px 36px rgba(0,0,0,.3)}
.vl2-lk:hover .vl2-st{border-color:color-mix(in srgb,var(--accent) 30%,var(--line))}
@media (prefers-reduced-motion:reduce){.ktile.kl,.vl2-lk{transition:none}.ktile.kl:hover,.vl2-lk:hover{transform:none}}
.cli-rf-todos{padding-left:8px} .cli-rf:has(.cli-rf-todos){padding-left:4px}
/* Início: «A seguir» e «Falhas» (e as outras colunas) sempre à mesma altura */
.lcol{display:flex;flex-direction:column;height:100%} .lcol .live-tk{flex:1}

/* ===== projetos ===== */
.pj-hero{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:16px;padding:20px 22px;border-radius:20px;border:1px solid color-mix(in srgb,var(--accent) 25%,var(--line));
  background:radial-gradient(120% 140% at 100% 0%,color-mix(in srgb,var(--accent) 12%,transparent),transparent 55%),linear-gradient(180deg,var(--card-2),var(--card))}
.pj-hero>div{display:flex;gap:14px;align-items:center;min-width:0;flex:1}
.pj-hero-ic{flex:none;display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:var(--accent-soft);color:var(--accent)} .pj-hero-ic svg{width:22px;height:22px}
.pj-hero h2{margin:0;font-size:21px;font-weight:800} .pj-hero p{margin:4px 0 0;font-size:13.5px;color:var(--muted);line-height:1.5;max-width:640px}
.pj-equipa{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;margin-bottom:16px}
.pj-pes{display:flex;align-items:center;gap:11px;padding:12px 14px;border-radius:16px;border:1px solid var(--line);background:var(--card);color:var(--ink);text-decoration:none;transition:transform .18s,border-color .18s}
.pj-pes:hover{transform:translateY(-2px);border-color:var(--muted)} .pj-pes.on{border-color:var(--accent);background:linear-gradient(90deg,var(--accent-soft),transparent),var(--card)}
.pj-pes .avatar{width:40px;height:40px;flex:none} .pj-pes-t{flex:1;min-width:0;display:flex;flex-direction:column} .pj-pes-t b{font-size:14.5px} .pj-pes-t b em{font-style:normal;font-size:10.5px;font-weight:800;padding:1px 6px;border-radius:99px;background:var(--accent-soft);color:var(--accent);margin-left:4px;vertical-align:2px}
.pj-pes-t small{font-size:12px;color:var(--muted)}
.pj-tag{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:99px;font-size:11.5px;font-weight:800;background:var(--card-2);color:var(--muted)} .pj-tag svg{width:12px;height:12px}
.pj-tag.bad{background:var(--bad-soft);color:var(--bad)} .pj-tag.warn{background:var(--warn-soft);color:var(--warn)}
.pj-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}
.pj-card{position:relative;display:flex;flex-direction:column;gap:12px;padding:18px;border-radius:18px;border:1px solid var(--line);color:var(--ink);text-decoration:none;overflow:hidden;
  background:radial-gradient(120% 80% at 0% 0%,color-mix(in srgb,var(--c) 12%,transparent),transparent 60%),var(--card);transition:transform .2s cubic-bezier(.2,.8,.2,1),border-color .2s,box-shadow .2s}
.pj-card::before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:var(--c)}
.pj-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--c) 55%,var(--line));box-shadow:0 14px 34px rgba(0,0,0,.28)}
.pj-card-h{display:flex;align-items:center;gap:9px} .pj-card-h b{flex:1;font-size:16px;font-weight:800;line-height:1.25}
.pj-dot{flex:none;width:10px;height:10px;border-radius:3px;background:var(--c);box-shadow:0 0 0 3px color-mix(in srgb,var(--c) 20%,transparent)}
.pj-prazo{display:inline-flex;gap:4px;align-items:center;font-size:11.5px;font-weight:700;color:var(--muted);white-space:nowrap} .pj-prazo svg{width:12px;height:12px} .pj-prazo.atr{color:var(--bad)}
.pj-card p{margin:0;font-size:13px;line-height:1.5;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pj-fases{display:flex;gap:4px} .pj-fases span{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}
.pj-fases i{display:block;height:6px;border-radius:99px;background:linear-gradient(90deg,var(--c) var(--pf),var(--line) var(--pf))}
.pj-fases small{font-size:10.5px;color:var(--faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pj-card-f{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:auto} .pj-pct{font-size:12.5px;color:var(--muted)} .pj-pct b{font-size:15px;color:var(--ink)}
.pj-av{margin-left:auto;display:flex} .pj-av .avatar{width:26px;height:26px;margin-left:-7px;border:2px solid var(--card)} .pj-av .avatar:first-child{margin-left:0}
.pj-vazio{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:36px 20px;border-radius:18px;border:1px dashed var(--line);background:radial-gradient(300px 120px at 50% 0%,var(--accent-soft),transparent 70%)}
.pj-vazio>span{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:var(--accent-soft);color:var(--accent)} .pj-vazio>span svg{width:24px;height:24px}
.pj-vazio b{font-size:16px} .pj-vazio p{margin:0 0 6px;max-width:440px;font-size:13px;line-height:1.5;color:var(--muted)}
.pj-ped{display:flex;align-items:center;gap:12px;padding:11px 4px;border-bottom:1px solid var(--line)} .pj-ped:last-child{border-bottom:0}
.pj-ped-q{flex:none;display:flex;align-items:center;gap:4px} .pj-ped-q svg{width:13px;height:13px;color:var(--faint)} .pj-ped-q .avatar{width:28px;height:28px}
.pj-ped-t{flex:1;min-width:0;font-size:13.5px;line-height:1.45} .pj-ped-t small{display:block;font-size:12px;color:var(--faint);margin-top:2px} .pj-ped-t a{color:var(--muted)}
.pj-meus{border-color:color-mix(in srgb,var(--warn) 40%,var(--line));background:linear-gradient(135deg,var(--warn-soft),transparent 50%),var(--card);margin-bottom:16px}
.pj-meus h2{display:flex;align-items:center;gap:8px} .pj-meus h2 svg{width:17px;height:17px;color:var(--warn)}
/* página do projeto */
.pjh{position:relative;overflow:hidden;margin-bottom:16px;padding:22px 24px;border-radius:20px;border:1px solid color-mix(in srgb,var(--c) 30%,var(--line));
  background:radial-gradient(120% 140% at 100% 0%,color-mix(in srgb,var(--c) 14%,transparent),transparent 55%),linear-gradient(180deg,var(--card-2),var(--card))}
.pjh::before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--c)}
.pjh-t{display:flex;gap:18px;align-items:flex-start;justify-content:space-between}
.pjh-k{font-size:11.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--c)}
.pjh h2{margin:6px 0 8px;font-size:clamp(21px,2.4vw,27px);font-weight:800} .pjh p{margin:0 0 12px;max-width:680px;font-size:13.5px;line-height:1.55;color:var(--muted)}
.pjh-av{display:flex;flex-wrap:wrap;gap:6px}
.pjh-pc{display:inline-flex;align-items:center;gap:7px;padding:3px 10px 3px 3px;border-radius:99px;border:1px solid var(--line);background:var(--card);color:var(--ink);font-size:12.5px;font-weight:700;text-decoration:none}
.pjh-pc .avatar{width:24px;height:24px} .pjh-pc.on{border-color:var(--c);background:color-mix(in srgb,var(--c) 14%,var(--card))} .pjh-pc:hover{border-color:var(--muted)}
.pjh-ring{flex:none;width:86px;height:86px;transform:rotate(-90deg)} .pjh-ring circle{fill:none;stroke-width:7} .pjh-ring .tr{stroke:var(--line)} .pjh-ring .vl{stroke:var(--c);stroke-linecap:round;transition:stroke-dasharray .6s}
.pjh-ring text{transform:rotate(90deg);transform-origin:32px 32px;fill:var(--ink);font:800 15px var(--font)}
.pjh-acts{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}
.pjb{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(260px,1fr);gap:12px;overflow-x:auto;padding-bottom:8px;align-items:start}
.pjc{display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:16px;border:1px solid var(--line);background:color-mix(in srgb,var(--card) 70%,transparent);min-height:120px}
.pjc-h{display:flex;align-items:center;gap:8px} .pjc-h b{flex:1;font-size:14px} .pjc-h small{font-size:12px;color:var(--faint);font-weight:700}
.pjc-n{display:grid;place-items:center;width:22px;height:22px;border-radius:7px;font-size:11.5px;font-weight:800;background:var(--card-2);color:var(--muted)}
.pjc-bar{display:block;height:4px;border-radius:99px;background:var(--line);overflow:hidden} .pjc-bar u{display:block;height:100%;background:var(--accent);border-radius:99px}
.pjc-vz{padding:14px 6px;text-align:center;font-size:12.5px;color:var(--faint)}
.pjc-add{display:flex;align-items:center;justify-content:center;gap:6px;padding:9px;border-radius:12px;border:1px dashed var(--line);background:none;color:var(--muted);font:700 12.5px var(--font);cursor:pointer}
.pjc-add svg{width:14px;height:14px} .pjc-add:hover{border-color:var(--accent);color:var(--accent)}
.pjt{display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:13px;border:1px solid var(--line);background:var(--card);cursor:pointer;transition:transform .15s,border-color .15s,box-shadow .15s}
.pjt:hover{transform:translateY(-2px);border-color:var(--muted);box-shadow:0 8px 20px rgba(0,0,0,.22)}
.pjt.e-feito{opacity:.62} .pjt.e-feito .pjt-t{text-decoration:line-through;text-decoration-color:var(--faint)}
.pjt.e-bloqueada{border-color:color-mix(in srgb,var(--bad) 45%,var(--line))}
.pjt-h{display:flex;align-items:center;justify-content:space-between;gap:8px}
.pjt-st{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:800;color:var(--muted)} .pjt-st i{width:7px;height:7px;border-radius:50%;background:var(--low)}
.pjt-st.ps-blue{color:var(--blue)} .pjt-st.ps-blue i{background:var(--blue)} .pjt-st.ps-bad{color:var(--bad)} .pjt-st.ps-bad i{background:var(--bad)} .pjt-st.ps-ok{color:var(--ok)} .pjt-st.ps-ok i{background:var(--ok)}
.pjt-pz{display:inline-flex;gap:4px;align-items:center;font-size:11px;font-weight:700;color:var(--faint)} .pjt-pz svg{width:11px;height:11px} .pjt-pz.atr{color:var(--bad)}
.pjt-t{font-size:13.5px;line-height:1.4}
.pjt-ped{display:flex;gap:6px;align-items:flex-start;padding:6px 8px;border-radius:9px;background:var(--warn-soft);color:var(--ink);font-size:12px;line-height:1.4} .pjt-ped svg{flex:none;width:13px;height:13px;margin-top:1px;color:var(--warn)}
.pjt-ped.ok{background:var(--ok-soft)} .pjt-ped.ok svg{color:var(--ok)}
.pjt-f{display:flex;align-items:center;gap:8px} .pjt-q{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700} .pjt-q .avatar{width:22px;height:22px}
.pjt-mv{margin-left:auto;display:flex;gap:3px;opacity:0;transition:opacity .15s} .pjt:hover .pjt-mv,.pjt:focus-within .pjt-mv{opacity:1}
.pjt-mv button{display:grid;place-items:center;width:26px;height:26px;border-radius:8px;border:1px solid var(--line);background:var(--card-2);color:var(--muted);cursor:pointer} .pjt-mv button:hover{color:var(--accent);border-color:var(--accent)} .pjt-mv svg{width:13px;height:13px}
@media (hover:none){.pjt-mv{opacity:1}}
.pj-precisa{padding:12px;margin:4px 0 12px;border-radius:12px;border:1px dashed color-mix(in srgb,var(--warn) 45%,var(--line));background:var(--warn-soft)}
.pj-precisa-t{display:flex;gap:6px;align-items:center;font-size:12.5px;font-weight:800;margin-bottom:8px} .pj-precisa-t svg{width:14px;height:14px;color:var(--warn)}
.pj-cores{display:flex;gap:8px;flex-wrap:wrap} .pj-cores label{cursor:pointer} .pj-cores input{position:absolute;opacity:0;pointer-events:none}
.pj-cores i{display:block;width:28px;height:28px;border-radius:9px;background:var(--c);border:2px solid transparent;box-shadow:0 0 0 1px var(--line)} .pj-cores input:checked+i{border-color:var(--card);box-shadow:0 0 0 2px var(--c)}
.pj-arq{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}
@media (max-width:640px){.pjh-t{flex-direction:column-reverse}.pjh-ring{width:70px;height:70px}.pjb{grid-auto-columns:minmax(240px,86%)}}
@media (max-width:640px){.pj-hero{flex-direction:column;align-items:stretch}.pj-hero>div{align-items:flex-start}.pj-hero .btn{justify-content:center}}

/* ===== documentos dos projetos ===== */
.pj-docs{margin-top:16px} .pj-docs h2{display:flex;align-items:center;gap:8px} .pj-docs h2 svg{width:17px;height:17px;color:var(--accent)}
.ax{display:flex;flex-direction:column;gap:10px}
.ax-l{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:8px}
.ax-i{display:flex;align-items:center;gap:6px;padding:8px;border-radius:12px;border:1px solid var(--line);background:var(--card);transition:border-color .15s}
.ax-i:hover{border-color:var(--muted)}
.ax-a{flex:1;min-width:0;display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none}
.ax-ic{flex:none;display:grid;place-items:center;width:38px;height:38px;border-radius:10px;font-size:10.5px;font-weight:800;letter-spacing:.04em;background:var(--card-2);color:var(--muted);border:1px solid var(--line)}
.ax-ic svg{width:16px;height:16px}
.ax-ic.t-pdf{background:var(--bad-soft);color:var(--bad)} .ax-ic.t-img{background:var(--blue-soft);color:var(--blue)} .ax-ic.t-doc{background:color-mix(in srgb,#2b7cd3 16%,transparent);color:#4d9be6}
.ax-ic.t-xls,.ax-ic.t-csv{background:var(--ok-soft);color:var(--ok)} .ax-ic.t-ppt{background:color-mix(in srgb,#d35230 16%,transparent);color:#e0703f} .ax-ic.t-link{background:var(--accent-soft);color:var(--accent)}
.ax-t{flex:1;min-width:0;display:flex;flex-direction:column} .ax-t b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .ax-t small{font-size:11.5px;color:var(--faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ax-x{flex:none;display:grid;place-items:center;width:28px;height:28px;border-radius:8px;border:0;background:none;color:var(--faint);cursor:pointer;opacity:0;transition:opacity .15s}
.ax-i:hover .ax-x{opacity:1} .ax-x:hover{color:var(--bad);background:var(--bad-soft)} .ax-x svg{width:14px;height:14px}
@media (hover:none){.ax-x{opacity:1}}
.ax-vz{padding:14px;border-radius:12px;border:1px dashed var(--line);text-align:center;font-size:12.5px;color:var(--faint)}
.ax-acts{display:flex;gap:8px;flex-wrap:wrap} .ax-up{cursor:pointer}
.ax-lk{display:flex;gap:6px;flex-wrap:wrap} .ax-lk input{flex:1;min-width:160px}
.ax-n{font-size:11.5px}
.pj-tdocs{margin-top:14px;padding-top:12px;border-top:1px solid var(--line)} .pj-tdocs>b{display:flex;align-items:center;gap:7px;font-size:13px;margin-bottom:10px} .pj-tdocs>b svg{width:15px;height:15px;color:var(--accent)}
.pj-tdocs .ax-l{grid-template-columns:1fr}
.pjt-ax{display:inline-flex;align-items:center;gap:3px;font-size:11.5px;font-weight:700;color:var(--muted)} .pjt-ax svg{width:12px;height:12px}

/* ===== projetos v2: colunas, tarefas e documentos ===== */
.pjb{align-items:stretch;gap:14px;padding:2px 2px 10px;scroll-snap-type:x proximity}
.pjc{scroll-snap-align:start;gap:10px;padding:0 0 12px;overflow:hidden;border-radius:18px;
  background:linear-gradient(180deg,color-mix(in srgb,var(--c,var(--accent)) 7%,var(--card)),color-mix(in srgb,var(--card) 55%,transparent) 120px)}
.pjc-h{padding:14px 14px 0} .pjc-h b{font-size:14.5px;font-weight:800}
.pjc-h small{padding:2px 8px;border-radius:99px;background:var(--card-2);border:1px solid var(--line)}
.pjc-n{width:26px;height:26px;border-radius:9px;background:color-mix(in srgb,var(--c,var(--accent)) 16%,var(--card-2));color:var(--c,var(--accent));border:1px solid color-mix(in srgb,var(--c,var(--accent)) 35%,transparent)}
.pjc-n svg{width:14px;height:14px}
.pjc.completa .pjc-n{background:var(--ok);color:var(--accent-ink);border-color:var(--ok)}
.pjc.completa{border-color:color-mix(in srgb,var(--ok) 35%,var(--line))}
.pjc-bar{margin:0 14px;height:5px} .pjc-bar u{background:linear-gradient(90deg,var(--c,var(--accent)),color-mix(in srgb,var(--c,var(--accent)) 60%,#fff))}
.pjc>.pjt,.pjc>.pjc-vz,.pjc>.pjc-add{margin:0 12px}
.pjc-vz{display:flex;flex-direction:column;align-items:center;gap:8px;padding:22px 10px;border-radius:13px;border:1px dashed var(--line)}
.pjc-vz svg{width:20px;height:20px;color:var(--faint);opacity:.7}
.pjc-add{margin-top:auto!important}
.pjt{position:relative;padding:13px 13px 12px 15px;border-radius:14px;overflow:hidden;background:linear-gradient(180deg,var(--card-2),var(--card))}
.pjt::before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:0 3px 3px 0;background:var(--low)}
.pjt.e-em_curso::before{background:var(--blue)} .pjt.e-bloqueada::before{background:var(--bad)} .pjt.e-feito::before{background:var(--ok)}
.pjt.e-bloqueada{background:linear-gradient(180deg,color-mix(in srgb,var(--bad) 7%,var(--card-2)),var(--card))}
.pjt:hover{transform:translateY(-3px);box-shadow:0 12px 26px rgba(0,0,0,.28)}
body.light .pjt:hover{box-shadow:0 12px 24px rgba(20,40,30,.12)}
.pjt-t{font-size:14px;font-weight:700}
.pjt-st{padding:3px 8px 3px 7px;border-radius:99px;background:var(--card-2);border:1px solid var(--line)}
.pjt-st.ps-blue{background:var(--blue-soft);border-color:transparent} .pjt-st.ps-bad{background:var(--bad-soft);border-color:transparent} .pjt-st.ps-ok{background:var(--ok-soft);border-color:transparent}
.pjt-pz{padding:3px 8px;border-radius:99px;background:var(--card-2)} .pjt-pz.atr{background:var(--bad-soft)}
.pjt-ped{gap:9px;align-items:center;padding:8px 10px;border-radius:11px;background:linear-gradient(90deg,var(--warn-soft),color-mix(in srgb,var(--warn) 4%,transparent));border:1px solid color-mix(in srgb,var(--warn) 25%,transparent)}
.pjt-ped-q .avatar{width:26px;height:26px} .pjt-ped>span:last-child{display:flex;flex-direction:column;gap:1px;min-width:0}
.pjt-ped em{font-style:normal;font-size:10.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--warn)}
.pjt-f{padding-top:9px;border-top:1px dashed var(--line)} .pjt-q .avatar{width:26px;height:26px}
.pjt-ax{padding:2px 7px;border-radius:99px;background:var(--card-2);border:1px solid var(--line)}
/* documentos */
.pj-docs .ax{padding:14px;border-radius:16px;border:1.5px dashed var(--line);background:color-mix(in srgb,var(--card-2) 50%,transparent);transition:border-color .15s,background .15s}
.ax.arrasta{border-color:var(--accent);background:var(--accent-soft)}
.ax-l{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px}
.ax-i{padding:10px;border-radius:14px;background:linear-gradient(180deg,var(--card-2),var(--card));transition:transform .15s,border-color .15s,box-shadow .15s}
.ax-i:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(0,0,0,.24)}
.ax-ic{width:44px;height:44px;border-radius:12px;font-size:11px}
.ax-t b{font-size:13.5px}
.ax-n{display:inline-flex;align-items:center;gap:6px} .ax-n svg{width:12px;height:12px}
.pj-tdocs .ax{padding:10px;border-radius:14px;border:1.5px dashed var(--line)}
.top a.crumb{text-decoration:none;transition:color .15s} .top a.crumb:hover{color:var(--accent);text-decoration:underline}
.pj-voltar{display:inline-flex;align-items:center;gap:7px;margin:0 0 12px;padding:6px 12px 6px 9px;border-radius:99px;border:1px solid var(--line);background:var(--card);color:var(--muted);font-size:13px;font-weight:700;text-decoration:none;transition:color .15s,border-color .15s,transform .15s}
.pj-voltar svg{width:15px;height:15px} .pj-voltar:hover{color:var(--ink);border-color:var(--muted);transform:translateX(-2px)}
/* pedido já tratado: foto com visto verde, texto riscado de leve */
.pjt-ped.ok{background:linear-gradient(90deg,var(--ok-soft),color-mix(in srgb,var(--ok) 3%,transparent));border-color:color-mix(in srgb,var(--ok) 28%,transparent)}
.pjt-ped.ok em{color:var(--ok)} .pjt-ped.ok>span:last-child{color:var(--muted)}
.pjt-ped-q{position:relative;flex:none;display:inline-flex}
.pjt-ped.ok .pjt-ped-q i{position:absolute;right:-4px;bottom:-3px;display:grid;place-items:center;width:15px;height:15px;border-radius:50%;background:var(--ok);color:var(--accent-ink);box-shadow:0 0 0 2px var(--card)}
.pjt-ped.ok .pjt-ped-q i svg{width:9px;height:9px;color:currentColor;margin:0}

/* ===== janelas: botão Fechar no topo ===== */
.modal .card{position:relative}
.md-x{position:absolute;top:14px;right:14px;display:inline-flex;align-items:center;gap:5px;padding:5px 10px 5px 8px;border-radius:99px;border:1px solid var(--line);background:var(--card-2);color:var(--muted);font:700 12px var(--font);cursor:pointer;z-index:2}
.md-x svg{width:13px;height:13px} .md-x:hover{color:var(--ink);border-color:var(--muted)}
.modal .card>h2{padding-right:96px}
/* ===== sino e notificações ===== */
.sino{position:relative;display:grid;place-items:center;width:38px;height:38px;margin-right:10px;border-radius:12px;border:1px solid var(--line);background:var(--card);color:var(--muted);cursor:pointer;transition:color .15s,border-color .15s}
.sino svg{width:18px;height:18px} .sino:hover{color:var(--ink);border-color:var(--muted)}
.sino .nb,#lzSino .nb{position:absolute;top:-6px;right:-6px;min-width:19px;height:19px;padding:0 5px;border-radius:99px;display:grid;place-items:center;font:800 10.5px var(--font);background:var(--bad);color:#fff;box-shadow:0 0 0 2px var(--bg);animation:nbPop .4s cubic-bezier(.3,1.6,.6,1)}
#lzSino{position:relative}
@keyframes nbPop{from{transform:scale(.4)}to{transform:none}}
.nt-p{position:fixed;top:64px;right:16px;z-index:96;width:min(400px,calc(100vw - 32px));max-height:min(560px,calc(100vh - 90px));display:flex;flex-direction:column;border-radius:18px;border:1px solid var(--line);background:linear-gradient(180deg,var(--card-2),var(--card));box-shadow:0 30px 80px rgba(0,0,0,.5);overflow:hidden;animation:ntIn .18s ease-out}
body.light .nt-p{box-shadow:0 24px 60px rgba(20,40,30,.18)}
@keyframes ntIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.nt-h{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:14px 16px;border-bottom:1px solid var(--line)} .nt-h b{font-size:15px}
.nt-c{font-size:11.5px;font-weight:800;padding:2px 8px;border-radius:99px;background:var(--bad-soft);color:var(--bad)} .nt-c.ok{background:var(--ok-soft);color:var(--ok)}
.nt-todas{margin-left:auto;display:inline-flex;align-items:center;gap:5px;border:0;background:none;color:var(--accent);font:700 12px var(--font);cursor:pointer} .nt-todas svg{width:13px;height:13px}
.nt-l{overflow-y:auto;padding:6px}
.nt{position:relative;display:flex;gap:11px;align-items:flex-start;padding:10px;border-radius:12px;color:var(--ink);text-decoration:none} .nt:hover{background:var(--card-2)}
.nt.nova{background:color-mix(in srgb,var(--accent) 6%,transparent)}
.nt-ic{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--card-2)} .nt-ic svg{width:16px;height:16px}
.nt-ic.c-blue{background:var(--blue-soft);color:var(--blue)} .nt-ic.c-warn{background:var(--warn-soft);color:var(--warn)} .nt-ic.c-ok{background:var(--ok-soft);color:var(--ok)} .nt-ic.c-bad{background:var(--bad-soft);color:var(--bad)}
.nt-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px} .nt-t b{font-size:13px;font-weight:600;line-height:1.4} .nt.nova .nt-t b{font-weight:800} .nt-t small{font-size:11.5px;color:var(--faint)}
.nt>i{flex:none;width:8px;height:8px;margin-top:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
.nt-vz{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:34px 22px;color:var(--muted);font-size:12.5px;line-height:1.5}
.nt-vz svg{width:26px;height:26px;padding:10px;box-sizing:content-box;border-radius:14px;background:var(--ok-soft);color:var(--ok)} .nt-vz b{color:var(--ink);font-size:14px}
/* ===== projetos: ativos / fechados, prazo ===== */
.pj-tabs{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 14px}
.pj-tabs a{display:inline-flex;align-items:center;gap:7px;padding:7px 13px;border-radius:99px;border:1px solid var(--line);background:var(--card);color:var(--muted);font-size:13px;font-weight:700;text-decoration:none}
.pj-tabs a svg{width:14px;height:14px} .pj-tabs a b{padding:1px 7px;border-radius:99px;background:var(--card-2);font-size:11.5px;color:var(--ink)}
.pj-tabs a.on{color:var(--ink);border-color:var(--accent);background:linear-gradient(90deg,var(--accent-soft),transparent),var(--card)} .pj-tabs a.on b{background:var(--accent);color:var(--accent-ink)}
.pj-tabs .faint{font-size:12px}
.pj-prazo{gap:8px;padding:4px 10px 4px 4px;border-radius:12px;border:1px solid var(--line);background:var(--card-2)}
.pz-d{display:flex;flex-direction:column;align-items:center;justify-content:center;width:32px;height:32px;border-radius:9px;background:var(--card);border:1px solid var(--line);line-height:1}
.pz-d b{font-size:13px;font-weight:800;color:var(--ink)} .pz-d small{font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}
.pz-t{font-size:11.5px;font-weight:700}
.pj-prazo.longe .pz-t{color:var(--muted)} .pj-prazo.perto{border-color:color-mix(in srgb,var(--warn) 40%,var(--line))} .pj-prazo.perto .pz-t{color:var(--warn)} .pj-prazo.perto .pz-d{border-color:color-mix(in srgb,var(--warn) 45%,var(--line))}
.pj-prazo.atr{border-color:color-mix(in srgb,var(--bad) 45%,var(--line));background:var(--bad-soft)} .pj-prazo.atr .pz-t{color:var(--bad)} .pj-prazo.atr .pz-d{border-color:color-mix(in srgb,var(--bad) 45%,var(--line))} .pj-prazo.atr .pz-d b{color:var(--bad)}
.pj-prazo.fech{padding:5px 10px;color:var(--ok);background:var(--ok-soft);border-color:transparent} .pj-prazo.fech svg{width:13px;height:13px}
.pjh-fech{display:flex;align-items:center;gap:10px;margin-top:14px;padding:10px 14px;border-radius:12px;background:var(--ok-soft);color:var(--ink);font-size:13px}
.pjh-fech svg{width:17px;height:17px;color:var(--ok)}

/* ===== projeto: cartão da pessoa escolhida ===== */
.pj-spot{display:grid;grid-template-columns:auto 1fr;gap:14px 22px;align-items:center;margin-bottom:16px;padding:18px 20px;border-radius:18px;border:1px solid color-mix(in srgb,var(--c) 40%,var(--line));
  background:radial-gradient(90% 140% at 0% 0%,color-mix(in srgb,var(--c) 16%,transparent),transparent 60%),var(--card);animation:vlEntra .35s ease-out both}
.pj-spot-p{display:flex;align-items:center;gap:14px} .pj-spot-p .avatar{width:58px;height:58px;box-shadow:0 0 0 3px var(--card),0 0 0 5px var(--c)}
.pj-spot-p>div{display:flex;flex-direction:column;gap:2px} .pj-spot-p small{font-size:10.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--c)} .pj-spot-p b{font-size:18px;font-weight:800} .pj-spot-p span{font-size:12.5px;color:var(--muted)}
.pj-spot-x{display:none}
.pj-spot-k{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.pj-spot-k>div{padding:9px 12px;border-radius:12px;background:var(--card-2);border:1px solid var(--line);display:flex;flex-direction:column}
.pj-spot-k b{font-size:20px;font-weight:800;line-height:1.1} .pj-spot-k span{font-size:11.5px;color:var(--muted)}
.pj-spot-k .c-blue b{color:var(--blue)} .pj-spot-k .c-bad b{color:var(--bad)} .pj-spot-k .c-ok b{color:var(--ok)}
.pj-spot-ped{grid-column:1/-1;display:flex;flex-direction:column;gap:6px}
.pj-spot-ped span{display:flex;gap:8px;align-items:flex-start;padding:8px 11px;border-radius:10px;font-size:12.5px;line-height:1.45}
.pj-spot-ped span svg{flex:none;width:14px;height:14px;margin-top:2px} .pj-spot-ped .in{background:var(--warn-soft)} .pj-spot-ped .in svg{color:var(--warn)} .pj-spot-ped .out{background:var(--blue-soft)} .pj-spot-ped .out svg{color:var(--blue)}
.pj-spot-a{grid-column:1/-1;display:flex;gap:8px;flex-wrap:wrap}
.pjh-pc{transition:transform .15s,border-color .15s,background .15s} .pjh-pc:hover{transform:translateY(-1px)}
.pjh-pc.on{box-shadow:0 0 0 3px color-mix(in srgb,var(--c) 18%,transparent)}
@media (max-width:760px){.pj-spot{grid-template-columns:1fr}.pj-spot-k{grid-template-columns:repeat(2,minmax(0,1fr))}}
.pj-sec{margin-bottom:16px} .pj-sec h2{display:flex;align-items:center;gap:8px} .pj-sec h2 svg{width:17px;height:17px;color:var(--accent)} .pj-sec[data-pj-sec=fechados] h2 svg{color:var(--ok)}
.pj-sec.min .pj-sec-b{display:none} .pj-sec .box-h .r{margin-left:auto}

/* ===== projeto: topo, conversa ===== */
.pj-topo{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px} .pj-topo .pj-voltar{margin:0}
.pj-fbtn{display:inline-flex;align-items:center;gap:7px;padding:7px 14px 7px 11px;border-radius:99px;border:1px solid color-mix(in srgb,var(--ok) 45%,var(--line));background:var(--ok-soft);color:var(--ok);font:800 13px var(--font);cursor:pointer;transition:transform .15s,background .15s}
.pj-fbtn svg{width:15px;height:15px} .pj-fbtn:hover{transform:translateY(-1px);background:color-mix(in srgb,var(--ok) 22%,transparent)}
.pj-fbtn.reab{border-color:var(--line);background:var(--card);color:var(--muted)} .pj-fbtn.reab:hover{color:var(--ink)}
.pj-chat{margin-top:16px} .pj-chat h2{display:flex;align-items:center;gap:8px} .pj-chat h2 svg{width:17px;height:17px;color:var(--blue)}
.ch-l{display:flex;flex-direction:column;gap:2px;max-height:440px;overflow-y:auto;padding:6px 4px 10px;border-radius:14px;background:color-mix(in srgb,var(--card-2) 45%,transparent)}
.ch-dia{display:flex;justify-content:center;margin:12px 0 8px} .ch-dia span{padding:3px 10px;border-radius:99px;background:var(--card-2);border:1px solid var(--line);font-size:11px;font-weight:700;color:var(--muted);text-transform:capitalize}
.ch-m{display:flex;align-items:flex-end;gap:8px;margin-top:8px;max-width:78%} .ch-m.cont{margin-top:2px}
.ch-av{flex:none;width:30px} .ch-av .avatar{width:30px;height:30px}
.ch-b{position:relative;padding:8px 12px 6px;border-radius:16px 16px 16px 5px;background:var(--card);border:1px solid var(--line)}
.ch-b small{display:block;font-size:11.5px;font-weight:800;color:var(--accent);margin-bottom:2px}
.ch-b p{margin:0;font-size:13.5px;line-height:1.5;overflow-wrap:anywhere} .ch-b time{display:block;text-align:right;font-size:10.5px;color:var(--faint);margin-top:2px}
.ch-m.meu{align-self:flex-end;flex-direction:row-reverse} .ch-m.meu .ch-b{border-radius:16px 16px 5px 16px;background:linear-gradient(135deg,var(--accent),var(--accent-dim));border-color:transparent;color:var(--accent-ink)}
.ch-m.meu .ch-b time{color:color-mix(in srgb,var(--accent-ink) 65%,transparent)}
.ch-men{color:var(--accent);font-weight:800} .ch-m.meu .ch-men{color:var(--accent-ink);text-decoration:underline}
.ch-vz{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:28px 16px;color:var(--muted);font-size:12.5px;line-height:1.5}
.ch-vz svg{width:24px;height:24px;padding:10px;box-sizing:content-box;border-radius:14px;background:var(--blue-soft);color:var(--blue)} .ch-vz b{color:var(--ink);font-size:14px} .ch-vz em{font-style:normal;font-weight:800;color:var(--accent)}
.ch-f{display:flex;gap:8px;align-items:flex-end;margin-top:10px;padding:6px;border-radius:16px;border:1px solid var(--line);background:var(--card)}
.ch-f:focus-within{border-color:color-mix(in srgb,var(--accent) 55%,var(--line))}
.ch-f textarea{flex:1;border:0;background:transparent;resize:none;min-height:40px;max-height:140px;box-shadow:none} .ch-f textarea:focus{outline:none;box-shadow:none}
.ch-f .btn{width:42px;height:42px;padding:0;justify-content:center;border-radius:12px}
/* ===== lista de projetos: visual e arrastar ===== */
.pj-sec{position:relative;border-radius:20px;transition:border-color .2s,background .2s,box-shadow .2s}
.pj-sec .box-h{padding-bottom:4px} .pj-sec h2{font-size:17px}
.pj-sec .box-h .n{display:inline-flex;align-items:center;padding:3px 10px;border-radius:99px;background:var(--card-2);border:1px solid var(--line);font-size:11.5px}
.pj-sec[data-pj-sec=ativos]{background:radial-gradient(100% 60% at 0% 0%,color-mix(in srgb,var(--accent) 7%,transparent),transparent 60%),var(--card)}
.pj-sec[data-pj-sec=fechados]{background:radial-gradient(100% 60% at 0% 0%,color-mix(in srgb,var(--ok) 6%,transparent),transparent 60%),var(--card)}
body.pj-dnd .pj-sec{border-style:dashed}
.pj-sec.alvo{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft) inset} .pj-sec[data-pj-sec=fechados].alvo{border-color:var(--ok);background:linear-gradient(135deg,var(--ok-soft),transparent),var(--card)}
.pj-sec.alvo .pj-sec-b{display:block!important}
.pj-sec.alvo::after{content:attr(data-alvo);position:absolute;inset:auto 18px 14px auto;font-size:12px;font-weight:800;color:var(--ok)}
.pj-sec[data-pj-sec=fechados].alvo::after{content:"Larga aqui para fechar"} .pj-sec[data-pj-sec=ativos].alvo::after{content:"Larga aqui para reabrir";color:var(--accent)}
.pj-card{cursor:grab} .pj-card:active{cursor:grabbing}
.pj-card.a-arrastar{opacity:.45;transform:scale(.97) rotate(-1deg)}
.pj-card.fechado{filter:saturate(.6)} .pj-card.fechado::before{background:var(--ok)}
.pj-card::after{content:"";position:absolute;right:-40px;top:-40px;width:120px;height:120px;border-radius:50%;border:1px dashed color-mix(in srgb,var(--c) 25%,transparent);pointer-events:none}
.pj-card-h b{font-size:16.5px}
.pj-fases i{height:7px;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c) 15%,transparent)}
.pj-pes{position:relative;overflow:hidden;background:radial-gradient(120% 120% at 0% 0%,color-mix(in srgb,var(--accent) 6%,transparent),transparent 60%),var(--card)}
.pj-pes .avatar{width:44px;height:44px}

/* ===== confirmação no meio do ecrã ===== */
.cf-bg{position:fixed;inset:0;z-index:120;display:grid;place-items:center;padding:20px;background:rgba(5,8,6,.62);backdrop-filter:blur(6px);animation:cfFundo .18s ease-out}
body.light .cf-bg{background:rgba(30,40,35,.32)}
.cf-bg.leve{background:rgba(5,8,6,.35)}
.cf-bg.sai{animation:cfFundo .16s ease-in reverse forwards}
.cf{--t:var(--ok);position:relative;width:min(420px,100%);padding:28px 26px 22px;border-radius:22px;text-align:center;border:1px solid color-mix(in srgb,var(--t) 30%,var(--line));
  background:radial-gradient(120% 70% at 50% 0%,color-mix(in srgb,var(--t) 14%,transparent),transparent 65%),linear-gradient(180deg,var(--card-2),var(--card));box-shadow:0 40px 90px rgba(0,0,0,.55);animation:cfEntra .28s cubic-bezier(.2,1.2,.3,1)}
.cf.t-bad{--t:var(--bad)} .cf.t-warn{--t:var(--warn)}
.cf-ic{display:grid;place-items:center;width:62px;height:62px;margin:0 auto 14px;border-radius:20px;background:color-mix(in srgb,var(--t) 16%,transparent);color:var(--t);box-shadow:0 0 0 8px color-mix(in srgb,var(--t) 6%,transparent)}
.cf-ic svg{width:28px;height:28px}
.cf h3{margin:0 0 8px;font-size:19px;font-weight:800;line-height:1.3;overflow-wrap:anywhere} .cf p{margin:0 auto;max-width:330px;font-size:13.5px;line-height:1.55;color:var(--muted)} .cf p b{color:var(--ink)}
.cf-a{display:flex;gap:10px;justify-content:center;margin-top:22px} .cf-a .btn{min-width:130px;justify-content:center}
.btn-bad{background:var(--bad);color:#fff;border-color:var(--bad)} .btn-bad:hover{filter:brightness(1.08)}
.cf.cel .cf-ic{animation:cfPop .5s cubic-bezier(.3,1.6,.6,1)}
.cf-conf{position:absolute;inset:0;pointer-events:none;border-radius:22px;background:radial-gradient(circle at 20% 30%,var(--ok) 0 3px,transparent 4px),radial-gradient(circle at 80% 25%,var(--warn) 0 3px,transparent 4px),radial-gradient(circle at 70% 75%,var(--blue) 0 3px,transparent 4px),radial-gradient(circle at 25% 80%,#f472b6 0 3px,transparent 4px);opacity:.8;animation:cfConf 1.4s ease-out both}
@keyframes cfFundo{from{opacity:0}to{opacity:1}}
@keyframes cfEntra{from{opacity:0;transform:translateY(10px) scale(.96)}to{opacity:1;transform:none}}
@keyframes cfPop{from{transform:scale(.3)}to{transform:none}}
@keyframes cfConf{from{opacity:0;transform:scale(.6)}40%{opacity:.9}to{opacity:0;transform:scale(1.25)}}
@media (prefers-reduced-motion:reduce){.cf,.cf-bg,.cf.cel .cf-ic,.cf-conf{animation:none}}
/* animações de entrada sem começar invisíveis (se não correrem, o conteúdo vê-se na mesma) */
@keyframes cfFundo{from{background-color:rgba(5,8,6,0)}to{}}
@keyframes cfEntra{from{transform:translateY(10px) scale(.96)}to{transform:none}}
@keyframes ntIn{from{transform:translateY(-6px)}to{transform:none}}
@keyframes vlEntra{from{transform:translateY(8px)}to{transform:none}}
.cf-bg.sai{animation:none;opacity:0;transition:opacity .15s}
/* cartão de projeto: fundo limpo (só a faixa de cor em cima) */
.pj-card{background:var(--card)} .pj-card::after{display:none}
.pj-card:hover{background:var(--card-2)}
.pj-sec[data-pj-sec=ativos],.pj-sec[data-pj-sec=fechados]{background:var(--card)}
/* ===== painel da pessoa nos projetos (abre ao clicar no cartão) ===== */
.pj-pes{cursor:pointer} .pj-pes.on{box-shadow:0 0 0 1px var(--accent),0 10px 30px color-mix(in srgb,var(--accent) 18%,transparent)}
.pjf{margin:4px 0 18px;padding:18px;border-radius:20px;border:1px solid color-mix(in srgb,var(--accent) 28%,var(--line));background:var(--card);animation:pjfEntra .28s cubic-bezier(.2,1,.3,1)}
.pjf-h{display:flex;align-items:center;gap:14px;flex-wrap:wrap;position:relative;padding-right:36px}
.pjf-h .avatar{width:56px;height:56px;flex:none;box-shadow:0 0 0 2px var(--accent)}
.pjf-n{display:flex;flex-direction:column;min-width:140px;flex:1} .pjf-n small{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--accent)} .pjf-n b{font-size:18px} .pjf-n span{font-size:12.5px;color:var(--muted)}
.pjf-k{display:flex;gap:8px;flex-wrap:wrap} .pjf-k div{min-width:72px;padding:8px 12px;border-radius:12px;background:var(--card-2);text-align:center} .pjf-k b{display:block;font-size:18px} .pjf-k span{font-size:11px;color:var(--muted)}
.pjf-k .c-blue b{color:var(--blue)} .pjf-k .c-bad b{color:var(--bad)} .pjf-k .c-warn b{color:var(--warn)}
.pjf-x{position:absolute;right:0;top:0;display:grid;place-items:center;width:30px;height:30px;border-radius:10px;color:var(--muted);border:1px solid var(--line)} .pjf-x:hover{color:var(--ink);border-color:var(--muted)} .pjf-x svg{width:14px;height:14px}
.pjf-l{display:flex;flex-direction:column;gap:6px;margin-top:16px}
.pjf-t{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;border:1px solid var(--line);color:var(--ink);text-decoration:none;transition:border-color .15s,transform .15s}
.pjf-t:hover{border-color:var(--c);transform:translateX(3px)} .pjf-t>i{width:4px;align-self:stretch;border-radius:4px;background:var(--c);flex:none}
.pjf-t>span{flex:1;min-width:0;display:flex;flex-direction:column} .pjf-t b{font-size:13.5px} .pjf-t small{font-size:11.5px;color:var(--muted)}
.pjf-t em{font-style:normal;font-size:11px;font-weight:700;padding:3px 9px;border-radius:99px;background:var(--card-2);color:var(--muted);white-space:nowrap}
.pjf-t.e-em_curso em{color:var(--blue);background:color-mix(in srgb,var(--blue) 14%,transparent)} .pjf-t.e-bloqueada em{color:var(--bad);background:color-mix(in srgb,var(--bad) 14%,transparent)}
.pjf-t>svg{width:14px;height:14px;color:var(--muted);flex:none}
.pjf-vz{display:flex;align-items:center;gap:8px;margin-top:14px;padding:12px;border-radius:12px;background:var(--card-2);font-size:13px;color:var(--muted)} .pjf-vz svg{width:16px;height:16px;color:var(--ok)}
.pjf-peds{display:flex;flex-direction:column;gap:6px;margin-top:10px}
.pjf-ped{display:flex;gap:10px;align-items:flex-start;padding:9px 12px;border-radius:12px;font-size:13px;color:var(--ink);text-decoration:none;background:color-mix(in srgb,var(--warn) 9%,transparent)} .pjf-ped.out{background:color-mix(in srgb,var(--blue) 9%,transparent)}
.pjf-ped svg{width:15px;height:15px;flex:none;margin-top:2px;color:var(--warn)} .pjf-ped.out svg{color:var(--blue)} .pjf-ped small{display:block;font-size:11.5px;color:var(--muted)}
.pjf-a{display:flex;justify-content:flex-end;margin-top:12px}
@keyframes pjfEntra{from{transform:translateY(-6px)}to{transform:none}}
@media (max-width:640px){.pjf-k{width:100%} .pjf-k div{flex:1;min-width:0;padding:8px 6px}}
/* chip do prazo em verde (amarelo perto do fim, vermelho atrasado) */
.pj-prazo.longe{border-color:color-mix(in srgb,var(--accent) 35%,transparent);background:color-mix(in srgb,var(--accent) 10%,transparent)}
.pj-prazo.longe .pz-d{background:var(--accent);border-color:var(--accent)} .pj-prazo.longe .pz-d b,.pj-prazo.longe .pz-d small{color:#06140c}
.pj-prazo.longe .pz-t{color:var(--accent)}
.pj-prazo.perto{background:color-mix(in srgb,var(--warn) 10%,transparent)}
/* título das secções de projetos: só um número discreto ao lado */
.pj-sec .box-h{flex-wrap:nowrap;align-items:center}
.pj-sec .box-h h2{display:flex;align-items:center;gap:10px}
.pj-cnt{font-style:normal;display:inline-grid;place-items:center;min-width:24px;height:24px;padding:0 7px;border-radius:99px;font-size:12.5px;font-weight:800;background:var(--accent);color:#06140c}
.pj-sec[data-pj-sec=fechados] .pj-cnt{background:var(--card-2);color:var(--muted)}
.pj-sub{font-size:12px;color:var(--muted);margin-right:auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pj-sec .box-h .r{margin-left:auto;flex:none}
@media (max-width:640px){.pj-sub{display:none}}
.f-errlost{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:var(--warn)} .f-errlost svg{width:13px;height:13px}
/* Ativos vs Fechados com fundos diferentes (como online / offline) */
.pj-sec[data-pj-sec=ativos]{border-color:color-mix(in srgb,var(--accent) 30%,var(--line));background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 7%,var(--card)),var(--card) 140px)}
.pj-sec[data-pj-sec=fechados]{border:1px dashed var(--line);background:color-mix(in srgb,var(--bg) 60%,var(--card))}
.pj-sec[data-pj-sec=fechados] .box-h h2{color:var(--muted)} .pj-sec[data-pj-sec=fechados] .box-h h2 svg{color:var(--muted)}
.pj-card.fechado{background:transparent;filter:saturate(.35);opacity:.85} .pj-card.fechado:hover{filter:none;opacity:1}
.pj-card.fechado::before{background:var(--muted)}
.pj-limpar{color:var(--bad)} .pj-limpar:hover{background:var(--bad-soft);color:var(--bad)}
body.light .pj-sec[data-pj-sec=fechados]{background:#f1f3f2}
.pj-sec[data-pj-sec=fechados]{border-color:color-mix(in srgb,var(--muted) 40%,transparent)}
.chat-off ol li{font-size:12.5px} .chat-off ol b{display:inline;font-size:inherit;margin:0} .chat-off ol code{font-size:11.5px}
/* chat: problemas agora, com o botão para corrigir já */
.chat-prob{margin-top:12px;padding:12px;border-radius:14px;border:1px solid color-mix(in srgb,var(--bad) 35%,var(--line));background:color-mix(in srgb,var(--bad) 7%,var(--card))}
.chat-prob-h{display:flex;align-items:center;gap:8px;margin-bottom:8px} .chat-prob-h svg{width:16px;height:16px;flex:none;color:var(--bad)} .chat-prob-h b{font-size:13.5px} .chat-prob-h small{margin-left:auto;font-size:11px;font-weight:700;color:var(--bad);text-transform:uppercase;letter-spacing:.04em}
.chat-prob-i{display:flex;align-items:center;gap:8px;padding:8px 0;border-top:1px solid var(--line)}
.chat-prob-i>span{flex:1;min-width:0;display:flex;flex-direction:column} .chat-prob-i b{font-size:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .chat-prob-i small{font-size:11.5px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.chat-prob-i .btn{flex:none} .chat-prob-i .btn svg{width:13px;height:13px}
.chat-prob-m{display:flex;align-items:center;gap:6px;justify-content:center;padding-top:8px;border-top:1px solid var(--line);font-size:12.5px;font-weight:700;color:var(--bad);text-decoration:none} .chat-prob-m svg{width:13px;height:13px}
.chat-off ol{margin:8px 0 10px;padding-left:18px;line-height:1.6;color:var(--muted)}
.chat-prob-i a.btn{text-decoration:none}
/* marca WTO NEXUS + slogan */
.side .prod{font-size:13px;font-weight:900;letter-spacing:.22em}
.side .prod small{display:block;margin-top:4px;font-size:10.5px;font-weight:600;letter-spacing:.02em;text-transform:none;color:var(--muted)}
.lg-slogan{letter-spacing:.02em}
.side .prod small,.lg-slogan{color:var(--accent);font-style:italic}
.side .prod{margin-top:12px}
/* ===== barra de cima: procurar, dia/noite, sino, definições, utilizador ===== */
.top-busca{display:flex;align-items:center;gap:10px;flex:1;max-width:460px;margin-left:18px;height:40px;padding:0 10px 0 14px;border-radius:12px;border:1px solid var(--line);background:var(--card);color:var(--muted);font:inherit;font-size:13px;cursor:pointer;transition:border-color .15s,background .15s}
.top-busca:hover{border-color:color-mix(in srgb,var(--accent) 45%,var(--line));color:var(--ink)}
.top-busca svg{width:16px;height:16px;flex:none} .top-busca span{flex:1;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.top-busca kbd{font:700 10.5px var(--mono);padding:2px 6px;border-radius:6px;border:1px solid var(--line);background:var(--card-2);color:var(--muted)}
.top-ic{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;border:0;background:transparent;color:var(--muted);cursor:pointer;transition:background .15s,color .15s}
.top-ic:hover{background:var(--card-2);color:var(--ink)} .top-ic svg{width:19px;height:19px}
.top-sep{width:1px;height:28px;background:var(--line);margin:0 4px}
.top-me{display:flex;align-items:center;gap:10px;padding:4px 10px 4px 4px;border-radius:12px;color:var(--ink);text-decoration:none;transition:background .15s}
.top-me:hover{background:var(--card-2)} .top-me .avatar{width:34px;height:34px}
.top-me span{display:flex;flex-direction:column;line-height:1.2} .top-me b{font-size:13px;white-space:nowrap} .top-me small{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}
@media (max-width:1100px){.top-busca span{display:none} .top-busca{flex:0 0 auto;max-width:none} .top-busca kbd{display:none} .top-me span{display:none}}
@media (max-width:640px){.top-busca{margin-left:auto;width:38px;padding:0;justify-content:center;border:0;background:transparent} .top-sep,#topTema,#topCfg{display:none} .top .r{margin-left:4px}}
.top-me{flex:none} .top-me .avatar{flex:none;display:inline-grid}
.pj-hero-ic.pj-hero-art{width:64px;height:64px;padding:0;background:none;border-radius:16px;box-shadow:0 10px 30px rgba(52,213,127,.18)} .pj-hero-ic.pj-hero-art svg{width:64px;height:64px} @media (prefers-reduced-motion:reduce){.pj-hero-art animateMotion{display:none}}
.lz-ic.lz-art{width:40px;height:40px;padding:0;background:none;border-radius:11px;box-shadow:0 6px 18px rgba(245,184,61,.18)} .lz-ic.lz-art svg{width:40px;height:40px} @media (prefers-reduced-motion:reduce){.lz-art animate,.lz-art animateTransform{display:none}}

/* ===== ícones em quadrado com acabamento tecnológico (grelha de circuito, brilho e contorno na cor do ícone) ===== */
.sv2-ic:not(.lz-art):not(.pj-hero-art),.lz-ic:not(.lz-art):not(.pj-hero-art),.ax-ic:not(.lz-art):not(.pj-hero-art),.tl-ic:not(.lz-art):not(.pj-hero-art),.nt-ic:not(.lz-art):not(.pj-hero-art),.fx-sti-ic:not(.lz-art):not(.pj-hero-art),.dp-ic:not(.lz-art):not(.pj-hero-art),.cl-ic:not(.lz-art):not(.pj-hero-art),.vl-ic:not(.lz-art):not(.pj-hero-art),.cf-ic:not(.lz-art):not(.pj-hero-art),.atn-ic:not(.lz-art):not(.pj-hero-art),.vl2-st-ic:not(.lz-art):not(.pj-hero-art),.inc-ic:not(.lz-art):not(.pj-hero-art),.dp-vz-ic:not(.lz-art):not(.pj-hero-art),.vl2-ic:not(.lz-art):not(.pj-hero-art),.sv-down-ic:not(.lz-art):not(.pj-hero-art),.rs-ic:not(.lz-art):not(.pj-hero-art),.lc-ic:not(.lz-art):not(.pj-hero-art),.inc-vz-ic:not(.lz-art):not(.pj-hero-art),.fx-pick-ic:not(.lz-art):not(.pj-hero-art),.ex-ic:not(.lz-art):not(.pj-hero-art),.dk-ic:not(.lz-art):not(.pj-hero-art),.dd-ic:not(.lz-art):not(.pj-hero-art),.ck-ic:not(.lz-art):not(.pj-hero-art),.st-ic:not(.lz-art):not(.pj-hero-art),.pj-hero-ic:not(.lz-art):not(.pj-hero-art){position:relative;overflow:hidden;background-image:radial-gradient(circle at 50% 115%,color-mix(in srgb,currentColor 38%,transparent),transparent 70%),repeating-linear-gradient(0deg,color-mix(in srgb,currentColor 9%,transparent) 0 1px,transparent 1px 6px),repeating-linear-gradient(90deg,color-mix(in srgb,currentColor 9%,transparent) 0 1px,transparent 1px 6px);box-shadow:inset 0 0 0 1px color-mix(in srgb,currentColor 38%,transparent),inset 0 1px 0 rgba(255,255,255,.07),0 6px 16px -6px color-mix(in srgb,currentColor 55%,transparent)}
.sv2-ic:not(.lz-art):not(.pj-hero-art) svg,.lz-ic:not(.lz-art):not(.pj-hero-art) svg,.ax-ic:not(.lz-art):not(.pj-hero-art) svg,.tl-ic:not(.lz-art):not(.pj-hero-art) svg,.nt-ic:not(.lz-art):not(.pj-hero-art) svg,.fx-sti-ic:not(.lz-art):not(.pj-hero-art) svg,.dp-ic:not(.lz-art):not(.pj-hero-art) svg,.cl-ic:not(.lz-art):not(.pj-hero-art) svg,.vl-ic:not(.lz-art):not(.pj-hero-art) svg,.cf-ic:not(.lz-art):not(.pj-hero-art) svg,.atn-ic:not(.lz-art):not(.pj-hero-art) svg,.vl2-st-ic:not(.lz-art):not(.pj-hero-art) svg,.inc-ic:not(.lz-art):not(.pj-hero-art) svg,.dp-vz-ic:not(.lz-art):not(.pj-hero-art) svg,.vl2-ic:not(.lz-art):not(.pj-hero-art) svg,.sv-down-ic:not(.lz-art):not(.pj-hero-art) svg,.rs-ic:not(.lz-art):not(.pj-hero-art) svg,.lc-ic:not(.lz-art):not(.pj-hero-art) svg,.inc-vz-ic:not(.lz-art):not(.pj-hero-art) svg,.fx-pick-ic:not(.lz-art):not(.pj-hero-art) svg,.ex-ic:not(.lz-art):not(.pj-hero-art) svg,.dk-ic:not(.lz-art):not(.pj-hero-art) svg,.dd-ic:not(.lz-art):not(.pj-hero-art) svg,.ck-ic:not(.lz-art):not(.pj-hero-art) svg,.st-ic:not(.lz-art):not(.pj-hero-art) svg,.pj-hero-ic:not(.lz-art):not(.pj-hero-art) svg{position:relative;filter:drop-shadow(0 0 5px color-mix(in srgb,currentColor 75%,transparent))}
body.light :is(.sv2-ic,.lz-ic,.ax-ic,.tl-ic,.nt-ic,.fx-sti-ic,.dp-ic,.cl-ic,.vl-ic,.cf-ic,.atn-ic,.vl2-st-ic,.inc-ic,.dp-vz-ic,.vl2-ic,.sv-down-ic,.rs-ic,.lc-ic,.inc-vz-ic,.fx-pick-ic,.ex-ic,.dk-ic,.dd-ic,.ck-ic,.st-ic,.pj-hero-ic) svg{filter:none}
.sv2-ic:not(.x):not(.y):not(.z){background-image:none;box-shadow:none;overflow:visible} .sv2-ic:not(.x):not(.y):not(.z) svg{filter:none}
/* ===== painel do passo (fluxo) ===== */
.fpn{--t:var(--accent);display:flex;flex-direction:column;gap:14px}
.fpn.t-blue{--t:var(--blue)} .fpn.t-bad{--t:var(--bad)} .fpn.t-warn{--t:var(--warn)} .fpn.t-roxo{--t:#a78bfa}
.fpn-h{display:flex;gap:12px;align-items:flex-start}
.fpn-ic{flex:none;display:grid;place-items:center;width:46px;height:46px;border-radius:14px;color:var(--t);background-color:color-mix(in srgb,var(--t) 14%,var(--card));
  background-image:radial-gradient(circle at 50% 115%,color-mix(in srgb,var(--t) 40%,transparent),transparent 70%),repeating-linear-gradient(0deg,color-mix(in srgb,var(--t) 9%,transparent) 0 1px,transparent 1px 6px),repeating-linear-gradient(90deg,color-mix(in srgb,var(--t) 9%,transparent) 0 1px,transparent 1px 6px);
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--t) 40%,transparent),0 8px 20px -8px color-mix(in srgb,var(--t) 60%,transparent)}
.fpn-ic svg{width:22px;height:22px;filter:drop-shadow(0 0 5px color-mix(in srgb,var(--t) 70%,transparent))}
.fpn-t{min-width:0} .fpn-t small{display:block;font-size:10.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--t)}
.flow-panel .fpn-t h3{margin:2px 0 3px;font-size:16.5px;line-height:1.3} .fpn-t code{font:11px var(--mono);color:var(--faint,var(--muted));overflow-wrap:anywhere}
.fpn-tags{display:flex;flex-wrap:wrap;gap:6px} .fpn-tags:empty{display:none}
.fpn-tag{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:99px;font-size:11.5px;font-weight:700;background:var(--card-2);color:var(--muted)} .fpn-tag svg{width:12px;height:12px}
.fpn-tag.bad{background:var(--bad-soft);color:var(--bad)} .fpn-tag.ok{background:var(--ok-soft);color:var(--ok)} .fpn-tag.warn{background:var(--warn-soft);color:var(--warn)}
.fpn-d{margin:0;font-size:13px;line-height:1.5;color:var(--muted)}
.fpn-nota{display:flex;gap:7px;margin:0;padding:9px 11px;border-radius:10px;background:var(--card-2);font-size:12.5px;color:var(--ink)} .fpn-nota svg{flex:none;width:14px;height:14px;margin-top:2px;color:var(--blue)}
.fpn-err{border-radius:14px;border:1px solid color-mix(in srgb,var(--bad) 40%,var(--line));background:linear-gradient(180deg,color-mix(in srgb,var(--bad) 12%,transparent),transparent);overflow:hidden}
.fpn-err-h{display:flex;align-items:center;gap:8px;padding:10px 12px 0} .fpn-err-h svg{width:16px;height:16px;color:var(--bad);flex:none} .fpn-err-h b{font-size:13px;color:var(--bad)} .fpn-err-h span{margin-left:auto;font-size:11.5px;color:var(--muted)}
.fpn-err p{margin:6px 12px 10px;font:12px/1.5 var(--mono);color:var(--ink);overflow-wrap:anywhere}
.fpn-err-a{padding:10px 12px;border-top:1px dashed color-mix(in srgb,var(--bad) 30%,var(--line));font-size:12.5px;line-height:1.5} .fpn-err-a small{display:block;font-size:10.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:2px}
.fpn-flow{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:start;padding:12px;border-radius:14px;background:var(--card-2)}
.fpn-col{display:flex;flex-direction:column;gap:6px;min-width:0} .fpn-col>small{font-size:10.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.fpn-seta{align-self:center;color:var(--t);margin-top:14px} .fpn-seta svg{width:16px;height:16px}
.fpn-chip{display:flex;align-items:center;gap:6px;width:100%;padding:6px 8px;border-radius:9px;border:1px solid var(--line);background:var(--card);color:var(--ink);font:inherit;font-size:12px;font-weight:600;text-align:left;cursor:pointer;transition:border-color .15s,transform .15s}
.fpn-chip:hover{border-color:var(--t);transform:translateY(-1px)} .fpn-chip.on{cursor:default;border-color:color-mix(in srgb,var(--blue) 40%,var(--line))} .fpn-chip.on:hover{transform:none}
.fpn-chip svg{flex:none;width:13px;height:13px;color:var(--muted)} .fpn-chip span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .fpn-chip em{margin-left:auto;font-style:normal;font-size:10.5px;color:var(--muted);white-space:nowrap}
.fpn-vz{font-size:12px;color:var(--muted);font-style:italic}
.fpn-fs{display:flex;flex-direction:column;gap:8px}
.fpn-f{display:flex;gap:10px;align-items:center;padding:9px 11px;border-radius:12px;border:1px solid var(--line)}
.fpn-f-ic{flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--card-2);color:var(--muted)} .fpn-f-ic svg{width:15px;height:15px}
.fpn-f.ok .fpn-f-ic{color:var(--ok);background:var(--ok-soft)} .fpn-f.warn .fpn-f-ic{color:var(--warn);background:var(--warn-soft)}
.fpn-f small{display:block;font-size:10.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)} .fpn-f>div{font-size:13px;min-width:0}
.fpn-foot{display:flex;flex-direction:column;gap:8px;align-items:flex-start;padding-top:12px;border-top:1px solid var(--line)} .fpn-foot .faint{font-size:11.5px}
.fpn-err-h{flex-wrap:wrap} .fpn-err-h b{flex:1;min-width:150px} .fpn-err-h span{margin-left:0}
.fpn-foot a.btn{text-decoration:none}
/* menu: grupos «Automações» e «Equipa» */
.nav-g{padding:8px 22px 6px;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);opacity:.85}
.nav-g.sep{margin:12px 18px 0;padding:14px 4px 6px;border-top:1px solid var(--line)}
.inc[data-inc-id]{cursor:pointer} .inc[data-inc-id] :is(.erro-b,.inc-notas){cursor:auto}
.vl-auto{margin-top:18px}
/* painel do passo: voltar atrás e entra/sai legíveis num painel estreito */
.fpn-voltar{display:flex;align-items:center;gap:8px;align-self:flex-start;max-width:100%;padding:6px 12px 6px 8px;border-radius:99px;border:1px solid var(--line);background:var(--card-2);color:var(--muted);font:inherit;font-size:12.5px;cursor:pointer;transition:color .15s,border-color .15s}
.fpn-voltar:hover{color:var(--ink);border-color:var(--t)} .fpn-voltar svg{flex:none;width:15px;height:15px} .fpn-voltar span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .fpn-voltar b{color:var(--ink)}
.flow-panel .fpn-flow{grid-template-columns:1fr} .flow-panel .fpn-seta{justify-self:center;margin:0;transform:rotate(90deg)}
/* cartão rápido ao clicar num passo do desenho */
.fn-pop{position:absolute;z-index:5;width:240px;padding:11px 13px;border-radius:13px;border:1px solid color-mix(in srgb,var(--accent) 35%,var(--line));background:color-mix(in srgb,var(--card) 92%,transparent);backdrop-filter:blur(8px);box-shadow:0 14px 34px rgba(0,0,0,.45);pointer-events:none;animation:fnPop .16s ease-out}
.fn-pop.err{border-color:color-mix(in srgb,var(--bad) 55%,var(--line))}
.fn-pop small{display:block;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)} .fn-pop.err small{color:var(--bad)}
.fn-pop b{display:block;margin:2px 0 4px;font-size:13px;line-height:1.3;overflow-wrap:anywhere} .fn-pop span{display:block;font-size:12px;line-height:1.45;color:var(--muted)}
.fn-pop em{display:flex;align-items:center;gap:5px;margin-top:6px;font-style:normal;font-size:11.5px;font-weight:700;color:var(--bad)} .fn-pop em svg{width:12px;height:12px}
.fn-pop i{display:block;margin-top:6px;font-style:normal;font-size:10.5px;color:var(--faint,var(--muted))}
@keyframes fnPop{from{transform:translateY(4px)}to{transform:none}}
.flow-canvas{position:relative}
#tabc + .pb{margin-top:22px}
.side .prod{text-align:center;padding-left:18px;padding-right:18px}
/* notificações: ações, escolher e apagar */
.nt-acoes{display:flex;gap:6px;flex-wrap:wrap;padding:10px 16px;border-bottom:1px solid var(--line)}
.nt-acoes button{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border-radius:99px;border:1px solid var(--line);background:var(--card-2);color:var(--ink);font:600 12px var(--font);cursor:pointer;transition:border-color .15s,color .15s}
.nt-acoes button:hover:not(:disabled){border-color:var(--accent);color:var(--accent)} .nt-acoes button:disabled{opacity:.45;cursor:default}
.nt-acoes button svg{width:13px;height:13px} .nt-acoes button.bad{margin-left:auto;color:var(--bad)} .nt-acoes button.bad:hover{border-color:var(--bad);color:var(--bad)}
.nt-sel{display:flex;align-items:center;gap:10px;padding-left:12px;cursor:pointer;border-radius:12px;transition:background .15s} .nt-sel:hover{background:var(--card-2)} .nt-sel.on{background:color-mix(in srgb,var(--bad) 8%,transparent)}
.nt-sel input{position:absolute;opacity:0;pointer-events:none}
.nt-ck{flex:none;display:grid;place-items:center;width:20px;height:20px;border-radius:6px;border:1.5px solid var(--muted);color:transparent;transition:all .15s} .nt-ck svg{width:13px;height:13px}
.nt-sel.on .nt-ck{background:var(--bad);border-color:var(--bad);color:#fff} .nt-sel input:focus-visible + .nt-ck{outline:2px solid var(--accent);outline-offset:2px}
.nt-sel>div{flex:1;min-width:0;pointer-events:none}
.nt-barra{position:sticky;bottom:0;display:flex;align-items:center;gap:10px;justify-content:space-between;padding:10px 16px;border-top:1px solid var(--line);background:var(--card)} .nt-barra span{font-size:12.5px;color:var(--muted)}
.nt-barra .btn svg{width:13px;height:13px}
.lz-pw{display:block;margin-bottom:3px;font-size:10.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)} .lg-pw{margin:0 0 2px;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}

/* ===== Tarefas do Notion (DB_Tarefas com subtarefas) ===== */
.tn-hero{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:20px 22px;margin-bottom:16px;border-radius:20px;border:1px solid color-mix(in srgb,var(--accent) 25%,var(--line));background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 9%,var(--card)),var(--card) 60%)}
.tn-hero>div{flex:1;min-width:220px} .tn-hero h2{margin:0 0 4px;font-size:20px} .tn-hero p{margin:0;font-size:13.5px;line-height:1.5;color:var(--muted)} .tn-hero p b{color:var(--ink)} .tn-hero small{display:block;margin-top:6px;font-size:11.5px;color:var(--faint,var(--muted))}
.tn-hero-ic{flex:none;display:grid;place-items:center;width:52px;height:52px;border-radius:16px;color:var(--accent);background-color:var(--accent-soft)} .tn-hero-ic svg{width:24px;height:24px}
.tn-hero .btn{text-decoration:none}
.tn-pess{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px;margin-bottom:16px}
.tn-p{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;border:1px solid var(--line);background:var(--card);color:var(--ink);text-decoration:none;transition:border-color .15s,transform .15s}
.tn-p:hover{transform:translateY(-2px);border-color:var(--muted)} .tn-p.on{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}
.tn-p .avatar,.tn-p-ic{flex:none;width:36px;height:36px} .tn-p-ic{display:grid;place-items:center;border-radius:50%;background:var(--card-2);color:var(--muted)} .tn-p-ic svg{width:17px;height:17px}
.tn-p>span:last-child{display:flex;flex-direction:column;min-width:0} .tn-p b{font-size:14px} .tn-p b em{font-style:normal;font-size:10px;font-weight:800;padding:1px 6px;border-radius:99px;background:var(--accent-soft);color:var(--accent);margin-left:3px;vertical-align:2px} .tn-p small{font-size:11.5px;color:var(--muted)}
.tn-fil{display:flex;flex-wrap:wrap;gap:6px;margin:16px 0 14px}
.tn-fil a{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:99px;border:1px solid var(--line);background:var(--card);color:var(--muted);font-size:12.5px;font-weight:700;text-decoration:none}
.tn-fil a span{font-size:11px;padding:0 6px;border-radius:99px;background:var(--card-2)} .tn-fil a:hover{color:var(--ink)} .tn-fil a.on{color:var(--accent);border-color:var(--accent);background:var(--accent-soft)}
.tn-l{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:12px;align-items:start}
.tn-c{--t:var(--blue);position:relative;display:flex;flex-direction:column;gap:10px;padding:14px 16px 14px 18px;border-radius:16px;border:1px solid var(--line);background:var(--card);overflow:hidden}
.tn-c::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--t)}
.tn-c.t-ok{--t:var(--ok)} .tn-c.t-bad,.tn-c.atr{--t:var(--bad)} .tn-c.t-warn{--t:var(--warn)} .tn-c.t-roxo{--t:#a78bfa} .tn-c.t-unk{--t:var(--muted)}
.tn-h{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.tn-st{--s:var(--blue);display:inline-flex;align-items:center;gap:5px;padding:2px 8px;border-radius:99px;font-size:11px;font-weight:700;color:var(--s);background:color-mix(in srgb,var(--s) 13%,transparent);white-space:nowrap}
.tn-st i{width:6px;height:6px;border-radius:50%;background:var(--s)} .tn-st.t-ok{--s:var(--ok)} .tn-st.t-bad{--s:var(--bad)} .tn-st.t-warn{--s:var(--warn)} .tn-st.t-roxo{--s:#a78bfa} .tn-st.t-unk{--s:var(--muted)}
.tn-pr{font-size:10.5px;font-weight:800;padding:2px 7px;border-radius:6px;background:var(--card-2);color:var(--muted)}
.tn-out{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:var(--muted)} .tn-out svg{width:12px;height:12px}
.tn-pz{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;font-weight:600;color:var(--muted);white-space:nowrap} .tn-pz svg{width:12px;height:12px} .tn-pz.atr{color:var(--bad)}
.tn-av{display:inline-flex;margin-left:auto} .tn-av .avatar{width:24px;height:24px;margin-left:-6px;box-shadow:0 0 0 2px var(--card)}
.tn-t{display:flex;align-items:flex-start;gap:6px;font-size:15px;font-weight:700;line-height:1.35;color:var(--ink);text-decoration:none} .tn-t svg{flex:none;width:13px;height:13px;margin-top:4px;color:var(--muted);opacity:0;transition:opacity .15s} .tn-t:hover{color:var(--accent)} .tn-t:hover svg{opacity:1}
.tn-prog{display:flex;flex-direction:column;gap:5px} .tn-prog span{font-size:12px;color:var(--muted)} .tn-prog b{color:var(--ink)}
.tn-prog i{display:block;height:6px;border-radius:99px;background:var(--card-2);overflow:hidden} .tn-prog u{display:block;height:100%;border-radius:99px;background:var(--ok)}
.tn-subs summary{display:flex;align-items:center;gap:6px;cursor:pointer;list-style:none;font-size:12.5px;font-weight:700;color:var(--muted)} .tn-subs summary::-webkit-details-marker{display:none}
.tn-subs summary svg{width:14px;height:14px;transition:transform .15s;transform:rotate(-90deg)} .tn-subs[open] summary svg{transform:none} .tn-subs summary:hover{color:var(--ink)}
.tn-subs ul{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:4px}
.tn-sub{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:7px 9px;border-radius:10px;background:var(--card-2);font-size:12.5px}
.tn-sub.minha{box-shadow:inset 3px 0 0 var(--accent)}
.tn-sub a{flex:1;min-width:120px;color:var(--ink);text-decoration:none;font-weight:600} .tn-sub a:hover{color:var(--accent)}
.tn-sub.ok a{color:var(--muted);text-decoration:line-through}
.tn-ck{flex:none;display:grid;place-items:center;width:16px;height:16px;border-radius:5px;border:1.5px solid var(--muted);color:#fff} .tn-ck svg{width:11px;height:11px} .tn-sub.ok .tn-ck{background:var(--ok);border-color:var(--ok)}
.tn-sub .tn-av{margin-left:0} .tn-sub .tn-av .avatar{width:20px;height:20px}
.tn-sem{font-size:12px;color:var(--faint,var(--muted));font-style:italic}
@media (max-width:640px){.tn-l{grid-template-columns:1fr} .tn-pess{grid-template-columns:1fr 1fr}}
.tn-sub a{flex:1 1 100%;min-width:0}

/* ===== Relatórios de correções ===== */
.rl-hero .btn{text-decoration:none}
.rl-por{margin-bottom:16px;border-color:color-mix(in srgb,var(--warn) 30%,var(--line))} .rl-por h2{display:flex;align-items:center;gap:8px} .rl-por h2 svg{width:16px;height:16px;color:var(--warn)}
.rl-pi{display:flex;align-items:center;gap:12px;padding:10px 0;border-top:1px solid var(--line)} .rl-pi>div{flex:1;min-width:0;display:flex;flex-direction:column}
.rl-pi b{font-size:13.5px} .rl-pi small{font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rl-pi-ic{flex:none;display:grid;place-items:center;width:32px;height:32px;border-radius:10px} .rl-pi-ic svg{width:16px;height:16px} .rl-pi-ic.bad{color:var(--bad);background:var(--bad-soft)} .rl-pi-ic.ok{color:var(--ok);background:var(--ok-soft)}
.rl-sep{width:1px;height:22px;background:var(--line);margin:0 4px;align-self:center}
.rl-busca{margin-left:auto;max-width:260px;height:34px;border-radius:99px;padding:0 14px}
.rl-l{display:flex;flex-direction:column;gap:12px}
.rl-c{--t:var(--ok);position:relative;padding:16px 18px 14px 20px;border-radius:16px;border:1px solid var(--line);background:var(--card);overflow:hidden}
.rl-c::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--t)} .rl-c.t-warn{--t:var(--warn)} .rl-c.t-bad{--t:var(--bad)}
.rl-h{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.rl-d b{font-size:12px;font-weight:800;padding:3px 8px;border-radius:8px;background:var(--card-2);color:var(--ink)}
.rl-auto{display:inline-flex;align-items:center;gap:5px;max-width:320px;padding:2px 9px;border-radius:99px;border:1px solid var(--line);font-size:11.5px;font-weight:600;color:var(--muted);text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rl-auto svg{flex:none;width:12px;height:12px;color:var(--blue)} .rl-auto:hover{color:var(--ink);border-color:var(--muted)}
.rl-quem{margin-left:auto;display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--muted)} .rl-quem .avatar{width:22px;height:22px}
.rl-c h3{margin:10px 0 10px;font-size:16px;line-height:1.35}
.rl-g{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.rl-b{padding:10px 12px;border-radius:12px} .rl-b.err{background:color-mix(in srgb,var(--bad) 8%,transparent)} .rl-b.fix{background:color-mix(in srgb,var(--ok) 8%,transparent)}
.rl-b small{display:flex;align-items:center;gap:5px;font-size:10.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase} .rl-b small svg{width:12px;height:12px}
.rl-b.err small{color:var(--bad)} .rl-b.fix small{color:var(--ok)}
.rl-b p{margin:5px 0 0;font-size:13px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}
.rl-f{display:flex;gap:6px;justify-content:flex-end;margin-top:10px} .rl-f:empty{display:none} .rl-f a.btn{text-decoration:none} .rl-del{color:var(--bad)}
@media (max-width:760px){.rl-g{grid-template-columns:1fr} .rl-busca{max-width:none;width:100%;margin-left:0} .rl-sep{display:none}}
/* tarefas: estados «Em aprovação» e «Para correção» + prioridade */
.pjt-st.ps-roxo,.ps-roxo{color:#a78bfa} .pjt-st.ps-roxo i,.ps-roxo i{background:#a78bfa}
.pjt-st.ps-warn,.ps-warn{color:var(--warn)} .pjt-st.ps-warn i,.ps-warn i{background:var(--warn)}
.pjt.e-aprovacao::before{background:#a78bfa} .pjt.e-correcao::before{background:var(--warn)} .pjt.e-correcao{border-color:color-mix(in srgb,var(--warn) 40%,var(--line))}
.pjt-pr{--p:var(--muted);display:inline-flex;align-items:center;gap:4px;padding:1px 7px 1px 5px;border-radius:99px;font-size:10.5px;font-weight:800;color:var(--p);background:color-mix(in srgb,var(--p) 13%,transparent)}
.pjt-pr i{font-style:normal;font-weight:900;letter-spacing:-.04em}
.pr-urgente{--p:var(--bad)} .pr-alta{--p:var(--warn)} .pr-media{--p:var(--blue)} .pr-baixa,.pr-nd{--p:var(--muted)}
.pjt-pr.pr-urgente{animation:prPulso 1.8s ease-in-out infinite}
@keyframes prPulso{50%{box-shadow:0 0 0 3px color-mix(in srgb,var(--bad) 18%,transparent)}}
@media (prefers-reduced-motion:reduce){.pjt-pr.pr-urgente{animation:none}}
.pj-pri-l{display:block;font-size:12.5px;font-weight:700;color:var(--muted);margin-bottom:6px}
.pj-pri{display:flex;flex-wrap:wrap;gap:6px}
.pj-pri label{--p:var(--muted);cursor:pointer} .pj-pri input{position:absolute;opacity:0;pointer-events:none}
.pj-pri label span{display:inline-flex;align-items:center;gap:6px;padding:6px 11px;border-radius:99px;border:1px solid var(--line);background:var(--card-2);font-size:12.5px;font-weight:700;color:var(--muted);transition:all .15s}
.pj-pri label span i{font-style:normal;font-weight:900;color:var(--p)}
.pj-pri label:hover span{border-color:var(--p)} .pj-pri input:checked + span{color:var(--p);border-color:var(--p);background:color-mix(in srgb,var(--p) 14%,transparent)}
.pj-pri input:focus-visible + span{outline:2px solid var(--accent);outline-offset:2px}
.pj-pri-l{font-size:inherit;font-weight:inherit;color:inherit;margin-bottom:5px} .f .pj-pri{margin-bottom:2px}
/* relatórios das LPs: tipo e cliente */
.rl-tp{--p:var(--blue);display:inline-flex;align-items:center;gap:5px;padding:2px 9px;border-radius:99px;font-size:11px;font-weight:800;color:var(--p);border:1px solid color-mix(in srgb,var(--p) 35%,transparent)} .rl-tp svg{width:12px;height:12px}
.tp-blue{--p:var(--blue)} .tp-bad{--p:var(--bad)} .tp-roxo{--p:#a78bfa} .tp-ok{--p:var(--ok)}
.rl-tipos label span svg{width:13px;height:13px;color:var(--p)}
.rl-cli{display:inline-flex;align-items:center;gap:6px;padding:2px 9px 2px 3px;border-radius:99px;border:1px solid var(--line);font-size:11.5px;font-weight:700;color:var(--ink);text-decoration:none} .rl-cli:hover{border-color:var(--muted)}
.rl-cli .cli-av{width:20px;height:20px;border-radius:6px;font-size:9px}
.rl-c h3 small{font-size:12.5px;font-weight:600;color:var(--muted)}
.rl-csel{max-width:220px;height:34px;border-radius:99px;padding:0 12px}

/* ===== Subtarefas do Diogo (Notion) ===== */
.sd-hero{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding:22px 24px;margin-bottom:18px;border-radius:22px;border:1px solid color-mix(in srgb,var(--accent) 28%,var(--line));
  background:radial-gradient(90% 140% at 0% 0%,color-mix(in srgb,var(--accent) 12%,transparent),transparent 60%),var(--card)}
.sd-hero-p{position:relative;flex:none} .sd-hero-p .avatar{width:68px;height:68px;box-shadow:0 0 0 3px var(--accent)}
.sd-live{position:absolute;right:2px;bottom:4px;width:14px;height:14px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 3px var(--card);animation:sdPulso 2s ease-in-out infinite}
@keyframes sdPulso{50%{box-shadow:0 0 0 3px var(--card),0 0 0 7px color-mix(in srgb,var(--ok) 25%,transparent)}}
.sd-hero-t{flex:1;min-width:220px} .sd-hero-t small{font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--accent)}
.sd-hero-t h2{margin:3px 0 4px;font-size:22px} .sd-hero-t p{margin:0;font-size:14px;color:var(--muted)} .sd-hero-t p b{color:var(--ink)} .sd-atr{color:var(--bad);font-weight:700}
.sd-hero-a{display:flex;flex-direction:column;align-items:flex-end;gap:6px} .sd-hero-a .btn{text-decoration:none} .sd-hero-a span{font-size:11px;color:var(--faint,var(--muted));text-align:right;max-width:260px}
.sd-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px;align-items:start}
.sd-col{--t:var(--blue);padding:12px;border-radius:18px;background:color-mix(in srgb,var(--t) 5%,var(--card));border:1px solid color-mix(in srgb,var(--t) 22%,var(--line))}
.sd-col.t-warn{--t:var(--warn)} .sd-col.t-unk{--t:var(--muted)} .sd-col.t-roxo{--t:#a78bfa}
.sd-col header{display:flex;align-items:center;gap:8px;padding:2px 4px 10px} .sd-col header svg{width:16px;height:16px;color:var(--t)} .sd-col header b{font-size:13.5px}
.sd-col header span{margin-left:auto;min-width:22px;height:22px;display:grid;place-items:center;border-radius:99px;font-size:11.5px;font-weight:800;background:color-mix(in srgb,var(--t) 16%,transparent);color:var(--t)}
.sd-l{display:flex;flex-direction:column;gap:8px}
.sd-c{display:flex;flex-direction:column;gap:8px;padding:12px 13px;border-radius:13px;border:1px solid var(--line);background:var(--card);color:var(--ink);text-decoration:none;transition:transform .15s,border-color .15s,box-shadow .15s}
.sd-c:hover{transform:translateY(-2px);border-color:var(--t);box-shadow:0 10px 24px -14px color-mix(in srgb,var(--t) 70%,transparent)}
.sd-t{display:flex;align-items:flex-start;gap:6px} .sd-t b{flex:1;font-size:13.5px;line-height:1.4} .sd-t svg{flex:none;width:13px;height:13px;margin-top:3px;color:var(--muted);opacity:0;transition:opacity .15s} .sd-c:hover .sd-t svg{opacity:1}
.sd-m{display:flex;align-items:center;gap:6px;flex-wrap:wrap} .sd-m:empty{display:none}
.sd-st{--s:var(--warn);font-size:10.5px;font-weight:800;padding:2px 8px;border-radius:99px;color:var(--s);background:color-mix(in srgb,var(--s) 14%,transparent)} .sd-st.t-roxo{--s:#a78bfa} .sd-st.t-bad{--s:var(--bad)} .sd-st.t-ok{--s:var(--ok)}
.sd-pr{font-size:10.5px;font-weight:800;padding:2px 7px;border-radius:6px;background:var(--card-2);color:var(--muted)}
.sd-pz{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;font-weight:600;color:var(--muted)} .sd-pz svg{width:12px;height:12px} .sd-pz.atr{color:var(--bad)}
.sd-com{display:inline-flex;align-items:center;gap:4px;margin-left:auto;font-size:11px;color:var(--muted)} .sd-com .avatar{width:20px;height:20px}
.sd-p{display:flex;align-items:center;gap:8px} .sd-p i{flex:1;height:5px;border-radius:99px;background:var(--card-2);overflow:hidden} .sd-p u{display:block;height:100%;background:var(--ok);border-radius:99px} .sd-p span{font-size:11px;color:var(--muted);white-space:nowrap}
@media (max-width:640px){.sd-hero-a{align-items:flex-start} .sd-hero-a span{text-align:left}}
@media (prefers-reduced-motion:reduce){.sd-live{animation:none}}

/* relatórios: filtro por datas */
.rl-datas{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:-4px 0 16px;padding:10px 12px;border-radius:14px;border:1px solid var(--line);background:var(--card)}
.rl-datas>svg{width:15px;height:15px;color:var(--muted);margin-right:2px}
.rl-datas a{padding:5px 11px;border-radius:99px;font-size:12.5px;font-weight:700;color:var(--muted);text-decoration:none} .rl-datas a:hover{color:var(--ink);background:var(--card-2)} .rl-datas a.on{color:var(--accent);background:var(--accent-soft)}
.rl-di{display:flex;gap:8px;margin-left:auto} .rl-di label{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted)} .rl-di .input{height:32px;padding:0 10px;border-radius:10px;width:auto}
.rl-dn{width:100%;font-size:12px;color:var(--accent);font-weight:700;padding-left:4px}
@media (max-width:760px){.rl-di{margin-left:0;width:100%}}
/* subtarefas: criar, arrastar e «Feitas» */
.sd-c{cursor:pointer} .sd-c[draggable]{cursor:grab} .sd-c.a-arrastar{opacity:.45;transform:rotate(-1.5deg)}
.sd-ln{flex:none;display:grid;place-items:center;width:24px;height:24px;margin:-3px -4px 0 0;border-radius:7px;color:var(--muted)} .sd-ln:hover{color:var(--accent);background:var(--card-2)} .sd-ln svg{width:13px;height:13px;margin:0;opacity:1}
.sd-or{font-size:10px;font-weight:800;letter-spacing:.04em;padding:1px 6px;border-radius:5px;color:var(--muted);border:1px solid var(--line)}
.sd-fe{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:700;color:var(--ok)} .sd-fe svg{width:12px;height:12px}
.sd-vz{padding:14px;border-radius:12px;border:1.5px dashed var(--line);font-size:12px;text-align:center;color:var(--faint,var(--muted))}
.sd-add{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;margin-top:8px;padding:8px;border-radius:11px;border:1px dashed color-mix(in srgb,var(--t) 35%,var(--line));background:none;color:var(--muted);font:600 12.5px var(--font);cursor:pointer;transition:all .15s}
.sd-add:hover{color:var(--t);border-style:solid;background:color-mix(in srgb,var(--t) 8%,transparent)} .sd-add svg{width:13px;height:13px}
.sd-col.alvo,.sd-feitas.alvo{box-shadow:0 0 0 2px var(--t,var(--ok)),0 16px 40px -18px color-mix(in srgb,var(--t,var(--ok)) 80%,transparent)}
body.sd-dnd .sd-col,body.sd-dnd .sd-feitas{transition:box-shadow .15s}
.sd-feitas{--t:var(--ok);margin-top:18px;padding:14px;border-radius:18px;border:1px solid color-mix(in srgb,var(--ok) 25%,var(--line));background:color-mix(in srgb,var(--ok) 4%,var(--card))}
.sd-feitas header{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.sd-feitas-ic{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:var(--ok-soft);color:var(--ok)} .sd-feitas-ic svg{width:15px;height:15px}
.sd-feitas header b{font-size:15px} .sd-feitas header .n{font-size:12px;font-weight:800;padding:1px 8px;border-radius:99px;background:var(--ok-soft);color:var(--ok)} .sd-feitas header small{font-size:12px;color:var(--muted)} .sd-feitas header .btn{margin-left:auto}
.sd-fl{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:8px;margin-top:12px}
.sd-feitas.min .sd-fl{display:none}
.sd-c.feito{opacity:.75} .sd-c.feito .sd-t b{text-decoration:line-through;text-decoration-color:var(--faint,var(--muted))} .sd-c.feito:hover{opacity:1}
.sd-hero-a{gap:8px} .sd-hero-a .btn-pri{text-decoration:none}
/* subtarefas: aprovado, notas e aviso do Notion */
.sd-ap{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:700;color:#a78bfa} .sd-ap svg{width:12px;height:12px}
.sd-no{margin:0;font-size:12px;line-height:1.45;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sd-nt{display:flex;align-items:center;gap:7px;margin:-4px 0 12px;padding:8px 11px;border-radius:10px;background:var(--card-2);font-size:12.5px;color:var(--muted)} .sd-nt svg{width:14px;height:14px;color:var(--blue)}
.pj-arq a.btn{text-decoration:none}
/* subtarefas do Notion removidas do quadro */
.sd-rem{margin-top:12px;font-size:12.5px;color:var(--muted)} .sd-rem summary{display:inline-flex;align-items:center;gap:6px;cursor:pointer;list-style:none} .sd-rem summary::-webkit-details-marker{display:none} .sd-rem summary svg{width:12px;height:12px}
.sd-rem div{display:flex;flex-direction:column;gap:4px;margin-top:8px} .sd-rem span{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 10px;border-radius:10px;background:var(--card)}
/* subtarefas: logos (Notion e ferramentas) */
.sd-or{display:inline-flex;align-items:center;gap:4px;padding:1px 7px 1px 4px} .sd-or .lg{width:12px;height:12px}
.sd-fr{display:inline-flex;align-items:center;gap:3px} .sd-fr>span{display:grid;place-items:center;width:20px;height:20px;border-radius:6px;background:var(--card-2)} .sd-fr .lg{width:13px;height:13px} .sd-fr svg{width:13px;height:13px}
.sd-cli{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;max-width:100%;padding:2px 9px 2px 3px;border-radius:99px;border:1px solid var(--line);font-size:11.5px;font-weight:700;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .sd-cli .cli-av{flex:none;width:20px;height:20px;border-radius:6px;font-size:9px}
.sd-col.t-ok{--t:var(--ok)} .pjt.e-aprovacao_cliente::before{background:#a78bfa}

/* reports por área: LPs, Automações, Processos */
.rl-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:14px}
.rl-tabs a{--p:var(--muted);display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:14px;border:1px solid var(--line);background:var(--card);color:var(--ink);text-decoration:none;transition:border-color .15s,transform .15s}
.rl-tabs a svg{width:18px;height:18px;color:var(--p)} .rl-tabs a b{font-size:14px} .rl-tabs a span{margin-left:auto;font-size:12px;font-weight:800;padding:1px 8px;border-radius:99px;background:var(--card-2);color:var(--muted)}
.rl-tabs a:hover{transform:translateY(-2px);border-color:var(--p)} .rl-tabs a.on{border-color:var(--p);background:color-mix(in srgb,var(--p) 10%,var(--card));box-shadow:0 0 0 1px var(--p)} .rl-tabs a.on span{background:color-mix(in srgb,var(--p) 18%,transparent);color:var(--p)}
.rl-tabs .tp-unk{--p:var(--accent)}
.rl-ar{--p:var(--blue);display:inline-flex;align-items:center;gap:5px;padding:2px 9px;border-radius:99px;font-size:11px;font-weight:800;color:var(--p);background:color-mix(in srgb,var(--p) 13%,transparent)} .rl-ar svg{width:12px;height:12px}
.rl-areas{display:grid;grid-template-columns:repeat(3,1fr);gap:8px} .rl-areas label{--p:var(--blue);cursor:pointer} .rl-areas input{position:absolute;opacity:0;pointer-events:none}
.rl-areas label span{display:flex;align-items:center;justify-content:center;gap:7px;padding:10px;border-radius:12px;border:1px solid var(--line);background:var(--card-2);font-size:13px;font-weight:700;color:var(--muted);transition:all .15s}
.rl-areas label span svg{width:15px;height:15px;color:var(--p)} .rl-areas input:checked + span{color:var(--ink);border-color:var(--p);background:color-mix(in srgb,var(--p) 13%,transparent)} .rl-areas input:focus-visible + span{outline:2px solid var(--accent);outline-offset:2px}
.rl-cli svg{width:12px;height:12px;color:var(--ok)}
@media (max-width:640px){.rl-tabs{grid-template-columns:1fr 1fr}}
/* reports: barra de filtros única (menos ruído) */
.rl-bar{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap;margin:16px 0 10px}
.rl-sel{display:flex;flex-direction:column;gap:4px;min-width:150px} .rl-sel span{font-size:10.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding-left:4px}
.rl-sel .input{height:38px;border-radius:11px;padding:0 12px}
.rl-limpa{display:inline-flex;align-items:center;gap:5px;height:38px;padding:0 10px;font-size:12.5px;font-weight:700;color:var(--muted);text-decoration:none} .rl-limpa:hover{color:var(--bad)} .rl-limpa svg{width:13px;height:13px}
.rl-q{position:relative;margin-left:auto;flex:1;max-width:300px} .rl-q svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:15px;height:15px;color:var(--muted);pointer-events:none}
.rl-q .rl-busca{max-width:none;width:100%;height:38px;padding-left:34px;border-radius:11px;margin:0}
.rl-datas{margin-top:0}
/* ícone do topo com o mesmo acabamento dos outros ícones */
.tn-hero-ic{color:var(--accent);background-color:color-mix(in srgb,var(--accent) 14%,var(--card));
  background-image:radial-gradient(circle at 50% 115%,color-mix(in srgb,var(--accent) 38%,transparent),transparent 70%),repeating-linear-gradient(0deg,color-mix(in srgb,var(--accent) 9%,transparent) 0 1px,transparent 1px 6px),repeating-linear-gradient(90deg,color-mix(in srgb,var(--accent) 9%,transparent) 0 1px,transparent 1px 6px);
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 38%,transparent),inset 0 1px 0 rgba(255,255,255,.07),0 6px 16px -6px color-mix(in srgb,var(--accent) 55%,transparent)}
.tn-hero-ic svg{filter:drop-shadow(0 0 5px color-mix(in srgb,var(--accent) 75%,transparent))} body.light .tn-hero-ic svg{filter:none}
@media (max-width:760px){.rl-sel{flex:1;min-width:130px} .rl-q{max-width:none;flex-basis:100%}}
.rl-sel span{font-size:inherit;font-weight:inherit;letter-spacing:normal;text-transform:none;color:inherit;padding-left:0} .rl-sel>span{font-size:10.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding-left:4px}
/* separadores dos reports: ícone em quadrado com o acabamento do ícone do topo */
.rl-tab-ic{flex:none;display:grid;place-items:center;width:36px;height:36px;border-radius:11px;color:var(--p);background-color:color-mix(in srgb,var(--p) 14%,var(--card));
  background-image:radial-gradient(circle at 50% 115%,color-mix(in srgb,var(--p) 38%,transparent),transparent 70%),repeating-linear-gradient(0deg,color-mix(in srgb,var(--p) 9%,transparent) 0 1px,transparent 1px 6px),repeating-linear-gradient(90deg,color-mix(in srgb,var(--p) 9%,transparent) 0 1px,transparent 1px 6px);
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--p) 38%,transparent),inset 0 1px 0 rgba(255,255,255,.07),0 6px 16px -6px color-mix(in srgb,var(--p) 55%,transparent)}
.rl-tabs a .rl-tab-ic svg{width:18px;height:18px;color:var(--p);filter:drop-shadow(0 0 5px color-mix(in srgb,var(--p) 75%,transparent))}
body.light .rl-tabs a .rl-tab-ic svg{filter:none}
.rl-tabs a{padding:10px 14px 10px 10px}
.rl-tabs .tp-blue{--p:var(--blue)} .rl-tabs .tp-ok{--p:var(--ok)} .rl-tabs .tp-roxo{--p:#a78bfa}
.rl-tabs a .rl-tab-ic{margin-left:0;padding:0;border-radius:11px;font-size:inherit} .rl-tabs a:not(.on) .rl-tab-ic{background-color:color-mix(in srgb,var(--p) 14%,var(--card));color:var(--p)} .rl-tabs a.on .rl-tab-ic{background-color:color-mix(in srgb,var(--p) 18%,var(--card));color:var(--p)}
/* separadores dos reports: alinhamento (ícone e nome à esquerda, número à direita) */
.rl-tabs a{justify-content:flex-start}
.rl-tabs a > .rl-tab-ic{margin:0;padding:0;width:36px;height:36px;border-radius:11px;font-size:inherit;font-weight:inherit}
.rl-tabs a > b{flex:1;text-align:left}
.rl-tabs a > span:last-child{margin-left:auto}
/* reports: gráfico ao longo do tempo */
.gr-box{margin-top:22px}
.gr-h{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}
.gr-h h2{display:flex;align-items:center;gap:8px;margin:0;font-size:15px} .gr-h h2 svg{width:16px;height:16px;color:var(--accent)} .gr-h small{display:block;margin-top:3px;font-size:12px;color:var(--muted)}
.gr-ag{display:flex;align-items:center;gap:8px;flex-wrap:wrap} .gr-ag>svg{width:15px;height:15px;color:var(--muted)} .gr-ag label{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted)} .gr-ag .input{height:32px;padding:0 10px;border-radius:10px;width:auto}
.gr-leg{display:flex;gap:16px;flex-wrap:wrap;margin:14px 0 6px;font-size:12.5px;color:var(--muted)} .gr-leg span{display:inline-flex;align-items:center;gap:6px} .gr-leg i{width:10px;height:10px;border-radius:3px} .gr-leg b{color:var(--ink)}
.gr-w{position:relative} .gr-svg{display:block;width:100%;height:220px;overflow:visible}
.gr-l{stroke:var(--line);stroke-width:1;stroke-dasharray:3 4} .gr-y,.gr-x{font-size:11px;fill:var(--muted)}
.gr-hit{fill:transparent;cursor:pointer} .gr-hit.on{fill:color-mix(in srgb,var(--accent) 8%,transparent)}
.gr-tip{position:absolute;z-index:3;min-width:150px;max-width:260px;padding:10px 12px;border-radius:12px;border:1px solid var(--line);background:color-mix(in srgb,var(--card) 94%,transparent);backdrop-filter:blur(8px);box-shadow:0 14px 34px rgba(0,0,0,.4);pointer-events:none;display:flex;flex-direction:column;gap:3px}
.gr-tip[hidden]{display:none}
.gr-tip b{font-size:12.5px} .gr-tip span{font-size:12px;color:var(--muted)} .gr-tip em{font-style:normal;font-size:12px;font-weight:700} .gr-tip small{font-size:11px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gr-tip .a-lp{color:var(--blue)} .gr-tip .a-automacao{color:var(--ok)} .gr-tip .a-processo{color:#a78bfa} .gr-tip .a-erro{color:var(--bad)}

/* janela do report: 4 passos, vários clientes, antes → depois */
.modal .card.rlm-card{width:720px;max-width:100%}
.rlm{display:flex;flex-direction:column;gap:12px;margin-top:4px}
.rlm-s{position:relative;display:flex;flex-direction:column;gap:12px;padding:14px 16px 16px;border-radius:16px;border:1px solid var(--line);background:linear-gradient(180deg,color-mix(in srgb,var(--card-2) 70%,transparent),transparent 120%)}
.rlm-s > header{display:flex;align-items:center;gap:11px}
.rlm-s > header b{display:block;font-size:14px;letter-spacing:-.01em} .rlm-s > header small{display:block;font-size:12px;color:var(--muted)}
.rlm-n{position:relative;display:grid;place-items:center;width:34px;height:34px;flex:none;border-radius:11px;color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent);border:1px solid color-mix(in srgb,var(--accent) 30%,transparent);box-shadow:inset 0 1px 0 color-mix(in srgb,#fff 10%,transparent)}
.rlm-n svg{width:16px;height:16px}
.rlm-n i{position:absolute;right:-6px;top:-6px;display:grid;place-items:center;width:17px;height:17px;border-radius:99px;font-style:normal;font-size:10px;font-weight:900;color:var(--bg,#0b0f0d);background:var(--accent)}
.rlm .f{margin:0}
.rlm .rl-areas label span{flex-direction:column;gap:6px;padding:12px 8px}
.rlm .rl-areas label span em{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:color-mix(in srgb,var(--p) 14%,transparent)}
.rlm .rl-areas label span em svg{width:16px;height:16px}
.rlm .rl-areas label:hover span{border-color:color-mix(in srgb,var(--p) 60%,var(--line))}
.rlm .rl-areas input:checked + span{box-shadow:0 0 0 1px var(--p),0 8px 22px -12px var(--p)}
.rlm-tit{font-size:15px;font-weight:700}
/* clientes */
.rl-cp{position:relative;display:flex;flex-direction:column;gap:8px}
.rl-cp-box{display:flex;align-items:center;gap:8px;padding:0 12px;border-radius:12px;border:1px solid var(--line);background:var(--card);transition:border-color .15s,box-shadow .15s}
.rl-cp-box:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}
.rl-cp-box svg{width:15px;height:15px;color:var(--muted);flex:none}
.rl-cp-q{flex:1;min-width:0;height:42px;border:0;outline:0;background:transparent;color:var(--ink);font:inherit;font-size:14px}
.rl-cp-l{position:absolute;z-index:30;left:0;right:0;top:46px;max-height:240px;overflow:auto;padding:6px;border-radius:14px;border:1px solid var(--line);background:var(--card);box-shadow:0 18px 40px -14px rgba(0,0,0,.55)}
.rl-cp-l button{display:flex;align-items:center;gap:10px;width:100%;padding:7px 9px;border:0;border-radius:10px;background:transparent;color:var(--ink);font:inherit;font-size:13.5px;font-weight:600;text-align:left;cursor:pointer}
.rl-cp-l button > span:not(.cli-av){flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rl-cp-l button > svg{width:14px;height:14px;color:var(--muted);opacity:0;transition:opacity .12s}
.rl-cp-l button:hover,.rl-cp-l button.on{background:color-mix(in srgb,var(--accent) 11%,transparent)} .rl-cp-l button:hover > svg,.rl-cp-l button.on > svg{opacity:1;color:var(--accent)}
.rl-cp-nada{padding:10px;font-size:13px;color:var(--muted)}
.rl-cp-ch{display:flex;flex-wrap:wrap;gap:6px}
.rl-cp-c{display:inline-flex;align-items:center;gap:7px;padding:3px 4px 3px 4px;border-radius:99px;border:1px solid color-mix(in srgb,var(--accent) 35%,var(--line));background:color-mix(in srgb,var(--accent) 9%,var(--card));font-size:12.5px;animation:rlmIn .18s ease-out}
.rl-cp-c b{font-weight:700} .rl-cp-c .cli-av{width:22px;height:22px;border-radius:99px;font-size:9px}
.rl-cp-c button{display:grid;place-items:center;width:20px;height:20px;border:0;border-radius:99px;background:transparent;color:var(--muted);cursor:pointer} .rl-cp-c button:hover{background:color-mix(in srgb,var(--bad) 18%,transparent);color:var(--bad)}
.rl-cp-c button svg{width:11px;height:11px}
.rl-cp-vz{font-size:12px;color:var(--muted);font-style:italic}
@keyframes rlmIn{from{opacity:0;transform:scale(.9)}to{opacity:1;transform:none}}
/* antes → depois */
.rlm-hist{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:stretch}
.rlm-h{--p:var(--bad);display:flex;flex-direction:column;gap:8px;padding:10px;border-radius:14px;border:1px solid color-mix(in srgb,var(--p) 30%,var(--line));background:color-mix(in srgb,var(--p) 6%,transparent)}
.rlm-depois{--p:var(--ok)}
.rlm-h > span{display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:800;color:var(--p)}
.rlm-h > span em{display:grid;place-items:center;width:24px;height:24px;border-radius:8px;background:color-mix(in srgb,var(--p) 16%,transparent)} .rlm-h > span em svg{width:13px;height:13px}
.rlm-h textarea{flex:1;min-height:110px;resize:vertical;background:var(--card)}
.rlm-seta{align-self:center;display:grid;place-items:center;width:28px;height:28px;border-radius:99px;border:1px solid var(--line);background:var(--card);color:var(--muted)} .rlm-seta svg{width:14px;height:14px}
/* resultado */
.rlm-res{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.rlm-res label{--p:var(--muted);cursor:pointer} .rlm-res .t-ok{--p:var(--ok)} .rlm-res .t-warn{--p:var(--warn)} .rlm-res .t-bad{--p:var(--bad)}
.rlm-res input{position:absolute;opacity:0;pointer-events:none}
.rlm-res span{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px;border-radius:12px;border:1px solid var(--line);background:var(--card-2);font-size:13px;font-weight:700;color:var(--muted);transition:all .15s}
.rlm-res span i{width:9px;height:9px;border-radius:99px;background:var(--p);box-shadow:0 0 0 3px color-mix(in srgb,var(--p) 22%,transparent)}
.rlm-res label:hover span{border-color:color-mix(in srgb,var(--p) 60%,var(--line))}
.rlm-res input:checked + span{color:var(--ink);border-color:var(--p);background:color-mix(in srgb,var(--p) 13%,transparent)}
.rlm-res input:focus-visible + span{outline:2px solid var(--accent);outline-offset:2px}
@media (max-width:640px){.rlm-hist{grid-template-columns:1fr}.rlm-seta{transform:rotate(90deg);justify-self:center}.rlm-res{grid-template-columns:1fr}}
.rl-cp-l .cli-av,.rl-cp-c .cli-av{flex:none;width:24px;height:24px;border-radius:7px} .rlm .rl-cp-lb{display:block;font-size:13px;font-weight:600;margin-bottom:5px}
/* entrada: marca WTO NEXUS */
.login-card .lg-marca{display:flex;flex-direction:column;align-items:center;gap:8px;margin:6px 0 22px}
.login-card h1.lg-nx{margin:0;font-size:26px;font-weight:900;letter-spacing:.16em;line-height:1;text-align:center}
.login-card h1.lg-nx span{color:var(--ink)}
.login-card h1.lg-nx b{font-weight:900;background:linear-gradient(100deg,var(--accent),#7cf5b8 55%,var(--accent));-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 14px color-mix(in srgb,var(--accent) 45%,transparent))}
.login-card p.lg-pw{display:flex;align-items:center;gap:10px;margin:0;font-size:10.5px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}
.login-card p.lg-pw i{display:block;width:26px;height:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--accent) 60%,transparent))} .login-card p.lg-pw i:last-child{transform:scaleX(-1)}
.login-card p.lg-pw span{text-transform:none;letter-spacing:.04em;font-size:12px;font-weight:800;color:var(--ink)} .login-card p.lg-pw em{font-style:normal;color:var(--accent)}
.login-card p.lg-slogan{margin:4px 0 0;padding:0;border:0;background:none;font-size:12.5px;font-style:italic;letter-spacing:.01em;color:color-mix(in srgb,var(--ink) 75%,transparent)}
.login-card p.lg-slogan b{font-weight:700;color:var(--accent)}
.gr-box.min .gr-leg,.gr-box.min .gr-w,.gr-box.min .gr-ag label,.gr-box.min .gr-ag>svg{display:none} .gr-min{margin-left:4px}
/* prioridade nas janelas: cada uma com a sua cor */
.f .pj-pri-l{display:block;font-size:13px;font-weight:600;margin-bottom:6px}
.pj-pri .pr-urgente{--p:var(--bad)} .pj-pri .pr-alta{--p:var(--warn)} .pj-pri .pr-media{--p:var(--blue)} .pj-pri .pr-baixa{--p:var(--ok)} .pj-pri .pr-nd{--p:var(--muted)} .f .pj-pri{margin-bottom:8px}
.pj-pri label[class^="pr-"] span{gap:7px;padding:6px 12px 6px 6px;border-color:color-mix(in srgb,var(--p) 30%,var(--line));background:color-mix(in srgb,var(--p) 7%,var(--card-2));color:color-mix(in srgb,var(--p) 55%,var(--ink))}
.pj-pri label[class^="pr-"] span i{display:grid;place-items:center;min-width:20px;height:20px;padding:0 4px;border-radius:99px;font-size:11px;letter-spacing:-.04em;color:var(--p);background:color-mix(in srgb,var(--p) 18%,transparent)}
.pj-pri label[class^="pr-"]:hover span{border-color:var(--p);transform:translateY(-1px)}
.pj-pri label[class^="pr-"] input:checked + span{color:#0b0f0d;border-color:var(--p);background:var(--p);box-shadow:0 6px 18px -8px var(--p)}
.pj-pri label[class^="pr-"] input:checked + span i{color:var(--p);background:#0b0f0d}
.pj-pri label.pr-nd input:checked + span{color:var(--ink);background:color-mix(in srgb,var(--p) 25%,var(--card-2))}
.pj-pri label.pr-nd input:checked + span i{color:var(--ink);background:color-mix(in srgb,var(--ink) 12%,transparent)}
/* pedido a várias pessoas: botões com foto para ligar/desligar */
.pj-dos{display:flex;flex-wrap:wrap;gap:6px}
.pj-dos label{cursor:pointer} .pj-dos input{position:absolute;opacity:0;pointer-events:none}
.pj-dos span{position:relative;display:inline-flex;align-items:center;gap:7px;padding:4px 12px 4px 4px;border-radius:99px;border:1px solid var(--line);background:var(--card-2);font-size:12.5px;font-weight:700;color:var(--muted);transition:all .15s}
.pj-dos span .avatar{width:24px;height:24px;filter:grayscale(.6);opacity:.75;transition:all .15s}
.pj-dos span i{position:absolute;left:20px;bottom:-2px;display:none;place-items:center;width:13px;height:13px;border-radius:99px;background:var(--warn);color:#0b0f0d;box-shadow:0 0 0 2px var(--card)} .pj-dos span i svg{width:8px;height:8px}
.pj-dos label:hover span{border-color:color-mix(in srgb,var(--warn) 60%,var(--line));color:var(--ink)}
.pj-dos input:checked + span{color:var(--ink);border-color:var(--warn);background:color-mix(in srgb,var(--warn) 14%,var(--card-2))}
.pj-dos input:checked + span .avatar{filter:none;opacity:1} .pj-dos input:checked + span i{display:grid}
.pj-dos input:focus-visible + span{outline:2px solid var(--accent);outline-offset:2px}
.pj-precisa .pj-pri-l small{font-weight:500;font-size:11.5px}
/* várias caras no mesmo pedido */
.pjt-ped-q .avatar + .avatar,.pj-ped-q .avatar + .avatar{margin-left:-9px;box-shadow:0 0 0 2px var(--card)}
.pj-precisa .pj-dos{margin-bottom:10px}
/* ver a nota de uma tarefa */
.pjt-nota{display:inline-flex;align-items:center;gap:5px;margin-left:6px;padding:3px 9px;border-radius:99px;border:1px solid color-mix(in srgb,var(--blue) 35%,var(--line));background:color-mix(in srgb,var(--blue) 10%,transparent);color:var(--blue);font:inherit;font-size:11.5px;font-weight:700;cursor:pointer;transition:all .15s}
.pjt-nota svg{width:12px;height:12px} .pjt-nota:hover{background:var(--blue);color:#0b0f0d;border-color:var(--blue)}
.nota-ov{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:16px;background:rgba(0,0,0,.55);backdrop-filter:blur(3px);animation:notaFd .15s ease-out}
.nota-pop{position:relative;width:min(460px,100%);max-height:80vh;overflow:auto;padding:20px 20px 18px;border-radius:18px;border:1px solid color-mix(in srgb,var(--blue) 35%,var(--line));background:linear-gradient(180deg,color-mix(in srgb,var(--blue) 8%,var(--card)),var(--card) 60%);box-shadow:0 30px 70px -20px rgba(0,0,0,.7);animation:notaIn .18s ease-out}
.nota-x{position:absolute;top:12px;right:12px;display:grid;place-items:center;width:30px;height:30px;border-radius:99px;border:1px solid var(--line);background:var(--card-2);color:var(--muted);cursor:pointer} .nota-x:hover{color:var(--bad);border-color:var(--bad)} .nota-x svg{width:14px;height:14px}
.nota-h{display:flex;align-items:center;gap:11px;padding-right:36px;margin-bottom:14px}
.nota-ic{display:grid;place-items:center;width:36px;height:36px;flex:none;border-radius:11px;color:var(--blue);background:color-mix(in srgb,var(--blue) 15%,transparent)} .nota-ic svg{width:17px;height:17px}
.nota-h small{display:block;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--blue)} .nota-h b{display:block;font-size:15px;line-height:1.3}
.nota-tx{margin:0;padding:14px;border-radius:12px;background:var(--card-2);border:1px solid var(--line);font-size:14px;line-height:1.55;white-space:pre-wrap;word-break:break-word}
.nota-f{display:flex;align-items:center;gap:8px;margin-top:12px;font-size:12.5px;color:var(--muted)}
@keyframes notaFd{from{opacity:0}} @keyframes notaIn{from{opacity:0;transform:translateY(8px) scale(.98)}}
.pjt-nota{flex:none;white-space:nowrap} .pjt-f{flex-wrap:wrap;row-gap:6px} .pjt-f .pjt-q{flex:none}

/* pedido tratado: interruptor */
.pj-trat{position:relative;display:flex;align-items:center;gap:12px;margin-top:10px;padding:10px 12px;border-radius:12px;border:1px solid var(--line);background:var(--card);cursor:pointer;transition:border-color .15s,background .15s}
.pj-trat:hover{border-color:color-mix(in srgb,var(--ok) 50%,var(--line))}
.pj-trat input{position:absolute;opacity:0;pointer-events:none}
.pj-trat-sw{position:relative;flex:none;width:40px;height:22px;border-radius:99px;background:var(--card-2);border:1px solid var(--line);transition:all .2s}
.pj-trat-sw i{position:absolute;top:2px;left:2px;display:grid;place-items:center;width:16px;height:16px;border-radius:99px;background:var(--muted);color:transparent;transition:all .2s}
.pj-trat-sw i svg{width:10px;height:10px}
.pj-trat-t b{display:block;font-size:13px} .pj-trat-t small{display:block;font-size:12px;color:var(--muted)}
.pj-trat:has(input:checked){border-color:var(--ok);background:color-mix(in srgb,var(--ok) 9%,var(--card))}
.pj-trat input:checked + .pj-trat-sw{background:var(--ok);border-color:var(--ok)}
.pj-trat input:checked + .pj-trat-sw i{left:20px;background:#0b0f0d;color:var(--ok)}
.pj-trat input:checked ~ .pj-trat-t b{color:var(--ok)}
.pj-trat input:focus-visible + .pj-trat-sw{outline:2px solid var(--accent);outline-offset:2px}
/* botões do topo (tema, sino, definições) com o contorno verde weTURN.ON */
.topbar .r .top-ic,.topbar .r .sino,.r > .top-ic,.r > .sino{border:1px solid color-mix(in srgb,var(--accent) 55%,transparent) !important;color:var(--accent);box-shadow:0 0 0 0 transparent,inset 0 0 12px -6px var(--accent);transition:border-color .15s,box-shadow .15s,background .15s}
.r > .top-ic:hover,.r > .sino:hover{border-color:var(--accent) !important;background:color-mix(in srgb,var(--accent) 10%,transparent);box-shadow:0 0 14px -4px color-mix(in srgb,var(--accent) 70%,transparent)}
.r > .top-ic svg,.r > .sino svg{color:var(--accent)}

.pj-peds.min .pj-peds-b{display:none} .pj-peds .box-h .r{margin-left:auto} .pj-peds.min .box-h{margin-bottom:0}

/* subtarefas: setas para passar à coluna anterior ou seguinte (aparecem com o rato) */
.sd-c{position:relative}
.sd-mv{position:absolute;right:10px;bottom:10px;display:flex;gap:4px;opacity:0;transform:translateY(3px);transition:opacity .15s,transform .15s}
.sd-c:hover .sd-mv,.sd-c:focus-within .sd-mv{opacity:1;transform:none}
.sd-mv button{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;border:1px solid color-mix(in srgb,var(--accent) 45%,var(--line));background:var(--card-2);color:var(--accent);cursor:pointer;box-shadow:0 4px 12px -6px rgba(0,0,0,.6)}
.sd-mv button:hover{background:var(--accent);color:#0b0f0d;border-color:var(--accent)} .sd-mv svg{width:13px;height:13px}
@media (hover:none){.sd-mv{opacity:1;transform:none}}

.sd-atu.a-girar svg{animation:sdGira .8s linear infinite} @keyframes sdGira{to{transform:rotate(360deg)}}

/* reports: cada área e cada tipo com a sua cor (antes ficavam todos azuis/cinzentos) */
.rl-areas label.tp-blue{--p:#4f9cff} .rl-areas label.tp-ok{--p:var(--accent)} .rl-areas label.tp-roxo{--p:#a78bfa}
.rl-tabs a.tp-blue{--p:#4f9cff} .rl-tabs a.tp-ok{--p:var(--accent)} .rl-tabs a.tp-roxo{--p:#a78bfa}
.rl-areas label span em{color:var(--p);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--p) 35%,transparent),0 6px 16px -10px var(--p)}
.rlm .rl-areas label span em{width:36px;height:36px;border-radius:11px;background:linear-gradient(145deg,color-mix(in srgb,var(--p) 26%,transparent),color-mix(in srgb,var(--p) 8%,transparent))}
.rl-areas label span em .ico-ar,.rlm .rl-areas label span em .ico-ar{width:20px;height:20px;color:var(--p)}
.rl-areas label span{border-color:color-mix(in srgb,var(--p) 25%,var(--line))}
.rl-areas input:checked + span em{background:var(--p);color:#0b0f0d} .rl-areas input:checked + span em .ico-ar{color:#0b0f0d}
.rl-tab-ic .ico-ar{width:18px;height:18px}
.pj-pri.rl-tipos label.tp-blue{--p:#4f9cff} .pj-pri.rl-tipos label.tp-bad{--p:var(--bad)} .pj-pri.rl-tipos label.tp-roxo{--p:#a78bfa} .pj-pri.rl-tipos label.tp-ok{--p:var(--accent)}
.pj-pri.rl-tipos label span{gap:7px;border-color:color-mix(in srgb,var(--p) 32%,var(--line));background:color-mix(in srgb,var(--p) 8%,var(--card-2));color:color-mix(in srgb,var(--p) 60%,var(--ink))}
.pj-pri.rl-tipos label span svg{color:var(--p)}
.pj-pri.rl-tipos label:hover span{border-color:var(--p)}
.pj-pri.rl-tipos input:checked + span{color:#0b0f0d;background:var(--p);border-color:var(--p);box-shadow:0 6px 18px -8px var(--p)} .pj-pri.rl-tipos input:checked + span svg{color:#0b0f0d}

/* quadro de tarefas: setas para passar ao estado anterior ou seguinte (aparecem com o rato) */
.kanban .task{position:relative}
.task-mv{position:absolute;right:10px;bottom:10px;display:flex;gap:4px;opacity:0;transform:translateY(3px);transition:opacity .15s,transform .15s}
.kanban .task:hover .task-mv,.kanban .task:focus-within .task-mv,.kanban .task:focus .task-mv{opacity:1;transform:none}
.task-mv-b{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;border:1px solid color-mix(in srgb,var(--accent) 45%,var(--line));background:var(--card-2);color:var(--accent);cursor:pointer;box-shadow:0 4px 12px -6px rgba(0,0,0,.6)}
.task-mv-b:hover,.task-mv-b:focus-visible{background:var(--accent);color:#0b0f0d;border-color:var(--accent);outline:none} .task-mv-b svg{width:13px;height:13px}
@media (hover:none){.task-mv{opacity:1;transform:none}}

.pj-ped[data-ped-ir]{cursor:pointer;border-radius:12px;transition:background .15s} .pj-ped[data-ped-ir]:hover{background:color-mix(in srgb,var(--warn) 7%,transparent)} .pj-ped[data-ped-ir]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}

/* Lobby: atalhos em quadrados */
.lb-hero{display:flex;align-items:center;gap:16px;padding:20px 22px;margin-bottom:18px;border-radius:20px;border:1px solid color-mix(in srgb,var(--accent) 28%,var(--line));background:radial-gradient(120% 140% at 0% 0%,color-mix(in srgb,var(--accent) 12%,transparent),transparent 60%),var(--card)}
.lb-hero h2{margin:0;font-size:20px} .lb-hero p{margin:3px 0 0;color:var(--muted);font-size:13.5px} .lb-hero .btn{margin-left:auto;flex:none}
.lb-hero-ic{display:grid;place-items:center;width:48px;height:48px;flex:none;border-radius:15px;color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,transparent);border:1px solid color-mix(in srgb,var(--accent) 35%,transparent);box-shadow:0 0 24px -8px var(--accent)} .lb-hero-ic svg{width:22px;height:22px}
.lb-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px}
.lb-q{--p:var(--accent);position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-height:150px;padding:18px;border-radius:18px;border:1px solid var(--line);background:linear-gradient(160deg,color-mix(in srgb,var(--p) 9%,var(--card)),var(--card) 65%);color:var(--ink);text-decoration:none;text-align:left;font:inherit;cursor:pointer;transition:transform .18s,border-color .18s,box-shadow .18s}
.lb-q:hover,.lb-q:focus-visible{transform:translateY(-3px);border-color:color-mix(in srgb,var(--p) 70%,var(--line));box-shadow:0 14px 30px -18px var(--p);outline:none}
.lb-q.i-notion{--p:#e8ece9} .lb-q.i-n8n{--p:#ea4b71} .lb-q.i-github{--p:#a3aab0} .lb-q.i-mail{--p:#ff7a2f} .lb-q.i-weturnon{--p:var(--accent)} .lb-q.i-link{--p:#4f9cff}
.lb-ic{display:grid;place-items:center;width:46px;height:46px;margin-bottom:auto;border-radius:14px;background:color-mix(in srgb,var(--p) 13%,var(--card-2));border:1px solid color-mix(in srgb,var(--p) 28%,transparent);color:var(--p)}
.lb-ic svg,.lb-ic img{width:24px;height:24px} .lb-ic .lg-ini{width:24px;height:24px}
.lb-q b{margin-top:14px;font-size:15px;line-height:1.25} .lb-q small{font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
.lb-go{position:absolute;top:16px;right:16px;color:var(--muted);transition:color .15s,transform .15s} .lb-go svg{width:15px;height:15px}
.lb-q:hover .lb-go{color:var(--p);transform:translate(2px,-2px)}
.lb-ed{position:absolute;right:12px;bottom:12px;display:grid;place-items:center;width:28px;height:28px;border-radius:9px;border:1px solid var(--line);background:var(--card-2);color:var(--muted);cursor:pointer;opacity:0;transition:opacity .15s}
.lb-q:hover .lb-ed,.lb-q:focus-within .lb-ed{opacity:1} .lb-ed:hover{color:var(--accent);border-color:var(--accent)} .lb-ed svg{width:13px;height:13px}
@media (hover:none){.lb-ed{opacity:1}}
.lb-q.sem{border-style:dashed;background:var(--card)} .lb-q.sem small{color:var(--warn)}
.lb-add{--p:var(--accent);border-style:dashed;background:transparent;align-items:center;justify-content:center;text-align:center} .lb-add .lb-ic{margin-bottom:0} .lb-add b{margin-top:10px}
.lb-ics{display:grid;grid-template-columns:repeat(6,1fr);gap:6px} .lb-ics label{cursor:pointer} .lb-ics input{position:absolute;opacity:0;pointer-events:none}
.lb-ics span{display:flex;flex-direction:column;align-items:center;gap:5px;padding:9px 4px;border-radius:12px;border:1px solid var(--line);background:var(--card-2);font-size:11px;color:var(--muted)} .lb-ics span svg,.lb-ics span img{width:20px;height:20px}
.lb-ics input:checked + span{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,var(--card-2));color:var(--ink)} .lb-ics input:focus-visible + span{outline:2px solid var(--accent);outline-offset:2px}
@media (max-width:640px){.lb-hero{flex-wrap:wrap}.lb-hero .btn{margin-left:0}.lb-grid{grid-template-columns:1fr 1fr}.lb-ics{grid-template-columns:repeat(3,1fr)}}

/* My Space */
.ms-hero{position:relative;overflow:hidden;display:flex;align-items:center;gap:20px;padding:28px 28px;margin-bottom:20px;border-radius:24px;border:1px solid color-mix(in srgb,var(--accent) 30%,var(--line));background:radial-gradient(90% 160% at 0% 0%,color-mix(in srgb,var(--accent) 16%,transparent),transparent 55%),radial-gradient(70% 120% at 100% 100%,color-mix(in srgb,#4f9cff 10%,transparent),transparent 60%),var(--card)}
.ms-hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(color-mix(in srgb,var(--accent) 7%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--accent) 7%,transparent) 1px,transparent 1px);background-size:28px 28px;mask-image:radial-gradient(80% 90% at 85% 50%,#000,transparent 75%);pointer-events:none}
.ms-orb{position:absolute;right:-60px;top:50%;width:260px;height:260px;transform:translateY(-50%);pointer-events:none;opacity:.55}
.ms-orb i{position:absolute;inset:0;border-radius:50%;border:1px solid color-mix(in srgb,var(--accent) 40%,transparent);animation:msGira 18s linear infinite}
.ms-orb i:nth-child(2){inset:30px;border-style:dashed;animation-duration:26s;animation-direction:reverse} .ms-orb i:nth-child(3){inset:70px;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 35%,transparent),transparent 70%);border:0}
.ms-orb i:first-child::after{content:"";position:absolute;top:-4px;left:50%;width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px var(--accent)}
@keyframes msGira{to{transform:rotate(360deg)}}
.ms-hero-t{position:relative;flex:1;min-width:0}
.ms-k{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)} .ms-k svg{width:13px;height:13px}
.ms-hero h2{margin:6px 0 4px;font-size:28px;font-weight:900;letter-spacing:-.02em}
.ms-hero p{margin:0;color:var(--muted);font-size:14px}
.ms-hero kbd,.ms-q kbd{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:6px;border:1px solid var(--line);border-bottom-width:2px;background:var(--card-2);font:700 11px/1 ui-monospace,monospace;color:var(--ink)}
.ms-relogio{position:relative;display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex:none;text-align:right}
.ms-relogio b{font-size:34px;font-weight:900;letter-spacing:-.03em;font-variant-numeric:tabular-nums;line-height:1}
.ms-relogio span{font-size:12.5px;color:var(--muted);text-transform:capitalize;margin-bottom:8px}
.ms-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px}
.ms-q{--p:var(--accent);position:relative;overflow:hidden;isolation:isolate;display:flex;flex-direction:column;align-items:flex-start;gap:3px;min-height:178px;padding:18px;border-radius:20px;border:1px solid color-mix(in srgb,var(--p) 18%,var(--line));background:linear-gradient(165deg,color-mix(in srgb,var(--p) 10%,var(--card)),var(--card) 60%);color:var(--ink);text-decoration:none;text-align:left;font:inherit;cursor:pointer;opacity:0;animation:msEntra .45s cubic-bezier(.2,.8,.2,1) var(--d,0ms) forwards;transition:transform .2s,border-color .2s,box-shadow .2s}
@keyframes msEntra{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}
.ms-glow{position:absolute;z-index:-1;right:-40px;top:-40px;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--p) 30%,transparent),transparent 70%);opacity:.5;transition:opacity .25s,transform .25s}
.ms-q:hover,.ms-q:focus-visible{transform:translateY(-4px);border-color:color-mix(in srgb,var(--p) 75%,var(--line));box-shadow:0 18px 36px -20px var(--p),inset 0 1px 0 color-mix(in srgb,#fff 6%,transparent);outline:none}
.ms-q:hover .ms-glow{opacity:1;transform:scale(1.25)}
.ms-q.ms-flash{border-color:var(--p);box-shadow:0 0 0 3px color-mix(in srgb,var(--p) 40%,transparent)}
.ms-q.i-notion{--p:#dfe5e1} .ms-q.i-n8n{--p:#ea4b71} .ms-q.i-github{--p:#9aa4ad} .ms-q.i-mail{--p:#ff7a2f} .ms-q.i-weturnon{--p:var(--accent)} .ms-q.i-link{--p:#4f9cff}
.ms-top{display:flex;align-items:flex-start;justify-content:space-between;width:100%;margin-bottom:auto}
.ms-ic{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;color:var(--p);background:linear-gradient(145deg,color-mix(in srgb,var(--p) 22%,var(--card-2)),color-mix(in srgb,var(--p) 6%,var(--card-2)));border:1px solid color-mix(in srgb,var(--p) 35%,transparent);box-shadow:0 8px 20px -12px var(--p),inset 0 1px 0 color-mix(in srgb,#fff 8%,transparent)}
.ms-ic svg,.ms-ic img{width:26px;height:26px}
.ms-q b{margin-top:16px;font-size:16px;line-height:1.25;letter-spacing:-.01em} .ms-q small{font-size:12.5px;color:var(--muted)}
.ms-host{display:flex;align-items:center;gap:6px;width:100%;margin-top:10px;padding-top:10px;border-top:1px dashed color-mix(in srgb,var(--p) 22%,var(--line));font:600 11px/1.2 ui-monospace,monospace;color:color-mix(in srgb,var(--p) 55%,var(--muted));overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.ms-host i{margin-left:auto;display:grid;place-items:center;flex:none;width:24px;height:24px;border-radius:8px;background:color-mix(in srgb,var(--p) 12%,transparent);color:var(--p);transition:transform .2s,background .2s} .ms-host i svg{width:12px;height:12px}
.ms-q:hover .ms-host i{transform:translateX(3px);background:var(--p);color:#0b0f0d}
.ms-ed{position:absolute;top:14px;right:44px;display:grid;place-items:center;width:26px;height:26px;border-radius:8px;border:1px solid var(--line);background:var(--card-2);color:var(--muted);cursor:pointer;opacity:0;transition:opacity .15s}
.ms-q:hover .ms-ed,.ms-q:focus-within .ms-ed{opacity:1} .ms-ed:hover{color:var(--accent);border-color:var(--accent)} .ms-ed svg{width:12px;height:12px}
@media (hover:none){.ms-ed{opacity:1}}
.ms-add{border-style:dashed;background:transparent;align-items:center;justify-content:center;text-align:center} .ms-add .ms-ic{margin:0} .ms-add b{margin-top:12px}
@media (max-width:760px){.ms-hero{flex-direction:column;align-items:flex-start}.ms-relogio{align-items:flex-start;text-align:left}.ms-orb{opacity:.25}.ms-grid{grid-template-columns:1fr 1fr}}
@media (prefers-reduced-motion:reduce){.ms-orb i,.ms-q{animation:none;opacity:1}}

.ms-grid{grid-template-columns:repeat(3,minmax(0,1fr))} .ms-ed{right:14px}
@media (max-width:760px){.ms-grid{grid-template-columns:1fr 1fr}} @media (max-width:460px){.ms-grid{grid-template-columns:1fr}}
/* contorno verde weTURN.ON também no topo da página inicial e no botão do menu */
.lz-sq,.burger,.lz-user,.lz-theme{border:1px solid color-mix(in srgb,var(--accent) 55%,transparent) !important;box-shadow:inset 0 0 12px -6px var(--accent);transition:border-color .15s,box-shadow .15s,background .15s}
.lz-sq,.burger{color:var(--accent)}
.lz-sq:hover,.burger:hover,.lz-user:hover,.lz-theme:hover{border-color:var(--accent) !important;box-shadow:0 0 14px -4px color-mix(in srgb,var(--accent) 70%,transparent)}
.lz-sq:hover,.burger:hover{background:color-mix(in srgb,var(--accent) 10%,var(--card))}

.mine-todas.min .mine-b{display:none} .mine-todas .box-h .r{display:flex;gap:6px;align-items:center}
/* rodapé da página inicial: Powered by em cima, slogan em baixo */
.lz-foot{flex-direction:column;gap:6px;text-align:center}
.lz-foot .lz-pw{display:flex;align-items:center;gap:10px;margin:0;font-size:10.5px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}
.lz-foot .lz-pw i{display:block;width:26px;height:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--accent) 60%,transparent))} .lz-foot .lz-pw i:last-child{transform:scaleX(-1)}
.lz-foot .lz-pw b{text-transform:none;letter-spacing:.04em;font-size:12px;font-weight:800;color:var(--ink)} .lz-foot .lz-pw em{font-style:normal;color:var(--accent)}
.lz-sl{font-size:12.5px;font-style:italic;color:color-mix(in srgb,var(--ink) 65%,transparent)} .lz-sl b{font-weight:700;color:var(--accent)}

.pj-meus.min .pj-meus-b{display:none} .pj-meus .box-h .r{margin-left:auto} .pj-meus.min .box-h,.mine-todas.min .box-h{margin-bottom:0}
/* caixa de procurar do topo com o contorno verde */
.top-busca{border:1px solid color-mix(in srgb,var(--accent) 55%,transparent) !important;box-shadow:inset 0 0 14px -8px var(--accent);transition:border-color .15s,box-shadow .15s}
.top-busca svg{color:var(--accent)}
.top-busca:hover,.top-busca:focus-visible{border-color:var(--accent) !important;box-shadow:0 0 14px -4px color-mix(in srgb,var(--accent) 70%,transparent)}
/* rodapé do menu (procurar, definições, conta, dia/noite) com o contorno verde */
.foot .nav-busca,.foot .foot-cfg,.foot .me,.foot .theme-switch{border:1px solid color-mix(in srgb,var(--accent) 50%,transparent) !important;box-shadow:inset 0 0 14px -8px var(--accent);transition:border-color .15s,box-shadow .15s}
.foot .foot-cfg{color:var(--accent)}
.foot .nav-busca:hover,.foot .foot-cfg:hover,.foot .me:hover{border-color:var(--accent) !important;box-shadow:0 0 14px -4px color-mix(in srgb,var(--accent) 70%,transparent)}
/* modo de dia: verde mais escuro para ler bem no branco, e tons que não desaparecem no fundo claro */
body.light{--accent:#189553}
body.light .ms-q.i-notion,body.light .lb-q.i-notion{--p:#2c322f} body.light .ms-q.i-github,body.light .lb-q.i-github{--p:#4a5259}
body.light .ms-hero h2,body.light .lb-hero h2{color:var(--ink)}
body.light .ms-q,body.light .lb-q{box-shadow:0 2px 10px rgba(20,40,30,.06)}
body.light .lg-slogan,body.light .side .prod small{color:var(--accent)}
body.light .lz-sl{color:var(--muted)}
body.light .nota-ov{background:rgba(20,30,25,.35)}
body.light .pj-dos input:checked + span i,body.light .pj-trat-sw i{box-shadow:0 0 0 2px var(--card)}
body.light .rlm-s{background:linear-gradient(180deg,var(--card-2),var(--card) 120%)}
body.light .rlm-n i{color:#fff}
/* modo de dia: roxo e azul mais escuros, rótulos com a cor do projeto legíveis */
body.light{--faint:#7f8782}
body.light .tp-roxo,body.light .t-roxo,body.light .rl-areas label.tp-roxo,body.light .rl-tabs a.tp-roxo,body.light .pj-pri.rl-tipos label.tp-roxo{--p:#7552d6}
body.light .rl-areas label.tp-blue,body.light .rl-tabs a.tp-blue,body.light .pj-pri.rl-tipos label.tp-blue{--p:#2f7fc0}
body.light .ms-q.i-link,body.light .lb-q.i-link{--p:#2f7fc0} body.light .ms-q.i-mail,body.light .lb-q.i-mail{--p:#d9601c} body.light .ms-q.i-n8n,body.light .lb-q.i-n8n{--p:#d63a62}
body.light .pjh-k{color:color-mix(in srgb,var(--c,var(--accent)) 65%,#000)}

/* Definições → Ligar ao Claude (MCP) */
.mcp-box .box-h h2{display:flex;align-items:center;gap:8px} .mcp-box .box-h h2 svg{width:18px;height:18px;color:var(--accent)}
.mcp-int{margin:0 0 12px;font-size:13.5px}
.mcp-url{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;border:1px solid color-mix(in srgb,var(--accent) 40%,var(--line));background:color-mix(in srgb,var(--accent) 7%,var(--card-2))}
.mcp-url span{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)} .mcp-url code{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}
.mcp-h3{margin:16px 0 8px;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.mcp-chs,.mcp-ligs{display:flex;flex-direction:column;gap:6px}
.mcp-ch,.mcp-lig{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:12px;border:1px solid var(--line);background:var(--card-2)}
.mcp-ch > div,.mcp-lig > div{flex:1;min-width:0} .mcp-ch b{display:block;font-size:13.5px} .mcp-ch small,.mcp-lig small{display:block;font-size:12px;color:var(--muted)}
.mcp-ch-i,.mcp-lig-i{display:grid;place-items:center;flex:none;width:30px;height:30px;border-radius:9px;color:var(--accent);background:color-mix(in srgb,var(--accent) 13%,transparent)} .mcp-ch-i svg,.mcp-lig-i svg{width:15px;height:15px}
.mcp-lig code{font-size:12.5px;font-weight:700} .mcp-lig > b{font-size:11.5px;font-weight:800;padding:2px 9px;border-radius:99px}
.mcp-lig.ok > b{color:var(--ok);background:color-mix(in srgb,var(--ok) 14%,transparent)}
.mcp-lig.off .mcp-lig-i{color:var(--bad);background:color-mix(in srgb,var(--bad) 13%,transparent)} .mcp-lig.off > b{color:var(--bad);background:color-mix(in srgb,var(--bad) 13%,transparent)}
.mcp-lig.opc .mcp-lig-i{color:var(--muted);background:color-mix(in srgb,var(--muted) 13%,transparent)} .mcp-lig.opc > b{color:var(--muted);background:color-mix(in srgb,var(--muted) 13%,transparent)}
.mcp-bar{display:flex;gap:8px;margin-top:10px} .mcp-bar .input{flex:1;min-width:0}
.mcp-novo{margin-top:10px;display:flex;flex-direction:column;gap:8px} .mcp-novo small{color:var(--muted)}
.mcp-tok{display:flex;align-items:center;gap:8px} .mcp-tok code{flex:1;min-width:0;padding:8px 10px;border-radius:9px;background:var(--card);border:1px solid var(--line);font-size:12px;word-break:break-all}
.mcp-fer{margin-top:12px} .mcp-fer summary{cursor:pointer;font-size:13px;font-weight:700;color:var(--muted)}
.mcp-fer > div{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px} .mcp-fer span{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:99px;border:1px solid var(--line);font-size:12px;color:var(--muted)}
.mcp-fer span svg{width:12px;height:12px} .mcp-fer span.esc{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 40%,var(--line))}
@media (max-width:640px){.mcp-url,.mcp-tok,.mcp-bar{flex-wrap:wrap}}
/* botão dia/noite do topo: de noite mostra o sol (passar a dia), de dia mostra a lua (passar a noite) */
#topTema .ic-lua{display:none} body.light #topTema .ic-sol{display:none} body.light #topTema .ic-lua{display:block}

/* Definições */
.cf-hero{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:26px 28px;margin-bottom:16px;border-radius:24px;border:1px solid color-mix(in srgb,var(--accent) 30%,var(--line));background:radial-gradient(90% 160% at 0% 0%,color-mix(in srgb,var(--accent) 15%,transparent),transparent 55%),var(--card)}
.cf-hero-bg{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(color-mix(in srgb,var(--accent) 6%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--accent) 6%,transparent) 1px,transparent 1px);background-size:26px 26px;mask-image:radial-gradient(70% 100% at 90% 50%,#000,transparent 75%)}
.cf-eu{position:relative;display:flex;align-items:center;gap:18px;min-width:0}
.cf-eu .avatar.xl{width:72px;height:72px;box-shadow:0 0 0 3px var(--card),0 0 0 5px color-mix(in srgb,var(--accent) 55%,transparent),0 10px 30px -10px var(--accent)}
.cf-eu small,.cf-ap small{display:block;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}
.cf-eu h2{margin:4px 0 4px;font-size:24px;font-weight:900;letter-spacing:-.02em}
.cf-mail{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--muted)} .cf-mail svg{width:13px;height:13px}
.cf-tags{display:flex;align-items:center;gap:8px;margin-top:10px;flex-wrap:wrap}
.cf-role{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:99px;font-size:12px;font-weight:800;color:var(--muted);background:var(--card-2);border:1px solid var(--line)} .cf-role svg{width:12px;height:12px}
.cf-role.adm{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 45%,transparent);background:color-mix(in srgb,var(--accent) 10%,transparent)}
.cf-perfil{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;font-weight:700;color:var(--muted);text-decoration:none} .cf-perfil svg{width:12px;height:12px} .cf-perfil:hover{color:var(--accent)}
.cf-ap{position:relative;display:flex;flex-direction:column;align-items:flex-end;gap:8px} .cf-ap > span{font-size:11.5px;color:var(--faint)}
.cf-ap .cfg-tema{max-width:none;width:230px} .cf-ap .cfg-tema button{display:inline-flex;align-items:center;justify-content:center;gap:6px} .cf-ap .cfg-tema svg{width:14px;height:14px}
.cf-tabs{display:flex;gap:6px;margin-bottom:16px;padding:5px;border-radius:16px;border:1px solid var(--line);background:var(--card);overflow-x:auto}
.cf-tabs button{display:inline-flex;align-items:center;gap:8px;flex:1;justify-content:center;white-space:nowrap;padding:10px 14px;border-radius:12px;font-size:13.5px;font-weight:700;color:var(--muted);transition:background .15s,color .15s}
.cf-tabs button svg{width:16px;height:16px} .cf-tabs button:hover{color:var(--ink);background:var(--card-2)}
.cf-tabs button.on{color:#0b0f0d;background:var(--accent);box-shadow:0 6px 18px -8px var(--accent)}
.cf-g2{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}
.cf-card{animation:cfEntra .3s ease-out} @keyframes cfEntra{from{opacity:0;transform:translateY(6px)}}
.cf-h{display:flex;align-items:center;gap:12px;margin-bottom:16px} .cf-h h2{margin:0;font-size:16px} .cf-h small{font-size:12.5px;color:var(--muted)}
.cf-h-ic{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:12px;color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent);border:1px solid color-mix(in srgb,var(--accent) 30%,transparent)} .cf-h-ic svg{width:18px;height:18px}
.cf-txt{margin:-6px 0 14px;font-size:13px}
.cf-dica{display:flex;align-items:flex-start;gap:8px;margin:2px 0 14px;font-size:12.5px;color:var(--muted)} .cf-dica svg{flex:none;width:14px;height:14px;margin-top:2px;color:var(--accent)}
.cf-sts{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;margin-bottom:14px}
.cf-st{--p:var(--muted);position:relative;overflow:hidden;display:flex;align-items:center;gap:12px;padding:14px;border-radius:14px;border:1px solid color-mix(in srgb,var(--p) 30%,var(--line));background:linear-gradient(150deg,color-mix(in srgb,var(--p) 8%,var(--card-2)),var(--card-2))}
.cf-st.ok{--p:var(--accent)} .cf-st.off{--p:var(--warn)} .cf-st.neu{--p:#4f9cff}
.cf-st-ic{display:grid;place-items:center;flex:none;width:38px;height:38px;border-radius:11px;color:var(--p);background:color-mix(in srgb,var(--p) 14%,transparent)} .cf-st-ic svg{width:18px;height:18px}
.cf-st small{display:block;font-size:12px;color:var(--muted)} .cf-st b{display:block;font-size:14.5px} .cf-st em{display:block;font-style:normal;font-size:12px;color:var(--muted)}
.cf-st i{position:absolute;top:12px;right:12px;width:8px;height:8px;border-radius:50%;background:var(--p);box-shadow:0 0 0 3px color-mix(in srgb,var(--p) 22%,transparent)}
body.light .cf-st.neu{--p:#2f7fc0}
@media (max-width:820px){.cf-g2{grid-template-columns:1fr}.cf-ap{align-items:flex-start}.cf-tabs button{flex:none}}
.side .prod .prod-w{color:var(--ink)}

/* subtarefas dentro de uma subtarefa */
.sd-ps-l{display:flex;flex-direction:column;gap:6px;margin-bottom:8px}
.sd-ps-i{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:11px;border:1px solid var(--line);background:var(--card-2);transition:border-color .15s,background .15s}
.sd-ps-i.ok{border-color:color-mix(in srgb,var(--accent) 40%,var(--line));background:color-mix(in srgb,var(--accent) 7%,var(--card-2))}
.sd-ps-c{display:grid;place-items:center;cursor:pointer} .sd-ps-c input{position:absolute;opacity:0;pointer-events:none}
.sd-ps-c span{display:grid;place-items:center;width:20px;height:20px;border-radius:6px;border:1.5px solid color-mix(in srgb,var(--muted) 70%,transparent);color:transparent;transition:all .15s} .sd-ps-c span svg{width:12px;height:12px}
.sd-ps-c input:checked + span{background:var(--accent);border-color:var(--accent);color:#0b0f0d} .sd-ps-c input:focus-visible + span{outline:2px solid var(--accent);outline-offset:2px}
.sd-ps-t{flex:1;min-width:0;border:0;outline:0;background:transparent;color:var(--ink);font:inherit;font-size:13.5px;padding:4px 2px}
.sd-ps-i.ok .sd-ps-t{color:var(--muted);text-decoration:line-through}
.sd-ps-i > button{display:grid;place-items:center;width:24px;height:24px;border-radius:7px;color:var(--muted)} .sd-ps-i > button:hover{color:var(--bad);background:color-mix(in srgb,var(--bad) 12%,transparent)} .sd-ps-i > button svg{width:12px;height:12px}
.sd-ps-add{display:flex;gap:8px} .sd-ps-add .input{flex:1;min-width:0}
.sd-sub{display:flex;flex-direction:column;gap:4px;margin-top:2px;padding-top:8px;border-top:1px dashed var(--line)}
.sd-sub .sd-p{margin:0 0 2px}
.sd-sub-i{display:flex;align-items:flex-start;gap:7px;font-size:12.5px;color:var(--ink);cursor:pointer;border-radius:7px;padding:2px 3px}
.sd-sub-i:hover{background:var(--card-2)} .sd-sub-i input{position:absolute;opacity:0;pointer-events:none}
.sd-sub-c{display:grid;place-items:center;flex:none;width:15px;height:15px;margin-top:1px;border-radius:5px;border:1.5px solid color-mix(in srgb,var(--muted) 70%,transparent);color:transparent} .sd-sub-c svg{width:10px;height:10px}
.sd-sub-i.ok .sd-sub-c{background:var(--accent);border-color:var(--accent);color:#0b0f0d} .sd-sub-i.ok .sd-sub-t{color:var(--muted);text-decoration:line-through}
.sd-sub-i input:focus-visible + .sd-sub-c{outline:2px solid var(--accent);outline-offset:2px}
.sd-sub-mais{font-size:11.5px;color:var(--muted);padding-left:25px}

/* reports: cada report conta a história (o problema → o que foi feito → como ficou) */
.rl2{--p:var(--muted);position:relative;display:flex;flex-direction:column;gap:10px;padding:18px 20px 12px;border-radius:18px;border:1px solid var(--line);background:var(--card);overflow:hidden}
.rl2::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--p)}
.rl2.t-ok{--p:var(--accent)} .rl2.t-warn{--p:var(--warn)} .rl2.t-bad{--p:var(--bad)}
.rl2-h{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.rl2-quem{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.rl2-cli{display:inline-flex;align-items:center;gap:7px;padding:3px 10px 3px 3px;border-radius:99px;border:1px solid var(--line);background:var(--card-2);font-size:12.5px;font-weight:800;color:var(--ink);text-decoration:none}
.rl2-cli .cli-av{width:22px;height:22px;border-radius:7px;font-size:9px} .rl2-cli:hover{border-color:var(--accent)}
.rl2-cli.geral{padding:3px 10px;color:var(--muted)} .rl2-cli.geral svg{width:12px;height:12px}
.rl2-quem .rl-ar .ico-ar{width:12px;height:12px}
.rl2-res{display:inline-flex;align-items:center;gap:7px;padding:5px 12px;border-radius:99px;font-size:12.5px;font-weight:800;color:var(--p);background:color-mix(in srgb,var(--p) 13%,transparent);border:1px solid color-mix(in srgb,var(--p) 35%,transparent)}
.rl2-res i{width:8px;height:8px;border-radius:50%;background:var(--p);box-shadow:0 0 0 3px color-mix(in srgb,var(--p) 25%,transparent)}
.rl2-res.t-ok{--p:var(--accent)} .rl2-res.t-warn{--p:var(--warn)} .rl2-res.t-bad{--p:var(--bad)}
.rl2-tit{margin:0;font-size:18px;line-height:1.3;letter-spacing:-.01em}
.rl2-meta{display:flex;align-items:center;gap:6px 14px;flex-wrap:wrap;font-size:12.5px;color:var(--muted)}
.rl2-meta > span,.rl2-meta > a{display:inline-flex;align-items:center;gap:5px;color:var(--muted);text-decoration:none} .rl2-meta > a:hover{color:var(--accent)}
.rl2-meta svg{width:13px;height:13px} .rl2-meta .avatar{width:18px;height:18px}
.rl2-tl{position:relative;list-style:none;margin:6px 0 0;padding:0;display:flex;flex-direction:column;gap:10px}
.rl2-tl::before{content:"";position:absolute;left:15px;top:14px;bottom:14px;width:2px;background:linear-gradient(var(--bad),var(--accent));opacity:.35}
.rl2-p{--c:var(--muted);position:relative;display:flex;gap:12px}
.rl2-p.p{--c:var(--bad)} .rl2-p.s{--c:#4f9cff} .rl2-p.r{--c:var(--p)}
.rl2-n{position:relative;z-index:1;display:grid;place-items:center;flex:none;width:32px;height:32px;border-radius:50%;font-size:13px;font-weight:900;color:var(--c);background:var(--card);border:2px solid color-mix(in srgb,var(--c) 60%,transparent);box-shadow:0 0 0 4px var(--card)} .rl2-n svg{width:15px;height:15px}
.rl2-p > div{flex:1;min-width:0;padding:8px 14px 10px;border-radius:14px;background:color-mix(in srgb,var(--c) 7%,var(--card-2));border:1px solid color-mix(in srgb,var(--c) 22%,var(--line))}
.rl2-p > div > b{display:block;margin-bottom:3px;font-size:11.5px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:var(--c)}
.rl2-tx{margin:0;font-size:14px;line-height:1.55;color:var(--ink);white-space:pre-wrap;word-break:break-word}
.rl2-rb{color:var(--c)}
.rl2-tl.corta:not(.aberto) .rl2-p:not(.r) .rl2-tx{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.rl2-f{display:flex;align-items:center;gap:6px;margin-top:2px}
body.light .rl2-p.s{--c:#2f7fc0}
@media (max-width:640px){.rl2{padding:16px 14px 10px}.rl2-tit{font-size:16px}}

/* reports com muitos clientes: logos sobrepostos + número, lista ao carregar */
.rl2-cg{display:inline-flex;align-items:center;gap:9px;padding:3px 12px 3px 4px;border-radius:99px;border:1px solid var(--line);background:var(--card-2);font:inherit;font-size:12.5px;color:var(--ink);cursor:pointer;transition:border-color .15s}
.rl2-cg:hover,.rl2-cg.on{border-color:var(--accent)} .rl2-cg b{font-weight:800}
.rl2-cg > svg{width:13px;height:13px;color:var(--muted);transition:transform .2s} .rl2-cg.on > svg{transform:rotate(180deg)}
.rl2-cg-l{display:inline-flex} .rl2-cg-l .cli-av{width:24px;height:24px;border-radius:50%;font-size:9px;box-shadow:0 0 0 2px var(--card-2)} .rl2-cg-l .cli-av + .cli-av{margin-left:-8px}
.rl2-cg-tudo{flex-basis:100%;display:flex;flex-wrap:wrap;gap:6px;margin-top:4px;padding:10px;border-radius:14px;border:1px dashed var(--line);background:var(--card-2);animation:cfEntra .2s ease-out}

/* reports afixados */
.rl2.afix{border-color:color-mix(in srgb,var(--accent) 45%,var(--line));box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 25%,transparent),0 14px 30px -22px var(--accent)}
.rl2-pin{position:absolute;top:0;right:22px;display:inline-flex;align-items:center;gap:5px;padding:3px 10px 4px;border-radius:0 0 10px 10px;font-size:11px;font-weight:800;color:#0b0f0d;background:var(--accent)} .rl2-pin svg{width:12px;height:12px}
.rl2.afix .rl2-h{margin-top:10px}
.rl2-f .btn.on{color:var(--accent)}
/* desenho «como fazer para um cliente» */
.gu{border-radius:16px;border:1px solid color-mix(in srgb,var(--accent) 30%,var(--line));background:linear-gradient(160deg,color-mix(in srgb,var(--accent) 7%,var(--card-2)),var(--card-2));overflow:hidden}
.gu > summary{display:flex;align-items:center;gap:12px;padding:12px 14px;cursor:pointer;list-style:none} .gu > summary::-webkit-details-marker{display:none}
.gu > summary > svg{width:15px;height:15px;color:var(--muted);transition:transform .2s} .gu[open] > summary > svg{transform:rotate(180deg)}
.gu-s-ic{display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:11px;color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,transparent)} .gu-s-ic svg{width:18px;height:18px}
.gu-s-t{flex:1;min-width:0} .gu-s-t b{display:block;font-size:14px} .gu-s-t small{font-size:12px;color:var(--muted)}
.gu-mini{display:flex;align-items:center;gap:4px} .gu-mini i{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:color-mix(in srgb,var(--g) 16%,var(--card));border:1px solid color-mix(in srgb,var(--g) 40%,transparent)}
.gu-mini i svg{width:15px;height:15px} .gu-mini u{display:grid;color:var(--muted)} .gu-mini u svg{width:11px;height:11px}
.gu-txt{font-size:9.5px;font-weight:900;letter-spacing:.02em;color:var(--g)}
.gu-b{padding:4px 14px 16px;display:flex;flex-direction:column;gap:16px}
.gu-fl{display:flex;align-items:stretch;justify-content:center;gap:0;flex-wrap:wrap;padding:14px 8px;border-radius:14px;background:var(--card);border:1px solid var(--line)}
.gu-no{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:110px;padding:6px 10px;text-align:center}
.gu-no > span{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:color-mix(in srgb,var(--g) 15%,var(--card-2));border:1.5px solid color-mix(in srgb,var(--g) 55%,transparent);box-shadow:0 10px 24px -14px var(--g)}
.gu-no > span svg{width:26px;height:26px} .gu-no .gu-txt{font-size:13px} .gu-no b{font-size:13.5px} .gu-no small{font-size:11.5px;color:var(--muted)}
.gu-seta{position:relative;display:flex;align-items:center;justify-content:center;width:70px;color:var(--accent)} .gu-seta svg{position:relative;width:16px;height:16px;background:var(--card)}
.gu-seta i{position:absolute;left:4px;right:4px;top:50%;height:2px;margin-top:-1px;background:repeating-linear-gradient(90deg,var(--accent) 0 6px,transparent 6px 10px);background-size:20px 2px;animation:guFlui 1s linear infinite;opacity:.7}
@keyframes guFlui{to{background-position:20px 0}}
.gu-ps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px;counter-reset:gu}
.gu-ps li{--g:var(--accent);position:relative;display:flex;gap:10px;padding:12px;border-radius:14px;background:var(--card);border:1px solid color-mix(in srgb,var(--g) 30%,var(--line))}
.gu-n{display:grid;place-items:center;flex:none;width:26px;height:26px;border-radius:50%;font-size:12px;font-weight:900;color:#0b0f0d;background:var(--g)}
.gu-ps li > div{min-width:0} .gu-pt{display:flex;flex-direction:column;gap:4px} .gu-pt b{font-size:13.5px;line-height:1.3}
.gu-tag{display:inline-flex;align-items:center;gap:5px;align-self:flex-start;padding:1px 8px 1px 4px;border-radius:99px;font-size:11px;font-weight:800;color:var(--g);background:color-mix(in srgb,var(--g) 12%,transparent)} .gu-tag svg{width:12px;height:12px} .gu-tag .gu-txt{font-size:8.5px}
.gu-ps p{margin:5px 0 0;font-size:12.5px;line-height:1.5;color:var(--muted)}
.gu-ta{min-height:110px;font-size:13px}
@media (max-width:640px){.gu-seta{width:30px}.gu-no{min-width:80px}.gu-mini{display:none}}

.gu-auto{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:-4px 0 12px} .gu-auto .faint{font-size:12px} .gu-auto .btn svg{color:var(--accent)}
.gu-auto-ck{display:flex;align-items:center;gap:8px;margin:-4px 0 12px;font-size:12.5px;color:var(--muted)} .gu-auto-ck input{accent-color:var(--accent)}

.gu-cl{display:inline-flex;align-items:center;gap:6px;margin-top:8px;padding:5px 11px;border-radius:99px;border:1px solid color-mix(in srgb,var(--accent) 45%,var(--line));background:color-mix(in srgb,var(--accent) 10%,transparent);color:var(--accent);font:inherit;font-size:12px;font-weight:800;cursor:pointer;transition:all .15s}
.gu-cl svg{width:13px;height:13px} .gu-cl:hover{background:var(--accent);color:#0b0f0d}
.gu-cl-ta{min-height:300px;font:12.5px/1.5 ui-monospace,monospace}
.modal textarea.input.gu-cl-ta{min-height:min(420px,55vh);height:min(420px,55vh)}

/* reports: 4 quadrados 2 x 2 com os reports de cada área */
.rl-q4{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:16px}
.rl-qd{--p:var(--accent);display:flex;flex-direction:column;gap:12px;min-height:200px;padding:18px;border-radius:20px;border:1px solid color-mix(in srgb,var(--p) 22%,var(--line));background:linear-gradient(160deg,color-mix(in srgb,var(--p) 9%,var(--card)),var(--card) 65%);color:var(--ink);text-decoration:none;transition:transform .18s,border-color .18s,box-shadow .18s}
.rl-qd.tp-blue{--p:#4f9cff} .rl-qd.tp-ok{--p:var(--accent)} .rl-qd.tp-roxo{--p:#a78bfa} .rl-qd.tp-unk{--p:#9aa4ad}
body.light .rl-qd.tp-blue{--p:#2f7fc0} body.light .rl-qd.tp-roxo{--p:#7552d6} body.light .rl-qd.tp-unk{--p:#5d655f}
.rl-qd:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--p) 65%,var(--line));box-shadow:0 16px 34px -22px var(--p)}
.rl-qd.on{border-color:var(--p);box-shadow:0 0 0 1px var(--p),0 16px 34px -22px var(--p)}
.rl-q-h{display:flex;align-items:center;gap:12px}
.rl-q-ic{display:grid;place-items:center;flex:none;width:46px;height:46px;border-radius:14px;color:var(--p);background:color-mix(in srgb,var(--p) 15%,var(--card-2));border:1px solid color-mix(in srgb,var(--p) 35%,transparent)}
.rl-q-ic svg,.rl-q-ic .ico-ar{width:22px;height:22px}
.rl-q-h > div{flex:1;min-width:0} .rl-q-h b{display:block;font-size:17px} .rl-q-h small{font-size:12px;color:var(--muted)}
.rl-q-n{font-size:30px;font-weight:900;letter-spacing:-.03em;color:var(--p);font-variant-numeric:tabular-nums}
.rl-q-l{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;flex:1}
.rl-q-l li{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:10px;background:var(--card-2);border:1px solid var(--line);font-size:13px}
.rl-q-l li i{flex:none;width:8px;height:8px;border-radius:50%;background:var(--muted)} .rl-q-l li i.t-ok{background:var(--accent)} .rl-q-l li i.t-warn{background:var(--warn)} .rl-q-l li i.t-bad{background:var(--bad)}
.rl-q-l li span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .rl-q-l li span svg{width:11px;height:11px;margin-right:4px;color:var(--accent);vertical-align:-1px}
.rl-q-l li time{flex:none;font-size:11.5px;color:var(--muted)}
.rl-q-vz{flex:1;display:grid;place-items:center;border-radius:12px;border:1px dashed var(--line);font-size:13px;color:var(--muted);padding:14px}
.rl-q-f{display:flex;align-items:center;justify-content:flex-end;gap:4px;font-size:12px;color:var(--muted)} .rl-q-f em{font-style:normal;color:var(--warn);font-weight:700}
.rl-q-f span{display:inline-flex;align-items:center;gap:5px;font-weight:800;color:var(--p)} .rl-q-f svg{width:12px;height:12px}
@media (max-width:760px){.rl-q4{grid-template-columns:1fr}}
.rl-q4{grid-template-columns:repeat(2,minmax(0,1fr))} .rl-qd{min-width:0}

/* quadrados das áreas: limpos, sem texto dentro, fundo com a cor e o ícone grande */
.rl-q4{margin:4px 0 18px}
.rl-qd{position:relative;overflow:hidden;isolation:isolate;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:0;min-height:170px;padding:20px 22px;
  background:radial-gradient(120% 120% at 100% 0%,color-mix(in srgb,var(--p) 26%,transparent),transparent 60%),radial-gradient(90% 90% at 0% 100%,color-mix(in srgb,var(--p) 12%,transparent),transparent 70%),var(--card)}
.rl-qd::after{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(color-mix(in srgb,var(--p) 9%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--p) 9%,transparent) 1px,transparent 1px);background-size:22px 22px;mask-image:radial-gradient(80% 90% at 100% 0%,#000,transparent 75%)}
.rl-qd-bg{position:absolute;right:-26px;bottom:-30px;z-index:-1;color:var(--p);opacity:.13;transform:rotate(-12deg);transition:transform .35s,opacity .35s}
.rl-qd-bg svg,.rl-qd-bg .ico-ar{width:170px;height:170px}
.rl-qd:hover .rl-qd-bg{opacity:.22;transform:rotate(-4deg) scale(1.06)}
.rl-qd-ic{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;color:var(--p);background:color-mix(in srgb,var(--p) 16%,var(--card-2));border:1px solid color-mix(in srgb,var(--p) 40%,transparent);box-shadow:0 10px 26px -14px var(--p)}
.rl-qd-ic svg,.rl-qd-ic .ico-ar{width:26px;height:26px}
.rl-qd.on .rl-qd-ic{background:var(--p);color:#0b0f0d} .rl-qd.on .rl-qd-ic .ico-ar{color:#0b0f0d}
.rl-qd-n{font-size:19px;font-weight:800;letter-spacing:-.01em;margin-top:auto}
.rl-qd-num{position:absolute;top:16px;right:22px;font-size:44px;font-weight:900;line-height:1;letter-spacing:-.04em;color:var(--p);font-variant-numeric:tabular-nums;text-shadow:0 6px 24px color-mix(in srgb,var(--p) 40%,transparent)}
@media (max-width:760px){.rl-qd{min-height:130px}.rl-qd-num{font-size:34px}}

.rl-ver{display:flex;align-items:center;gap:10px;margin:4px 0 12px;scroll-margin-top:90px}
.rl-ver b{font-size:16px} .rl-ver-n{font-size:12.5px;color:var(--muted);padding:2px 9px;border-radius:99px;background:var(--card-2);border:1px solid var(--line)}
.rl-ver-ic{--p:var(--muted);display:grid;place-items:center;width:32px;height:32px;border-radius:10px;color:var(--p);background:color-mix(in srgb,var(--p) 15%,transparent)} .rl-ver-ic svg,.rl-ver-ic .ico-ar{width:16px;height:16px}
.rl-ver-ic.tp-blue{--p:#4f9cff} .rl-ver-ic.tp-ok{--p:var(--accent)} .rl-ver-ic.tp-roxo{--p:#a78bfa}
.rl-ver a{margin-left:auto;display:inline-flex;align-items:center;gap:5px;font-size:12.5px;font-weight:700;color:var(--muted);text-decoration:none} .rl-ver a:hover{color:var(--accent)} .rl-ver a svg{width:12px;height:12px}

.rl-topo{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}
.rl-ver{margin:16px 0 14px} .rl-ver b{font-size:22px;letter-spacing:-.01em} .rl-ver-ic{width:44px;height:44px;border-radius:13px} .rl-ver-ic svg,.rl-ver-ic .ico-ar{width:22px;height:22px}

.rl-cp-ac{display:flex;gap:6px;flex-wrap:wrap} .rl-cp-ac .btn svg{color:var(--accent)}
.rl-cp-res{display:inline-flex;align-items:center;gap:10px;padding:4px 6px 4px 4px;border-radius:99px;border:1px solid color-mix(in srgb,var(--accent) 35%,var(--line));background:color-mix(in srgb,var(--accent) 8%,var(--card))}
.rl-cp-res .rl2-cg-l .cli-av{box-shadow:0 0 0 2px var(--card)} .rl-cp-res b{font-size:13px}
.rl-cp-esc{flex-basis:100%;justify-content:flex-start}
.rl-cp-res b{white-space:nowrap} .rl-cp-res{max-width:100%;flex-wrap:nowrap}
/* desenho automático: cartão com interruptor */
.gu-auto-ck{position:relative;display:flex;align-items:center;gap:12px;margin:-2px 0 14px;padding:11px 14px;border-radius:14px;border:1px solid var(--line);background:var(--card-2);cursor:pointer;transition:border-color .2s,background .2s,box-shadow .2s}
.gu-auto-ck:hover{border-color:color-mix(in srgb,var(--accent) 45%,var(--line))}
.gu-auto-ck input{position:absolute;opacity:0;pointer-events:none}
.gu-ak-ic{position:relative;display:grid;place-items:center;flex:none;width:38px;height:38px;border-radius:12px;color:var(--muted);background:var(--card);border:1px solid var(--line);transition:all .2s} .gu-ak-ic > svg{width:18px;height:18px}
.gu-ak-ic i{position:absolute;top:-6px;right:-6px;display:grid;place-items:center;width:18px;height:18px;border-radius:50%;color:var(--muted);background:var(--card-2);border:1px solid var(--line);transition:all .2s} .gu-ak-ic i svg{width:10px;height:10px}
.gu-ak-t{flex:1;min-width:0} .gu-ak-t b{display:block;font-size:13.5px} .gu-ak-t small{display:block;font-size:12px;color:var(--muted)}
.gu-ak-sw{position:relative;flex:none;width:42px;height:24px;border-radius:99px;background:var(--card);border:1px solid var(--line);transition:all .2s}
.gu-ak-sw i{position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:var(--muted);transition:all .2s}
.gu-auto-ck:has(input:checked){border-color:color-mix(in srgb,var(--accent) 55%,var(--line));background:linear-gradient(120deg,color-mix(in srgb,var(--accent) 11%,var(--card-2)),var(--card-2));box-shadow:0 10px 26px -20px var(--accent)}
.gu-auto-ck input:checked ~ .gu-ak-ic{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 45%,transparent);background:color-mix(in srgb,var(--accent) 12%,var(--card))}
.gu-auto-ck input:checked ~ .gu-ak-ic i{color:#0b0f0d;background:var(--accent);border-color:var(--accent);animation:guBrilho 2.4s ease-in-out infinite}
.gu-auto-ck input:checked ~ .gu-ak-sw{background:var(--accent);border-color:var(--accent)} .gu-auto-ck input:checked ~ .gu-ak-sw i{left:21px;background:#0b0f0d}
.gu-auto-ck input:focus-visible ~ .gu-ak-sw{outline:2px solid var(--accent);outline-offset:2px}
@keyframes guBrilho{0%,100%{transform:scale(1)}50%{transform:scale(1.15) rotate(15deg)}}
@media (prefers-reduced-motion:reduce){.gu-auto-ck input:checked ~ .gu-ak-ic i{animation:none}}

/* seta para voltar em todas as páginas (menos no Início) */
.voltar-bar{padding:14px 24px 0} .voltar-bar .pj-voltar{margin:0}
body.home .voltar-bar{display:none}
.voltar-bar .pj-voltar:hover{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 50%,var(--line))}
@media (max-width:640px){.voltar-bar{padding:12px 16px 0}}
.voltar-bar:not([hidden]) + .content{padding-top:12px} .voltar-bar{max-width:1440px}

/* contagem decrescente dos prazos */
.cd{--c:var(--muted);display:inline-flex;align-items:center;gap:5px;font-variant-numeric:tabular-nums;font-weight:700;color:var(--c);white-space:nowrap}
.cd i{width:6px;height:6px;border-radius:50%;background:var(--c);flex:none}
.cd-ok{--c:var(--muted)} .cd-perto{--c:var(--warn)} .cd-urg{--c:#ff8a3d} .cd-atr{--c:var(--bad)}
.cd-urg i,.cd-atr i{animation:cdPulso 1.4s ease-in-out infinite} @keyframes cdPulso{50%{box-shadow:0 0 0 4px color-mix(in srgb,var(--c) 25%,transparent)}}
.task .tm .cd{font-size:11.5px}
@media (prefers-reduced-motion:reduce){.cd i{animation:none}}
.sd-pz:has(.cd) > svg,.pjt-pz:has(.cd) > svg{display:none}

/* Feitas: filtros e grupos por mês e por dia */
.sd-ff{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:4px 0 14px}
.sd-ff-per{display:flex;gap:4px;padding:4px;border-radius:12px;border:1px solid var(--line);background:var(--card)}
.sd-ff-per button{padding:6px 12px;border-radius:9px;font-size:12.5px;font-weight:700;color:var(--muted)} .sd-ff-per button:hover{color:var(--ink)}
.sd-ff-per button.on{color:#0b0f0d;background:var(--accent)}
.sd-ff-dia{position:relative;display:flex;align-items:center;gap:6px;padding:0 6px 0 10px;border-radius:12px;border:1px solid var(--line);background:var(--card)} .sd-ff-dia > svg{width:14px;height:14px;color:var(--accent)}
.sd-ff-dia .input{height:36px;border:0;background:transparent;padding:0 4px;width:150px}
.sd-ff-dia button{display:grid;place-items:center;width:22px;height:22px;border-radius:7px;color:var(--muted)} .sd-ff-dia button:hover{color:var(--bad)} .sd-ff-dia button svg{width:12px;height:12px}
.sd-ff-cli .input{height:38px;border-radius:12px;min-width:200px}
.sd-ff-n{margin-left:auto;font-size:12.5px;color:var(--muted)}
.sd-fg{display:flex;flex-direction:column;gap:18px}
.sd-fm > h4{display:flex;align-items:center;gap:8px;margin:0 0 10px;font-size:13px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--accent)}
.sd-fm > h4 b{font-size:11px;padding:1px 8px;border-radius:99px;color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,transparent)}
.sd-fm > h4::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 35%,transparent),transparent)}
.sd-fd{position:relative;padding-left:18px;margin-bottom:12px;border-left:2px solid color-mix(in srgb,var(--accent) 25%,var(--line))}
.sd-fd-h{display:flex;align-items:baseline;gap:8px;margin-bottom:8px} .sd-fd-h i{position:absolute;left:-6px;top:5px;width:10px;height:10px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px var(--card)}
.sd-fd-h b{font-size:14px;text-transform:capitalize} .sd-fd-h small{font-size:12px;color:var(--muted)}
@media (max-width:640px){.sd-ff-n{margin-left:0}.sd-ff-cli .input{min-width:0}}
.sd-feitas.min .sd-ff,.sd-feitas.min .sd-fg,.sd-feitas.min > .sd-vz{display:none}

/* fases comuns: filtro «em que fase está cada um» */
.pj-fts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:14px 0}
.pj-ft{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:16px;border:1px solid color-mix(in srgb,var(--g) 25%,var(--line));background:linear-gradient(150deg,color-mix(in srgb,var(--g) 10%,var(--card)),var(--card) 70%);color:var(--ink);text-decoration:none;transition:transform .15s,border-color .15s,box-shadow .15s}
.pj-ft:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--g) 60%,var(--line))} .pj-ft.on{border-color:var(--g);box-shadow:0 0 0 1px var(--g),0 12px 26px -18px var(--g)}
.pj-ft-ic{display:grid;place-items:center;flex:none;width:38px;height:38px;border-radius:12px;color:var(--g);background:color-mix(in srgb,var(--g) 15%,var(--card-2))} .pj-ft-ic svg{width:18px;height:18px}
.pj-ft.on .pj-ft-ic{background:var(--g);color:#0b0f0d}
.pj-ft-t{flex:1;min-width:0} .pj-ft-t b{display:block;font-size:14.5px} .pj-ft-t small{font-size:12px;color:var(--muted)}
.pj-ft-p{display:flex} .pj-ft-p .avatar{width:24px;height:24px;box-shadow:0 0 0 2px var(--card)} .pj-ft-p .avatar + .avatar{margin-left:-8px}
.pj-fp{border-color:color-mix(in srgb,var(--g) 40%,var(--line))} .pj-fp .box-h h2{color:var(--g)}
.pj-fp-g{margin-bottom:12px} .pj-fp-h{display:flex;align-items:center;gap:8px;margin-bottom:6px} .pj-fp-h b{font-size:13.5px} .pj-fp-h small{color:var(--muted);font-size:12px}
.pj-fp-t{display:flex;align-items:center;gap:10px;padding:8px 10px;margin:0 0 6px 32px;border-radius:11px;border:1px solid var(--line);background:var(--card-2);color:var(--ink);text-decoration:none}
.pj-fp-t:hover{border-color:color-mix(in srgb,var(--g) 50%,var(--line))} .pj-fp-t > i{flex:none;width:8px;height:8px;border-radius:50%;background:var(--c)}
.pj-fp-t span{flex:1;min-width:0} .pj-fp-t b{display:block;font-size:13px} .pj-fp-t small{font-size:11.5px;color:var(--muted)} .pj-fp-t em{font-style:normal;font-size:11.5px;font-weight:700;color:var(--muted)}
.pj-fx{display:flex;align-items:center;gap:6px;flex-wrap:wrap} .pj-fx span{display:inline-flex;align-items:center;gap:6px;padding:4px 10px 4px 4px;border-radius:99px;font-size:12.5px;font-weight:700;color:var(--g);background:color-mix(in srgb,var(--g) 12%,transparent)}
.pj-fx i{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:color-mix(in srgb,var(--g) 20%,transparent)} .pj-fx i svg{width:11px;height:11px} .pj-fx u{display:grid;color:var(--muted)} .pj-fx u svg{width:11px;height:11px}
@media (max-width:900px){.pj-fts{grid-template-columns:1fr 1fr}}

/* números do painel da pessoa: são filtros */
.pjf-k a{display:flex;flex-direction:column;align-items:center;padding:8px 12px;border-radius:12px;border:1px solid transparent;color:inherit;text-decoration:none;transition:background .15s,border-color .15s}
.pjf-k a:hover{background:var(--card-2);border-color:var(--line)} .pjf-k a.on{background:color-mix(in srgb,var(--accent) 10%,var(--card-2));border-color:var(--accent)}
.pjf-k a.c-blue.on{border-color:var(--blue)} .pjf-k a.c-bad.on{border-color:var(--bad)} .pjf-k a.c-warn.on{border-color:var(--warn)}
.pjf-st{display:flex;align-items:center;gap:7px;margin:12px 0 8px;font-size:12.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--warn)} .pjf-st svg{width:14px;height:14px} .pjf-st b{padding:0 7px;border-radius:99px;background:color-mix(in srgb,var(--warn) 15%,transparent)}
.pjf-pl{display:flex;flex-direction:column;gap:6px}
/* função das pessoas (ex.: «Automação & IA»): etiqueta com cor e brilho, em todo o painel */
.eq-funcao,.pjf-n > span,.pj-spot-p > div > span,.pf-func{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;width:fit-content;max-width:100%;margin-top:4px;padding:3px 10px 3px 8px;border-radius:99px;font-size:11.5px;font-weight:800;letter-spacing:.02em;line-height:1.3;color:var(--accent);background:linear-gradient(120deg,color-mix(in srgb,var(--accent) 16%,transparent),color-mix(in srgb,#4f9cff 10%,transparent));border:1px solid color-mix(in srgb,var(--accent) 35%,transparent);box-shadow:0 4px 14px -10px var(--accent);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.eq-funcao::before,.pjf-n > span::before,.pj-spot-p > div > span::before,.pf-func::before{content:"";flex:none;width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 22%,transparent)}

/* painel da pessoa: tarefas por projeto em 4 colunas de fase (curto e arrumado) */
.pjq{margin-top:14px;padding:12px;border-radius:16px;border:1px solid color-mix(in srgb,var(--c) 30%,var(--line));background:linear-gradient(160deg,color-mix(in srgb,var(--c) 7%,var(--card)),var(--card) 60%)}
.pjq-h{display:flex;align-items:center;gap:8px;margin:0 2px 10px;color:var(--ink);text-decoration:none} .pjq-h i{width:10px;height:10px;border-radius:3px;background:var(--c);box-shadow:0 0 10px var(--c)}
.pjq-h b{font-size:14px} .pjq-h small{font-size:12px;color:var(--muted)} .pjq-h svg{width:13px;height:13px;margin-left:auto;color:var(--muted);transition:transform .15s} .pjq-h:hover svg{transform:translateX(3px);color:var(--c)}
.pjq-c{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.pjq-f{display:flex;flex-direction:column;gap:6px;min-width:0;padding:8px;border-radius:12px;background:color-mix(in srgb,var(--g) 6%,var(--card-2));border-top:2px solid var(--g)} .pjq-f.vz{opacity:.45}
.pjq-fh{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--g)} .pjq-fh svg{width:12px;height:12px}
.pjq-fh b{margin-left:auto;min-width:20px;text-align:center;padding:0 6px;border-radius:99px;font-size:11px;background:color-mix(in srgb,var(--g) 16%,transparent)}
.pjq-t{display:flex;flex-direction:column;gap:4px;padding:7px 9px;border-radius:9px;border:1px solid var(--line);background:var(--card);color:var(--ink);text-decoration:none;transition:border-color .15s,transform .15s}
.pjq-t:hover{border-color:var(--g);transform:translateY(-1px)}
.pjq-t > span{font-size:12.5px;font-weight:700;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pjq-t small{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:11px;color:var(--muted)} .pjq-t em{font-style:normal;font-weight:700}
.pjq-t.e-em_curso em{color:var(--blue)} .pjq-t.e-bloqueada{border-color:color-mix(in srgb,var(--bad) 45%,var(--line))} .pjq-t.e-bloqueada em{color:var(--bad)} .pjq-t.e-correcao em{color:var(--warn)} .pjq-t.e-aprovacao em,.pjq-t.e-aprovacao_cliente em{color:#a78bfa}
@media (max-width:900px){.pjq-c{grid-template-columns:1fr 1fr}}

.pjq-c{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));align-items:start}
.pjq-mais{display:flex;flex-direction:column;gap:6px} .pjq-mais[open]{gap:6px} .pjq-mais > .pjq-t{margin-top:6px}
.pjq-mais summary{list-style:none;cursor:pointer;text-align:center;padding:5px;border-radius:9px;font-size:11.5px;font-weight:800;color:var(--g);border:1px dashed color-mix(in srgb,var(--g) 45%,var(--line))} .pjq-mais summary::-webkit-details-marker{display:none}
.pjq-mais summary:hover{background:color-mix(in srgb,var(--g) 10%,transparent)} .pjq-mais[open] summary{display:none}

/* prazo com hora opcional */
.pz-dh{display:grid;grid-template-columns:minmax(0,1fr) 110px;gap:8px} .pz-dh input[type=time]{padding-right:8px}

/* subtarefas afixadas: ficam no topo da coluna */
.sd-pin{display:grid;place-items:center;flex:none;width:24px;height:24px;border-radius:7px;color:var(--muted);opacity:0;transition:opacity .15s,color .15s,background .15s} .sd-pin svg{width:13px;height:13px}
.sd-c:hover .sd-pin,.sd-c:focus-within .sd-pin,.sd-pin.on{opacity:1} .sd-pin:hover{color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent)}
.sd-pin.on{color:#0b0f0d;background:var(--accent);box-shadow:0 0 12px -2px var(--accent)} .sd-pin.on:hover{color:#0b0f0d;background:var(--accent);filter:brightness(1.1)}
.sd-pin-m{display:grid;place-items:center;flex:none;width:20px;height:20px;margin-top:1px;border-radius:6px;color:#0b0f0d;background:var(--accent);box-shadow:0 0 12px -2px var(--accent)} .sd-pin-m svg{width:11px;height:11px}
.sd-c.afix{border-color:color-mix(in srgb,var(--accent) 55%,var(--line));background:linear-gradient(160deg,color-mix(in srgb,var(--accent) 9%,var(--card)),var(--card) 65%);box-shadow:0 10px 24px -18px var(--accent)}

/* «N com prazo passado»: ligação que leva ao cartão atrasado */
button.sd-atr{display:inline-flex;align-items:center;gap:4px;padding:0;font:inherit;font-weight:800;color:var(--bad);text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--bad) 40%,transparent);text-underline-offset:3px;cursor:pointer}
button.sd-atr svg{width:12px;height:12px;transition:transform .15s} button.sd-atr:hover{text-decoration-color:var(--bad)} button.sd-atr:hover svg{transform:translateX(3px)}
.sd-c.atrc{border-color:color-mix(in srgb,var(--bad) 40%,var(--line))}
.sd-c.pisca{animation:sdPisca 1.6s ease}
@keyframes sdPisca{0%,100%{box-shadow:none}20%,60%{box-shadow:0 0 0 2px var(--bad),0 0 26px -4px var(--bad)}40%,80%{box-shadow:0 0 0 1px color-mix(in srgb,var(--bad) 40%,transparent)}}
/* barras (topo e menu lateral) com o tom verde da weTURN.ON, para não ficar tudo preto */
.top{background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 13%,var(--bg)),color-mix(in srgb,var(--accent) 6%,var(--bg)) 45%,color-mix(in srgb,var(--accent) 11%,var(--bg)));border-bottom:1px solid color-mix(in srgb,var(--accent) 35%,var(--line));box-shadow:0 8px 24px -20px var(--accent);backdrop-filter:blur(10px)}
.side{background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 12%,var(--panel)),color-mix(in srgb,var(--accent) 5%,var(--panel)) 40%,color-mix(in srgb,var(--accent) 9%,var(--panel)));border-right:1px solid color-mix(in srgb,var(--accent) 30%,var(--line))}

/* atualização ao vivo: sem animações de entrada, para a página não «saltar» */
body.vivo #view *,body.vivo #view *::before,body.vivo #view *::after{animation:none!important;transition:none!important}
/* barra do topo com o mesmo verde do topo do menu lateral (logótipo) */
.top{background:radial-gradient(60% 140% at 0% 0%,color-mix(in srgb,var(--accent) 10%,transparent),transparent 70%),radial-gradient(40% 140% at 100% 0%,color-mix(in srgb,var(--accent) 8%,transparent),transparent 70%),color-mix(in srgb,var(--accent) 12%,var(--panel))}
/* menu lateral volta ao que era; barra do topo só com toques de verde disfarçados */
.side{background:radial-gradient(120% 40% at 0% 0%,color-mix(in srgb,var(--accent) 8%,transparent),transparent 70%),var(--panel);border-right:1px solid var(--line)}
.top{background:radial-gradient(35% 160% at 0% 0%,color-mix(in srgb,var(--accent) 9%,transparent),transparent 75%),radial-gradient(25% 160% at 100% 100%,color-mix(in srgb,var(--accent) 6%,transparent),transparent 75%),var(--bg);border-bottom:1px solid color-mix(in srgb,var(--accent) 18%,var(--line));box-shadow:none}
/* fundo das páginas: toques de verde disfarçados (fixos, não mexem com o scroll) */
.main{background:radial-gradient(45% 35% at 100% 0%,color-mix(in srgb,var(--accent) 6%,transparent),transparent 75%),radial-gradient(40% 40% at 0% 100%,color-mix(in srgb,var(--accent) 5%,transparent),transparent 75%),radial-gradient(30% 25% at 55% 55%,color-mix(in srgb,var(--accent) 2.5%,transparent),transparent 80%);background-attachment:fixed;min-height:100vh}
/* fundo das páginas: verde um pouco mais forte (só o fundo; colunas e cartões ficam iguais) */
.main{background:radial-gradient(50% 40% at 100% 0%,color-mix(in srgb,var(--accent) 12%,transparent),transparent 75%),radial-gradient(45% 45% at 0% 100%,color-mix(in srgb,var(--accent) 10%,transparent),transparent 75%),radial-gradient(35% 30% at 55% 55%,color-mix(in srgb,var(--accent) 5%,transparent),transparent 80%);background-attachment:fixed}