/* Admin 4Real -- estilos base. Tokens do Sistema de Design 4Real v1.0; mesmo CSS do mockup
   aprovado (docs/mockups/admin-4real/index.html), mais login e placeholder no fim. */
/* ===== Tokens · Sistema de design da 4Real v1.0 ===== */
:root{
  --color-green-50:#F4F9EA;--color-green-100:#E6F3CF;--color-green-200:#D0E9A9;--color-green-300:#B4DB7A;--color-green-400:#9DD055;--color-green-500:#8CC63F;--color-green-600:#74A831;--color-green-700:#5C8527;--color-green-800:#47661F;--color-green-900:#354C18;
  --color-lime-300:#D6E663;--color-lime-500:#BFD630;--color-lime-700:#7C8C1E;
  --color-n-0:#FFFFFF;--color-n-50:#F8F8F7;--color-n-100:#F0F0EF;--color-n-200:#E3E2E1;--color-n-300:#C9C7C6;--color-n-400:#9D9B9A;--color-n-500:#757272;--color-n-600:#565353;--color-n-700:#3E3B3B;--color-n-800:#2C2929;--color-n-900:#231F20;
  --color-accent-100:#EAE4FE;--color-accent-300:#B4A2F8;--color-accent-500:#6C4CF0;--color-accent-700:#4A31B3;
  --color-success:#0CB14B;--color-warning:#E9A21B;--color-error:#E5484D;--color-info:#2E7CF6;

  --bg:var(--color-n-50);--surface:var(--color-n-0);--surface-2:var(--color-n-100);--border:var(--color-n-200);
  --text:var(--color-n-800);--text-muted:var(--color-n-500);--ink:var(--color-n-900);
  --action:var(--color-green-500);--action-hover:var(--color-green-600);--on-action:var(--color-n-900);
  --action-soft:var(--color-green-100);--action-text:var(--color-green-800);
  --ok-soft:#D3F2DF;--ok-text:#08853A;--warn-soft:#FCEFD3;--warn-text:#8A5C08;--err-soft:#FBE0E1;--err-text:#A7282D;--info-soft:#DCE9FD;--info-text:#1E57B0;
  --violet:var(--color-accent-500);--violet-soft:var(--color-accent-100);
  --chart-1:var(--color-green-500);--chart-2:var(--color-accent-500);--chart-3:var(--color-lime-500);--chart-4:#2E7CF6;--chart-grid:var(--color-n-200);
  --focus-ring:0 0 0 3px rgba(140,198,63,.4);
  --font-display:'Outfit',system-ui,sans-serif;--font-body:'Manrope',system-ui,sans-serif;--font-mono:'JetBrains Mono',ui-monospace,monospace;
  --radius-xs:2px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-full:999px;
  --shadow-sm:0 1px 2px rgba(35,31,32,.06),0 2px 8px rgba(35,31,32,.05);
  --shadow-lg:0 8px 24px rgba(35,31,32,.10),0 24px 56px rgba(35,31,32,.10);
  --sb-w:252px;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){--bg:#191617;--surface:#201D1E;--surface-2:#2A2627;--border:#3A3637;--text:#EDECEB;--text-muted:#9D9B9A;--action:#9DD055;--action-hover:#B4DB7A;--action-soft:#2B3A1B;--action-text:#B4DB7A;
    --ok-soft:#173523;--ok-text:#66D08D;--warn-soft:#3A2D12;--warn-text:#F0C060;--err-soft:#3E1C1E;--err-text:#F28A8D;--info-soft:#172A47;--info-text:#8DB8FA;--violet:#B4A2F8;--violet-soft:#2B2448;--chart-1:#9DD055;--chart-2:#B4A2F8;--chart-3:#D6E663;--chart-4:#6FA6F8;--chart-grid:#3A3637;--shadow-lg:0 12px 40px rgba(0,0,0,.5)}
}
:root[data-theme="dark"]{--bg:#191617;--surface:#201D1E;--surface-2:#2A2627;--border:#3A3637;--text:#EDECEB;--text-muted:#9D9B9A;--action:#9DD055;--action-hover:#B4DB7A;--action-soft:#2B3A1B;--action-text:#B4DB7A;
  --ok-soft:#173523;--ok-text:#66D08D;--warn-soft:#3A2D12;--warn-text:#F0C060;--err-soft:#3E1C1E;--err-text:#F28A8D;--info-soft:#172A47;--info-text:#8DB8FA;--violet:#B4A2F8;--violet-soft:#2B2448;--chart-1:#9DD055;--chart-2:#B4A2F8;--chart-3:#D6E663;--chart-4:#6FA6F8;--chart-grid:#3A3637;--shadow-lg:0 12px 40px rgba(0,0,0,.5)}

*{box-sizing:border-box;margin:0;padding:0}
[hidden]{display:none!important}
html,body{height:100%}
body{font-family:var(--font-body);font-size:14px;line-height:22px;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}
button{font:inherit;cursor:pointer;border:0;background:none;color:inherit}
input,select{font:inherit;color:inherit}
h1,h2,h3,.display{font-family:var(--font-display);color:var(--text)}
.mono{font-family:var(--font-mono)}
.muted{color:var(--text-muted)}
.over{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted)}
svg.i{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:butt;stroke-linejoin:miter;flex-shrink:0}
svg.i.s16{width:16px;height:16px}

/* ===== layout ===== */
.app{display:grid;grid-template-columns:var(--sb-w) 1fr;min-height:100vh}
.sb{position:sticky;top:0;height:100vh;overflow-y:auto;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:16px 12px}
.brand{display:flex;align-items:center;gap:10px;padding:4px 8px 16px}
.brand img{height:30px;width:auto;display:block}
:root[data-theme="dark"] .brand img{background:#fff;padding:3px 7px;border-radius:var(--radius-sm);box-sizing:content-box;height:24px}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .brand img{background:#fff;padding:3px 7px;border-radius:var(--radius-sm);box-sizing:content-box;height:24px}}
.brand .tag{font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);border-left:1px solid var(--border);padding-left:10px}
.sb-search{display:flex;align-items:center;gap:8px;height:36px;padding:0 10px;margin:0 4px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);font-size:13px;text-align:left}
.sb-search:hover{background:var(--surface-2)}
.sb-search kbd{margin-left:auto}
kbd{font-family:var(--font-mono);font-size:10px;border:1px solid var(--border);border-bottom-width:2px;border-radius:4px;padding:0 5px;color:var(--text-muted);background:var(--surface)}
.nav-g{margin-top:12px}
.nav-g > .over{padding:0 10px 6px;font-size:10px}
.nav a{display:flex;align-items:center;gap:10px;height:34px;padding:0 10px;border-radius:var(--radius-sm);color:var(--text-muted);font-weight:600;font-size:13.5px;text-decoration:none;position:relative}
.nav a:hover{background:var(--surface-2);color:var(--text)}
.nav a.on{background:var(--action-soft);color:var(--action-text)}
.nav a.on::before{content:"";position:absolute;left:-12px;top:8px;bottom:8px;width:3px;background:var(--action);border-radius:0 2px 2px 0}
.nav a .cnt{margin-left:auto;font-family:var(--font-mono);font-size:11px;font-weight:500}
.nav a .dot{margin-left:auto;width:8px;height:8px;border-radius:50%}
.sb-foot{margin-top:auto;padding-top:16px;border-top:1px solid var(--border);display:flex;align-items:center;gap:10px}
.av{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-family:var(--font-display);font-weight:700;font-size:13px;background:var(--ink);color:#fff;flex-shrink:0}
.sb-foot .who{font-size:13px;line-height:17px}
.sb-foot .who b{display:block}

.main{min-width:0}
.top{position:sticky;top:0;z-index:20;height:60px;display:flex;align-items:center;gap:12px;padding:0 28px;background:color-mix(in srgb,var(--bg) 85%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}
.crumb{font-size:13px;color:var(--text-muted)}
.crumb b{color:var(--text);font-weight:700}
.top-r{margin-left:auto;display:flex;align-items:center;gap:8px}
.seg{display:inline-flex;background:var(--surface-2);border-radius:var(--radius-sm);padding:3px;gap:2px}
.seg button{height:28px;padding:0 10px;border-radius:4px;font-size:12.5px;font-weight:600;color:var(--text-muted);display:inline-flex;align-items:center;gap:6px}
.seg button.on{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm)}
.iconbtn{width:36px;height:36px;border-radius:var(--radius-sm);display:grid;place-items:center;color:var(--text-muted);border:1px solid var(--border);background:var(--surface);position:relative}
.iconbtn:hover{color:var(--text);background:var(--surface-2)}
.iconbtn .pip{position:absolute;top:7px;right:7px;width:7px;height:7px;border-radius:50%;background:var(--color-error);border:2px solid var(--surface)}
.live{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--ok-text);background:var(--ok-soft);height:26px;padding:0 10px;border-radius:var(--radius-full)}
.live i,.pulse{width:7px;height:7px;border-radius:50%;background:currentColor;display:inline-block;animation:pulse 1.6s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 currentColor}70%{box-shadow:0 0 0 6px transparent}100%{box-shadow:0 0 0 0 transparent}}

.page{padding:28px;max-width:1440px}
.view{display:none}.view.on{display:block;animation:fade .25s ease}
@keyframes fade{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
.head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:24px;flex-wrap:wrap}
.head h1{font-size:30px;line-height:36px;font-weight:700;letter-spacing:-.02em;margin-top:4px}
.head p{color:var(--text-muted);margin-top:4px;max-width:720px}

/* ===== componentes ===== */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:36px;padding:0 14px;border-radius:var(--radius-sm);font-weight:700;font-size:13px;white-space:nowrap}
.btn.primary{background:var(--action);color:var(--on-action)}
.btn.primary:hover{background:var(--action-hover)}
.btn.secondary{background:var(--surface);border:1px solid var(--border)}
.btn.secondary:hover{background:var(--surface-2)}
.btn.sm{height:30px;padding:0 10px;font-size:12px}
.btn:focus-visible,.nav a:focus-visible,.iconbtn:focus-visible{outline:none;box-shadow:var(--focus-ring)}
.badge{display:inline-flex;align-items:center;gap:6px;height:22px;padding:0 8px;border-radius:var(--radius-sm);font-size:11.5px;font-weight:700;white-space:nowrap}
.b-ok{background:var(--ok-soft);color:var(--ok-text)}
.b-warn{background:var(--warn-soft);color:var(--warn-text)}
.b-err{background:var(--err-soft);color:var(--err-text)}
.b-info{background:var(--info-soft);color:var(--info-text)}
.b-n{background:var(--surface-2);color:var(--text-muted)}
.b-v{background:var(--violet-soft);color:var(--violet)}

.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px}
.card-h{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}
.card-h h3{font-size:16px;font-weight:600}
.card-h .sub{font-size:12.5px;color:var(--text-muted)}
.grid{display:grid;gap:16px}
.g-kpi{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}
.g-2{grid-template-columns:1.6fr 1fr}
.g-3{grid-template-columns:repeat(3,1fr)}
.g-2e{grid-template-columns:1fr 1fr}
.mt{margin-top:16px}

.kpi{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px 18px;display:flex;flex-direction:column;gap:4px;cursor:pointer;transition:border-color .15s,transform .15s}
.kpi:hover{border-color:var(--action);transform:translateY(-1px)}
.kpi .k{display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:600;color:var(--text-muted)}
.kpi .v{font-family:var(--font-display);font-size:28px;line-height:34px;font-weight:700;letter-spacing:-.02em}
.kpi .v small{font-size:15px;font-weight:600;color:var(--text-muted)}
.kpi .f{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;color:var(--text-muted)}
.delta{font-family:var(--font-mono);font-size:11.5px;font-weight:700}
.delta.up{color:var(--ok-text)}.delta.down{color:var(--err-text)}
.spark{width:84px;height:28px}

table.t{width:100%;border-collapse:collapse;font-size:13px}
.t th{text-align:left;font-size:11px;font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);font-weight:500;padding:0 10px 10px;border-bottom:1px solid var(--border);white-space:nowrap}
.t td{padding:11px 10px;border-bottom:1px solid var(--border);vertical-align:middle}
.t tr:last-child td{border-bottom:0}
.t tbody tr:hover td{background:var(--surface-2)}
.t td.num,.t th.num{text-align:right;font-family:var(--font-mono);font-variant-numeric:tabular-nums}
.ent{display:flex;align-items:center;gap:10px}
.ent .lg{width:30px;height:30px;border-radius:var(--radius-sm);display:grid;place-items:center;font-family:var(--font-display);font-weight:700;font-size:12px;flex-shrink:0}
.ent b{font-weight:700;display:block;line-height:17px}
.ent span{font-size:12px;color:var(--text-muted)}
.st{display:inline-flex;align-items:center;gap:6px;font-weight:600;font-size:12.5px}
.st::before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor}
.st.ok{color:var(--ok-text)}.st.warn{color:var(--warn-text)}.st.err{color:var(--err-text)}.st.off{color:var(--text-muted)}

.bar{height:6px;border-radius:3px;background:var(--surface-2);overflow:hidden}
.bar > i{display:block;height:100%;background:var(--action);border-radius:3px}
.health{display:inline-grid;place-items:center;width:38px;height:24px;border-radius:var(--radius-sm);font-family:var(--font-mono);font-weight:700;font-size:12px}

/* pipeline */
.pipe{display:grid;grid-template-columns:repeat(4,1fr);gap:0;position:relative}
.stage{padding:16px;border:1px solid var(--border);background:var(--surface);position:relative}
.stage:first-child{border-radius:var(--radius-md) 0 0 var(--radius-md)}
.stage:last-child{border-radius:0 var(--radius-md) var(--radius-md) 0}
.stage + .stage{border-left:0}
.stage .n{font-family:var(--font-display);font-size:24px;font-weight:700;letter-spacing:-.02em;margin:6px 0 2px}
.stage .loss{font-size:12px;color:var(--text-muted)}
.stage .arrow{position:absolute;right:-11px;top:50%;transform:translateY(-50%);width:22px;height:22px;border-radius:50%;background:var(--surface);border:1px solid var(--border);display:grid;place-items:center;z-index:2;color:var(--text-muted)}
/* kit pixel · peça 1: barra segmentada */
.segbar{display:flex;gap:3px;margin-top:10px}
.segbar i{flex:1;height:8px;background:var(--action)}
.segbar i.off{background:var(--surface-2)}
.segbar i.w{background:var(--color-warning)}

/* feed de alertas */
.feed{list-style:none;display:flex;flex-direction:column}
.feed li{display:grid;grid-template-columns:28px 1fr auto;gap:10px;padding:10px 0;border-bottom:1px solid var(--border);align-items:start}
.feed li:last-child{border-bottom:0}
.feed .ico{width:28px;height:28px;border-radius:var(--radius-sm);display:grid;place-items:center}
.feed .ttl{font-weight:700;font-size:13px;line-height:18px}
.feed .dsc{font-size:12.5px;color:var(--text-muted);line-height:18px}
.feed .when{font-family:var(--font-mono);font-size:11px;color:var(--text-muted);white-space:nowrap}

.legend{display:flex;gap:14px;flex-wrap:wrap;font-size:12px;color:var(--text-muted)}
.legend span{display:inline-flex;align-items:center;gap:6px}
.legend i{width:10px;height:10px;border-radius:2px;display:inline-block}
svg.chart{width:100%;display:block;overflow:visible}
svg.chart text{font-family:var(--font-mono);font-size:10px;fill:var(--text-muted)}
.tip{position:fixed;pointer-events:none;z-index:90;background:var(--ink);color:#fff;font-size:12px;line-height:17px;padding:8px 10px;border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);display:none;white-space:nowrap}
.tip b{font-family:var(--font-mono)}

.logstream{font-family:var(--font-mono);font-size:12px;line-height:20px;background:var(--color-n-900);color:#D9D7D6;border-radius:var(--radius-md);padding:12px 14px;height:260px;overflow:hidden;position:relative}
.logstream div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.logstream .t2{color:#9D9B9A}.logstream .ok{color:#66D08D}.logstream .er{color:#F28A8D}.logstream .wa{color:#F0C060}

/* hoje · resumo */
.digest{display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center;background:var(--ink);color:#EDECEB;border-radius:var(--radius-lg);padding:18px 22px;margin-bottom:16px}
.digest .ai{width:40px;height:40px;border-radius:var(--radius-md);background:var(--action);color:var(--on-action);display:grid;place-items:center}
.digest p{font-size:14px;line-height:22px}
.digest p b{color:var(--color-green-300)}
.digest .over{color:#9D9B9A}

/* catálogo */
.cat{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}
.cat .it{display:flex;gap:12px;padding:14px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);cursor:pointer}
.cat .it:hover{border-color:var(--action)}
.cat .ic{width:34px;height:34px;border-radius:var(--radius-sm);background:var(--surface-2);display:grid;place-items:center;flex-shrink:0;color:var(--text)}
.cat b{font-size:13.5px;display:block}
.cat .o{font-family:var(--font-mono);font-size:11px;color:var(--text-muted)}
.cat .d{font-size:12.5px;color:var(--text-muted);line-height:18px;margin-top:2px}

/* ===== agentes ===== */
.ag-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:16px}
.floor{position:relative;border-radius:var(--radius-lg);border:1px solid var(--border);overflow:hidden;
  background:
   radial-gradient(circle at 1px 1px,color-mix(in srgb,var(--text) 14%,transparent) 1px,transparent 0) 0 0/22px 22px,
   var(--surface)}
.rooms{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;padding:18px}
.room{border:1px dashed color-mix(in srgb,var(--text) 22%,transparent);border-radius:var(--radius-md);padding:12px;min-height:200px;background:color-mix(in srgb,var(--surface) 70%,transparent);display:flex;flex-direction:column}
.room h4{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);font-weight:500;display:flex;justify-content:space-between;margin-bottom:10px}
.desks{display:grid;grid-template-columns:1fr 1fr;gap:10px;flex:1;align-content:start}
.desk{position:relative;border-radius:var(--radius-md);background:var(--surface);border:1px solid var(--border);padding:12px 10px 10px;text-align:center;cursor:pointer;transition:transform .15s,border-color .15s,box-shadow .15s}
.desk:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}
.desk.sel{border-color:var(--action);box-shadow:var(--focus-ring)}
.bot{width:46px;height:46px;margin:0 auto 6px;border-radius:14px;display:grid;place-items:center;font-family:var(--font-display);font-weight:800;font-size:14px;position:relative;color:var(--ink)}
.bot::after{content:"";position:absolute;right:-3px;bottom:-3px;width:13px;height:13px;border-radius:50%;border:2.5px solid var(--surface);background:var(--text-muted)}
.desk.trabalhando .bot::after{background:var(--color-success);animation:pulse 1.6s infinite;color:var(--color-success)}
.desk.ocioso .bot::after{background:var(--color-info)}
.desk.atrasado .bot::after{background:var(--color-warning)}
.desk.parado .bot::after{background:var(--color-error)}
.desk.trabalhando .bot{animation:bob 2.4s ease-in-out infinite}
@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
.desk .nm{font-weight:800;font-size:12.5px;line-height:16px}
.desk .tg{font-family:var(--font-mono);font-size:10.5px;color:var(--text-muted)}
.bubble{position:relative;margin:0 0 10px;background:var(--ink);color:#fff;font-size:11px;line-height:15px;padding:6px 8px;border-radius:var(--radius-sm);text-align:left;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:42px}
.bubble::after{content:"";position:absolute;left:50%;top:100%;transform:translateX(-50%);border:5px solid transparent;border-top-color:var(--ink)}
.bubble.empty{background:transparent;color:var(--text-muted);border:1px dashed var(--border);font-style:italic}
.bubble.empty::after{display:none}
:root[data-theme="dark"] .bubble:not(.empty){background:var(--surface-2)}
:root[data-theme="dark"] .bubble:not(.empty)::after{border-top-color:var(--surface-2)}
.typing{display:inline-flex;gap:2px;margin-left:4px;vertical-align:middle}
.typing i{width:4px;height:4px;border-radius:50%;background:#fff;opacity:.4;animation:ty 1.2s infinite}
.typing i:nth-child(2){animation-delay:.2s}.typing i:nth-child(3){animation-delay:.4s}
@keyframes ty{0%,100%{opacity:.25}50%{opacity:1}}
.floor-foot{display:flex;justify-content:space-between;align-items:center;padding:10px 18px;border-top:1px solid var(--border);background:var(--surface);font-size:12px;color:var(--text-muted);flex-wrap:wrap;gap:8px}
.ticker{font-family:var(--font-mono);font-size:11.5px;white-space:nowrap;overflow:hidden;flex:1;min-width:0}

.ag-layout{display:grid;grid-template-columns:1fr 380px;gap:16px;align-items:start}
.panel{position:sticky;top:76px}
.ag-head{display:flex;gap:14px;align-items:center;margin-bottom:14px}
.ag-head .bot{margin:0;width:54px;height:54px;font-size:16px}
.ag-head h3{font-size:20px;font-weight:700}
.kv{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;font-size:12.5px;margin:12px 0}
.kv dt{color:var(--text-muted)}
.kv dd{font-weight:600;min-width:0;overflow-wrap:anywhere}
.code{font-family:var(--font-mono);font-size:11.5px;background:var(--surface-2);padding:1px 6px;border-radius:4px}
.mini{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:12px 0}
.mini div{background:var(--surface-2);border-radius:var(--radius-sm);padding:8px;text-align:center}
.mini b{display:block;font-family:var(--font-display);font-size:18px}
.mini span{font-size:10.5px;color:var(--text-muted)}
.calls{list-style:none;margin-top:12px;display:flex;flex-direction:column;gap:10px;max-height:330px;overflow:auto;padding-right:4px}
.calls li{border-left:2px solid var(--border);padding-left:10px}
.calls li.ok{border-color:var(--color-success)}.calls li.run{border-color:var(--color-info)}.calls li.late{border-color:var(--color-warning)}
.calls .w{display:flex;justify-content:space-between;font-size:11.5px;color:var(--text-muted)}
.calls .w b{color:var(--text)}
.calls .q{font-size:12.5px;line-height:18px}
.calls .r{font-size:12px;line-height:17px;color:var(--text-muted);margin-top:2px}

.lanes{display:flex;flex-direction:column;gap:6px}
.lane{display:grid;grid-template-columns:110px 1fr;align-items:center;gap:10px}
.lane .ln{font-weight:700;font-size:12.5px;display:flex;align-items:center;gap:8px}
.track{position:relative;height:26px;background:var(--surface-2);border-radius:var(--radius-sm)}
.track i{position:absolute;top:5px;height:16px;border-radius:3px;min-width:4px;cursor:pointer}
.axis{display:grid;grid-template-columns:110px 1fr;gap:10px;font-family:var(--font-mono);font-size:10px;color:var(--text-muted)}
.axis div:last-child{display:flex;justify-content:space-between}

.agcards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}
.agc{cursor:pointer}
.agc:hover{border-color:var(--action)}

/* command palette */
.cmdk-bg{position:fixed;inset:0;background:rgba(25,22,23,.45);backdrop-filter:blur(2px);z-index:80;display:none;align-items:flex-start;justify-content:center;padding-top:12vh}
.cmdk-bg.on{display:flex}
.cmdk{width:min(620px,calc(100vw - 32px));background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden}
.cmdk input{width:100%;height:54px;border:0;border-bottom:1px solid var(--border);background:transparent;padding:0 18px;font-size:16px;outline:none}
.cmdk ul{list-style:none;max-height:380px;overflow:auto;padding:6px}
.cmdk li{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:var(--radius-sm);cursor:pointer;font-size:13.5px}
.cmdk li .o{margin-left:auto;font-family:var(--font-mono);font-size:11px;color:var(--text-muted)}
.cmdk li.on{background:var(--action-soft);color:var(--action-text)}
.cmdk .grp{font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);padding:10px 12px 4px}

/* campus 3D */
.t3{position:relative;height:560px;border-radius:var(--radius-lg);border:1px solid var(--border);overflow:hidden;
  background:radial-gradient(ellipse at 50% 35%,color-mix(in srgb,var(--action) 14%,var(--surface)) 0%,var(--surface) 60%)}
.t3-canvas{position:absolute;inset:0}
.t3-canvas canvas{display:block}
.t3-labels{position:absolute;inset:0;pointer-events:none}
.t3-load{position:absolute;inset:0;display:grid;place-items:center;color:var(--text-muted);font-size:13px}
.t3-hud{position:absolute;left:14px;top:12px;display:flex;gap:10px;align-items:center;font-size:12px;pointer-events:none}
.t3-legend{position:absolute;left:14px;bottom:12px;display:flex;gap:12px;flex-wrap:wrap;font-size:11.5px;color:var(--text-muted);background:color-mix(in srgb,var(--surface) 85%,transparent);backdrop-filter:blur(6px);padding:6px 10px;border-radius:var(--radius-sm);border:1px solid var(--border)}
.t3-legend span{display:inline-flex;align-items:center;gap:5px}
.t3-legend i{width:8px;height:8px;border-radius:50%}
.t3-ag,.t3-pad,.t3-hub,.t3-ghost{font-family:var(--font-body);text-align:center;pointer-events:none;white-space:nowrap}
.t3-ag{background:var(--ink);color:#fff;padding:3px 8px;border-radius:var(--radius-sm);font-size:11px;line-height:14px;box-shadow:var(--shadow-sm);transition:transform .15s}
.t3-ag b{display:block;font-size:11.5px}
.t3-ag span{font-family:var(--font-mono);font-size:9.5px;color:#C9C7C6}
.t3-ag.sel{background:var(--color-green-500);color:var(--color-n-900);transform:scale(1.12)}
.t3-ag.sel span{color:var(--color-n-800)}
.t3-pad{background:color-mix(in srgb,var(--surface) 92%,transparent);border:1px solid var(--border);padding:5px 10px;border-radius:var(--radius-md);font-size:11px;line-height:15px;color:var(--text);position:relative;padding-right:22px}
.t3-pad b{display:block;font-family:var(--font-display);font-size:13px}
.t3-pad span{color:var(--text-muted)}
.t3-st{position:absolute;right:8px;top:9px;width:8px;height:8px;border-radius:50%;background:#9D9B9A}
.t3-connected{background:#0CB14B}.t3-legacy,.t3-degraded{background:#E9A21B}
.t3-hub b{display:block;font-family:var(--font-display);font-size:15px;color:var(--text)}
.t3-hub span,.t3-ghost span{font-family:var(--font-mono);font-size:10px;color:var(--text-muted)}

/* propostas */
.props{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}
.prop{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:16px;display:flex;flex-direction:column}
.prop.mvp{border-color:color-mix(in srgb,var(--action) 55%,var(--border))}
.prop b{font-size:14px;line-height:19px}
.prop p{font-size:12.5px;line-height:19px;color:var(--text-muted);margin-top:4px;flex:1}
.prop .ap{display:flex;gap:6px;align-items:flex-start;margin-top:10px;padding-top:10px;border-top:1px solid var(--border);font-family:var(--font-mono);font-size:11px;color:var(--text-muted)}

/* números & webhooks */
.nums{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:14px}
.num.degraded{border-color:color-mix(in srgb,var(--color-warning) 50%,var(--border))}
.num-f{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:14px;padding-top:12px;border-top:1px solid var(--border);font-size:11.5px;color:var(--text-muted)}
.ok-btn{color:var(--ok-text)!important;border-color:var(--ok-text)!important}
.agchip{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px 0 3px;border-radius:var(--radius-full);background:var(--surface-2);font-size:12px;font-weight:700;cursor:pointer}
.agchip i{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:8.5px;font-weight:800;color:var(--ink)}
.agchip.add{padding:0 10px;border:1px dashed var(--border);background:transparent;color:var(--text-muted)}
.num-new{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;border:1.5px dashed var(--border);background:transparent;min-height:220px;cursor:pointer;color:var(--text)}
.num-new:hover{border-color:var(--action);background:var(--action-soft)}
.num-new span{font-size:12.5px}
.qr-mini{display:flex;gap:14px;align-items:center}
.qr{width:96px;height:96px;flex-shrink:0;border-radius:var(--radius-sm);background:
  conic-gradient(from 90deg at 18px 18px,#231F20 25%,transparent 0) 0 0/30px 30px,
  repeating-conic-gradient(#231F20 0 25%,#fff 0 50%) 0 0/12px 12px;border:6px solid #fff;outline:1px solid var(--border)}
.flow{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
.fstep{position:relative;border:1px solid var(--border);border-radius:var(--radius-md);padding:14px;display:flex;flex-direction:column;gap:6px;font-size:12.5px;line-height:18px;background:var(--surface)}
.fstep b{font-size:13.5px}
.fstep .badge{align-self:flex-start;margin-top:auto}
.fic{width:32px;height:32px;border-radius:var(--radius-sm);background:var(--action-soft);color:var(--action-text);display:grid;place-items:center}
.farrow{position:absolute;right:-17px;top:24px;width:22px;height:22px;border-radius:50%;background:var(--surface);border:1px solid var(--border);display:grid;place-items:center;z-index:2;color:var(--text-muted)}
.cmp{list-style:none;display:flex;flex-direction:column;gap:10px;font-size:13px}
.cmp li{display:flex;gap:10px;align-items:flex-start}
.cmp .x,.cmp .v{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;flex-shrink:0}
.cmp .x{background:var(--err-soft);color:var(--err-text)}.cmp .v{background:var(--ok-soft);color:var(--ok-text)}

.mig{list-style:none;display:flex;flex-direction:column}
.mig li{display:grid;grid-template-columns:32px 1fr auto;gap:12px;align-items:start;padding:12px 0;border-bottom:1px solid var(--border);font-size:12.5px;line-height:18px}
.mig li:last-child{border-bottom:0}
.mig b{font-size:13.5px}
.mn{width:28px;height:28px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;font-family:var(--font-mono);font-weight:700;font-size:12px}
/* ativar no Claude */
.act{width:min(720px,100%);max-height:calc(100vh - 32px);overflow:auto;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}
.act-h{display:flex;gap:12px;align-items:center;padding:18px 20px 14px}
.act-b{padding:16px 20px;display:flex;flex-direction:column;gap:14px}
.act-f{display:flex;gap:8px;flex-wrap:wrap;padding:14px 20px;border-top:1px solid var(--border);background:var(--surface-2);border-radius:0 0 var(--radius-lg) var(--radius-lg)}
.act-f .stp{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;padding:4px 10px;border-radius:var(--radius-full);background:var(--surface);border:1px solid var(--border);color:var(--text-muted)}
.act-f .stp.ok{color:var(--ok-text);border-color:color-mix(in srgb,var(--ok-text) 40%,var(--border))}
.act-f .stp.run{color:var(--info-text)}
.code-box{position:relative;font-family:var(--font-mono);font-size:12px;line-height:19px;background:var(--color-n-900);color:#E3E2E1;border-radius:var(--radius-md);padding:12px 14px;padding-right:84px;white-space:pre-wrap;word-break:break-all}
.code-box .c{color:#9D9B9A}.code-box .k{color:#B4DB7A}.code-box .s{color:#F0C060}
.code-box button{position:absolute;top:8px;right:8px;height:26px;padding:0 10px;border-radius:4px;background:#3E3B3B;color:#fff;font-size:11px;font-weight:700}
.code-box button.done{background:var(--color-green-500);color:var(--color-n-900)}
.stepn{display:flex;gap:10px;align-items:flex-start}
.stepn .mn{flex-shrink:0;width:24px;height:24px;font-size:11px}
.stepn b{font-size:13.5px}
.stepn .muted{font-size:12px;line-height:17px}
/* wizard */
.wz-bg{position:fixed;inset:0;background:rgba(25,22,23,.5);backdrop-filter:blur(2px);z-index:85;display:none;align-items:center;justify-content:center;padding:16px}
.wz-bg.on{display:flex}
.wz{width:min(760px,100%);max-height:calc(100vh - 32px);overflow:auto;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);display:grid;grid-template-columns:200px 1fr}
.wz-side{background:var(--surface-2);padding:20px 16px;border-radius:var(--radius-lg) 0 0 var(--radius-lg)}
.wz-side ol{list-style:none;display:flex;flex-direction:column;gap:4px;margin-top:14px}
.wz-side li{display:flex;align-items:center;gap:10px;padding:8px;border-radius:var(--radius-sm);font-size:13px;font-weight:600;color:var(--text-muted)}
.wz-side li i{width:22px;height:22px;border-radius:50%;border:1.5px solid currentColor;display:grid;place-items:center;font-style:normal;font-size:11px;font-family:var(--font-mono)}
.wz-side li.on{background:var(--surface);color:var(--text)}
.wz-side li.done{color:var(--action-text)}
.wz-side li.done i{background:var(--action);border-color:var(--action);color:var(--on-action)}
.wz-main{padding:24px;display:flex;flex-direction:column;min-height:440px}
.wz-main h2{font-size:22px;font-weight:700}
.wz-body{flex:1;margin-top:16px;display:flex;flex-direction:column;gap:14px}
.wz-f{display:flex;justify-content:space-between;gap:8px;margin-top:20px;padding-top:16px;border-top:1px solid var(--border)}
.opt{display:flex;gap:12px;padding:14px;border:1.5px solid var(--border);border-radius:var(--radius-md);cursor:pointer;align-items:flex-start}
.opt.on{border-color:var(--action);background:var(--action-soft)}
.opt b{display:block;font-size:13.5px}
.opt span{font-size:12.5px;color:var(--text-muted)}
.fld{display:flex;flex-direction:column;gap:6px;font-size:12.5px;font-weight:700}
.fld input,.fld select,.fld textarea{height:38px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);padding:0 12px;font-weight:500;font-size:13.5px;outline:none}
.fld textarea{height:70px;padding:8px 12px;resize:vertical;font-family:inherit}
.fld input:focus,.fld select:focus,.fld textarea:focus{box-shadow:var(--focus-ring)}
.fld small{font-weight:500;color:var(--text-muted)}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.copy{display:flex;gap:6px}
.copy input{flex:1;font-family:var(--font-mono);font-size:12px}
.check{display:flex;gap:10px;align-items:center;font-size:13px;padding:10px 12px;border-radius:var(--radius-sm);background:var(--surface-2)}
.check .v{width:22px;height:22px;border-radius:50%;background:var(--ok-soft);color:var(--ok-text);display:grid;place-items:center;flex-shrink:0}
.check .w{width:22px;height:22px;border-radius:50%;border:2px solid var(--border);border-top-color:var(--action);animation:spin 1s linear infinite;flex-shrink:0}
@keyframes spin{to{transform:rotate(360deg)}}
.grp-pick{display:flex;flex-direction:column;gap:6px;max-height:150px;overflow:auto}
.grp-pick label{display:flex;gap:10px;align-items:center;font-size:13px;font-weight:500;padding:8px 10px;border:1px solid var(--border);border-radius:var(--radius-sm)}
.preview-msg{background:#E7F8D8;color:#1B2A20;border-radius:8px 8px 8px 2px;padding:8px 10px;font-size:12.5px;line-height:18px;max-width:320px;box-shadow:0 1px 1px rgba(0,0,0,.08)}
@media (max-width:860px){.wz{grid-template-columns:1fr}.wz-side{border-radius:var(--radius-lg) var(--radius-lg) 0 0}.wz-side ol{flex-direction:row;overflow:auto}.flow{grid-template-columns:1fr}.farrow{display:none}.row2{grid-template-columns:1fr}}
@media (max-width:1180px){.flow{grid-template-columns:repeat(3,1fr)}.fstep:nth-child(3) .farrow{display:none}}

/* Pergunte à 4Real */
.ask{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 10px 0 12px;border-radius:var(--radius-sm);background:var(--ink);color:#fff;font-weight:700;font-size:12.5px}
.ask svg{color:var(--color-green-400)}
.ask kbd{background:transparent;color:#9D9B9A;border-color:#3E3B3B}
:root[data-theme="dark"] .ask{background:var(--surface-2)}
.drawer-bg{position:fixed;inset:0;background:rgba(25,22,23,.35);z-index:70;display:none}
.drawer-bg.on{display:block}
.drawer{position:fixed;top:0;right:0;bottom:0;width:min(440px,100vw);background:var(--surface);border-left:1px solid var(--border);box-shadow:var(--shadow-lg);z-index:75;display:flex;flex-direction:column;transform:translateX(100%);transition:transform .22s ease}
.drawer.on{transform:none}
.dr-h{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--border)}
.ai-dot{width:32px;height:32px;border-radius:var(--radius-sm);background:var(--action);color:var(--on-action);display:grid;place-items:center}
.dr-body{flex:1;overflow:auto;padding:16px;display:flex;flex-direction:column;gap:12px}
.msg{max-width:92%;font-size:13px;line-height:20px;padding:10px 12px;border-radius:var(--radius-md)}
.msg.me{align-self:flex-end;background:var(--action-soft);color:var(--action-text);font-weight:600}
.msg.reply{background:var(--surface-2)}
.msg.reply .t td,.msg.reply .t th{padding:6px}
.dr-f{border-top:1px solid var(--border);padding:12px 16px}
.chips{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}
.chips span{font-size:11.5px;font-weight:700;padding:3px 9px;border-radius:var(--radius-full);border:1px solid var(--border);color:var(--text-muted);cursor:pointer}
.chips span.on{background:var(--ink);color:#fff;border-color:var(--ink)}
.dr-in{display:flex;gap:8px}
.dr-in input{flex:1;height:36px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);padding:0 12px;outline:none}
.dr-in input:focus{box-shadow:var(--focus-ring)}

/* precisa de você */
.todo{list-style:none}
.todo li{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid var(--border)}
.todo li:last-child{border-bottom:0}
.todo .ttl{font-weight:700;font-size:13px;line-height:18px}
.todo .dsc{font-size:12px;color:var(--text-muted);line-height:17px}
.todo .acts{display:flex;gap:6px}

/* funil de leads */
.funnel{display:flex;flex-direction:column;gap:8px}
.funnel .row{display:grid;grid-template-columns:170px 1fr 70px;gap:12px;align-items:center;font-size:13px}
.funnel .fb{height:30px;border-radius:var(--radius-sm);background:var(--action);display:flex;align-items:center;padding:0 10px;font-family:var(--font-mono);font-weight:700;font-size:12px;color:var(--on-action);min-width:40px}
.funnel .lost{font-family:var(--font-mono);font-size:11.5px;color:var(--err-text);text-align:right}
.chiprow{display:flex;gap:6px;flex-wrap:wrap}
.chiprow span{font-size:12px;font-weight:600;padding:4px 10px;border-radius:var(--radius-full);background:var(--surface-2);color:var(--text-muted);cursor:pointer}
.chiprow span b{font-family:var(--font-mono);margin-left:4px;color:var(--text)}
.chiprow span.on{background:var(--action-soft);color:var(--action-text)}

.menu-btn{display:none}
@media (max-width:1180px){.g-2,.ag-layout{grid-template-columns:1fr}.panel{position:static}.rooms{grid-template-columns:1fr 1fr}.ag-stats{grid-template-columns:repeat(3,1fr)}.g-3{grid-template-columns:1fr 1fr}}
@media (max-width:860px){
  .app{grid-template-columns:1fr}
  .sb{position:fixed;left:0;top:0;z-index:60;width:var(--sb-w);transform:translateX(-100%);transition:transform .2s;box-shadow:var(--shadow-lg)}
  .sb.open{transform:none}
  .menu-btn{display:grid}
  .top{padding:0 16px}.page{padding:20px 16px}
  .g-3,.g-2e,.rooms,.pipe{grid-template-columns:1fr}
  .stage + .stage{border-left:1px solid var(--border);border-top:0}
  .stage:first-child{border-radius:var(--radius-md) var(--radius-md) 0 0}.stage:last-child{border-radius:0 0 var(--radius-md) var(--radius-md)}
  .stage .arrow{display:none}
  .ag-stats{grid-template-columns:1fr 1fr}
  .crumb,.top .seg,.hide-sm{display:none}
  .tbl-wrap{overflow-x:auto}
  .digest{grid-template-columns:1fr}
}

/* ===== skeleton dos cards (cada card carrega sozinho) ===== */
.sk{display:inline-block;border-radius:4px;background:linear-gradient(90deg,var(--surface-2) 0%,color-mix(in srgb,var(--surface-2) 40%,var(--surface)) 50%,var(--surface-2) 100%);background-size:200% 100%;animation:sk 1.2s linear infinite;color:transparent!important}
@keyframes sk{from{background-position:200% 0}to{background-position:-200% 0}}
.card-err{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--err-text)}
.card-err button{font-weight:700;text-decoration:underline}
.empty-note{font-size:12.5px;color:var(--text-muted);padding:12px 0}

/* ===== login ===== */
.login-page{min-height:100vh;display:grid;grid-template-columns:1.1fr 1fr;background:var(--bg)}
.login-art{background:var(--ink);color:#EDECEB;padding:48px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}
.login-art .brand img{background:#fff;padding:4px 9px;border-radius:var(--radius-sm);height:30px;box-sizing:content-box}
.login-art h1{color:#fff;font-size:44px;line-height:50px;letter-spacing:-.02em;max-width:480px}
.login-art h1 em{font-style:normal;color:var(--color-green-400)}
.login-art p{color:#9D9B9A;max-width:440px;margin-top:12px}
.login-art .pixel{position:absolute;right:-20px;bottom:120px;display:grid;grid-template-columns:repeat(6,22px);gap:6px;opacity:.9}
.login-art .pixel i{width:22px;height:22px;background:var(--color-green-500)}
.login-art .pixel i.o{background:transparent}
.login-art .pixel i.l{background:var(--color-lime-500)}
.login-art .foot{font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#757272}
.login-box{display:flex;align-items:center;justify-content:center;padding:32px 16px}
.login-card{width:min(400px,100%)}
.login-card h2{font-size:26px;font-weight:700;letter-spacing:-.01em}
.login-card .muted{margin:4px 0 24px}
.login-card form{display:flex;flex-direction:column;gap:14px}
.login-card .btn{height:44px;font-size:14px}
.login-err{background:var(--err-soft);color:var(--err-text);font-size:13px;font-weight:600;padding:10px 12px;border-radius:var(--radius-sm)}
@media (max-width:860px){.login-page{grid-template-columns:1fr}.login-art{display:none}}

/* ===== area em construcao ===== */
.soon{max-width:720px}
.soon .card{display:flex;gap:16px;align-items:flex-start}
.soon .fic{width:44px;height:44px;flex-shrink:0}

/* ===== formulario do agente: grupos com escopo/vigia, contatos ===== */
.grp-pick .gitem{border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px 10px;display:flex;flex-direction:column;gap:8px}
.gitem.on{border-color:color-mix(in srgb,var(--action) 45%,var(--border));background:color-mix(in srgb,var(--action-soft) 35%,var(--surface))}
#cLista{display:flex;flex-direction:column;gap:8px}
#cLista .gitem{border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px;display:flex;flex-direction:column;gap:8px}
.ghead{display:flex;gap:10px;align-items:center;font-size:13px;cursor:pointer}
.gconf{display:flex;flex-direction:column;gap:6px;padding-left:24px}
.esc{display:flex;flex-direction:column;gap:6px}
.esc input,.c-resp textarea{height:34px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);padding:0 10px;font-size:13px;outline:none;width:100%}
.c-resp textarea{height:60px;padding:6px 10px;font-family:inherit}
.esc input:focus{box-shadow:var(--focus-ring)}
.esc .seg{align-self:flex-start}
.chips-sel{display:flex;gap:6px;flex-wrap:wrap}
.chip-r{display:inline-flex;align-items:center;gap:4px;height:26px;padding:0 4px 0 10px;border-radius:var(--radius-full);background:var(--violet-soft);color:var(--violet);font-size:12px;font-weight:700}
.chip-r button{width:20px;height:20px;border-radius:50%;font-size:14px;line-height:1;color:inherit}
.chip-r button:hover{background:color-mix(in srgb,var(--violet) 20%,transparent)}
.esc-sug{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden}
.esc-sug:empty{display:none}
.esc-sug button{text-align:left;padding:7px 10px;font-size:13px;display:flex;justify-content:space-between}
.esc-sug button:hover{background:var(--surface-2)}
.tagrow{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}

/* ===== alertas agendados por grupo ===== */
.tarefa{border:1px dashed color-mix(in srgb,var(--violet) 45%,var(--border));border-radius:var(--radius-sm);padding:8px 10px;display:flex;flex-direction:column;gap:6px;background:var(--surface)}
.tarefa input:not([type=checkbox]),.tarefa textarea{height:34px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);padding:0 10px;font-size:13px;outline:none;width:100%}
.tarefa textarea{height:64px;padding:6px 10px;font-family:inherit;resize:vertical}
.dias{display:flex;gap:4px;align-items:center;flex-wrap:wrap}
.dias [data-td]{width:28px;height:28px;border-radius:50%;border:1px solid var(--border);font-size:12px;font-weight:700;color:var(--text-muted)}
.dias [data-td].on{background:var(--violet);border-color:var(--violet);color:#fff}
.dias .lnk{font-size:12px;font-weight:600;color:var(--action-text);text-decoration:underline;margin-left:6px}