/* ============================================================
   HENOX UI — tema claro (padrão de produto SaaS de métricas)
   Trilho lateral azul só com ícones + rótulo, barra superior branca,
   fundo cinza-claro, cartões brancos com sombra suave, números grandes.
   Só aparência: nenhum comportamento é alterado. Versão escura antiga: henox-ui.dark.css
   ============================================================ */
:root{
  --page:#f3f4f8; --surface:#ffffff; --raised:#f6f7fb; --hover:#eef0f8;
  --hairline:#e6e8f0; --hairline-strong:#d3d7e3;
  --brand:#2f3ff0; --brand-strong:#2432d6; --brand-soft:rgba(47,63,240,.09);
  --ink:#14171f; --muted:#5a6377; --faint:#5f6982;
  --ok:#12a26a; --warn:#c98a04; --bad:#e5484d; --info:#2f3ff0;
  --radius:12px; --radius-sm:8px; --rail:96px;
  --rail-bg:#2f3ff0; --on-brand:#ffffff; --brand-line:rgba(47,63,240,.35); --brand-line-soft:rgba(47,63,240,.22);
  --shadow:0 1px 2px rgba(20,23,31,.05),0 2px 8px rgba(20,23,31,.05);
  /* tokens antigos redirecionados para o tema claro */
  --bg:var(--page); --panel:var(--surface); --panel2:var(--raised); --inset:#ffffff; --line:var(--hairline); --border:var(--hairline); --border-strong:var(--hairline-strong);
  --text:var(--ink); --text-faint:var(--faint); --accent:var(--brand); --green:var(--brand); --green-strong:var(--brand-strong); --green-deep:var(--brand-strong);
  --green-soft:var(--brand-soft); --green-soft-strong:rgba(47,63,240,.18); --shadow-lift:var(--shadow);
  --font-ui:"Segoe UI Variable Text","Segoe UI",system-ui,-apple-system,Roboto,Arial,sans-serif;
  --font-display:var(--font-ui); --font-mono:var(--font-ui);
}
html,body{background:var(--page)!important;color:var(--ink)}
body{font-family:var(--font-ui);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body::before,body::after{display:none!important;content:none!important}
body *{text-transform:none!important}
button,input,select,textarea{font-family:inherit}
h1,h2,h3,h4{color:var(--ink);font-family:var(--font-display);letter-spacing:-.01em}
p{color:inherit}
*{scrollbar-width:thin;scrollbar-color:var(--hairline-strong) transparent}
:focus-visible{outline:2px solid var(--brand);outline-offset:2px}
body .page.active .panel,body .page.active .stat-card,body .page.active .capture-mode-card,body .page.active .flow-card,
.brand-mark,.app-header::before,.connection-dot.online,.pulse{animation:none!important}
.app-header::before{display:none!important}

/* ---- trilho lateral ---- */
body .sidebar{align-items:stretch;background:var(--rail-bg);backdrop-filter:none;border:0;box-shadow:none;display:flex;flex-direction:column;padding:14px 10px 12px;width:var(--rail)}
body .brand{align-items:center;display:flex;justify-content:center;margin:0 0 14px;padding:0}
body .brand>div{display:none}
body .brand-mark{background:#fff;border-radius:12px;box-shadow:none;height:46px;padding:7px;width:46px}
body .sidebar nav{display:flex;flex:1;flex-direction:column;gap:4px;overflow-y:auto;overflow-x:hidden;scrollbar-width:none}
body .sidebar nav::-webkit-scrollbar{display:none}
body .nav-group{color:rgba(255,255,255,.54);flex:none;font-size:10px;font-weight:700;letter-spacing:.09em;margin:14px 12px 5px;overflow:hidden;padding:0;text-transform:uppercase!important}
body .nav-item{align-items:center;background:transparent;border:1.5px solid transparent;border-radius:12px;box-shadow:none;color:rgba(255,255,255,.86);display:flex;flex:none;flex-direction:column;font-size:11.5px;font-weight:500;gap:5px;letter-spacing:0;line-height:1.15;padding:9px 4px 8px;position:relative;text-align:center;transform:none;transition:background .12s,color .12s;white-space:normal;width:100%}
body .nav-item span{align-items:center;color:inherit;display:inline-flex;font-size:18px;height:24px;justify-content:center;width:24px}
body .nav-item span svg{fill:none;height:22px;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7;width:22px}
body .nav-item:hover{background:rgba(255,255,255,.12);border-color:transparent;color:#fff;transform:none}
body .nav-item.active{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.85);box-shadow:none;color:#fff;font-weight:650}
body .nav-item.active::before{display:none}
body .sidebar-foot{border:0;color:rgba(255,255,255,.7);font-size:11px;margin-top:10px;padding:8px 0 0;text-align:center}
body .sidebar-foot .pulse{background:#7dffc3;display:block;height:6px;margin:0 auto 4px;width:6px}

/* ---- barra superior + conteúdo ---- */
body .app-main{margin-left:var(--rail);max-width:none;padding:0 32px 64px}
body .app-header{align-items:center;background:var(--surface);border:0;border-bottom:1px solid var(--hairline);border-radius:0;box-shadow:none;display:flex;gap:20px;justify-content:space-between;margin:0 -32px 24px;min-height:68px;padding:12px 32px;position:sticky;top:0;z-index:30}
body .app-header>div:first-child{display:flex;flex-direction:column-reverse;gap:1px}
body .app-header h1{color:var(--ink);font-size:20px;font-weight:700;letter-spacing:-.015em;line-height:1.25;margin:0}
body .eyebrow,body #page-kicker{color:var(--muted);font-family:var(--font-ui);font-size:13px;font-weight:400;letter-spacing:0;margin:0}
body .header-tools{align-items:center;display:flex;flex-wrap:wrap;gap:10px}
body .header-status{background:var(--raised);border:1px solid var(--hairline);border-radius:999px;color:var(--muted);font-size:13px;padding:6px 13px 6px 11px}
body .header-status.is-ok{color:var(--ink)}
body .user-profile{align-items:center;background:var(--surface);border:1px solid var(--hairline);border-radius:999px;display:flex;gap:8px;padding:4px 10px 4px 5px;min-width:0}
body .user-profile[hidden]{display:none}
body .user-profile-avatar{align-items:center;background:var(--brand-soft);border:1px solid var(--brand-line);border-radius:50%;color:var(--brand-strong);display:flex;font-size:12px;font-weight:800;height:28px;justify-content:center;width:28px}
body .user-profile-copy{display:flex;flex-direction:column;line-height:1.15;min-width:0}
body .user-profile-copy strong{font-size:12px;max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body .user-profile-copy small{color:var(--muted);font-size:10px;margin-top:2px;white-space:nowrap}
body .header-status.is-ok::before{background:var(--ok);box-shadow:0 0 0 3px rgba(18,162,106,.16)}
body .header-status.is-off{color:var(--warn)}
body .header-status.is-off::before{background:var(--warn)}
body #page-title{color:var(--ink)}

/* ---- botões ---- */
body .button{align-items:center;background:var(--brand);border:1px solid var(--brand);border-radius:var(--radius-sm);box-shadow:none;color:var(--on-brand);cursor:pointer;display:inline-flex;font-size:13.5px;font-weight:600;gap:7px;justify-content:center;letter-spacing:0;line-height:1;padding:10px 15px;transition:background .12s,border-color .12s}
body .button:hover{background:var(--brand-strong);border-color:var(--brand-strong);box-shadow:none;filter:none;transform:none}
body .button-outline,body button.button-outline{background:var(--surface);border:1px solid var(--hairline-strong);color:var(--ink)}
body .button-outline:hover{background:var(--raised);border-color:var(--faint);color:var(--ink)}
body .button:disabled,body button:disabled{cursor:not-allowed;filter:none;opacity:.5}
body .button.danger,body .danger,body .delete-button,body .lead-delete-button{background:var(--surface);border:1px solid rgba(229,72,77,.4);box-shadow:none;color:var(--bad)}
body .button.danger:hover,body .delete-button:hover,body .lead-delete-button:hover{background:rgba(229,72,77,.08)}
body #global-pause-all.is-paused{background:rgba(201,138,4,.12);border-color:var(--warn);color:var(--warn)}
body .icon-button{background:var(--surface);border:1px solid var(--hairline);border-radius:var(--radius-sm);box-shadow:none;color:var(--muted)}
body .icon-button:hover{background:var(--raised);color:var(--ink)}

/* ---- campos ---- */
body input,body select,body textarea{background:var(--surface);border:1px solid var(--hairline-strong);border-radius:var(--radius-sm);box-shadow:none;color:var(--ink);font-size:14px;min-height:38px;padding:8px 12px;transition:border-color .12s,box-shadow .12s}
body input::placeholder,body textarea::placeholder{color:var(--faint)}
body input:hover,body select:hover,body textarea:hover{border-color:var(--faint)}
body input:focus,body select:focus,body textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft);outline:0}
body input[type=checkbox],body input[type=radio]{accent-color:var(--brand);min-height:0}
body label{color:var(--muted);font-size:13px}
body option{background:var(--surface);color:var(--ink)}

/* ---- cartões ---- */
body .panel,body .stat-card,body .capture-mode-card,body .flow-card,body .tag-card,body .connection-card,body .settings-panel,body .kanban-column,body .step-card,body .flow-monitor,body .whatsapp-audience-card,body .whatsapp-web-preview-card,body .transfer-card,body .flow-config,body .henrix-confirm-card{background:var(--surface);backdrop-filter:none;border:1px solid var(--hairline);border-radius:var(--radius);box-shadow:var(--shadow);color:var(--ink)}
body .panel{overflow:hidden}
body .panel-title{background:transparent;border-bottom:1px solid var(--hairline);padding:16px 20px}
body .panel-title h2,body .section-title h2{color:var(--ink);font-size:15px;font-weight:650}
body .panel-title p,body .section-title p{color:var(--muted);font-size:13px;margin:3px 0 0}
body .stat-grid{display:grid;gap:16px}
body .stat-card{padding:18px 22px}
body .stat-card::before,body .stat-card::after{display:none}
body .stat-card span{color:var(--muted);font-size:14px}
body .stat-card strong{color:var(--ink);font:700 32px/1.15 var(--font-display);font-variant-numeric:tabular-nums;letter-spacing:-.02em;margin:10px 0 6px}
body .stat-card small{color:var(--faint);font-size:12.5px}
body .stat-card.accent{background:var(--surface);border-color:var(--brand-line)}
body .stat-card.accent strong{color:var(--brand)}
body .stat-trend{color:var(--ok)}
body .capture-mode-card.active,body .capture-mode-card.selected{background:var(--brand-soft);border-color:var(--brand-line);box-shadow:none}
body .flow-card:hover,body .tag-card:hover{border-color:var(--hairline-strong);transform:none}
body .chart-panel{align-self:start}
body .remarketing-head .eyebrow{display:none}
body #page-settings>.panel,body #page-settings>section{max-width:760px;width:100%}

/* ---- tabelas ---- */
body table{border-collapse:separate;border-spacing:0;color:var(--ink)}
body table thead th{background:var(--raised);border-bottom:1px solid var(--hairline);color:var(--muted);font-size:12.5px;font-weight:600;letter-spacing:0;padding:11px 16px;text-align:left}
body table tbody td{border-bottom:1px solid var(--hairline);color:var(--ink);padding:12px 16px;vertical-align:middle}
body table tbody tr:last-child td{border-bottom:0}
body table tbody tr:hover{background:var(--raised)}

/* ---- rótulos de estado ---- */
body .badge,body .chip,body .pill,body .tag-chip,body .flow-status,body .monitor-flow-state,body .status-pill{background:var(--raised);border:1px solid var(--hairline);border-radius:999px;box-shadow:none;color:var(--muted);font-size:12px;font-weight:600;letter-spacing:0;padding:3px 10px}

/* ---- textos e sub-blocos que nasceram para fundo escuro ---- */
body small,body .muted,body .hint{color:var(--muted)}
body .panel p,body .stat-card p{color:var(--muted)}
body pre,body code,body .iso-log,body .real-send-preview{background:var(--raised);border:1px solid var(--hairline);border-radius:var(--radius-sm);color:var(--ink)}
body .kanban-head{background:transparent;border-bottom:1px solid var(--hairline)}
body .kanban-column{background:var(--raised)}
body .kanban-list>*,body .kanban-card{background:var(--surface);border:1px solid var(--hairline);box-shadow:none;color:var(--ink)}

/* ---- diálogos ---- */
body .henrix-confirm-modal{background:rgba(20,23,31,.45);backdrop-filter:blur(2px)}
body .henrix-confirm-card{box-shadow:0 24px 60px rgba(20,23,31,.25)}

@media (max-width:900px){
  body{--rail:80px}
  body .app-main{padding:0 18px 56px}
  body .app-header{margin:0 -18px 20px;padding:12px 18px}
}
@media (max-width:700px){
  body{--rail:0px}
  body .sidebar{flex-direction:row;height:auto;overflow-x:auto;padding:8px;position:sticky;top:0;width:100%;z-index:40}
  body .brand,body .sidebar-foot,body .nav-group{display:none}
  body .sidebar nav{flex-direction:row}
  body .nav-item{width:72px}
  body .app-main{margin-left:0}
  body .app-header{flex-wrap:wrap;position:static}
}

/* Sidebar groups remain readable after the compact navigation rules above. */
body .nav-group{height:auto;line-height:1.2;margin:12px 12px 4px;min-height:14px;white-space:nowrap}

/* ---- ajustes: gráficos e altura do trilho ---- */
body .chart-panel>:not(.panel-title){background:transparent!important}
body .chart-panel *:not(svg *){color:inherit}
body .dist-row,body .dist-row *,body .hf-legend,body .hf-legend *,body .chart-panel{color:var(--ink)}
body .dist-row span:last-child,body .hf-legend b{color:var(--ink)}
body .hf-donut-hole{background:var(--surface)!important;color:var(--ink)}
body .sidebar nav{gap:2px}
body .nav-item{padding:7px 4px 6px;gap:3px}
body .nav-group{margin:5px 12px}
body .brand{margin-bottom:10px}

/* ---- listas compactas ---- */
body .distribution{gap:0;padding:8px 20px 10px}
body .chart-panel .distribution,body .tag-distribution-panel .distribution{display:block}
body .dist-row{grid-template-columns:minmax(90px,140px) 1fr 34px;gap:12px;padding:6px 0;min-height:0}
body .dist-row span{color:var(--ink);font-size:13px}
body .dist-row b{color:var(--ink);font:600 13px var(--font-ui);font-variant-numeric:tabular-nums}
body .dist-row.is-zero{opacity:.55}
body .dist-row.is-collapsed{display:none}
body .dist-toggle{background:transparent;border:0;border-top:1px solid var(--hairline);color:var(--brand);cursor:pointer;display:block;font-size:13px;font-weight:600;margin-top:6px;padding:10px 0 4px;text-align:left;width:100%}
body .dist-toggle:hover{color:var(--brand-strong)}
body .kanban-list{max-height:340px;overflow:auto}
body .monitor-columns ul,body .monitor-all-list,body .operational-activity{max-height:300px;overflow:auto}
body .tag-card-leads,body .whatsapp-label-leads{max-height:220px;overflow:auto}
body .kanban-list li,body .kanban-card{margin-bottom:5px;min-height:0;padding:8px 10px}
body .distribution .dist-toggle{color:var(--brand);font-weight:600}
body .tag-distribution-panel .distribution{max-width:760px}

/* ---- polimento: rótulos acima de títulos, faixas e alinhamentos ---- */
body .eyebrow:not(#page-kicker):not(.keep){display:none}
body .safety-badge{font-size:12px;font-weight:600}
body .eyebrow.keep{color:var(--warn);font-size:12px;font-weight:600;text-transform:lowercase!important}
body .eyebrow.keep::first-letter,body .safety-badge::first-letter{text-transform:uppercase!important}
body .editor-guide{background:var(--brand-soft);border:1px solid var(--brand-line-soft)}
body .editor-guide strong{color:var(--ink)}
body .distribution,body .donut-panel{background:transparent!important}
body .transfer-card{align-content:start}
body .henrix-confirm-card{max-width:440px}
@media (max-width:700px){
  body .app-header{align-items:stretch;flex-direction:column;gap:8px;padding:14px 16px}
  body .header-tools{flex-wrap:nowrap}
  body #header-export{display:none}
  body .app-header .button{flex:1}
}
body #page-export>*+*{margin-top:16px}
body *{text-shadow:none!important}
body .connection-dot,body .pulse,body .header-status::before{box-shadow:none}

/* ---- tabelas compactas ---- */
body table{font-size:13px}
body table thead th{font-size:12px;padding:8px 16px}
body table tbody td{padding:7px 16px;line-height:1.35}
body table tbody td strong,body table tbody td b{font-weight:600}
body table .tag-pill,body table .badge,body table [class*="tag"]{font-size:12px;padding:1px 8px}
body table select{min-height:30px;padding:3px 8px;font-size:13px}
body table .button,body table button{padding:5px 10px;font-size:12.5px}
body .panel>.panel-title:has(+ .table-wrap),body .panel>.panel-title:has(+ table){padding:12px 20px}
body #page-overview .panel table tbody tr:nth-child(n+6){display:none}
body #page-leads td>.tag-pill{display:none}
body #page-leads td select{width:100%;max-width:190px}
body #leads-table td>*:has(~ select.lead-tag-select){display:none}
body #leads-table td{padding-top:5px;padding-bottom:5px}

/* ---- Leads recentes: cartão do tamanho dos gráficos ---- */
body .chart-grid{grid-template-columns:repeat(auto-fit,minmax(290px,1fr));align-items:start}
body .recent-leads-panel .panel-title{align-items:flex-start;padding:16px 20px}
body .recent-leads-panel table th:nth-child(1),body .recent-leads-panel table td:nth-child(1),
body .recent-leads-panel table th:nth-child(3),body .recent-leads-panel table td:nth-child(3){display:none}
body .recent-leads-panel table th,body .recent-leads-panel table td{padding-left:20px;padding-right:12px}
body .recent-leads-panel .text-button{font-size:13px;white-space:nowrap}

/* ============================================================
   TEMA ESCURO — mesmos componentes, só os tokens mudam.
   O CSS base escuro original (dashboard.css) é carregado no lugar do dashboard.light.css (ver theme.js).
   ============================================================ */
:root[data-theme="dark"]{
  --page:#050b14; --surface:#0b1626; --raised:#0f1d30; --hover:#12243a;
  --hairline:#1b304a; --hairline-strong:#284665;
  --brand:#168bff; --brand-strong:#0077ff; --brand-soft:rgba(22,139,255,.10);
  --ink:#f8fafc; --muted:#94a3b8; --faint:#64748b;
  --ok:#34d399; --warn:#f0b429; --bad:#ff6b7a; --info:#43e5f5;
  --shadow:0 1px 2px rgba(0,0,0,.35),0 2px 10px rgba(0,0,0,.28);
  --rail-bg:#050b14; --on-brand:#ffffff; --brand-line:rgba(22,139,255,.42); --brand-line-soft:rgba(22,139,255,.24);
  --inset:#08111f; --green-soft-strong:rgba(22,139,255,.18);
  color-scheme:dark;
}
:root[data-theme="dark"] body .sidebar{border-right:1px solid var(--hairline)}
:root[data-theme="dark"] body .brand-mark{background:#fff}
:root[data-theme="dark"] body .nav-item.active{background:var(--brand-soft);border-color:var(--brand-line);color:#fff}
:root[data-theme="dark"] body .nav-item.active span{color:var(--brand)}
:root[data-theme="dark"] body .header-status.is-ok::before{box-shadow:0 0 0 3px rgba(52,211,153,.2)}
:root[data-theme="dark"] body .button.danger,:root[data-theme="dark"] body .danger,:root[data-theme="dark"] body .delete-button,:root[data-theme="dark"] body .lead-delete-button{border-color:rgba(255,107,122,.45)}
:root[data-theme="dark"] body .henrix-confirm-modal{background:rgba(3,5,14,.7)}
:root[data-theme="dark"] body .henrix-confirm-card{box-shadow:0 24px 60px rgba(0,0,0,.6)}
:root[data-theme="dark"] body .dist-row .dist-bar{background:var(--raised)}

/* ---- botão de tema ---- */
body #theme-toggle{align-items:center;background:var(--surface);border:1px solid var(--hairline-strong);border-radius:var(--radius-sm);color:var(--ink);cursor:pointer;display:inline-flex;height:36px;justify-content:center;padding:0;width:36px}
body #theme-toggle:hover{background:var(--raised)}
body #theme-toggle svg{fill:none;height:18px;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8;width:18px}
body #theme-toggle .icon-sun{display:none}
:root[data-theme="dark"] body #theme-toggle .icon-sun{display:block}
:root[data-theme="dark"] body #theme-toggle .icon-moon{display:none}

/* ---- padronização: cartões da mesma fileira têm a mesma altura ---- */
body .chart-grid{align-items:stretch}
body .chart-grid>.panel{align-self:stretch;display:flex;flex-direction:column}
body .chart-grid>.panel>.panel-title{align-items:center;min-height:76px}
body .chart-grid>.panel>:not(.panel-title){flex:1 1 auto}
body .chart-grid>.panel>.line-chart,body .chart-grid>.panel>.donut-panel{align-items:center;display:flex;justify-content:center}
body .chart-grid .distribution{max-height:300px;overflow:auto}
body .recent-leads-panel .panel-title{align-items:center;padding:16px 20px}
body .chart-grid>.panel{min-height:330px}
body .kanban-board{align-items:stretch}

/* ---- menos ruído ---- */
body .is-uninformative,body .is-redundant,body .is-ok-hidden{display:none!important}
body .is-collapsed{display:none!important}
body #header-export{display:none}
body #page-overview .stat-card:has(#metric-tags){display:none}
body #page-export>.chart-panel{display:none}
body .stat-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
body .diag-panel.diag-collapsed>:not(.panel-title):not(.more-toggle){display:none!important}
body .diag-panel>.more-toggle{margin:12px 20px}
body .diag-panel.diag-collapsed>.panel-title{border-bottom:0}
body .more-toggle{background:transparent;border:0;color:var(--brand);cursor:pointer;font-size:13px;font-weight:600;padding:8px 2px;text-align:left}
body .more-toggle:hover{color:var(--brand-strong);text-decoration:underline}

/* ---- tabela de leads enxuta ---- */
body .col-hide{display:none}
body #page-leads .toolbar{align-items:center;display:flex;gap:10px;padding:12px 16px}
body #page-leads .search-box{align-items:center;display:flex;flex:0 1 340px;height:36px;min-height:0;padding:0 12px}
body #page-leads .search-box input{border:0;box-shadow:none;height:34px;min-height:0;padding:0 4px;background:transparent}
body #page-leads .toolbar select{height:36px;min-height:0;padding:0 10px;width:auto}
body .leads-lean td,body .leads-lean th{padding-left:16px;padding-right:12px}
body .leads-lean .contact{display:grid;line-height:1.25}
body .leads-lean .contact strong{font-weight:600;font-variant-numeric:tabular-nums}
body .leads-lean .contact small{color:var(--muted);font-size:12px}
body .leads-lean td select{background:var(--raised);border:1px solid transparent;border-radius:999px;font-size:12.5px;font-weight:500;height:28px;min-height:0;padding:0 26px 0 10px;width:auto;max-width:170px}
body .leads-lean td select:hover{border-color:var(--hairline-strong)}
body .leads-lean td:last-child,body .leads-lean th:last-child{text-align:right;width:52px}
body .leads-lean .icon-delete{align-items:center;background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);color:var(--faint);display:inline-flex;height:28px;justify-content:center;padding:0;width:28px}
body .leads-lean .icon-delete svg{fill:none;height:16px;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7;width:16px}
body .leads-lean .icon-delete:hover{background:rgba(229,72,77,.1);border-color:transparent;color:var(--bad)}
body .leads-lean tbody td{color:var(--muted)}
body .leads-lean tbody td:first-child{color:var(--ink)}

/* ---- cartões de resumo e modos de captação mais compactos ---- */
body .stat-card{padding:14px 20px}
body .stat-card strong{font-size:28px;margin:6px 0 4px}
body #page-leads .capture-mode-grid{gap:12px}
body #page-leads .capture-mode-card{align-items:center;padding:10px 14px}
body #page-leads .capture-mode-card .capture-mode-icon{display:none}
body #page-leads .capture-mode-card p:not(.eyebrow){display:none}
body #page-leads .capture-mode-card h2,body #page-leads .capture-mode-card strong{font-size:15px;margin:0}
body #page-leads .capture-mode-card{display:flex;gap:10px;min-height:0}
body #page-leads .capture-mode-card .eyebrow{color:var(--muted);display:block!important;font-size:13px;margin:0 0 2px;text-transform:lowercase!important}
body #page-leads .capture-mode-card .eyebrow::first-letter{text-transform:uppercase!important}
body #page-leads .capture-mode-grid{align-items:start}
:root[data-theme="dark"] body .leads-lean .icon-delete{background:transparent;border-color:transparent;color:var(--faint)}
:root[data-theme="dark"] body .leads-lean .icon-delete:hover{background:rgba(255,107,122,.12);color:var(--bad)}

/* ---- leads: densidade ---- */
body .leads-lean{table-layout:fixed;width:100%}
body .leads-lean th:nth-child(1){width:26%}
body .leads-lean th:nth-child(3){width:26%}
body .leads-lean th:nth-child(4){width:22%}
body .leads-lean th:nth-child(6){width:20%}
body .leads-lean th:nth-child(7){width:6%}
body .leads-lean tbody td{font-size:13px;height:38px;padding-bottom:3px;padding-top:3px}
body .leads-lean td select{font-size:12.5px;height:26px;max-width:160px}
body .leads-lean thead th{padding-bottom:7px;padding-top:7px}
body #page-leads .toolbar{padding:10px 16px}

/* ============================================================
   ESTRUTURA v2 (padrão do editor de esteiras aprovado):
   menu lateral largo com rótulos, cabeçalho limpo sobre o fundo, cartões de 14px.
   Vale para os dois temas; o escuro usa a paleta petróleo/grafite.
   ============================================================ */
:root{
  --rail:236px; --radius:14px; --radius-sm:10px;
  --rail-bg:#ffffff; --rail-line:#e6e8f0; --nav-fg:#5a6377; --nav-fg-hover:#14171f; --nav-hover-bg:#f0f2f8;
  --nav-active-bg:rgba(47,63,240,.09); --nav-active-fg:#14171f; --nav-icon-active:#2f3ff0;
  --font-ui:"Plus Jakarta Sans","Segoe UI Variable Text","Segoe UI",system-ui,-apple-system,Roboto,Arial,sans-serif;
  --font-display:var(--font-ui); --font-mono:var(--font-ui);
}
:root[data-theme="dark"]{
  --page:#050b14; --surface:#0b1626; --raised:#0f1d30; --hover:#12243a;
  --hairline:#1b304a; --hairline-strong:#284665; --inset:#08111f;
  --brand:#168bff; --brand-strong:#0077ff; --brand-soft:rgba(22,139,255,.10);
  --brand-line:rgba(22,139,255,.42); --brand-line-soft:rgba(22,139,255,.24); --green-soft-strong:rgba(22,139,255,.18);
  --ink:#f8fafc; --muted:#94a3b8; --faint:#64748b; --info:#38bdf8;
  --rail-bg:#050b14; --rail-line:#1b304a; --nav-fg:#94a3b8; --nav-fg-hover:#f8fafc; --nav-hover-bg:#0f1d30;
  --nav-active-bg:rgba(22,139,255,.10); --nav-active-fg:#f8fafc; --nav-icon-active:#38bdf8; --on-brand:#ffffff;
}
:root[data-theme="dark"] html,:root[data-theme="dark"] body{background:var(--page) radial-gradient(900px 500px at 88% -10%,rgba(22,139,255,.07),transparent 60%) fixed!important}
:root[data-theme="dark"] body .button:not(.button-outline):not(.danger){box-shadow:0 6px 20px rgba(22,139,255,.16)}

/* menu lateral largo */
body .sidebar{align-items:stretch;background:var(--rail-bg);border-right:1px solid var(--rail-line);padding:22px 14px 18px;width:var(--rail)}
body .brand{justify-content:flex-start;gap:11px;margin:0;padding:0 8px 22px}
body .brand>div{display:block}
body .brand strong{font-size:18px;font-weight:800;letter-spacing:.06em}
body .brand small{display:none}
body .brand-mark{border-radius:10px;height:36px;padding:6px;width:36px}
body .sidebar nav{gap:2px}
body .nav-group{background:transparent;height:8px;margin:0;padding:0}
body .nav-item{align-items:center;background:transparent;border:0;border-radius:10px;color:var(--nav-fg);flex-direction:row;font-size:14px;font-weight:500;gap:12px;justify-content:flex-start;line-height:1.3;padding:9px 12px;text-align:left}
body .nav-item span{color:inherit;height:18px;width:18px}
body .nav-item span svg{height:18px;width:18px}
body .nav-item:hover{background:var(--nav-hover-bg);border:0;color:var(--nav-fg-hover)}
body .nav-item.active{background:var(--nav-active-bg);border:0;color:var(--nav-active-fg);font-weight:650}
body .nav-item.active span{color:var(--nav-icon-active)}
body .sidebar-foot{align-items:center;background:var(--raised);border:1px solid var(--rail-line);border-radius:10px;color:var(--muted);display:flex;font-size:13px;gap:9px;margin-top:12px;padding:11px 12px;text-align:left}
body .sidebar-foot .pulse{background:var(--ok);display:inline-block;height:8px;margin:0;width:8px}

/* cabeçalho limpo */
body .app-header{background:var(--page);border:0;margin:0 -32px 6px;min-height:0;padding:22px 32px 14px}
body .app-header h1{font-size:24px;font-weight:750}
body #page-kicker{font-size:13px}

/* responsivo */
@media (max-width:1100px){
  :root{--rail:88px}
  body .sidebar{padding:16px 8px}
  body .brand{justify-content:center;padding:0 0 16px}
  body .brand>div{display:none}
  body .nav-item{flex-direction:column;font-size:11px;gap:4px;justify-content:center;padding:8px 4px;text-align:center}
  body .sidebar-foot{justify-content:center;padding:8px 4px}
}
@media (max-width:700px){
  :root{--rail:0px}
  body .sidebar{border-bottom:1px solid var(--rail-line);border-right:0;flex-direction:row;height:auto;overflow-x:auto;padding:8px;position:sticky;top:0;width:100%;z-index:40}
  body .brand,body .sidebar-foot,body .nav-group{display:none}
  body .sidebar nav{flex-direction:row;overflow-x:auto}
  body .nav-item{flex:none;width:72px}
  body .app-main{margin-left:0;padding:0 16px 48px}
  body .app-header{margin:0 -16px 6px;padding:14px 16px}
}

/* ---- editor: paleta de blocos e programação do disparo ---- */
body #block-palette{align-items:center;background:var(--surface);border:1px solid var(--hairline);border-radius:var(--radius);display:flex;flex-wrap:wrap;gap:10px 14px;margin:0 0 14px;padding:10px 12px;position:sticky;top:76px;z-index:5}
body #block-palette .palette-hint{color:var(--faint);font-size:12.5px}
body #block-palette .palette-chips{display:flex;flex-wrap:wrap;gap:6px}
body .palette-chip{align-items:center;background:var(--raised);border:1px solid var(--hairline);border-radius:10px;color:var(--ink);cursor:grab;display:inline-flex;font-size:13px;font-weight:600;gap:7px;padding:7px 11px}
body .palette-chip svg{fill:none;height:16px;stroke:var(--brand);stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8;width:16px}
body .palette-chip:hover{border-color:var(--brand-line)}
body .palette-chip:active{cursor:grabbing}
body.is-palette-drag #steps-list>article{outline:1px dashed var(--brand-line-soft);outline-offset:3px}
body .palette-over{background:var(--brand-soft)!important;outline:2px dashed var(--brand)!important}
body .palette-over-before{box-shadow:0 -3px 0 0 var(--brand)}
body .palette-over-after{box-shadow:0 3px 0 0 var(--brand)}
body .flow-block.just-added{animation:hxAdded 1.2s ease-out}
@keyframes hxAdded{from{box-shadow:0 0 0 4px var(--brand-soft),0 0 0 1px var(--brand-line)}to{box-shadow:none}}

body #schedule-card{background:var(--surface);border:1px solid var(--hairline);border-radius:var(--radius);display:grid;gap:12px;margin-top:14px;padding:16px}
body #schedule-card .schedule-head{display:grid;gap:2px}
body #schedule-card .schedule-head small{color:var(--muted);font-size:12.5px}
body #schedule-card .schedule-seg{background:var(--inset);border:1px solid var(--hairline);border-radius:10px;display:grid;gap:4px;grid-template-columns:1fr 1fr;padding:3px}
body #schedule-card .schedule-seg button{background:transparent;border:0;border-radius:8px;color:var(--muted);cursor:pointer;font-size:13px;font-weight:650;padding:7px 8px}
body #schedule-card .schedule-seg button.on{background:var(--brand);color:var(--on-brand)}
body #schedule-card .schedule-fields{display:grid;gap:12px}
body #schedule-card .schedule-fields[hidden]{display:none}
body #schedule-card .schedule-row{display:grid;gap:8px;grid-template-columns:1.3fr 1fr}
body #schedule-card label{display:grid;font-size:12.5px;gap:5px}
body #schedule-card .schedule-days{display:grid;gap:6px}
body #schedule-card .schedule-days span{color:var(--muted);font-size:12.5px}
body #schedule-card .schedule-days em{color:var(--faint);font-style:normal}
body #schedule-card .schedule-days>div{display:flex;gap:5px}
body #schedule-card .schedule-days button{background:var(--inset);border:1px solid var(--hairline);border-radius:8px;color:var(--muted);cursor:pointer;flex:1;font-size:12px;font-weight:650;padding:6px 0}
body #schedule-card .schedule-days button.on{background:var(--brand-soft);border-color:var(--brand-line);color:var(--brand)}
body #schedule-card .schedule-summary{background:var(--brand-soft);border-radius:10px;color:var(--ink);font-size:12.5px;margin:0;padding:8px 10px}

/* ============================================================
   EDITOR DE ESTEIRAS — 3 partes (padrão aprovado): configurações | sequência (canvas) | propriedades do bloco
   ============================================================ */
body #flow-editor-view.ed3 .editor-guide{display:none}
body #flow-editor-view.ed3 .editor-top{align-items:flex-end;display:flex;flex-wrap:wrap;gap:12px 20px;justify-content:space-between;margin:0 0 16px}
body #flow-editor-view.ed3 .editor-top #back-to-flows{order:0}
body .ed-head{display:grid;gap:6px;order:1;flex:1 1 320px}
body .ed-crumbs{align-items:center;color:var(--faint);display:flex;font-size:12.5px;gap:8px}
body .ed-crumbs i{font-style:normal}
body .ed-title{align-items:center;display:flex;gap:14px}
body .ed-title h2{font-size:24px;font-weight:750;letter-spacing:-.015em;margin:0}
body .ed-chip{background:rgba(240,180,41,.13);border-radius:999px;color:var(--warn);font-size:12.5px;font-weight:650;padding:4px 11px}
body .ed-chip[data-status="Ativa"]{background:rgba(52,211,153,.14);color:var(--ok)}
body .ed-chip[data-status="Pausada"]{background:rgba(240,180,41,.13);color:var(--warn)}
body .ed-chip[data-status="Inativa"]{background:var(--raised);color:var(--muted)}
body #flow-editor-view.ed3 .editor-top .editor-actions{order:2}

body #flow-editor-view.ed3 .flow-editor-grid{align-items:start;display:grid;gap:16px;grid-template-columns:292px minmax(0,1fr) 340px}

/* coluna esquerda: cartões compactos */
body #flow-editor-view.ed3 .flow-config{background:transparent;border:0;box-shadow:none;overflow:visible;padding:0}
body #flow-editor-view.ed3 .flow-config>.panel-title{display:none}
body #flow-editor-view.ed3 .flow-config .form-stack{display:grid;gap:12px;padding:0}
body #flow-editor-view.ed3 .cfg-card,body #flow-editor-view.ed3 #execution-control{background:var(--surface);border:1px solid var(--hairline);border-radius:var(--radius);display:grid;gap:10px;margin:0;padding:14px 16px}
body #flow-editor-view.ed3 .cfg-card h3{font-size:13.5px;font-weight:700;margin:0}
body #flow-editor-view.ed3 .cfg-card label,body #flow-editor-view.ed3 #execution-control label{display:grid;font-size:12.5px;gap:5px}
body #flow-editor-view.ed3 .cfg-toggle{padding:12px 16px}
body #flow-editor-view.ed3 .cfg-card small,body #flow-editor-view.ed3 #execution-control small{color:var(--faint);font-size:12px}
body #flow-editor-view.ed3 #flow-description{min-height:56px;resize:vertical}

/* centro: canvas */
body #flow-editor-view.ed3 .steps-builder{background-image:radial-gradient(var(--hairline) 1px,transparent 1px);background-size:22px 22px;border-radius:16px;padding:0 0 84px;position:relative}
body #flow-editor-view.ed3 .steps-builder>.panel-title{border-bottom:0;padding:16px 20px 8px}
body #flow-editor-view.ed3 .steps-builder>.panel-title .eyebrow{display:none}
body #flow-editor-view.ed3 .steps-list{display:grid;gap:18px;padding:8px 20px 8px}
body #flow-editor-view.ed3 .step-card{background:transparent;border:0;box-shadow:none;display:grid;gap:12px;justify-items:center;padding:0}
body #flow-editor-view.ed3 .step-card>header{align-items:center;background:var(--surface);border:1px solid var(--hairline);border-radius:999px;display:flex;gap:12px;justify-content:space-between;max-width:560px;padding:6px 8px 6px 14px;width:100%}
body #flow-editor-view.ed3 .step-card .step-fields{display:flex;gap:10px;max-width:560px;width:100%}
body #flow-editor-view.ed3 .step-card .step-fields label{align-items:center;color:var(--muted);display:flex;flex:1;font-size:12.5px;gap:8px}
body #flow-editor-view.ed3 .blocks-list{display:grid;gap:14px;justify-items:center;max-width:560px;width:100%}
body #flow-editor-view.ed3 .blocks-list>.flow-block{max-width:560px;width:100%}
body #flow-editor-view.ed3 .blocks-list>.flow-block+.flow-block::before{background:var(--hairline-strong);content:"";height:14px;left:50%;position:absolute;top:-14px;width:1px}
body #flow-editor-view.ed3 .step-card .add-block{display:none}

/* cartão do bloco */
body #flow-editor-view.ed3 .flow-block{background:var(--surface);border:1px solid var(--hairline);border-radius:14px;box-shadow:none;padding:0;position:relative}
body #flow-editor-view.ed3 .flow-block.is-selected{background:var(--raised);border-color:var(--brand-line);box-shadow:0 0 0 4px var(--brand-soft),0 14px 34px rgba(0,0,0,.18)}
body #flow-editor-view.ed3 .flow-block>header{align-items:center;background:transparent;border:0;cursor:pointer;display:flex;gap:12px;margin:0;padding:12px 14px}
body #flow-editor-view.ed3 .block-drag-handle{color:var(--faint);cursor:grab;flex-shrink:0}
body #flow-editor-view.ed3 .block-icon{align-items:center;background:var(--brand-soft);border-radius:11px;display:inline-flex;flex-shrink:0;height:40px;justify-content:center;width:40px}
body #flow-editor-view.ed3 .block-icon svg{fill:none;height:19px;stroke:var(--brand);stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8;width:19px}
body #flow-editor-view.ed3 .block-title{display:grid;flex:1;gap:3px;min-width:0}
body #flow-editor-view.ed3 .block-title strong{font-size:14px;font-weight:700}
body #flow-editor-view.ed3 .block-summary{-webkit-box-orient:vertical;-webkit-line-clamp:2;color:var(--muted);display:-webkit-box;font-size:13px;line-height:1.45;overflow:hidden}
body #flow-editor-view.ed3 .flow-block .block-actions{display:flex;gap:2px}
body #flow-editor-view.ed3 .flow-block .block-actions button{background:transparent;border:0;border-radius:8px;color:var(--faint);height:28px;min-width:28px;padding:0 6px}
body #flow-editor-view.ed3 .flow-block .block-actions button:hover{background:var(--raised);color:var(--ink)}
body #flow-editor-view.ed3 .flow-block .block-actions button.danger:hover{background:rgba(229,72,77,.12);color:var(--bad)}

/* coluna direita: propriedades */
body #flow-editor-view.ed3 #props-slot{align-self:start;border:1px dashed var(--hairline-strong);border-radius:16px;min-height:280px;position:sticky;top:84px}
body #flow-editor-view.ed3 #props-slot.has-selection{border-color:transparent}
body #flow-editor-view.ed3 #props-slot .props-empty{align-content:center;color:var(--muted);display:grid;font-size:13px;gap:6px;justify-items:center;min-height:280px;padding:24px;text-align:center}
body #flow-editor-view.ed3 #props-slot.has-selection .props-empty{visibility:hidden}
body #flow-editor-view.ed3 .block-props{display:none}
body #flow-editor-view.ed3 .flow-block.is-selected>.block-props{background:var(--surface);border:1px solid var(--hairline);border-radius:16px;box-shadow:var(--shadow);display:block;overflow:auto;padding:0 0 16px;position:fixed;z-index:25}
body #flow-editor-view.ed3 .block-props .props-head{align-items:center;border-bottom:1px solid var(--hairline);display:flex;gap:12px;margin:0 0 4px;padding:16px 18px}
body #flow-editor-view.ed3 .block-props .props-head strong{display:block;font-size:14px}
body #flow-editor-view.ed3 .block-props .props-head small{color:var(--faint);font-size:12.5px}
body #flow-editor-view.ed3 .block-props>:not(.props-head){margin:14px 18px 0}
body #flow-editor-view.ed3 .block-props textarea{min-height:150px;width:100%}
body #flow-editor-view.ed3 .block-props label{display:grid;font-size:12.5px;gap:6px}

/* dock de blocos (arrastar para dentro da sequência) */
body #flow-editor-view.ed3 #block-palette{background:var(--surface);border:1px solid var(--hairline-strong);border-radius:16px;bottom:16px;box-shadow:0 16px 40px rgba(0,0,0,.28);margin:0 auto;padding:6px;position:sticky;top:auto;width:max-content;max-width:calc(100% - 24px)}
body #flow-editor-view.ed3 #block-palette .palette-hint{display:none}
body #flow-editor-view.ed3 #block-palette .palette-chip{background:transparent;border-color:transparent}
body #flow-editor-view.ed3 #block-palette .palette-chip:hover{background:var(--raised);border-color:transparent}

@media (max-width:1280px){body #flow-editor-view.ed3 .flow-editor-grid{grid-template-columns:260px minmax(0,1fr) 300px}}
@media (max-width:1000px){
  body #flow-editor-view.ed3 .flow-editor-grid{grid-template-columns:minmax(0,1fr)}
  body #flow-editor-view.ed3 #props-slot{display:none}
  body #flow-editor-view.ed3 .flow-block.is-selected>.block-props{border-radius:0;bottom:0;box-shadow:0 -12px 40px rgba(0,0,0,.35);left:0!important;max-height:60vh!important;top:auto!important;width:100%!important}
}

/* ---- editor: ajustes finos ---- */
body #flow-editor-view.ed3 .block-props .props-head em{color:var(--faint);display:block;font-size:12.5px;font-style:normal}
body #flow-editor-view.ed3 .blocks-list>.flow-block+.flow-block::before{display:none}
body #flow-editor-view.ed3 .blocks-list{gap:16px}
body #flow-editor-view.ed3 .flow-block .block-actions button{align-items:center;display:inline-flex;font-size:0;height:30px;justify-content:center;padding:0;width:30px}
body #flow-editor-view.ed3 .flow-block .block-actions button svg{fill:none;height:15px;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8;width:15px}
body #flow-editor-view.ed3 .flow-block .block-actions button:disabled{opacity:.3}
body #flow-editor-view.ed3 .step-card>header>div:first-child{align-items:center;display:flex;gap:8px}
body #flow-editor-view.ed3 .step-card .step-index{color:var(--brand);font-size:12.5px;font-weight:700}
body #flow-editor-view.ed3 .steps-builder>.panel-title button{flex-shrink:0;white-space:nowrap}
body #flow-editor-view.ed3 #block-palette,body #flow-editor-view.ed3 #block-palette .palette-chips{flex-wrap:nowrap}
body #flow-editor-view.ed3 #block-palette .palette-chip{padding:7px 10px;white-space:nowrap}
body #flow-editor-view.ed3 .cfg-card .ai-toggle{background:transparent;border:0;padding:0}
body #flow-editor-view.ed3 .block-summary{display:block;-webkit-line-clamp:unset;line-height:1.45;max-height:2.9em;overflow:hidden;text-overflow:ellipsis}
body #flow-editor-view.ed3 #block-palette .palette-chip{font-size:12.5px;gap:5px;padding:7px 8px}
body #flow-editor-view.ed3 #block-palette .palette-chip svg{height:15px;width:15px}
body #flow-editor-view.ed3 #block-palette{display:grid;gap:8px;justify-items:stretch}
body #flow-editor-view.ed3 #block-palette .palette-top{align-items:center;display:flex;gap:10px;justify-content:space-between}
body #flow-editor-view.ed3 #block-palette .palette-search{align-items:center;background:var(--inset);border:1px solid var(--hairline);border-radius:9px;color:var(--muted);display:flex;gap:6px;padding:4px 8px}
body #flow-editor-view.ed3 #block-palette .palette-search input{background:transparent;border:0;color:var(--ink);font:inherit;font-size:12px;outline:0;width:150px}
body #flow-editor-view.ed3 #block-palette .palette-category{align-items:center;display:flex;gap:8px}
body #flow-editor-view.ed3 #block-palette .palette-category-title{color:var(--faint);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;width:74px}
body #flow-editor-view.ed3 #block-palette .palette-category .palette-chips{flex:1}
body .flow-card-state{align-items:center;color:var(--muted);display:inline-flex;font-size:11px;font-weight:700;gap:6px;letter-spacing:.03em;text-transform:uppercase}
body .flow-card-state::before{background:var(--muted);border-radius:50%;content:"";display:inline-block;height:7px;width:7px}
body .flow-card[data-flow-status="Ativa"] .flow-card-state{color:var(--ok)}
body .flow-card[data-flow-status="Ativa"] .flow-card-state::before{background:var(--ok);box-shadow:0 0 8px rgba(52,211,153,.6)}
body .flow-card[data-flow-status="Pausada"] .flow-card-state{color:var(--warn)}
body .flow-card[data-flow-status="Pausada"] .flow-card-state::before{background:var(--warn)}
body .flow-card[data-flow-status="Inativa"] .flow-card-state{color:var(--faint)}
body #flow-editor-view.ed3 strong{color:var(--ink)}
body #flow-editor-view.ed3 .flow-block::before,body #flow-editor-view.ed3 .blocks-list::before,body #flow-editor-view.ed3 .step-card::before{display:none!important}

/* ---- editor: colunas e dock com 6 blocos ---- */
body #flow-editor-view.ed3 .flow-editor-grid{grid-template-columns:280px minmax(0,1fr) 320px}
body #flow-editor-view.ed3 #block-palette{flex-wrap:wrap;justify-content:center;max-width:calc(100% - 16px)}
body #flow-editor-view.ed3 #block-palette .palette-chips{flex-wrap:wrap;justify-content:center}
body #flow-editor-view.ed3 #block-palette .palette-chip{padding:7px 8px}

/* O painel de propriedades usa position:fixed: nenhum ancestral pode ter transform (o efeito de "subir ao passar o mouse" fazia o painel pular e sumir). */
body #flow-editor-view.ed3 :is(.panel,.step-card,.flow-block,.blocks-list,.steps-list,.steps-builder,.flow-editor-grid,.flow-config){transform:none!important;filter:none!important;will-change:auto!important;backdrop-filter:none!important}
body #server-flow-monitor,body #server-automation{scroll-margin-top:92px}

/* HENOX Fase 3: central operacional no stylesheet efetivamente carregado. */
body .operation-status-panel{display:grid;gap:14px;margin:0 0 16px;padding:18px 20px}
body .operation-status-head{align-items:flex-start;display:flex;gap:16px;justify-content:space-between}
body .operation-status-head h2{align-items:center;display:flex;gap:9px;font-size:22px;margin:0}
body .operation-status-head p{color:var(--muted);margin:6px 0 0}
body .operation-status-dot{background:var(--green,var(--accent));border-radius:50%;display:inline-block;flex:0 0 10px;height:10px}
body .operation-status-dot.attention{background:var(--warning,#f0b429)}
body .operation-status-dot.unstable,body .operation-status-dot.paused{background:var(--bad,#e5484d)}
body .operation-status-scope{color:var(--muted);font:600 11px var(--font-mono,monospace);white-space:nowrap}
body .monitor-kpi-grid{display:grid;gap:8px;grid-template-columns:repeat(5,minmax(0,1fr))}
body .monitor-kpi{background:var(--surface-soft,var(--raised,var(--surface)));border:1px solid var(--hairline);border-radius:10px;padding:12px}
body .monitor-kpi span{color:var(--muted);display:block;font-size:12px}
body .monitor-kpi strong{color:var(--ink);display:block;font:700 23px/1.1 var(--font-mono,monospace);margin-top:8px}
body .operation-status-note{border-top:1px solid var(--hairline);color:var(--muted);display:flex;flex-wrap:wrap;font-size:12px;gap:8px 18px;padding-top:10px}
body .monitor-health{border-top:1px solid var(--hairline);margin-top:14px;padding-top:14px}
body .monitor-health-title{align-items:center;display:flex;justify-content:space-between}
body .monitor-health-title strong{font-size:13px}
body .monitor-health-title span{color:var(--muted);font:600 11px var(--font-mono,monospace)}
body .monitor-health-grid{display:grid;gap:8px;grid-template-columns:repeat(6,minmax(0,1fr));margin-top:10px}
body .monitor-health-grid>div{background:var(--surface-soft,var(--raised,var(--surface)));border:1px solid var(--hairline);border-radius:8px;min-width:0;padding:10px}
body .monitor-health-grid small{color:var(--muted);display:block;font-size:11px}
body .monitor-health-grid strong{display:block;font-size:12px;margin-top:5px;overflow-wrap:anywhere}
body .phase3-operations{background:linear-gradient(145deg,rgba(11,28,52,.96),rgba(7,18,35,.94));border:1px solid rgba(92,178,255,.18);border-radius:18px;margin:14px 0;padding:20px}
body .phase3-operations .monitor-section-heading{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:16px}
body .phase3-operations .monitor-section-heading h3{margin:.2rem 0 .35rem}
body .phase3-operations .monitor-section-heading span{color:var(--muted,#91a7c2);font-size:.82rem}
body .phase3-source-badge{border:1px solid rgba(66,214,193,.3);border-radius:999px;color:#8de8d9!important;padding:7px 10px;white-space:nowrap}
body .phase3-filters{display:grid;gap:10px;grid-template-columns:repeat(3,minmax(130px,1fr)) minmax(200px,1.6fr);margin-bottom:14px}
body .phase3-filters label{color:var(--muted);display:grid;font-size:.78rem;gap:6px}
body .phase3-filters select,body .phase3-filters input{background:var(--surface);border:1px solid var(--hairline);border-radius:10px;color:var(--ink);min-height:38px;padding:8px 10px;width:100%}
body .phase3-total-grid{display:grid;gap:8px;grid-template-columns:repeat(5,minmax(0,1fr));margin-bottom:14px}
body .phase3-total-grid span{border:1px solid var(--hairline);border-radius:12px;color:var(--muted);font-size:.77rem;padding:11px 12px}
body .phase3-total-grid b{color:var(--ink);display:block;font-size:1.25rem;margin-bottom:2px}
body .phase3-whatsapp-grid{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
body .phase3-whatsapp-card{background:var(--surface);border:1px solid var(--hairline);border-radius:14px;padding:14px}
body .phase3-card-head{align-items:flex-start;display:flex;gap:10px;justify-content:space-between}
body .phase3-card-head h3{color:var(--ink);font-size:1rem;margin:.15rem 0 .2rem}
body .phase3-card-head small,body .phase3-whatsapp-card>small{color:var(--muted)}
body .phase3-instance-status{background:rgba(226,163,46,.13);border-radius:999px;color:#f2c978;font-size:.72rem;padding:5px 8px}
body .phase3-instance-status.connected{background:rgba(44,194,126,.13);color:#84e6ba}
body .phase3-instance-grid{color:var(--muted);display:grid;font-size:.74rem;gap:8px;grid-template-columns:repeat(3,1fr);margin:14px 0}
body .phase3-instance-grid strong{color:var(--ink);display:block;font-size:1rem}
body .phase3-oldest{align-items:center;background:rgba(22,72,78,.16);border:1px solid rgba(66,214,193,.2);border-radius:12px;color:var(--muted);display:flex;font-size:.82rem;gap:12px;justify-content:space-between;margin-top:12px;padding:12px 14px}
body .phase3-oldest strong{color:var(--ink)}
body .phase3-muted-card{background:var(--surface);border-color:var(--hairline)}
body .phase3-stage-summary{border-top:1px solid var(--hairline);margin-top:12px;padding-top:14px}
body .phase3-stage-list{display:flex;flex-wrap:wrap;gap:8px}
body .phase3-stage-list span{align-items:center;background:var(--surface);border:1px solid var(--hairline);border-radius:10px;color:var(--muted);display:flex;font-size:.78rem;gap:10px;padding:9px 11px}
body .phase3-stage-list b{color:var(--ink);font-size:1rem}
body .flow-monitor{display:grid;gap:13px;margin-bottom:16px;padding:18px 19px}
body .flow-monitor>header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between}
body .flow-monitor h2{font-size:16px;margin:2px 0}body .flow-monitor header small{color:var(--muted);font-size:12px}
body .monitor-flow-state{border:1px solid var(--hairline);border-radius:999px;color:var(--muted);font:600 11px var(--font-mono);padding:6px 10px;white-space:nowrap}
body .monitor-flow-state.active{border-color:#267b4c;color:#78eea8}body .monitor-flow-state.paused{border-color:#876c32;color:#e8ca7c}
body .monitor-current{background:linear-gradient(100deg,rgba(34,193,124,.1),transparent 60%),var(--surface);border:1px solid #245b3a;border-radius:10px;display:grid;gap:5px;padding:13px 15px}
body .monitor-current.idle{border-color:var(--hairline)}body .monitor-current>span,body .monitor-columns h3{color:#82eeb0;font:650 10px var(--font-mono);letter-spacing:.4px;margin:0}
body .monitor-current strong{font-size:15px}body .monitor-current small,body .monitor-current em{color:var(--muted);font-size:12px;font-style:normal}body .monitor-current b{color:#dfffe9;font-size:11px;letter-spacing:.3px}
body .monitor-columns{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}body .monitor-columns section{display:grid;gap:6px;max-height:220px;min-height:0;overflow-y:auto;padding-right:5px}
body .monitor-columns div{align-items:center;border-bottom:1px solid var(--hairline);display:flex;font-size:12px;gap:8px;justify-content:space-between;padding:5px 0}body .monitor-columns small,body .monitor-columns p{color:var(--muted);font-size:11px;margin:0}
body .monitor-all{border-top:1px solid var(--hairline);color:var(--muted);font-size:12px;padding-top:9px}body .monitor-all summary{cursor:pointer}body .monitor-all-list{display:grid;gap:5px;margin-top:9px;max-height:220px;overflow:auto}
body .monitor-all-list p{background:var(--surface);border-radius:6px;display:flex;flex-wrap:wrap;gap:5px;margin:0;padding:8px}body .monitor-all-list span{color:var(--muted);font-size:11px;width:100%}
body .flow-monitor footer{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}body .flow-monitor footer .button{font-size:12px;padding:7px 10px}
body .monitor-operational-grid{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}body .monitor-live-activity{display:grid;gap:8px}
body .monitor-activity-list{display:grid;gap:0}body .monitor-activity-list>div{align-items:center;border-bottom:1px solid var(--hairline);display:flex;gap:14px;padding:9px 2px}body .monitor-activity-list time{color:var(--muted);font:600 11px var(--font-mono);min-width:86px}
body .monitor-problems-summary{align-items:center;border-top:1px solid var(--hairline);display:flex;gap:12px;justify-content:space-between;margin-top:14px;padding-top:14px}body .monitor-problems-summary>div{display:grid;gap:4px}body .monitor-problems-summary span{color:var(--muted);font-size:11px}
@media(max-width:900px){body .monitor-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}body .monitor-health-grid{grid-template-columns:repeat(3,minmax(0,1fr))}body .phase3-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){body .monitor-kpi-grid,body .monitor-health-grid{grid-template-columns:repeat(2,minmax(0,1fr))}body .monitor-operational-grid{grid-template-columns:1fr}body .monitor-activity-list time{min-width:66px}}
@media(max-width:900px){body .monitor-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}body .monitor-health-grid{grid-template-columns:repeat(3,minmax(0,1fr))}body .phase3-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){body .operation-status-head{flex-direction:column}body .operation-status-scope{white-space:normal}body .monitor-kpi-grid,body .monitor-health-grid{grid-template-columns:repeat(2,minmax(0,1fr))}body .operation-status-note{display:grid}body .monitor-kpi strong{font-size:20px}body .phase3-operations{border-radius:14px;padding:14px}body .phase3-operations .monitor-section-heading{display:block}body .phase3-source-badge{display:inline-block;margin-top:10px}body .phase3-filters{grid-template-columns:1fr}body .phase3-total-grid{grid-template-columns:repeat(2,minmax(0,1fr))}body .phase3-instance-grid{grid-template-columns:repeat(2,1fr)}body .phase3-oldest{align-items:flex-start;flex-direction:column}}

/* Fase 5C — Leads, CRM e canais operacionais */
body .leads-list-panel{overflow:hidden}
body .lead-quick-filters{align-items:center;border-bottom:1px solid var(--hairline);display:flex;flex-wrap:wrap;gap:6px;padding:0 16px 12px}
body .lead-quick-filters>span{color:var(--muted);font-size:12px;margin-right:4px}
body .lead-quick-filter{background:transparent;border:1px solid transparent;border-radius:999px;color:var(--muted);cursor:pointer;font:600 12px var(--font-sans);padding:6px 10px}
body .lead-quick-filter:hover,body .lead-quick-filter:focus-visible{border-color:var(--hairline-strong);color:var(--ink)}
body .lead-quick-filter.is-active{background:var(--brand-soft);border-color:var(--brand-line);color:var(--brand-strong)}
body .lead-clear-filters{margin-left:auto;min-height:30px;padding:5px 9px}
body .lead-detail-panel{background:linear-gradient(180deg,var(--raised),var(--surface));}
body .lead-detail-section{border-top:1px solid var(--hairline);margin-top:18px;padding-top:18px}
body .lead-detail-section .eyebrow{margin-bottom:10px}
body .lead-detail-tags{display:flex;flex-wrap:wrap;gap:7px}
body .lead-detail-section .supporting-text{color:var(--muted);font-size:13px;line-height:1.5;margin:0}
body .tag-whatsapp-section{margin-top:26px}
body .tag-whatsapp-section .section-title{margin-bottom:14px}
body .whatsapp-operational-actions{display:flex;flex-wrap:wrap;gap:8px;margin-right:auto}
body .whatsapp-technical-details{border-top:1px solid var(--hairline);margin:0;padding:12px 24px}
body .whatsapp-technical-details summary{color:var(--muted);font-size:12px}
body .whatsapp-technical-details dl{display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr));margin:12px 0 0}
body .whatsapp-technical-details dt{color:var(--muted);font-size:10px;text-transform:uppercase}
body .whatsapp-technical-details dd{font-size:12px;margin:2px 0 0;overflow-wrap:anywhere}
body .whatsapp-connection-card{box-shadow:var(--shadow),0 12px 32px rgba(0,119,255,.05)}
body .whatsapp-connection-card:hover{border-color:var(--brand-line);transform:translateY(-2px)}
body .whatsapp-connection-card .server-delete-whatsapp,body .whatsapp-connection-card .server-detach-whatsapp{border-color:rgba(248,113,113,.35);color:var(--bad)}
@media(max-width:700px){
  body .lead-quick-filters{align-items:flex-start;flex-direction:column}
  body .lead-quick-filters>span{margin-bottom:2px}
  body .lead-clear-filters{margin-left:0}
  body #page-leads .table-scroll{overflow:visible}
  body #page-leads table{display:block}
  body #page-leads thead{display:none}
  body #page-leads tbody,body #page-leads tr{display:block}
  body #page-leads tr{background:var(--surface);border-bottom:1px solid var(--hairline);padding:12px 14px}
  body #page-leads td{align-items:center;border:0;display:flex;justify-content:space-between;gap:12px;padding:4px 0;text-align:right}
  body #page-leads td:first-child{display:block;padding-bottom:6px;text-align:left}
  body #page-leads td:nth-child(2)::before{color:var(--muted);content:"Telefone";font-size:11px}
  body #page-leads td:nth-child(3)::before{color:var(--muted);content:"Etiqueta";font-size:11px}
  body #page-leads td:nth-child(5)::before{color:var(--muted);content:"Atividade";font-size:11px}
  body #page-leads td:nth-child(6)::before{color:var(--muted);content:"Status";font-size:11px}
  body #page-leads td:nth-child(7){justify-content:flex-end;padding-top:8px}
  body .whatsapp-operational-actions{width:100%}
  body .whatsapp-operational-actions .button{flex:1}
  body .whatsapp-connection-card .connection-card-actions{align-items:stretch}
  body .whatsapp-connection-card .connection-card-actions .button{width:100%}
  body .whatsapp-technical-details{padding-left:18px;padding-right:18px}
  body .whatsapp-technical-details dl{grid-template-columns:1fr}
}
body .monitor-opened{animation:hxOpened 1.4s ease-out}
@keyframes hxOpened{from{box-shadow:0 0 0 4px var(--brand-soft),0 0 0 1px var(--brand-line)}to{box-shadow:none}}

/* ---- Esteiras: abas ---- */
body .nav-item.nav-merged{display:none}
body .nav-item.is-parent-active{background:var(--nav-active-bg);color:var(--nav-active-fg);font-weight:650}
body .nav-item.is-parent-active span{color:var(--nav-icon-active)}
body .esteiras-tabs{border-bottom:1px solid var(--hairline);display:flex;gap:4px;margin:0 0 18px}
body .esteiras-tabs.is-hidden{display:none}
body .esteiras-tabs button{background:transparent;border:0;border-bottom:2px solid transparent;border-radius:0;color:var(--muted);cursor:pointer;font-size:14px;font-weight:600;margin-bottom:-1px;padding:10px 14px}
body .esteiras-tabs button:hover{color:var(--ink)}
body .esteiras-tabs button.on{border-bottom-color:var(--brand);color:var(--ink)}
@media (max-width:1100px){body .nav-item.nav-merged{display:none}}
/* Funil: colunas da mesma linha com a mesma altura */
body #page-kanban #kanban-flows-list .kanban-flow-group>.kanban-board{align-items:stretch!important}
body #page-kanban #kanban-flows-list .kanban-column{display:flex;flex-direction:column;max-height:none}
body #page-kanban #kanban-flows-list .kanban-list{flex:1 1 auto;max-height:340px}
/* Simulação > "Enviar esteira para um número": respiro e campos empilhados */
body .simulation-manual-run{display:grid;gap:14px 16px;grid-template-columns:repeat(3,minmax(0,1fr));padding:22px 24px}
body .simulation-manual-run>.eyebrow,body .simulation-manual-run>h2,body .simulation-manual-run>p,body .simulation-manual-run>small{grid-column:1/-1;margin:0}
body .simulation-manual-run>label{color:var(--muted);display:grid;font-size:13px;gap:6px}
body .simulation-manual-run>label select,body .simulation-manual-run>label input{width:100%}
body .simulation-manual-run>button{grid-column:1;justify-self:start}
@media (max-width:760px){body .simulation-manual-run{grid-template-columns:1fr;padding:18px 16px}}
/* Agente IA: campo da chave com rótulo em cima, campo e botão na mesma linha */
body #ai-key-field label{align-items:center;color:var(--muted);display:grid;font-size:13px;gap:8px 10px;grid-template-columns:minmax(0,1fr) auto}
body #ai-key-field label input{grid-column:1;grid-row:2;min-width:0;width:100%}
body #ai-key-field label button{grid-column:2;grid-row:2}
body #ai-key-field label small{grid-column:1/-1;grid-row:3}
/* Celular: busca de leads sem altura sobrando; tabela sem a coluna Captura para caber etiqueta e status */
@media (max-width:760px){
body #page-leads .toolbar{flex-direction:column;align-items:stretch}
body #page-leads .toolbar .search-box{flex:0 0 auto;height:auto;min-height:0}
body #page-leads thead th:nth-child(4),body #leads-table td:nth-child(4){display:none}
body #leads-table select{min-width:96px}
}
/* Editor no celular/tablet: a regra de colunas fixas acima vencia os @media anteriores; aqui as colunas voltam a empilhar */
@media (max-width:1280px){body #flow-editor-view.ed3 .flow-editor-grid{grid-template-columns:260px minmax(0,1fr) 300px}}
@media (max-width:1000px){body #flow-editor-view.ed3 .flow-editor-grid{grid-template-columns:minmax(0,1fr)}}
@media (max-width:700px){
body #flow-editor-view.ed3 .steps-builder>.panel-title{align-items:stretch;display:grid;gap:10px}
body #flow-editor-view.ed3 .steps-list{padding:8px 12px}
body #flow-editor-view.ed3 .step-card,body #flow-editor-view.ed3 .blocks-list,body #flow-editor-view.ed3 .flow-block{min-width:0}
body #flow-editor-view.ed3 .step-card>header{border-radius:16px;flex-wrap:wrap;max-width:100%}
body #flow-editor-view.ed3 .step-card .step-fields{flex-wrap:wrap;max-width:100%}
body #flow-editor-view.ed3 .flow-block.is-selected>.block-props{max-height:50vh!important}
}
/* Etiquetas: lista compacta (uma linha por etiqueta) com seleção e barra de ação em massa */
body .tags-bulkbar{align-items:center;background:var(--surface);border:1px solid var(--hairline);border-radius:12px;display:flex;flex-wrap:wrap;gap:10px;margin:0 0 12px;padding:10px 14px}
body .tags-bulkbar input[type=search]{flex:1 1 200px;max-width:280px;min-width:0}
body .tags-bulkbar .tags-picked{color:var(--muted);font-size:13px;margin-right:auto}
body .tags-bulkbar small{color:var(--faint);flex-basis:100%;font-size:12px}
body .tags-bulkbar button[disabled]{cursor:not-allowed;opacity:.5}
body #tag-manager.tags-list{display:grid;gap:8px;grid-template-columns:1fr}
body #tag-manager.tags-list .tag-card{align-items:center;display:grid;gap:8px 14px;grid-template-columns:auto minmax(0,1fr) auto auto;min-height:0;padding:10px 14px;position:relative}
body #tag-manager.tags-list .tag-card.is-filtered{display:none}
body #tag-manager.tags-list .tag-card .tag-card-toggle{align-items:center;display:flex;gap:12px;justify-content:flex-start;min-width:0;padding:0;text-align:left}
body #tag-manager.tags-list .tag-card .tag-card-count{margin-left:auto}
body #tag-manager.tags-list .tag-card .tag-card-open{margin-left:8px}
body #tag-manager.tags-list .tag-card .tag-card-delete{position:static}
body #tag-manager.tags-list .tag-card .tag-card-leads,body #tag-manager.tags-list .tag-card .tag-editor{grid-column:1/-1}
body #tag-manager.tags-list .tag-card .tag-editor{display:none}
body #tag-manager.tags-list .tag-card.is-editing .tag-editor{display:flex;gap:8px}
body #tag-manager.tags-list .tag-row-actions{display:flex;gap:6px}
body #tag-manager.tags-list .tag-row-actions button{background:transparent;border:1px solid var(--hairline);border-radius:8px;color:var(--muted);cursor:pointer;font-size:12.5px;padding:5px 10px}
body #tag-manager.tags-list .tag-row-actions button:not([disabled]):hover{border-color:var(--hairline-strong);color:var(--ink)}
body #tag-manager.tags-list .tag-row-actions button[disabled]{cursor:not-allowed;opacity:.45}
@media (max-width:700px){body #tag-manager.tags-list .tag-card{grid-template-columns:auto minmax(0,1fr) auto}body #tag-manager.tags-list .tag-row-actions{grid-column:2/-1}}
body #tag-manager.tags-list>.tags-bulkbar{grid-column:1/-1;margin:0}
body #tag-manager.tags-list .tag-card .tag-pick{order:0}
body #tag-manager.tags-list .tag-card .tag-card-toggle{order:1}
body #tag-manager.tags-list .tag-card .tag-row-actions{order:2}
body #tag-manager.tags-list .tag-card .tag-card-delete{order:3}
body #tag-manager.tags-list .tag-card .tag-card-leads,body #tag-manager.tags-list .tag-card .tag-editor{order:4}
/* Etiquetas: arquivadas, diálogos, aviso, seleção em Leads e regras automáticas */
body #tag-manager.tags-list .tag-card.is-archived{opacity:.55}
body #tag-manager.tags-list .tag-card.is-archived .tag-card-toggle strong::after{color:var(--faint);content:" · arquivada";font-size:12px;font-weight:500}
body .hx-modal-back{align-items:center;background:rgba(3,8,10,.62);display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:90}
body .hx-modal{background:var(--surface);border:1px solid var(--hairline-strong);border-radius:16px;box-shadow:0 24px 60px rgba(0,0,0,.4);color:var(--ink);display:grid;gap:12px;max-width:440px;padding:22px;width:100%}
body .hx-modal h3{font-size:16px;margin:0}
body .hx-modal p{color:var(--muted);font-size:13.5px;line-height:1.5;margin:0}
body .hx-modal label{color:var(--muted);display:grid;font-size:12.5px;gap:6px}
body .hx-modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:4px}
body .hx-modal .button.danger,body .rules-list .danger{background:var(--bad,#e5484d);border-color:var(--bad,#e5484d);color:#fff}
body .hx-toast{background:var(--surface);border:1px solid var(--hairline-strong);border-radius:12px;bottom:20px;box-shadow:0 12px 32px rgba(0,0,0,.35);color:var(--ink);font-size:13.5px;left:50%;max-width:calc(100% - 32px);opacity:0;padding:11px 16px;pointer-events:none;position:fixed;transform:translate(-50%,12px);transition:opacity .18s,transform .18s;z-index:95}
body .hx-toast.show{opacity:1;transform:translate(-50%,0)}
body .hx-toast.bad{border-color:var(--bad,#e5484d)}
body #leads-bulkbar{margin:0 0 10px}
body #leads-bulkbar .bulk-all{align-items:center;color:var(--muted);display:flex;font-size:13px;gap:8px}
body #leads-bulkbar select{max-width:220px}
body #leads-table .lead-pick{margin:0 10px 0 0;vertical-align:middle}
body #leads-table .contact{display:inline-block;vertical-align:middle}
body .tag-rules-panel{display:grid;gap:14px;margin-top:18px}
body .rule-form{align-items:end;display:flex;flex-wrap:wrap;gap:12px}
body .rule-form label{color:var(--muted);display:grid;font-size:12.5px;gap:6px}
body .rule-form label[hidden]{display:none}
body .rules-list{display:grid;gap:8px}
body .rule-row{align-items:center;background:var(--raised);border:1px solid var(--hairline);border-radius:12px;display:flex;flex-wrap:wrap;gap:10px;padding:10px 14px}
body .rule-row>span{flex:1 1 260px}
body .rule-row.is-off>span{opacity:.55}
body .rule-row button{background:transparent;border:1px solid var(--hairline);border-radius:8px;color:var(--muted);cursor:pointer;font-size:12.5px;padding:5px 10px}
body .rule-row button.danger{background:transparent;color:var(--bad,#e5484d)}
body .rules-empty,body #rules-note{color:var(--faint);font-size:12.5px;margin:0}
body .tag-rules-panel{padding:20px 22px}
body .tag-rules-panel .panel-title{padding:0}
@media (max-width:700px){body .rule-form>*{flex:1 1 100%}body #leads-bulkbar select{max-width:none}}
body #tag-manager.tags-list .tag-card.is-gone{display:none}
body .tags-bulkbar .tags-sync{align-items:center;border-bottom:1px solid var(--hairline);display:flex;flex-basis:100%;flex-wrap:wrap;gap:10px;justify-content:space-between;padding-bottom:10px}
body .tags-sync #tags-sync-info{color:var(--muted);font-size:13px}
body .tag-origin{border-radius:999px;font-size:11px;font-weight:600;padding:2px 8px}
body .tag-origin.wa{background:rgba(34,193,124,.14);color:#3ddc97}
body .tag-origin.manual{background:var(--brand-soft);color:var(--brand)}
body .tag-origin:empty{display:none}
/* Acabamento no celular */
body #ai-key-field label input#ai-selected-key{max-width:none;width:100%!important}
@media (max-width:700px){
body #flow-editor-view.ed3 .flow-block>header{gap:8px;padding:10px}
body #flow-editor-view.ed3 .block-icon{height:34px;width:34px}
body #flow-editor-view.ed3 .block-title{min-width:96px}
body #flow-editor-view.ed3 .block-title strong{font-size:13px}
body #flow-editor-view.ed3 .block-drag-handle{display:none}
body #leads-table td:first-child .contact strong{font-size:12.5px}
body #leads-table select{font-size:12.5px;min-width:88px}
body #leads-table .lead-pick{margin-right:6px}
}
/* Segmentos salvos e etiqueta de sistema */
body .segments-panel{display:grid;gap:14px;margin-top:18px;padding:20px 22px}
body .segments-panel .panel-title{padding:0}
body .seg-form{display:grid;gap:14px}
body .seg-form>label{color:var(--muted);display:grid;font-size:12.5px;gap:6px;max-width:360px}
body .seg-label{color:var(--muted);display:block;font-size:12.5px;margin-bottom:6px}
body .seg-chips{display:flex;flex-wrap:wrap;gap:6px;max-height:132px;overflow:auto}
body .seg-chip{cursor:pointer}
body .seg-chip input{height:0;opacity:0;position:absolute;width:0}
body .seg-chip span{background:var(--raised);border:1px solid var(--hairline);border-radius:999px;color:var(--muted);display:inline-block;font-size:12.5px;padding:4px 11px}
body .seg-chip input:checked+span{background:var(--brand-soft);border-color:var(--brand-line);color:var(--brand)}
body .seg-chip input:focus-visible+span{outline:2px solid var(--brand);outline-offset:2px}
body .seg-actions{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}
body .seg-count{color:var(--brand);font-size:13px;font-weight:600}
body .seg-form small{color:var(--faint);font-size:12.5px}
body .seg-leads{color:var(--ink);font-size:13.5px;list-style:none;margin:10px 0 0;max-height:260px;overflow:auto;padding:0}
body .seg-leads li{border-bottom:1px solid var(--hairline);padding:6px 0}
body .rule-row button[disabled]{cursor:not-allowed;opacity:.45}
body .tag-origin.sys{background:rgba(226,166,64,.16);color:#e2a640}
body #tag-manager.tags-list .tag-card.is-locked .tag-card-delete{display:none}
@media (max-width:700px){
body #tag-manager.tags-list .tag-card{grid-template-columns:auto minmax(0,1fr) auto}
body #tag-manager.tags-list .tag-card .tag-card-delete{order:2}
body #tag-manager.tags-list .tag-card .tag-row-actions{grid-column:1/-1;order:3}
body #tag-manager.tags-list .tag-card .tag-card-leads,body #tag-manager.tags-list .tag-card .tag-editor{order:4}
body #tag-manager.tags-list .tag-card .tag-card-open{display:none}
body #tag-manager.tags-list .tag-card .tag-card-toggle{flex-wrap:wrap;gap:6px 10px}
}
body .flow-card .flow-audience{background:var(--brand-soft);border-radius:999px;color:var(--brand);font-size:12px;font-weight:600;padding:2px 9px}
body .tags-sync .tags-wa-note{color:var(--faint);flex-basis:100%;font-size:12px;line-height:1.45}
body .tag-dup{background:rgba(226,166,64,.14);border-radius:999px;color:#e2a640;font-size:11px;font-weight:600;padding:2px 8px;white-space:nowrap}
/* Dispositivos (Configurações) */
body .devices-panel{display:grid;gap:14px;margin-top:18px;padding:20px 22px}
body .devices-panel .panel-title{padding:0}
body .devices-panel small{color:var(--faint);font-size:12.5px}
body .devices-panel #device-name{min-width:220px}
@media (max-width:700px){body .devices-panel{padding:18px 16px}body .devices-panel .rule-form>*{flex:1 1 100%}}
/* Aviso de token só leitura */
body #readonly-banner{background:rgba(226,166,64,.16);border:1px solid rgba(226,166,64,.55);border-radius:12px;color:var(--ink);font-size:13.5px;line-height:1.45;margin:0 0 14px;padding:10px 14px}
/* Testar / Publicar */
body .hx-modal.hx-wide{max-height:calc(100vh - 32px);max-width:560px;overflow:auto}
body .hx-section{border-top:1px solid var(--hairline);display:grid;gap:8px;padding-top:12px}
body .hx-section>small,body .hx-checks small{color:var(--faint);display:block;font-size:12.5px}
body .hx-section label{color:var(--muted);display:grid;font-size:12.5px;gap:6px}
body .hx-checks{display:grid;gap:6px;list-style:none;margin:0;padding:0}
body .hx-checks li{align-items:flex-start;display:flex;gap:10px;font-size:13.5px}
body .hx-checks li>span{flex:0 0 18px;font-weight:700}
body .hx-checks li.ok>span{color:#3ddc97}
body .hx-checks li.fail>span{color:var(--bad,#e5484d)}
body .hx-summary{display:grid;gap:10px;grid-template-columns:1fr auto}
body .hx-summary small{color:var(--faint);display:block;font-size:12px}
body .hx-summary b{font-size:15px}
body .hx-total{color:var(--ink);font-size:13.5px;margin:6px 0 0}
body .hx-block{background:rgba(229,72,77,.12);border:1px solid rgba(229,72,77,.5);border-radius:10px;color:var(--ink);font-size:13.5px;margin:0;padding:9px 12px}
body .hx-confirm{align-items:flex-start;color:var(--ink);display:flex;font-size:13.5px;gap:10px}
body .hx-confirm input{margin-top:3px}
body .hx-modal button[disabled]{cursor:not-allowed;opacity:.5}
body .hx-modal label.hx-confirm{align-items:flex-start;display:flex;gap:10px}
/* Importar leads */
body .import-panel{display:grid;gap:14px;margin-top:18px;padding:20px 22px}
body .import-panel .panel-title{padding:0}
body .imp-source{display:grid;gap:16px;grid-template-columns:1fr 1fr}
body .imp-source>div{background:var(--raised);border:1px solid var(--hairline);border-radius:12px;display:grid;gap:8px;padding:14px}
body .imp-source small,body .import-panel small{color:var(--faint);font-size:12.5px}
body .imp-actions{display:flex;flex-wrap:wrap;gap:8px}
body .imp-note{color:var(--muted);font-size:13px}
body .imp-note.bad{background:rgba(229,72,77,.12);border:1px solid rgba(229,72,77,.5);border-radius:10px;color:var(--ink);padding:9px 12px}
body .imp-note.ok{background:rgba(61,220,151,.12);border:1px solid rgba(61,220,151,.5);border-radius:10px;color:var(--ink);padding:9px 12px}
body .imp-counts{display:grid;gap:10px;grid-template-columns:repeat(6,minmax(0,1fr))}
body .imp-counts>div{background:var(--raised);border:1px solid var(--hairline);border-radius:10px;padding:10px 12px}
body .imp-counts b{display:block;font-size:20px}
body .imp-sample ul{color:var(--ink);font-size:13.5px;list-style:none;margin:6px 0 0;padding:0}
body .imp-sample li{border-bottom:1px solid var(--hairline);padding:5px 0}
body .import-panel label.hx-confirm{align-items:flex-start;display:flex;gap:10px}
body .import-panel code{font-size:12.5px;word-break:break-all}
@media (max-width:900px){body .imp-source{grid-template-columns:1fr}body .imp-counts{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ---- origem dos leads (fase 2 da captura) ---- */
body .leads-lean .contact .hx-origin{display:inline-block;margin-top:3px;padding:1px 8px;border:1px solid var(--hairline);border-radius:999px;background:var(--brand-soft);color:var(--brand-strong);font-size:11px;font-weight:600;line-height:1.5;width:max-content;cursor:help}
body .leads-lean .contact .hx-origin[data-src="ad"]{background:rgba(255,166,0,.14);color:#9a5b00;border-color:rgba(255,166,0,.4)}
body .leads-lean .contact .hx-origin[data-src="outbound"]{background:transparent;color:var(--muted)}
:root[data-theme="dark"] body .leads-lean .contact .hx-origin{color:var(--brand);}
:root[data-theme="dark"] body .leads-lean .contact .hx-origin[data-src="ad"]{color:#ffc766}
:root[data-theme="dark"] body .leads-lean .contact .hx-origin[data-src="outbound"]{color:var(--muted)}

/* ---- Falhas de envio (Execução ao vivo) ---- */
body .hx-fail{margin:0 0 16px;padding:0;overflow:hidden}
body .hx-fail>details>summary{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:14px 18px;cursor:pointer;list-style:none;font-weight:700}
body .hx-fail>details>summary::-webkit-details-marker{display:none}
body .hx-fail .hx-fail-title{font-size:15px}
body .hx-fail .hx-fail-count{min-width:24px;padding:1px 9px;border-radius:999px;background:rgba(255,92,92,.16);color:#c0392b;font-weight:700;font-size:12.5px;text-align:center}
body .hx-fail .hx-fail-count[data-zero="1"]{background:var(--brand-soft);color:var(--muted)}
body .hx-fail .hx-fail-sub{color:var(--muted);font-size:12.5px;font-weight:500}
body .hx-fail .hx-fail-body{padding:0 18px 16px;border-top:1px solid var(--hairline)}
body .hx-fail .hx-fail-tools{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:12px 0}
body .hx-fail .hx-fail-chips{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 12px}
body .hx-fail .hx-chip{padding:2px 10px;border:1px solid var(--hairline);border-radius:999px;font-size:12px;color:var(--muted)}
body .hx-fail .hx-chip b{color:var(--ink);margin-left:4px}
body .hx-fail .hx-fail-scroll{overflow:auto;max-height:420px;border:1px solid var(--hairline);border-radius:10px}
body .hx-fail table{width:100%;border-collapse:collapse;font-size:13px}
body .hx-fail th{position:sticky;top:0;text-align:left;padding:8px 10px;background:var(--raised,var(--surface));color:var(--muted);font-size:11.5px;font-weight:600}
body .hx-fail td{padding:9px 10px;border-top:1px solid var(--hairline);vertical-align:top}
body .hx-fail td small{display:block;color:var(--muted)}
body .hx-fail .hx-fail-reason{margin-top:3px;color:var(--muted);line-height:1.45;max-width:46ch}
body .hx-fail .hx-fail-kind{display:inline-block;padding:1px 8px;border-radius:999px;font-size:11.5px;font-weight:700}
body .hx-fail .hx-fail-kind[data-kind="uncertain"]{background:rgba(255,166,0,.16);color:#9a5b00}
body .hx-fail .hx-fail-kind[data-kind="failed"]{background:rgba(255,92,92,.16);color:#c0392b}
body .hx-fail .hx-fail-flag{display:inline-block;margin-left:6px;padding:0 7px;border:1px solid var(--hairline);border-radius:999px;font-size:11px;color:var(--muted)}
body .hx-fail .hx-fail-err{color:#c0392b;margin:8px 0}
body .hx-fail .hx-fail-empty,body .hx-fail .hx-fail-help{color:var(--muted);font-size:12.5px;margin:10px 0 0}
body .hx-fail button,body .hx-fail select{font:inherit;font-size:12.5px;padding:6px 12px;border:1px solid var(--hairline);border-radius:8px;background:var(--surface);color:var(--ink);cursor:pointer}
body .hx-fail .hx-fail-retry{white-space:nowrap}
:root[data-theme="dark"] body .hx-fail .hx-fail-count{color:#ff8f8f}
:root[data-theme="dark"] body .hx-fail .hx-fail-kind[data-kind="uncertain"]{color:#ffc766}
:root[data-theme="dark"] body .hx-fail .hx-fail-kind[data-kind="failed"]{color:#ff8f8f}
:root[data-theme="dark"] body .hx-fail .hx-fail-err{color:#ff8f8f}
@media (max-width:900px){body .hx-fail .hx-fail-reason{max-width:none}}

/* ---- Saúde do envio: alerta de esteira parada + possível bloqueio ---- */
body .hx-health{display:block;margin:0 0 14px}
body .hx-health:empty{display:none}
body .hx-health .hx-stall{margin:0 0 10px;padding:12px 16px;border:1px solid rgba(255,92,92,.5);border-radius:12px;background:rgba(255,92,92,.12);color:#a12a1f;font-size:13.5px;line-height:1.5}
body .hx-health .hx-stall strong{font-weight:700}
body .hx-pb{margin:0 0 16px;padding:0;overflow:hidden}
body .hx-pb>details>summary{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:14px 18px;cursor:pointer;list-style:none;font-weight:700}
body .hx-pb>details>summary::-webkit-details-marker{display:none}
body .hx-pb .hx-fail-count{min-width:24px;padding:1px 9px;border-radius:999px;background:rgba(255,166,0,.16);color:#9a5b00;font-weight:700;font-size:12.5px;text-align:center}
body .hx-pb .hx-fail-count[data-zero="1"]{background:var(--brand-soft);color:var(--muted)}
body .hx-pb .hx-fail-body{padding:0 18px 16px;border-top:1px solid var(--hairline);font-size:13.5px;line-height:1.55}
body .hx-pb .hx-fail-tools{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:12px 0}
body .hx-pb .hx-fail-help{color:var(--muted);font-size:12.5px;margin:10px 0 0}
body .hx-pb .hx-pb-ok{padding:10px 12px;border:1px solid rgba(46,160,67,.45);border-radius:10px;background:rgba(46,160,67,.12)}
body .hx-pb .hx-confirm{display:flex;gap:10px;align-items:flex-start;margin:12px 0 0}
body .hx-pb button{font:inherit;font-size:12.5px;padding:7px 14px;border:1px solid var(--hairline);border-radius:8px;background:var(--surface);color:var(--ink);cursor:pointer}
body .hx-pb button:disabled{opacity:.5;cursor:not-allowed}
body .hx-pb [data-act="pb-apply"]:not(:disabled){background:var(--brand);border-color:var(--brand);color:var(--on-brand)}
:root[data-theme="dark"] body .hx-health .hx-stall{color:#ff9b9b}
:root[data-theme="dark"] body .hx-pb .hx-fail-count{color:#ffc766}

/* ---- Base real de leads (conciliação) ---- */
body .hx-base{margin:0 0 16px;padding:0;overflow:hidden}
body .hx-base>details>summary{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:14px 18px;cursor:pointer;list-style:none;font-weight:700}
body .hx-base>details>summary::-webkit-details-marker{display:none}
body .hx-base .hx-fail-count{min-width:24px;padding:1px 9px;border-radius:999px;background:var(--brand-soft);color:var(--brand-strong);font-weight:700;font-size:12.5px;text-align:center}
body .hx-base .hx-fail-sub{color:var(--muted);font-size:12.5px;font-weight:500}
body .hx-base .hx-fail-body{padding:0 18px 16px;border-top:1px solid var(--hairline);font-size:13.5px;line-height:1.55}
body .hx-base .hx-base-table{border-collapse:collapse;margin:12px 0;min-width:min(100%,460px)}
body .hx-base .hx-base-table td{padding:5px 14px 5px 0;border-bottom:1px solid var(--hairline)}
body .hx-base .hx-base-table td:last-child{text-align:right;font-variant-numeric:tabular-nums;font-weight:600;padding-right:0}
body .hx-base .hx-base-total td{border-bottom:0;font-weight:800;padding-top:9px}
body .hx-base .hx-base-line{margin:8px 0}
body .hx-base .hx-fail-help{color:var(--muted);font-size:12.5px;margin:10px 0 0}
body .hx-base .hx-pb-ok{padding:10px 12px;border:1px solid rgba(46,160,67,.45);border-radius:10px;background:rgba(46,160,67,.12)}
body .hx-base button{font:inherit;font-size:12.5px;padding:7px 14px;border:1px solid var(--hairline);border-radius:8px;background:var(--surface);color:var(--ink);cursor:pointer}
body .hx-base button:disabled{opacity:.5;cursor:not-allowed}
/* Tela de login (painel web) */
body .hx-login{align-items:center;background:#020c1b;color:#edf7ff;display:grid;inset:0;justify-items:center;overflow:hidden;padding:clamp(16px,3vw,48px);position:fixed;z-index:200}
body .hx-login-scene{background:radial-gradient(circle at 48% 42%,rgba(0,139,255,.16),transparent 30%),linear-gradient(120deg,#020916 0%,#03152c 54%,#020817 100%);border:1px solid rgba(0,181,255,.42);border-radius:28px;box-shadow:0 28px 90px rgba(0,0,0,.65),inset 0 0 80px rgba(0,135,255,.06);display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,470px);max-width:1500px;min-height:min(860px,calc(100vh - 64px));overflow:hidden;position:relative;width:100%}
body .hx-login-scene::before{background-image:radial-gradient(rgba(33,170,255,.75) 1px,transparent 1px),linear-gradient(90deg,transparent 49.8%,rgba(0,180,255,.08) 50%,transparent 50.2%),linear-gradient(0deg,transparent 49.8%,rgba(0,180,255,.08) 50%,transparent 50.2%);background-size:28px 28px,160px 160px,160px 160px;content:"";inset:0;opacity:.22;position:absolute;transform:perspective(560px) rotateX(58deg) translateY(28%);transform-origin:center bottom}
body .hx-login-scene::after{background:linear-gradient(90deg,rgba(2,9,22,.08),rgba(2,9,22,.18) 58%,rgba(2,9,22,.72));content:"";inset:0;pointer-events:none;position:absolute}
body .hx-login-hero{align-self:center;max-width:720px;padding:clamp(34px,6vw,96px);position:relative;z-index:2}
body .hx-login-brand{align-items:center;display:flex;gap:12px;letter-spacing:.12em;margin-bottom:24px}
body .hx-login-brand img{filter:drop-shadow(0 0 12px rgba(13,190,255,.8));height:42px;width:42px}
body .hx-login-brand strong{font-size:clamp(25px,3vw,42px);font-weight:800;letter-spacing:.08em}.hx-login-brand strong span{color:#00c8ff}
body .hx-login-kicker{color:#7eaed5!important;font-size:11px!important;letter-spacing:.34em;margin:0 0 30px!important}
body .hx-login-hero h1{color:#f4f9ff;font-size:clamp(44px,5.3vw,82px);letter-spacing:-.055em;line-height:.98;margin:0 0 30px;position:relative;text-shadow:0 0 30px rgba(12,154,255,.08)}
body .hx-login-hero h1 em{color:#0ab8ff;font-style:normal;text-shadow:0 0 28px rgba(0,175,255,.38)}
body .hx-login-copy{color:#b7cee4!important;font-size:clamp(16px,1.5vw,22px)!important;line-height:1.55;margin:0 0 40px!important;max-width:610px}
body .hx-login-benefits{display:flex;gap:0;max-width:650px}.hx-login-benefits span{align-items:center;border-right:1px solid rgba(128,190,230,.22);color:#c3dcf1;display:grid;font-size:14px;grid-template-columns:42px 1fr;line-height:1.35;padding:0 28px 0 0;margin-right:28px}.hx-login-benefits span:last-child{border:0;margin:0;padding:0}.hx-login-benefits b{align-items:center;border:2px solid #00baff;border-radius:50%;color:#00c8ff;display:flex;font-size:21px;height:40px;justify-content:center;width:40px}
body .hx-login-metric{animation:hxMetricFloat 6s ease-in-out infinite;background:rgba(4,25,52,.7);border:1px solid rgba(23,177,255,.62);box-shadow:0 0 28px rgba(0,132,255,.14);display:grid;gap:4px;padding:14px 18px;position:absolute;transform:rotate(-3deg);z-index:1}.hx-login-metric small{color:#6ea8d2;font-size:10px;letter-spacing:.1em}.hx-login-metric strong{font-size:24px;letter-spacing:-.04em}.hx-login-metric b{color:#19d6d3;font-size:11px}.hx-login-metric-a{right:43%;top:8%}.hx-login-metric-b{animation-delay:-2s;right:7%;top:10%;transform:rotate(4deg)}.hx-login-metric-c{animation-delay:-4s;bottom:18%;left:48%;transform:rotate(2deg)}
body .hx-login-network{inset:0;overflow:hidden;pointer-events:none;position:absolute;z-index:1}.hx-login-network i{animation:hxPulse 2.8s ease-in-out infinite;background:#63ddff;border-radius:50%;box-shadow:0 0 16px 4px #009dff;height:6px;position:absolute;width:6px}.hx-login-network i:nth-child(1){left:49%;top:24%}.hx-login-network i:nth-child(2){left:57%;top:38%;animation-delay:-.8s}.hx-login-network i:nth-child(3){left:38%;top:51%;animation-delay:-1.4s}.hx-login-network i:nth-child(4){left:66%;top:63%;animation-delay:-2s}.hx-login-network .hx-orbit{border:1px solid rgba(42,193,255,.56);border-radius:50%;height:48%;left:25%;position:absolute;top:25%;transform:rotate(-18deg);width:58%}.hx-login-network .hx-orbit::after{border-top:1px solid rgba(92,215,255,.7);content:"";inset:15% -10%;position:absolute;transform:rotate(28deg)}.hx-login-network .hx-orbit-b{height:34%;left:37%;top:40%;transform:rotate(28deg);width:42%}.hx-login-network .hx-orbit-c{height:65%;left:37%;top:17%;transform:rotate(62deg);width:24%}
body .hx-login-card{align-self:center;background:linear-gradient(145deg,rgba(8,31,58,.94),rgba(3,16,34,.97));border:1px solid rgba(26,190,255,.72);border-radius:24px;box-shadow:0 24px 70px rgba(0,0,0,.55),0 0 45px rgba(0,128,255,.13),inset 0 0 34px rgba(33,137,255,.08);color:#f2f9ff;display:grid;gap:16px;margin:clamp(24px,5vw,70px);max-width:470px;padding:clamp(28px,4vw,48px);position:relative;width:auto;z-index:3}
body .hx-login-card-head{align-items:center;display:flex;gap:14px;margin-bottom:8px}.hx-login-card-mark{align-items:center;background:linear-gradient(135deg,#057cff,#08d7f0);border-radius:12px;box-shadow:0 0 22px rgba(0,179,255,.38);color:#fff;display:flex;font-size:24px;font-weight:800;height:46px;justify-content:center;width:46px}.hx-login-card h2{color:#f4faff;font-size:clamp(24px,2.5vw,32px);letter-spacing:-.04em;margin:0}.hx-login-card p{color:#94b8d7!important;font-size:15px!important;margin:3px 0 0!important}
body .hx-login-card label{color:#9fbcd5;display:grid;font-size:13px;gap:7px}.hx-login-card input{background:rgba(11,34,60,.82)!important;border:1px solid rgba(95,157,203,.38)!important;border-radius:13px;color:#f3fbff!important;font-size:16px!important;min-height:54px;padding:0 16px!important;transition:border-color .2s,box-shadow .2s,transform .2s;width:100%}.hx-login-card input:focus{border-color:#18c4ff!important;box-shadow:0 0 0 3px rgba(0,185,255,.14),0 0 22px rgba(0,137,255,.18);outline:0;transform:translateY(-1px)}
body .hx-login-note{font-size:13px;min-height:18px}.hx-login-note.bad{color:#ff8294}.hx-login-card .button{background:linear-gradient(100deg,#115cff,#08c9ee)!important;border:0!important;border-radius:13px;box-shadow:0 10px 28px rgba(0,130,255,.28);font-size:16px;font-weight:700;min-height:58px;transition:filter .2s,transform .2s;width:100%}.hx-login-card .button:hover{filter:brightness(1.12);transform:translateY(-2px)}.hx-login-card .button span{font-size:24px;margin-left:8px;vertical-align:-1px}.hx-login-divider{align-items:center;color:#789ab9;display:flex;gap:14px;margin:2px 0}.hx-login-divider::before,.hx-login-divider::after{background:rgba(132,181,220,.24);content:"";height:1px;flex:1}.hx-login-divider span{font-size:13px}.hx-login-adv{border:1px solid rgba(0,181,255,.62);border-radius:12px;color:#a7c9e5;font-size:14px;padding:0}.hx-login-adv summary{cursor:pointer;list-style:none;padding:15px;text-align:center}.hx-login-adv summary::-webkit-details-marker{display:none}.hx-login-adv summary b{color:#0bc4ff;font-size:19px;margin-right:8px}.hx-login-adv label{margin:0 14px 10px}.hx-login-adv .button{margin:0 14px 14px;width:calc(100% - 28px)}
@keyframes hxPulse{0%,100%{opacity:.45;transform:scale(.8)}50%{opacity:1;transform:scale(1.35)}}@keyframes hxMetricFloat{0%,100%{translate:0 0}50%{translate:0 -8px}}
@media (max-width:900px){body .hx-login-scene{grid-template-columns:1fr;min-height:100%;overflow:auto}body .hx-login-hero{padding:42px 28px 18px}.hx-login-hero h1{font-size:clamp(42px,10vw,68px)}.hx-login-metric{display:none!important}body .hx-login-card{margin:18px 28px 42px;max-width:none}.hx-login-benefits{flex-wrap:wrap;gap:16px}.hx-login-benefits span{margin:0;padding-right:16px}}
@media (max-width:560px){body .hx-login{padding:0}body .hx-login-scene{border:0;border-radius:0}.hx-login-hero{padding:34px 22px 14px!important}.hx-login-brand{margin-bottom:18px}.hx-login-copy{font-size:15px!important;margin-bottom:26px!important}.hx-login-benefits span{font-size:12px;grid-template-columns:34px 1fr}.hx-login-benefits b{height:32px;width:32px}.hx-login-card{border-radius:18px!important;margin:10px 16px 28px!important;padding:28px 20px!important}}
@media (prefers-reduced-motion:reduce){body .hx-login-metric,.hx-login-network i{animation:none!important}.hx-login-card .button,.hx-login-card input{transition:none!important}}
/* HENOX blue identity: brand emphasis stays blue; status colors remain semantic. */
:root[data-theme="dark"] body .nav-item.active{background:var(--brand-soft);border-left:2px solid var(--brand);box-shadow:inset 0 0 18px rgba(22,139,255,.06)}
:root[data-theme="dark"] body .nav-item.active span{color:#38bdf8}
:root[data-theme="dark"] body .button:not(.button-outline):not(.danger){background:var(--brand);border-color:var(--brand);color:#fff;box-shadow:0 6px 18px rgba(0,119,255,.16)}
:root[data-theme="dark"] body .button:not(.button-outline):not(.danger):hover{background:#2196ff;border-color:#2196ff}
:root[data-theme="dark"] body .button-outline{background:transparent;border-color:var(--hairline-strong);color:var(--ink)}
:root[data-theme="dark"] body table tbody tr:hover{background:rgba(22,139,255,.06)}
:root[data-theme="dark"] body input:focus,:root[data-theme="dark"] body select:focus,:root[data-theme="dark"] body textarea:focus{box-shadow:0 0 0 3px rgba(22,139,255,.14)}
body .overview-welcome{align-items:flex-end;display:flex;gap:24px;justify-content:space-between;margin:14px 0 26px;padding:8px 0}
body .overview-welcome h2{font-size:clamp(26px,3vw,38px);letter-spacing:-.04em;margin:6px 0 8px}
body .overview-welcome>div>p:last-child{color:var(--muted);font-size:14px;margin:0}
body .workspace-status{align-items:center;background:var(--brand-soft);border:1px solid var(--brand-line);border-radius:999px;color:var(--brand-strong);display:inline-flex;font-size:12px;font-weight:700;gap:8px;padding:8px 12px;white-space:nowrap}
body .workspace-status i{background:#34d399;border-radius:50%;box-shadow:0 0 0 3px rgba(52,211,153,.12);height:7px;width:7px}
body .overview-context-grid{display:grid;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr));margin:0 0 22px}
body .overview-context-grid article{background:var(--surface);border:1px solid var(--hairline);border-radius:var(--radius);display:grid;gap:5px;padding:18px 20px}
body .overview-context-grid .context-icon{align-items:center;background:var(--brand-soft);border:1px solid var(--brand-line-soft);border-radius:10px;color:var(--brand-strong);display:flex;font-size:18px;height:34px;justify-content:center;margin-bottom:8px;width:34px}
body .overview-context-grid strong{font-size:16px}
body .overview-context-grid small{color:var(--muted);font-size:12px}
@media (max-width:700px){body .overview-welcome{align-items:flex-start;flex-direction:column}.overview-context-grid{grid-template-columns:1fr}}
/* Sidebar signature: precise blue depth, restrained glow, clear navigation rhythm. */
:root[data-theme="dark"] body .sidebar{background:linear-gradient(180deg,#050b14 0%,#071322 55%,#050b14 100%);border-right:1px solid rgba(40,70,101,.72);box-shadow:12px 0 34px rgba(0,0,0,.16);padding:20px 14px 16px;position:fixed;top:0;left:0;height:100vh;z-index:40}
:root[data-theme="dark"] body .sidebar::before{background:radial-gradient(circle at 42% 5%,rgba(22,139,255,.18),transparent 30%);content:"";inset:0;pointer-events:none;position:absolute}
:root[data-theme="dark"] body .brand{border-bottom:1px solid rgba(40,70,101,.55);margin-bottom:16px;padding:0 8px 20px;position:relative}
:root[data-theme="dark"] body .brand-mark{background:#f8fafc;border:1px solid rgba(56,189,248,.7);box-shadow:0 0 0 4px rgba(22,139,255,.08),0 0 24px rgba(22,139,255,.22);height:38px;width:38px}
:root[data-theme="dark"] body .brand strong{font-size:20px;letter-spacing:.08em}
:root[data-theme="dark"] body .brand small{color:#64748b;font-size:9px;letter-spacing:.12em;margin-top:3px}
:root[data-theme="dark"] body .sidebar nav{gap:4px;position:relative}
:root[data-theme="dark"] body .nav-group{color:#64748b;font-size:10px;font-weight:800;letter-spacing:.16em;margin:15px 10px 6px;text-transform:uppercase}
:root[data-theme="dark"] body .nav-item{border:1px solid transparent;border-radius:10px;color:#94a3b8;min-height:40px;padding:9px 11px;position:relative;transition:background .18s,border-color .18s,color .18s,transform .18s}
:root[data-theme="dark"] body .nav-item span{color:#64748b;font-size:16px;min-width:24px;transition:color .18s,filter .18s}
:root[data-theme="dark"] body .nav-item:hover{background:rgba(15,29,48,.9);border-color:rgba(40,70,101,.72);color:#f8fafc;transform:translateX(2px)}
:root[data-theme="dark"] body .nav-item:hover span{color:#38bdf8;filter:drop-shadow(0 0 5px rgba(56,189,248,.38))}
:root[data-theme="dark"] body .nav-item.active{background:linear-gradient(100deg,rgba(22,139,255,.19),rgba(22,139,255,.07));border-color:rgba(22,139,255,.28);box-shadow:inset 0 0 22px rgba(22,139,255,.06),0 5px 16px rgba(0,0,0,.12);color:#f8fafc;transform:none}
:root[data-theme="dark"] body .nav-item.active::before{background:#168bff;border-radius:0 3px 3px 0;box-shadow:0 0 12px rgba(22,139,255,.75);content:"";height:22px;left:-1px;position:absolute;top:8px;width:2px}
:root[data-theme="dark"] body .nav-item.active span{color:#38bdf8;filter:drop-shadow(0 0 6px rgba(56,189,248,.42))}
:root[data-theme="dark"] body .sidebar-foot{background:rgba(15,29,48,.78);border:1px solid rgba(40,70,101,.72);border-radius:11px;color:#94a3b8;margin:14px 0 0;padding:11px 12px;text-align:left}
:root[data-theme="dark"] body .sidebar-foot .pulse{box-shadow:0 0 10px rgba(52,211,153,.65);display:inline-block;margin:0 7px 0 0;vertical-align:middle}
/* Conta, Usuários e modo limitado */
body .account-panel,body .users-panel{display:grid;gap:14px;margin-top:18px;padding:20px 22px}
body .account-panel .panel-title,body .users-panel .panel-title{padding:0}
body .pw-form input{min-width:200px}
body .pw-bad{color:var(--bad,#e5484d)}
body .pw-ok{color:#3ddc97}
body .account-panel small,body .users-panel small,body .hx-limited-card small{color:var(--faint);font-size:12.5px}
body .hx-limited-card{max-width:460px}
body .hx-limited-card h2{font-size:15px;margin:6px 0 0}
body .hx-limited-card .pw-form{display:grid;gap:10px}
body .hx-modal-note{color:var(--bad,#e5484d);font-size:13px;min-height:0}
body .users-panel .tag-origin{margin-left:4px}
/* Usuário comum (conta própria, sem envio nesta etapa) */
body #hx-user-banner{background:var(--brand-soft);border:1px solid var(--brand-line);border-radius:12px;color:var(--ink);font-size:13.5px;line-height:1.45;margin:0 0 14px;padding:10px 14px}
body[data-role="user"] #hx-test-flow,body[data-role="user"] #hx-publish-flow,body[data-role="user"] .tags-sync,body[data-role="user"] #global-pause-all{display:none!important}

/* Redesign: densidade controlada, estados técnicos sob demanda e leitura responsiva. */
body .technical-details{overflow:hidden}
body .technical-details>summary{align-items:center;cursor:pointer;display:flex;justify-content:space-between;list-style:none;gap:16px;padding:16px 20px}
body .technical-details>summary::-webkit-details-marker{display:none}
body .technical-details>summary h2,body .technical-details>summary p{margin:0}
body .technical-details>summary p{color:var(--muted);font-size:12px;margin-top:4px}
body .technical-details-action{color:var(--brand-strong);font-size:12px;font-weight:700;white-space:nowrap}
body .technical-details[open]>summary{border-bottom:1px solid var(--hairline)}
body .technical-details>pre{margin:0;max-height:360px;overflow:auto;padding:16px 20px;white-space:pre-wrap;word-break:break-word}
body .connection-meta-grid strong{font-variant-numeric:tabular-nums}
body .connection-meta-grid>[data-technical-detail]{display:none}
/* WhatsApp cards: compact operational hierarchy, without exposing technical space. */
body .whatsapp-connections-grid{grid-template-columns:repeat(auto-fit,minmax(340px,390px));justify-content:start}
body .whatsapp-connection-card{overflow:hidden;position:relative}
body .whatsapp-connection-card .connection-card-head{align-items:center;gap:16px;padding:4px 2px 18px}
body .whatsapp-connection-card .connection-channel-icon{align-items:center;background:var(--brand-soft);border:1px solid var(--brand-line);border-radius:14px;color:var(--brand-strong);display:flex;flex:0 0 48px;font-size:24px;height:48px;justify-content:center}
body .whatsapp-connection-card .connection-channel-icon svg{fill:currentColor;height:25px;width:25px}
body .whatsapp-connection-card .connection-card-title{min-width:0}
body .whatsapp-connection-card .connection-card-title .eyebrow{display:none}
body .whatsapp-connection-card .connection-card-title h2{font-size:18px;letter-spacing:-.02em;margin:0 0 7px;overflow-wrap:anywhere}
body .whatsapp-connection-card .connection-card-title h3{align-items:center;display:flex;font-size:14px;gap:7px;margin:0 0 6px}
body .whatsapp-connection-card .connection-card-title p{color:var(--muted);font-size:13px;margin:0;overflow-wrap:anywhere}
body .whatsapp-connection-card .connection-provider-badge{margin-left:auto;white-space:nowrap}
body .whatsapp-connection-card .connection-edit-name{font-size:12px;min-height:32px;padding:6px 10px;white-space:nowrap}
body .henrix-confirm-input{background:var(--inset);border:1px solid var(--hairline-strong);border-radius:10px;color:var(--ink);font:inherit;margin-top:4px;min-height:44px;padding:0 12px;width:100%}
body .whatsapp-connection-card .connection-meta-grid{border-bottom:1px solid var(--hairline);border-top:1px solid var(--hairline);grid-template-columns:repeat(2,minmax(0,1fr));margin:0 -24px;padding:0 24px}
body .whatsapp-connection-card .connection-meta-grid>div{min-height:68px;padding:15px 0}
body .whatsapp-connection-card .connection-meta-grid>div+div{border-left:1px solid var(--hairline);padding-left:22px}
body .whatsapp-connection-card .connection-meta-grid>:last-child{display:none!important}
body .whatsapp-connection-card .connection-card-actions{align-items:center;gap:12px;padding-top:18px}
body .whatsapp-connection-card .connection-card-actions .control-buttons{margin-right:auto}
body .whatsapp-connection-card .connection-card-actions .button{min-height:38px}
body .whatsapp-connection-card .connection-card-actions .server-refresh-status{margin-left:auto}
@media (max-width:760px){
  body .whatsapp-connections-grid{grid-template-columns:1fr}
  body .technical-details>summary{align-items:flex-start;flex-direction:column;gap:8px}
  body .technical-details-action{white-space:normal}
  body .connection-meta-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  body .connection-card-actions{align-items:stretch;flex-direction:column}
  body .connection-card-actions .button{width:100%}
}
@media (max-width:560px){
  body .connection-meta-grid{grid-template-columns:1fr}
  body .page-header{gap:10px}
  body .page-header h1{font-size:clamp(24px,8vw,32px)}
}
body .lead-detail-drawer{inset:0;position:fixed;z-index:180}
body .lead-detail-backdrop{background:rgba(1,8,18,.64);inset:0;position:absolute}
body .lead-detail-panel{background:var(--surface);border-left:1px solid var(--hairline);box-shadow:-18px 0 48px rgba(0,0,0,.28);height:100%;max-width:520px;overflow:auto;padding:28px;position:absolute;right:0;top:0;width:min(92vw,520px)}
body .lead-detail-panel>header{align-items:flex-start;display:flex;gap:18px;justify-content:space-between;margin-bottom:28px}
body .lead-detail-panel h2{font-size:clamp(22px,3vw,30px);margin:5px 0 0;overflow-wrap:anywhere}
body .lead-detail-grid{display:grid;gap:1px;grid-template-columns:repeat(2,minmax(0,1fr));margin:0 0 22px}
body .lead-detail-grid>div{background:var(--surface-soft);border:1px solid var(--hairline);padding:14px}
body .lead-detail-grid dt{color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
body .lead-detail-grid dd{margin:6px 0 0;overflow-wrap:anywhere}
body .lead-detail-panel .technical-details{border:1px solid var(--hairline);border-radius:10px}
@media (max-width:560px){body .lead-detail-panel{padding:20px}.lead-detail-grid{grid-template-columns:1fr}}
/* Fase 4A/4B: modos de execucao e separacao segura da simulacao */
body .phase4-tabs{display:flex;gap:8px;margin:0 0 18px;padding:5px;border:1px solid var(--border);border-radius:14px;background:rgba(9,25,43,.72);width:max-content;max-width:100%}
body .phase4-tab{min-height:42px;padding:0 18px;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--muted);font-weight:700;cursor:pointer}
body .phase4-tab:hover,body .phase4-tab:focus-visible{color:var(--text);border-color:var(--border-strong);outline:none}
body .phase4-tab.active{background:linear-gradient(135deg,rgba(39,196,255,.18),rgba(39,196,255,.06));border-color:rgba(39,196,255,.38);color:var(--text);box-shadow:0 5px 18px rgba(0,0,0,.16)}
body .phase4-workspace-head,body .phase4-isolated-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
body .phase4-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:20px}
body .phase4-panel-head h2{margin:0 0 6px}
body .phase4-panel-head p{margin:0;color:var(--muted);max-width:680px}
body .phase4-mode-mark{display:inline-flex;align-items:center;white-space:nowrap;padding:8px 11px;border-radius:999px;border:1px solid rgba(39,196,255,.32);color:#9de7ff;background:rgba(39,196,255,.09);font-size:11px;font-weight:800;letter-spacing:.08em}
body .phase4-mode-mark-muted{color:var(--muted);border-color:var(--border);background:rgba(255,255,255,.03)}
body .phase4-mode-mark-isolated{color:#9de7ff;border-color:rgba(39,196,255,.42);background:rgba(39,196,255,.12)}
body .phase4-mode-mark-warning{color:#ffd083;border-color:rgba(255,176,32,.42);background:rgba(255,176,32,.1)}
body .phase4-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
body .phase4-form-grid label,body .phase4-real-grid label{display:grid;gap:7px;color:var(--muted);font-size:13px}
body .phase4-inline-field{display:flex;align-items:center;gap:8px}
body .phase4-inline-field input,body .phase4-inline-field select{min-width:0;flex:1}
body .phase4-check{display:flex!important;align-items:center;grid-template-columns:auto 1fr;gap:9px!important;padding-top:28px}
body .phase4-check input{width:18px;height:18px}
body .phase4-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:20px}
body .phase4-facts article{display:grid;gap:5px;padding:15px;border:1px solid var(--border);border-radius:13px;background:rgba(255,255,255,.025)}
body .phase4-facts span,body .phase4-facts small{color:var(--muted);font-size:12px}
body .phase4-facts strong{color:var(--text);font-size:15px}
body .phase4-capacity{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:16px;padding:17px;border:1px solid rgba(39,196,255,.25);border-radius:14px;background:linear-gradient(120deg,rgba(39,196,255,.1),rgba(39,196,255,.035))}
body .phase4-capacity div{display:grid;gap:4px}
body .phase4-capacity strong{font-size:27px;color:var(--text)}
body .phase4-capacity span,body .phase4-capacity small{color:var(--muted)}
body .phase4-capacity small{max-width:460px;line-height:1.5}
body .phase4-shared-warning{margin:16px 0 0;padding:12px 14px;border-left:3px solid #ffb020;color:#ffd083;background:rgba(255,176,32,.07);border-radius:8px;line-height:1.5}
body .phase4-actions{display:flex;gap:10px;margin-top:20px}
body .phase4-notice{min-height:20px;margin:10px 0 0;color:#9de7ff}
body .phase4-intelligent-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
body .phase4-intelligent-grid>div{padding:17px;border:1px solid var(--border);border-radius:13px;background:rgba(255,255,255,.025)}
body .phase4-intelligent-grid h3{margin:0 0 10px;font-size:15px}
body .phase4-intelligent-grid ul{margin:0;padding-left:20px;color:var(--muted);line-height:1.8}
body .phase4-intelligent-grid p{color:var(--muted);line-height:1.6}
body .phase4-real-separation{border-color:rgba(255,176,32,.35)!important;background:linear-gradient(120deg,rgba(255,176,32,.08),rgba(255,255,255,.02))}
body .phase4-real-separation .phase4-panel-head{margin-bottom:15px}
body .phase4-real-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:14px}
body .iso-count button.selected{border-color:rgba(39,196,255,.7);background:rgba(39,196,255,.16);color:var(--text)}
@media (max-width:760px){body .phase4-tabs{width:100%;overflow:auto}body .phase4-tab{flex:1;padding:0 12px}body .phase4-workspace-head,body .phase4-isolated-head,body .phase4-panel-head{display:grid}body .phase4-form-grid,body .phase4-facts,body .phase4-intelligent-grid,body .phase4-real-grid{grid-template-columns:1fr}body .phase4-check{padding-top:0}body .phase4-capacity{display:grid}body .phase4-actions{display:grid}body .phase4-actions .button{width:100%}}
body .phase4-intelligent-selectors{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0 0 18px}
body .phase4-intelligent-selectors label{display:grid;gap:7px;color:var(--muted);font-size:13px}
body .phase4-intelligent-kpis{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;margin:0 0 18px}
body .phase4-intelligent-kpis article{display:grid;gap:5px;min-height:72px;padding:13px;border:1px solid var(--border);border-radius:12px;background:rgba(255,255,255,.025)}
body .phase4-intelligent-kpis span,body .phase4-analysis-list dt{color:var(--muted);font-size:11px}
body .phase4-intelligent-kpis strong{font-size:21px;font-variant-numeric:tabular-nums}
body .phase4-analysis-list{display:grid;gap:0;margin:0}
body .phase4-analysis-list>div{display:flex;justify-content:space-between;gap:14px;padding:10px 0;border-bottom:1px solid var(--hairline)}
body .phase4-analysis-list dd{margin:0;text-align:right;color:var(--text)}
body .phase4-diagnostics{display:grid;gap:10px}
body .phase4-diagnostic{display:grid;gap:4px;padding:12px 14px;border-left:3px solid var(--brand-strong);border-radius:9px;background:rgba(39,196,255,.06)}
body .phase4-diagnostic-warning{border-left-color:#ffb020;background:rgba(255,176,32,.08)}
body .phase4-diagnostic strong{font-size:14px}body .phase4-diagnostic span{color:var(--text)}body .phase4-diagnostic small,body .phase4-diagnostic em{color:var(--muted);font-style:normal;line-height:1.45}
body .phase4-muted{color:var(--muted);line-height:1.55}
body .phase4-recommendation{margin-top:16px;padding:17px;border:1px solid rgba(39,196,255,.25);border-radius:14px;background:linear-gradient(120deg,rgba(39,196,255,.08),rgba(255,255,255,.02))}
body .phase4-recommendation>p:not(.eyebrow){margin:0;color:var(--text);line-height:1.55}
body .phase4-recommendation details{margin-top:14px;color:var(--muted)}body .phase4-recommendation summary{cursor:pointer;color:var(--brand-strong);font-weight:700}
body .phase4-recommendation ul{line-height:1.6;margin-bottom:0}
@media (max-width:900px){body .phase4-intelligent-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:600px){body .phase4-intelligent-selectors,body .phase4-intelligent-kpis{grid-template-columns:1fr 1fr}body .phase4-intelligent-kpis article{min-height:64px}body .phase4-analysis-list>div{align-items:flex-start;flex-direction:column;gap:4px}body .phase4-analysis-list dd{text-align:left}}

/* ========================================================================
   HENOX FASE 5E — identidades funcionais dos modos
   A camada mantém os contratos Phase 4 e diferencia configuração, análise
   e sandbox por composição, não por alteração de regra operacional.
   ======================================================================== */
body .phase5e-mode-switch{align-items:stretch;background:linear-gradient(135deg,rgba(15,29,48,.96),rgba(8,17,31,.92));box-shadow:var(--hx-shadow-1);gap:6px;padding:6px}
body .phase5e-mode-switch .phase4-tab{align-items:center;display:flex;gap:10px;justify-content:flex-start;min-width:148px;padding:8px 14px;text-align:left}
body .phase5e-mode-switch .phase4-tab>span:last-child{display:grid;gap:2px}
body .phase5e-mode-switch .phase4-tab strong{color:inherit;font-size:13px}
body .phase5e-mode-switch .phase4-tab small{color:var(--hx-text-muted);font-size:11px;font-weight:600}
body .phase5e-mode-switch .phase4-tab.active small{color:var(--hx-text-secondary)}
body .phase5e-mode-glyph{align-items:center;background:rgba(56,189,248,.1);border:1px solid rgba(56,189,248,.24);border-radius:9px;color:var(--hx-cyan);display:inline-flex;font-size:10px;font-weight:800;height:28px;justify-content:center;letter-spacing:.04em;width:28px}
body .phase5e-mode-shell{margin-bottom:14px}
body .phase5e-mode-head{position:relative}
body .phase5e-mode-head h2{letter-spacing:-.025em}
body .phase5e-mode-intro{align-items:center;background:rgba(56,189,248,.045);border:1px solid rgba(56,189,248,.14);border-radius:var(--hx-radius-md);display:flex;gap:12px;margin:0 0 18px;padding:12px 14px}
body .phase5e-mode-intro strong{display:block;font-size:13px}
body .phase5e-mode-intro p{color:var(--hx-text-secondary);font-size:12px;margin:3px 0 0}
body .phase5e-mode-simple{border-top:2px solid rgba(22,139,255,.7);box-shadow:var(--hx-shadow-1)}
body .phase5e-mode-simple .phase5e-mode-glyph{color:var(--hx-primary);border-color:rgba(22,139,255,.28);background:rgba(22,139,255,.1)}
body .phase5e-simple-section{background:linear-gradient(135deg,rgba(22,139,255,.085),rgba(255,255,255,.018));border:1px solid rgba(22,139,255,.22);border-radius:var(--hx-radius-lg);padding:18px}
body .phase5e-simple-readonly{border-top:1px solid var(--hx-border);margin-top:20px;padding-top:18px}
body .phase5e-readonly-note{color:var(--hx-text-muted);font-size:12px;margin:0 0 8px}
body .phase5e-simple-readonly .phase4-facts{margin-top:10px}
body .phase5e-mode-intelligent{border-top:2px solid rgba(56,189,248,.72);box-shadow:var(--hx-shadow-1)}
body .phase5e-mode-intelligent .phase5e-mode-glyph{color:var(--hx-cyan)}
body .phase5e-mode-intelligent .phase4-recommendation{box-shadow:0 14px 34px rgba(0,163,255,.08);border-color:rgba(56,189,248,.34)}
body .phase5e-mode-intelligent .phase4-diagnostics{max-height:270px;overflow:auto;padding-right:3px}
body .phase5e-sandbox{background:linear-gradient(135deg,rgba(0,163,255,.12),rgba(15,29,48,.8));border:1px solid rgba(56,189,248,.3);border-radius:var(--hx-radius-lg);box-shadow:var(--hx-shadow-1);padding:20px 22px}
body .phase5e-sandbox .phase4-mode-mark-isolated{box-shadow:0 0 0 4px rgba(56,189,248,.06)}
body .phase5e-real-action{border-top:2px solid rgba(245,158,11,.72)!important;box-shadow:var(--hx-shadow-1);margin-top:24px;position:relative}
body .phase5e-real-action:before{background:var(--hx-warning);content:"";height:3px;left:22px;opacity:.75;position:absolute;top:-2px;width:72px}
body .phase5e-real-action #simulation-manual-run{background:transparent;border-color:rgba(245,158,11,.55);color:#ffd083}
body .phase5e-real-action #simulation-manual-run:hover,body .phase5e-real-action #simulation-manual-run:focus-visible{background:rgba(245,158,11,.1);border-color:var(--hx-warning);color:var(--hx-text)}
body #page-simulation[data-phase5e-mode="simulation"] .iso-config{border:1px solid rgba(56,189,248,.2);box-shadow:var(--hx-shadow-1)}
body #page-simulation[data-phase5e-mode="simulation"] .iso-config #iso-start{box-shadow:0 8px 22px rgba(0,119,255,.22)}
@media (max-width:760px){
  body .phase5e-mode-switch{width:100%;overflow-x:auto}
  body .phase5e-mode-switch .phase4-tab{flex:1;min-width:124px;padding:8px 10px}
  body .phase5e-mode-switch .phase5e-mode-glyph{height:24px;width:24px}
  body .phase5e-sandbox{padding:16px}
  body .phase5e-simple-section{padding:15px}
}
@media (prefers-reduced-motion: no-preference){
  body .phase5e-mode-switch .phase4-tab,body .phase5e-simple-section,body .phase5e-mode-intelligent .phase4-recommendation,body .phase5e-real-action{transition:box-shadow var(--hx-duration-standard),border-color var(--hx-duration-standard),background var(--hx-duration-standard),transform var(--hx-duration-standard)}
  body .phase5e-mode-switch .phase4-tab:hover{transform:translateY(-1px)}
  body .phase5e-simple-section:hover,body .phase5e-mode-intelligent .phase4-recommendation:hover{box-shadow:var(--hx-shadow-1)}
}

/* ========================================================================
   HENOX FASE 5A — FUNDAÇÃO VISUAL OFICIAL
   Shell e componentes globais. Não altera contratos, IDs ou comportamento.
   ======================================================================== */
.sr-only{border:0!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;white-space:nowrap!important;width:1px!important}
:root{
  --hx-bg-0:#050B14;
  --hx-bg-1:#08111F;
  --hx-surface:#0B1626;
  --hx-surface-raised:#0F1D30;
  --hx-surface-overlay:rgba(15,29,48,.94);
  --hx-border:#1B304A;
  --hx-border-strong:#294A6C;
  --hx-text:#F8FAFC;
  --hx-text-secondary:#94A3B8;
  --hx-text-muted:#64748B;
  --hx-primary:#168BFF;
  --hx-primary-strong:#0077FF;
  --hx-electric:#00A3FF;
  --hx-cyan:#38BDF8;
  --hx-success:#34D399;
  --hx-warning:#F59E0B;
  --hx-danger:#F87171;
  --hx-info:#38BDF8;
  --hx-space-1:4px;
  --hx-space-2:8px;
  --hx-space-3:12px;
  --hx-space-4:16px;
  --hx-space-5:20px;
  --hx-space-6:24px;
  --hx-space-8:32px;
  --hx-space-10:40px;
  --hx-space-12:48px;
  --hx-radius-sm:8px;
  --hx-radius-md:12px;
  --hx-radius-lg:16px;
  --hx-radius-xl:20px;
  --hx-radius-pill:999px;
  --hx-shadow-1:0 8px 24px rgba(0,0,0,.16);
  --hx-shadow-2:0 18px 48px rgba(0,0,0,.24);
  --hx-shadow-3:0 28px 80px rgba(0,0,0,.38);
  --hx-ease-standard:cubic-bezier(.2,.75,.25,1);
  --hx-duration-fast:150ms;
  --hx-duration-standard:220ms;
  --hx-z-sidebar:40;
  --hx-z-header:30;
  --hx-z-overlay:1000;
}

:root[data-theme="dark"]{
  color-scheme:dark;
  --page:var(--hx-bg-0);
  --surface:var(--hx-surface);
  --raised:var(--hx-surface-raised);
  --surface-soft:var(--hx-bg-1);
  --hairline:var(--hx-border);
  --hairline-strong:var(--hx-border-strong);
  --ink:var(--hx-text);
  --muted:var(--hx-text-secondary);
  --faint:var(--hx-text-muted);
  --brand:var(--hx-primary);
  --brand-strong:var(--hx-primary-strong);
  --brand-soft:rgba(22,139,255,.12);
  --brand-line:rgba(56,189,248,.32);
  --ok:var(--hx-success);
  --warn:var(--hx-warning);
  --bad:var(--hx-danger);
  --info:var(--hx-info);
  --radius:var(--hx-radius-md);
  --radius-sm:var(--hx-radius-sm);
  --rail-bg:var(--hx-bg-1);
  --rail-line:var(--hx-border);
}

:root[data-theme="light"]{
  color-scheme:light;
  --hx-bg-0:#f3f4f8;
  --hx-bg-1:#eef0f8;
  --hx-surface:#ffffff;
  --hx-surface-raised:#f6f7fb;
  --hx-surface-overlay:rgba(255,255,255,.96);
  --hx-border:#e6e8f0;
  --hx-border-strong:#d3d7e3;
  --hx-text:#14171f;
  --hx-text-secondary:#5a6377;
  --hx-text-muted:#5f6982;
  --hx-primary:#2f3ff0;
  --hx-primary-strong:#2432d6;
  --hx-electric:#3447ff;
  --hx-cyan:#2f3ff0;
  --hx-success:#12a26a;
  --hx-warning:#c98a04;
  --hx-danger:#e5484d;
  --hx-info:#2f3ff0;
  --hx-shadow-1:0 1px 2px rgba(20,23,31,.05),0 2px 8px rgba(20,23,31,.05);
  --hx-shadow-2:0 8px 24px rgba(20,23,31,.10);
  --hx-shadow-3:0 18px 48px rgba(20,23,31,.18);
}

html{background:var(--page,var(--hx-bg-0));}
body{
  background:var(--page,var(--hx-bg-0));
  color:var(--ink,var(--hx-text));
  font-family:var(--font-sans,Inter,"Segoe UI",sans-serif);
  letter-spacing:-.005em;
}

body::selection{background:rgba(56,189,248,.28);color:var(--ink,var(--hx-text));}

/* Shell global */
body .sidebar{
  background:linear-gradient(180deg,#071322 0%,#050B14 100%);
  border-right:1px solid var(--rail-line,var(--hx-border));
  box-shadow:12px 0 34px rgba(0,0,0,.18);
  padding:20px 14px 16px;
  width:252px;
  z-index:var(--hx-z-sidebar);
}
body .brand{
  border-bottom:1px solid rgba(41,74,108,.56);
  margin-bottom:24px;
  padding:0 8px 20px;
}
body .brand-mark{
  border:1px solid rgba(56,189,248,.56);
  box-shadow:0 0 0 4px rgba(22,139,255,.07),0 0 24px rgba(22,139,255,.18);
  height:42px;
  width:42px;
}
body .brand strong{font-size:20px;letter-spacing:.08em;}
body .brand small{color:var(--hx-text-muted);font-size:9px;letter-spacing:.11em;}
body .nav-group{color:var(--hx-text-muted);font-size:10px;font-weight:800;letter-spacing:.16em;margin:18px 10px 7px;}
body .nav-item{
  align-items:center;
  border:1px solid transparent;
  border-radius:var(--hx-radius-md);
  color:var(--hx-text-secondary);
  gap:10px;
  min-height:42px;
  padding:10px 12px;
  transition:background var(--hx-duration-standard) var(--hx-ease-standard),border-color var(--hx-duration-standard) var(--hx-ease-standard),color var(--hx-duration-fast) ease,transform var(--hx-duration-standard) var(--hx-ease-standard);
}
body .nav-item:hover{background:rgba(15,29,48,.82);border-color:rgba(41,74,108,.78);color:var(--hx-text);transform:translateX(2px);}
body .nav-item.active{background:linear-gradient(100deg,rgba(22,139,255,.2),rgba(56,189,248,.07));border-color:rgba(22,139,255,.32);box-shadow:inset 2px 0 0 var(--hx-primary),var(--hx-shadow-1);color:var(--hx-text);}
body .nav-item span{color:var(--hx-text-muted);font-size:16px;min-width:22px;transition:color var(--hx-duration-fast) ease;}
body .nav-item:hover span,body .nav-item.active span{color:var(--hx-cyan);}
body .sidebar-foot{background:rgba(15,29,48,.7);border:1px solid var(--rail-line,var(--hx-border));border-radius:var(--hx-radius-md);color:var(--hx-text-secondary);margin-top:16px;padding:11px 12px;text-align:left;}
body .sidebar-foot .pulse{background:var(--hx-success);box-shadow:0 0 0 4px rgba(52,211,153,.1),0 0 14px rgba(52,211,153,.42);}

body .app-main{margin-left:252px;max-width:none;padding:0 36px 64px;}
body .app-header{
  align-items:center;
  background:rgba(8,17,31,.82);
  border:0;
  border-bottom:1px solid rgba(41,74,108,.6);
  border-radius:0;
  box-shadow:0 10px 28px rgba(0,0,0,.12);
  gap:20px;
  margin:0 -36px 28px;
  min-height:76px;
  padding:16px 36px;
  position:sticky;
  top:0;
  z-index:var(--hx-z-header);
}
body .app-header>div:first-child{display:flex;flex-direction:column;gap:3px;min-width:0;}
body .app-header h1{color:var(--hx-text);font-size:24px;font-weight:750;letter-spacing:-.025em;line-height:1.2;margin:0;}
body .app-header .eyebrow{color:var(--hx-cyan);font-size:10px;letter-spacing:.14em;margin:0;}
body .header-tools{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;min-width:0;}
body .header-status{background:rgba(52,211,153,.08);border:1px solid rgba(52,211,153,.25);border-radius:var(--hx-radius-pill);color:#86efac;padding:7px 11px;}
body .user-profile{background:rgba(15,29,48,.8);border:1px solid var(--hx-border);border-radius:var(--hx-radius-pill);padding:6px 10px;}

/* Typography and spacing rhythm */
body .page{max-width:1600px;}
body .page>section,body .page>.panel,body .page>.stat-grid,body .page>.chart-grid{margin-bottom:var(--hx-space-6);}
body h1,body h2,body h3,body h4{color:var(--ink,var(--hx-text));text-wrap:balance;}
body h2{font-size:20px;line-height:1.25;}
body h3{font-size:15px;line-height:1.35;}
body p,body small{line-height:1.5;}
body .eyebrow{font-size:10px;letter-spacing:.14em;line-height:1.2;}
body table th,body table td{font-variant-numeric:tabular-nums;}

/* Surfaces */
body .panel,body .stat-card,body .capture-mode-card,body .flow-card,body .connection-card{
  background:linear-gradient(145deg,rgba(15,29,48,.94),rgba(11,22,38,.96));
  border:1px solid rgba(41,74,108,.78);
  border-radius:var(--hx-radius-lg);
  box-shadow:var(--hx-shadow-1);
}
body .panel:hover,body .stat-card:hover,body .capture-mode-card:hover,body .flow-card:hover,body .connection-card:hover{border-color:rgba(56,189,248,.42);box-shadow:var(--hx-shadow-2);transform:translateY(-1px);}
body .panel-title{border-bottom:1px solid rgba(41,74,108,.54);padding-bottom:14px;}
body .stat-card{align-content:start;display:grid;gap:8px;min-height:126px;padding:20px;}
body .stat-card>span,body .stat-card>small{display:block;min-width:0;}
body .stat-card>strong{display:block;min-width:0;}
body .stat-card strong{color:var(--hx-text);font-variant-numeric:tabular-nums;}

/* Controls */
body .button,body button.button{
  align-items:center;
  background:var(--hx-primary);
  border:1px solid var(--hx-primary);
  border-radius:var(--hx-radius-sm);
  box-shadow:0 7px 18px rgba(0,119,255,.16);
  color:#fff;
  cursor:pointer;
  display:inline-flex;
  font:600 13px/1.1 var(--font-sans,Inter,"Segoe UI",sans-serif);
  gap:8px;
  justify-content:center;
  min-height:40px;
  padding:10px 15px;
  transition:background var(--hx-duration-fast) ease,border-color var(--hx-duration-fast) ease,box-shadow var(--hx-duration-standard) var(--hx-ease-standard),transform var(--hx-duration-standard) var(--hx-ease-standard),opacity var(--hx-duration-fast) ease;
}
body .button:hover{background:#2496ff;border-color:#2496ff;box-shadow:0 10px 24px rgba(0,119,255,.26);transform:translateY(-1px);}
body .button:active{transform:translateY(0);}
body .button.button-outline{background:transparent;border-color:var(--hx-border-strong);box-shadow:none;color:var(--hx-text-secondary);}
body .button.button-outline:hover{background:rgba(22,139,255,.1);border-color:var(--hx-cyan);color:var(--hx-text);}
body .button.danger,body .delete-button,body .lead-delete-button{background:transparent;border-color:rgba(248,113,113,.48);box-shadow:none;color:#fda4af;}
body .button:disabled,body button:disabled{cursor:not-allowed;opacity:.48;transform:none;}
body .icon-button{min-height:40px;min-width:40px;}
body input,body select,body textarea{
  background:rgba(5,11,20,.72);
  border:1px solid var(--hx-border-strong);
  border-radius:var(--hx-radius-sm);
  color:var(--hx-text);
  font:inherit;
  min-height:40px;
  transition:border-color var(--hx-duration-fast) ease,box-shadow var(--hx-duration-fast) ease,background var(--hx-duration-fast) ease;
}
body input,body select{padding:0 12px;}
body textarea{padding:10px 12px;}
body input:hover,body select:hover,body textarea:hover{border-color:#3b638c;}
body input:focus-visible,body select:focus-visible,body textarea:focus-visible{background:rgba(8,17,31,.96);border-color:var(--hx-cyan);box-shadow:0 0 0 3px rgba(56,189,248,.14);outline:0;}
body input::placeholder,body textarea::placeholder{color:var(--hx-text-muted);}
body label{color:var(--hx-text-secondary);}

/* Tabs, badges and feedback */
body .phase4-tabs{background:rgba(8,17,31,.86);border:1px solid var(--hx-border);border-radius:var(--hx-radius-md);padding:5px;}
body .phase4-tab{border-radius:var(--hx-radius-sm);color:var(--hx-text-secondary);min-height:40px;transition:background var(--hx-duration-fast) ease,color var(--hx-duration-fast) ease,border-color var(--hx-duration-fast) ease;}
body .phase4-tab.active{background:rgba(22,139,255,.16);border-color:rgba(56,189,248,.38);color:var(--hx-text);box-shadow:var(--hx-shadow-1);}
body .safety-badge,body .monitor-flow-state,body .phase3-source-badge{border-radius:var(--hx-radius-pill);font-size:11px;font-weight:700;letter-spacing:.02em;padding:6px 10px;}
body .safety-badge{background:rgba(56,189,248,.1);border:1px solid rgba(56,189,248,.28);color:var(--hx-cyan);}
body .empty-state,body .empty-inline{background:rgba(15,29,48,.45);border:1px dashed rgba(41,74,108,.78);border-radius:var(--hx-radius-md);color:var(--hx-text-secondary);padding:32px 24px;}
body .transfer-notice,body .alert,body [role="alert"]{border-radius:var(--hx-radius-md);line-height:1.5;padding:12px 14px;}
body .toast{background:var(--hx-surface-overlay);border:1px solid var(--hx-border-strong);border-radius:var(--hx-radius-md);box-shadow:var(--hx-shadow-3);color:var(--hx-text);}
body .skeleton{background:linear-gradient(90deg,rgba(15,29,48,.8),rgba(41,74,108,.42),rgba(15,29,48,.8));background-size:200% 100%;border-radius:var(--hx-radius-sm);}

/* Modal and drawer foundation */
body .henrix-confirm-modal,body .monitor-queue-modal{background:rgba(2,7,18,.7);backdrop-filter:blur(8px);z-index:var(--hx-z-overlay);}
body .henrix-confirm-card,body .monitor-queue-dialog,body .drawer,body .modal{
  background:linear-gradient(145deg,rgba(15,29,48,.98),rgba(5,11,20,.98));
  border:1px solid var(--hx-border-strong);
  border-radius:var(--hx-radius-lg);
  box-shadow:var(--hx-shadow-3);
}
body .henrix-confirm-card{padding:24px;}
body .henrix-confirm-card footer{display:flex;gap:10px;justify-content:flex-end;margin-top:20px;}
body .drawer{box-shadow:-24px 0 70px rgba(0,0,0,.4);}

/* Base focus and motion policy */
body :where(button,a,input,select,textarea,[tabindex]):focus-visible{outline:2px solid var(--hx-cyan);outline-offset:2px;}
body table tbody tr{transition:background var(--hx-duration-fast) ease;}
body table tbody tr:hover{background:rgba(22,139,255,.07);}
@media (prefers-reduced-motion:reduce){
  body *,body *::before,body *::after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important;}
}

/* Base shell adaptation. Business screens keep their own content rules. */
@media (max-width:900px){
  body .sidebar{padding:12px 10px;width:210px;}
  body .app-main{margin-left:210px;padding-left:22px;padding-right:22px;}
  body .app-header{margin-left:-22px;margin-right:-22px;padding-left:22px;padding-right:22px;}
}
@media (max-width:700px){
  body .sidebar{border-bottom:1px solid var(--rail-line,var(--hx-border));border-right:0;flex-direction:row;height:auto;overflow-x:auto;padding:8px;position:sticky;top:0;width:100%;}
  body .brand,body .sidebar-foot,body .nav-group{display:none;}
  body .sidebar nav{flex-direction:row;overflow-x:auto;}
  body .nav-item{flex:0 0 auto;min-height:42px;white-space:nowrap;}
  body .app-main{margin-left:0;padding:0 16px 48px;}
  body .app-header{margin:0 -16px 20px;padding:14px 16px;position:static;}
  body .header-tools{justify-content:flex-start;width:100%;}
  body .header-tools .button{flex:1;}
  body .page>section,body .page>.panel,body .page>.stat-grid,body .page>.chart-grid{margin-bottom:var(--hx-space-4);}
}
@media (max-width:480px){
  body .app-header h1{font-size:21px;}
  body .header-status,body .user-profile{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
  body .header-tools .button{min-height:42px;padding-left:10px;padding-right:10px;}
  body .panel,body .stat-card,body .capture-mode-card,body .flow-card,body .connection-card{border-radius:var(--hx-radius-md);}
}

/* ========================================================================
   HENOX FASE 5B — DASHBOARD + MONITORAMENTO PREMIUM
   ======================================================================== */
body #page-overview{max-width:1440px;margin-inline:auto;}
body .overview-section-heading{align-items:flex-end;display:flex;gap:20px;justify-content:space-between;margin:0 0 14px;}
body .overview-section-heading h2,body .overview-section-heading h3{color:var(--hx-text);font-size:18px;letter-spacing:-.02em;margin:4px 0 3px;}
body .overview-section-heading h3{font-size:15px;}
body .overview-section-heading>div>p:last-child{color:var(--hx-text-secondary);font-size:13px;margin:0;}
body .overview-data-note{color:var(--hx-text-muted);font-size:11px;white-space:nowrap;}
body .overview-operation{margin:8px 0 28px;}
body .overview-operation-grid{display:grid;gap:14px;grid-template-columns:minmax(220px,.8fr) minmax(360px,1.35fr) minmax(280px,1fr);}
body .overview-status-card,body .overview-next-actions{background:linear-gradient(145deg,rgba(15,29,48,.98),rgba(8,17,31,.98));border:1px solid var(--hx-border);border-radius:var(--hx-radius-lg);box-shadow:var(--hx-shadow-1);padding:20px;}
body .overview-status-card{display:flex;flex-direction:column;justify-content:center;min-height:188px;position:relative;overflow:hidden;}
body .overview-status-card::after{background:radial-gradient(circle,rgba(56,189,248,.14),transparent 68%);content:"";height:220px;pointer-events:none;position:absolute;right:-90px;top:-90px;width:220px;}
body .overview-status-label{align-items:center;display:flex;gap:9px;margin:10px 0 8px;position:relative;z-index:1;}
body .overview-status-label strong{color:var(--hx-text);font-size:25px;letter-spacing:-.035em;}
body .overview-status-card>span{color:var(--hx-text-secondary);font-size:13px;line-height:1.5;max-width:250px;position:relative;z-index:1;}
body .overview-status-card>small{color:var(--hx-text-muted);font-size:11px;margin-top:14px;position:relative;z-index:1;}
body .overview-status-dot{background:var(--hx-text-muted);border-radius:50%;box-shadow:0 0 0 5px rgba(100,116,139,.12);height:9px;width:9px;}
body .overview-status-dot.healthy{background:var(--hx-success);box-shadow:0 0 0 5px rgba(34,197,94,.12);}
body .overview-status-dot.attention{background:var(--hx-warning);box-shadow:0 0 0 5px rgba(245,158,11,.12);}
body .overview-status-dot.paused{background:var(--hx-text-muted);}
body .overview-status-dot.danger{background:var(--hx-danger);box-shadow:0 0 0 5px rgba(239,68,68,.12);}
body .overview-operation-metrics{display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr));}
body .overview-operation-metric{background:var(--hx-surface);border:1px solid var(--hx-border);border-radius:var(--hx-radius-md);display:flex;flex-direction:column;justify-content:space-between;min-height:88px;padding:13px 14px;transition:border-color var(--hx-duration-fast) var(--hx-ease-standard),transform var(--hx-duration-fast) var(--hx-ease-standard);}
body .overview-operation-metric:hover{border-color:rgba(56,189,248,.45);transform:translateY(-2px);}
body .overview-operation-metric span{color:var(--hx-text-secondary);font-size:11px;}
body .overview-operation-metric strong{color:var(--hx-text);font-size:25px;font-variant-numeric:tabular-nums;line-height:1;}
body .overview-operation-metric.retry strong,body .overview-operation-metric.review strong{color:var(--hx-warning);}
body .overview-operation-metric.failed strong{color:var(--hx-danger);}
body .overview-next-actions{min-height:188px;}
body .overview-section-heading.compact{align-items:flex-start;margin-bottom:8px;}
body .overview-actions-list{display:grid;gap:8px;list-style:none;margin:0;padding:0;}
body .overview-actions-list li{align-items:center;border-top:1px solid var(--hx-border);display:grid;gap:10px;grid-template-columns:9px minmax(0,1fr) auto;padding:11px 0;}
body .overview-actions-list li:first-child{border-top:0;padding-top:2px;}
body .overview-actions-list strong{color:var(--hx-text);display:block;font-size:12.5px;}
body .overview-actions-list small{color:var(--hx-text-muted);display:block;font-size:11px;line-height:1.35;margin-top:3px;}
body .overview-actions-list .button{font-size:11px;padding:7px 9px;white-space:nowrap;}
body .overview-action-icon{background:var(--hx-text-muted);border-radius:50%;height:8px;width:8px;}
body .overview-action-icon.success{background:var(--hx-success);}
body .overview-action-icon.warning{background:var(--hx-warning);}
body .overview-action-icon.danger{background:var(--hx-danger);}
body .overview-muted{color:var(--hx-text-muted);font-size:12px;margin:10px 0;}

/* Gráfico: dados reais com contraste de observabilidade, sem área vazia escura. */
body .chart-panel{min-height:0;}
body .line-chart{background:linear-gradient(180deg,rgba(22,139,255,.08),rgba(22,139,255,0));min-height:178px;}
body .chart-svg{display:block;}
body .chart-gridline{stroke:rgba(148,163,184,.22);stroke-dasharray:3 5;}
body .chart-svg .chart-line{fill:none!important;stroke:var(--hx-cyan);stroke-width:3;filter:drop-shadow(0 3px 6px rgba(56,189,248,.18));}
body .chart-dot{fill:var(--hx-cyan);stroke:var(--hx-surface);stroke-width:3;}
body .chart-label{fill:var(--hx-text-muted);font-size:10px;}

/* Monitoramento: centro operacional, com trilho e contexto antes dos detalhes. */
body #page-flows{max-width:1480px;margin-inline:auto;}
body .operation-status-panel{background:linear-gradient(135deg,rgba(15,29,48,.98),rgba(8,17,31,.98));border-color:rgba(56,189,248,.28);box-shadow:0 18px 48px rgba(0,0,0,.22);overflow:hidden;padding:0;}
body .operation-status-head{align-items:flex-start;display:flex;gap:18px;justify-content:space-between;padding:22px 24px 16px;}
body .operation-status-head h2{align-items:center;color:var(--hx-text);display:flex;font-size:25px;gap:10px;letter-spacing:-.035em;margin:6px 0;}
body .operation-status-head p:last-child{color:var(--hx-text-secondary);font-size:13px;margin:0;}
body .operation-status-dot{background:var(--hx-warning);border-radius:50%;box-shadow:0 0 0 5px rgba(245,158,11,.12);height:9px;width:9px;}
body .operation-status-dot.healthy{background:var(--hx-success);box-shadow:0 0 0 5px rgba(34,197,94,.12);}
body .operation-status-dot.paused{background:var(--hx-text-muted);box-shadow:0 0 0 5px rgba(100,116,139,.12);}
body .operation-status-dot.unstable{background:var(--hx-danger);box-shadow:0 0 0 5px rgba(239,68,68,.12);}
body .operation-status-scope{color:var(--hx-text-muted);font-size:11px;margin-top:7px;white-space:nowrap;}
body .monitor-kpi-grid{border-top:1px solid var(--hx-border);display:grid;grid-template-columns:repeat(5,minmax(0,1fr));}
body .monitor-kpi{border-right:1px solid var(--hx-border);display:grid;gap:8px;padding:14px 18px;}
body .monitor-kpi:last-child{border-right:0;}
body .monitor-kpi span{color:var(--hx-text-secondary);font-size:11px;}
body .monitor-kpi strong{color:var(--hx-text);font-size:24px;font-variant-numeric:tabular-nums;line-height:1;}
body .operation-status-note{border-top:1px solid var(--hx-border);color:var(--hx-text-muted);display:flex;flex-wrap:wrap;font-size:11px;gap:18px;padding:11px 24px;}
body .monitor-live-flow{background:linear-gradient(145deg,rgba(15,29,48,.78),rgba(8,17,31,.78));border:1px solid var(--hx-border);border-radius:var(--hx-radius-lg);box-shadow:var(--hx-shadow-1);margin:14px 0;padding:18px 20px;}
body .monitor-section-heading{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:14px;}
body .monitor-section-heading h3{color:var(--hx-text);font-size:16px;margin:4px 0 0;}
body .monitor-section-heading>span{color:var(--hx-text-muted);font-size:11px;}
body .monitor-stage-track{align-items:stretch;display:flex;gap:10px;overflow-x:auto;padding:4px 3px 7px;scrollbar-width:thin;}
body .monitor-stage{background:linear-gradient(155deg,rgba(22,139,255,.12),rgba(11,22,38,.94));border:1px solid rgba(41,74,108,.9);border-radius:var(--hx-radius-md);display:flex;flex:1 0 130px;flex-direction:column;gap:6px;justify-content:center;min-height:104px;padding:14px;transition:border-color var(--hx-duration-fast) var(--hx-ease-standard),transform var(--hx-duration-fast) var(--hx-ease-standard),box-shadow var(--hx-duration-fast) var(--hx-ease-standard);}
body .monitor-stage:hover{border-color:rgba(56,189,248,.7);box-shadow:0 10px 22px rgba(0,119,255,.14);transform:translateY(-3px);}
body .monitor-stage small{color:var(--hx-text-muted);font-size:10px;letter-spacing:.08em;}
body .monitor-stage strong{color:var(--hx-text);font-size:26px;font-variant-numeric:tabular-nums;line-height:1;}
body .monitor-stage span{color:var(--hx-text-secondary);font-size:11px;}
body .monitor-stage-complete{background:linear-gradient(155deg,rgba(34,197,94,.12),rgba(11,22,38,.94));border-color:rgba(34,197,94,.32);}
body .monitor-stage-complete strong{color:var(--hx-success);}
body .monitor-stage-arrow{align-self:center;color:var(--hx-cyan);font-size:19px;opacity:.7;}
body .monitor-operational-grid{gap:14px;grid-template-columns:repeat(2,minmax(0,1fr));}
body .monitor-current-lead,body .monitor-next-lead{background:var(--hx-surface);border:1px solid var(--hx-border);border-radius:var(--hx-radius-md);min-height:134px;padding:18px;}
body .monitor-current-lead{border-color:rgba(56,189,248,.35);box-shadow:inset 3px 0 0 var(--hx-cyan);}
body .monitor-current-lead strong,body .monitor-next-lead strong{color:var(--hx-text);display:block;font-size:18px;margin:8px 0 5px;}
body .monitor-current-lead span,body .monitor-next-lead span,body .monitor-current-lead small,body .monitor-next-lead small{color:var(--hx-text-secondary);display:block;font-size:12px;}
body .monitor-current-lead small,body .monitor-next-lead small{color:var(--hx-text-muted);margin-top:10px;}
body .monitor-live-activity,body .monitor-problems-summary{background:var(--hx-surface);border:1px solid var(--hx-border);border-radius:var(--hx-radius-lg);padding:18px 20px;}
body .monitor-problems-summary{align-items:center;display:flex;justify-content:space-between;margin:14px 0;}
body .monitor-problems-summary strong{color:var(--hx-text);display:block;font-size:14px;margin:4px 0;}
body .monitor-problems-summary span{color:var(--hx-text-muted);font-size:11px;}
body .monitor-problems-summary.has-problems{border-color:rgba(245,158,11,.38);}
body .monitor-problems-summary.is-clear{border-color:rgba(34,197,94,.25);}
body .monitor-activity-list>div{border-color:var(--hx-border);padding:11px 2px;}
body .monitor-activity-list time{color:var(--hx-text-muted);}
body .monitor-activity-list strong{color:var(--hx-text);font-size:12px;}
body .monitor-activity-list small{color:var(--hx-text-muted);display:block;font-size:11px;margin-top:3px;}
body .active-flow-row{background:var(--hx-surface);border:1px solid var(--hx-border);border-radius:var(--hx-radius-md);padding:14px 16px;transition:border-color var(--hx-duration-fast) var(--hx-ease-standard),transform var(--hx-duration-fast) var(--hx-ease-standard);}
body .active-flow-row:hover{border-color:rgba(56,189,248,.45);transform:translateY(-2px);}

@media (max-width:1100px){
  body .overview-operation-grid{grid-template-columns:1fr 1.2fr;}
  body .overview-next-actions{grid-column:1/-1;}
}
@media (max-width:760px){
  body .overview-section-heading{align-items:flex-start;flex-direction:column;gap:5px;}
  body .overview-operation-grid{grid-template-columns:1fr;}
  body .overview-next-actions{grid-column:auto;}
  body .overview-operation-metrics{grid-template-columns:repeat(2,minmax(0,1fr));}
  body .operation-status-head{flex-direction:column;padding:18px;}
  body .operation-status-scope{margin-top:0;}
  body .monitor-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  body .monitor-kpi{border-bottom:1px solid var(--hx-border);}
  body .monitor-kpi:nth-child(2n){border-right:0;}
  body .monitor-kpi:last-child{border-bottom:0;}
  body .operation-status-note{padding:10px 18px;}
  body .monitor-stage-track{align-items:center;flex-direction:column;overflow-x:visible;}
  body .monitor-stage{flex:none;min-height:78px;width:100%;}
  body .monitor-stage-arrow{transform:rotate(90deg);}
  body .monitor-operational-grid{grid-template-columns:1fr;}
  body .monitor-problems-summary{align-items:flex-start;flex-direction:column;gap:12px;}
  body .overview-actions-list li{align-items:start;grid-template-columns:9px minmax(0,1fr);}
  body .overview-actions-list li .button{grid-column:2;justify-self:start;}
}
@media (prefers-reduced-motion:reduce){
  body .monitor-stage:hover,body .active-flow-row:hover,body .overview-operation-metric:hover{transform:none;}
}

/* ========================================================================
   HENOX FASE 5D — BIBLIOTECA DE AUTOMAÇÕES + AUTOMATION STUDIO
   Camada visual somente: preserva IDs, listeners e o modelo Esteira > Etapas > Blocos.
   ======================================================================== */
body #page-remarketing #flow-list-view{display:block;max-width:1440px;margin:0 auto;}
body #page-remarketing #flow-list-view[hidden]{display:none!important;}
body #flow-editor-view[hidden]{display:none!important;}
body #flow-detail-view[hidden]{display:none!important;}
body #page-remarketing .remarketing-head{align-items:end;display:flex;gap:24px;justify-content:space-between;margin:30px 0 18px;}
body #page-remarketing .remarketing-head h2{font-size:clamp(26px,3vw,36px);letter-spacing:-.035em;margin:4px 0 6px;}
body #page-remarketing .remarketing-head>div>p:last-child{color:var(--muted);margin:0;max-width:560px;}
body #page-remarketing .flow-library-toolbar{align-items:center;display:flex;gap:10px;margin:0 0 18px;padding:10px;}
body #page-remarketing .flow-library-search{align-items:center;background:var(--inset);border:1px solid var(--hairline);border-radius:var(--hx-radius-sm);display:flex;flex:1;gap:8px;min-height:42px;padding:0 12px;}
body #page-remarketing .flow-library-search span{color:var(--faint);font-size:19px;line-height:1;}
body #page-remarketing .flow-library-search input{background:transparent;border:0;color:var(--ink);font-size:13px;min-width:0;outline:0;width:100%;}
body #page-remarketing .flow-library-toolbar select{min-height:42px;min-width:150px;}
body #page-remarketing .flow-library-count{color:var(--muted);font-size:12px;margin-left:auto;white-space:nowrap;}
body #page-remarketing .flow-cards{display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));}
body #page-remarketing .flow-card{display:flex;flex-direction:column;gap:0;min-height:300px;padding:20px;position:relative;transition:border-color var(--hx-duration-standard) var(--hx-ease-standard),box-shadow var(--hx-duration-standard) var(--hx-ease-standard),transform var(--hx-duration-standard) var(--hx-ease-standard);}
body #page-remarketing .flow-card:hover{border-color:var(--brand-line);box-shadow:var(--hx-shadow-2);transform:translateY(-3px);}
body #page-remarketing .flow-card-head{align-items:start;display:flex;justify-content:space-between;min-height:28px;}
body #page-remarketing .flow-card-head>div{align-items:center;display:flex;gap:10px;}
body #page-remarketing .flow-card-kicker{color:var(--faint);font-size:10px;font-weight:750;letter-spacing:.12em;}
body #page-remarketing .flow-card .flow-status{border:1px solid var(--hairline);border-radius:999px;font-size:11px;font-weight:700;padding:4px 9px;}
body #page-remarketing .flow-card-title-row{display:grid;gap:7px;margin:18px 0 5px;}
body #page-remarketing .flow-card h3{font-size:20px;letter-spacing:-.025em;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
body #page-remarketing .flow-card-channel{color:var(--muted);font-size:12px;}
body #page-remarketing .flow-card-description{color:var(--muted);font-size:13px;line-height:1.5;margin:0;min-height:39px;}
body #page-remarketing .flow-card-config,body #page-remarketing .flow-card-ops{display:grid;gap:8px 12px;grid-template-columns:repeat(2,minmax(0,1fr));}
body #page-remarketing .flow-card-config{border-bottom:1px solid var(--hairline);border-top:1px solid var(--hairline);margin:18px 0 12px;padding:14px 0;}
body #page-remarketing .flow-card-config span,body #page-remarketing .flow-card-ops span{color:var(--muted);font-size:11px;}
body #page-remarketing .flow-card-config strong,body #page-remarketing .flow-card-ops strong{color:var(--ink);display:block;font-size:13px;font-weight:700;margin-bottom:2px;}
body #page-remarketing .flow-card-ops{margin-bottom:10px;}
body #page-remarketing .flow-card-details{border-top:1px solid var(--hairline);margin-top:auto;padding-top:10px;}
body #page-remarketing .flow-card-details summary{color:var(--muted);cursor:pointer;font-size:12px;list-style:none;}
body #page-remarketing .flow-card-details summary::-webkit-details-marker{display:none;}
body #page-remarketing .flow-card-details summary::after{content:"＋";float:right;color:var(--brand);font-weight:700;}
body #page-remarketing .flow-card-details[open] summary::after{content:"−";}
body #page-remarketing .flow-card-details>div{display:flex;gap:12px;justify-content:space-between;padding-top:9px;}
body #page-remarketing .flow-card-details span{color:var(--muted);font-size:11px;}
body #page-remarketing .flow-card-details strong{font-size:11px;text-align:right;}
body #page-remarketing .flow-card-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;}
body #page-remarketing .flow-card-actions .button{min-height:38px;}
body #page-remarketing .flow-card-more{background:transparent;border:0;color:var(--muted);cursor:pointer;font-size:12px;margin-left:auto;padding:9px 4px;}
body #page-remarketing .flow-card-more:hover{color:var(--ink);}

body #flow-editor-view.automation-studio{max-width:1500px;margin:0 auto;}
body #flow-editor-view.automation-studio .editor-top{align-items:center;background:var(--surface);border:1px solid var(--hairline);border-radius:var(--hx-radius-lg);box-shadow:var(--hx-shadow-1);display:flex;gap:18px;margin:24px 0 18px;padding:14px 18px;}
body #flow-editor-view.automation-studio .editor-top #back-to-flows{flex:0 0 auto;}
body #flow-editor-view.automation-studio .editor-actions{margin-left:auto;}
body #flow-editor-view.automation-studio .ed-head{display:grid;gap:3px;min-width:0;order:1;}
body #flow-editor-view.automation-studio .ed-crumbs{align-items:center;color:var(--muted);display:flex;font-size:11px;gap:7px;}
body #flow-editor-view.automation-studio .ed-crumbs i{color:var(--faint);font-style:normal;}
body #flow-editor-view.automation-studio .ed-title{align-items:center;display:flex;gap:10px;min-width:0;}
body #flow-editor-view.automation-studio .ed-title h2{font-size:18px;margin:0;max-width:40vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
body #flow-editor-view.automation-studio .ed-chip{background:var(--brand-soft);border:1px solid var(--brand-line);border-radius:999px;color:var(--brand);font-size:10px;font-weight:750;padding:3px 8px;}
body #flow-editor-view.automation-studio .flow-editor-grid{align-items:start;display:grid;gap:18px;grid-template-columns:minmax(220px,.72fr) minmax(420px,1.45fr) minmax(260px,.82fr);}
body #flow-editor-view.automation-studio .flow-config{background:transparent;border:0;box-shadow:none;padding:0;}
body #flow-editor-view.automation-studio .flow-config .form-stack{display:grid;gap:12px;}
body #flow-editor-view.automation-studio .cfg-card,body #flow-editor-view.automation-studio #execution-control{background:var(--surface);border:1px solid var(--hairline);border-radius:var(--hx-radius-md);box-shadow:var(--hx-shadow-1);display:grid;gap:10px;margin:0;padding:15px 16px;}
body #flow-editor-view.automation-studio .cfg-card h3{font-size:11px;letter-spacing:.08em;margin:0;text-transform:uppercase!important;}
body #flow-editor-view.automation-studio .cfg-card label,body #flow-editor-view.automation-studio #execution-control label{font-size:12px;}
body #flow-editor-view.automation-studio .cfg-card small,body #flow-editor-view.automation-studio #execution-control small{color:var(--muted);font-size:11px;line-height:1.45;}
body #flow-editor-view.automation-studio .steps-builder{background:var(--surface-soft,var(--surface));border:1px solid var(--hairline);border-radius:var(--hx-radius-lg);box-shadow:none;min-width:0;padding-bottom:28px;}
body #flow-editor-view.automation-studio .steps-builder>.panel-title{padding:18px 20px 10px;}
body #flow-editor-view.automation-studio .steps-builder>.panel-title h2{font-size:16px;}
body #flow-editor-view.automation-studio .steps-list{display:grid;gap:18px;padding:10px 20px;}
body #flow-editor-view.automation-studio .sequence-entry-marker{align-items:center;background:linear-gradient(135deg,var(--brand-soft),transparent);border:1px solid var(--brand-line);border-radius:var(--hx-radius-md);display:flex;gap:12px;margin:6px auto -2px;max-width:560px;padding:12px 16px;position:relative;width:calc(100% - 40px);}
body #flow-editor-view.automation-studio .sequence-entry-marker::after{background:var(--brand-line);bottom:-19px;content:"";height:18px;left:28px;position:absolute;width:1px;}
body #flow-editor-view.automation-studio .sequence-entry-icon{align-items:center;background:var(--brand);border-radius:50%;color:#fff;display:flex;font-size:15px;height:28px;justify-content:center;width:28px;}
body #flow-editor-view.automation-studio .sequence-entry-marker strong,body #flow-editor-view.automation-studio .sequence-entry-marker span:last-child{display:block;}
body #flow-editor-view.automation-studio .sequence-entry-marker span:last-child{color:var(--muted);font-size:11px;margin-top:2px;}
body #flow-editor-view.automation-studio .step-card{background:transparent;border:0;box-shadow:none;display:grid;gap:12px;justify-items:center;padding:0;}
body #flow-editor-view.automation-studio .step-card>header{background:var(--surface);border:1px solid var(--hairline-strong);border-radius:var(--hx-radius-pill);box-shadow:var(--hx-shadow-1);max-width:560px;padding:7px 10px 7px 16px;width:100%;}
body #flow-editor-view.automation-studio .step-card .step-index{color:var(--brand);font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase!important;}
body #flow-editor-view.automation-studio .step-card .step-fields{max-width:560px;width:100%;}
body #flow-editor-view.automation-studio .blocks-list{display:grid;gap:12px;max-width:560px;width:100%;}
body #flow-editor-view.automation-studio .blocks-list>.flow-block{background:var(--surface);border:1px solid var(--hairline);border-radius:var(--hx-radius-md);box-shadow:var(--hx-shadow-1);max-width:560px;position:relative;width:100%;transition:border-color var(--hx-duration-fast) var(--hx-ease-standard),box-shadow var(--hx-duration-fast) var(--hx-ease-standard),transform var(--hx-duration-fast) var(--hx-ease-standard);}
body #flow-editor-view.automation-studio .blocks-list>.flow-block:hover{border-color:var(--brand-line);transform:translateY(-1px);}
body #flow-editor-view.automation-studio .blocks-list>.flow-block+.flow-block::before{background:var(--hairline-strong);content:"";height:12px;left:50%;position:absolute;top:-12px;width:1px;}
body #flow-editor-view.automation-studio .flow-block.is-selected{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft),var(--hx-shadow-2);transform:translateY(-2px);}
body #flow-editor-view.automation-studio #props-slot{align-self:start;border:1px dashed var(--hairline-strong);border-radius:var(--hx-radius-lg);min-height:300px;position:sticky;top:86px;}
body #flow-editor-view.automation-studio #props-slot .props-empty{align-content:center;color:var(--muted);display:grid;gap:8px;justify-items:center;min-height:300px;padding:24px;text-align:center;}
body #flow-editor-view.automation-studio #props-slot .props-empty strong{font-size:14px;}
body #flow-editor-view.automation-studio .block-props .block-text{max-height:160px;min-height:96px;overflow-y:auto;resize:vertical;}
body #flow-editor-view.automation-studio .flow-block .block-summary{line-height:1.4;max-height:2.8em;overflow:hidden;text-overflow:ellipsis;}
body #flow-editor-view.automation-studio .block-props .media-card{display:grid;gap:10px;padding:0;}
body #flow-editor-view.automation-studio .block-props .media-preview{align-items:center;background:var(--inset);border:1px dashed var(--hairline-strong);border-radius:var(--hx-radius-sm);display:flex;justify-content:center;max-height:220px;min-height:120px;overflow:hidden;}
body #flow-editor-view.automation-studio .block-props .media-preview img{display:block;height:auto;max-height:180px;max-width:100%;object-fit:contain;width:auto;}
body #flow-editor-view.automation-studio .block-props .media-meta{color:var(--muted);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
body #flow-editor-view.automation-studio .block-props .block-file{width:100%;}
body #flow-editor-view.automation-studio .block-props .block-wait{display:grid;gap:10px;grid-template-columns:minmax(0,112px) minmax(0,1fr);}
body #flow-editor-view.automation-studio #block-palette{background:var(--surface);border:1px solid var(--hairline-strong);border-radius:var(--hx-radius-lg);box-shadow:var(--hx-shadow-2);margin:10px auto 0;max-width:calc(100% - 24px);padding:9px;position:sticky;top:auto;}
body #flow-editor-view.automation-studio #block-palette .palette-chip{background:transparent;border-color:transparent;border-radius:var(--hx-radius-sm);min-height:34px;transition:background var(--hx-duration-fast) var(--hx-ease-standard),border-color var(--hx-duration-fast) var(--hx-ease-standard);}
body #flow-editor-view.automation-studio #block-palette .palette-chip:hover,body #flow-editor-view.automation-studio #block-palette .palette-chip:focus-visible{background:var(--brand-soft);border-color:var(--brand-line);}
body #flow-editor-view.automation-studio .editor-guide{display:none;}
body #flow-editor-view.automation-studio :is(button,input,select,textarea){min-height:38px;}

@media (max-width:760px){
  body .phase4-workspace-head,body .phase4-isolated-head,body .phase4-panel-head{align-items:stretch;flex-direction:column;gap:12px}
  body .phase4-form-grid,body .phase4-intelligent-grid,body .phase4-facts{grid-template-columns:1fr}
  body .phase4-actions{flex-direction:column}
  body .phase4-actions .button{width:100%}
  body .phase4-capacity{align-items:stretch;flex-direction:column;gap:12px}
  body .phase5e-mode-switch{display:flex;scroll-snap-type:x proximity}
  body .phase5e-mode-switch .phase4-tab{flex:0 0 min(78vw,220px);scroll-snap-align:start}
}

@media (max-width:1120px){
  body #flow-editor-view.automation-studio .flow-editor-grid{grid-template-columns:minmax(200px,.7fr) minmax(0,1.3fr);}
  body #flow-editor-view.automation-studio #props-slot{grid-column:1/-1;position:relative;top:auto;}
}
@media (max-width:760px){
  body #page-remarketing .remarketing-head{align-items:stretch;flex-direction:column;gap:14px;margin-top:20px;}
  body #page-remarketing .remarketing-head .button{width:100%;}
  body #page-remarketing .flow-library-toolbar{align-items:stretch;flex-wrap:wrap;}
  body #page-remarketing .flow-library-search{flex-basis:100%;}
  body #page-remarketing .flow-library-toolbar select{flex:1;min-width:0;}
  body #page-remarketing .flow-library-count{flex-basis:100%;margin-left:0;}
  body #page-remarketing .flow-cards{grid-template-columns:1fr;}
  body #page-remarketing .flow-card{min-height:0;padding:17px;}
  body #flow-editor-view.automation-studio .editor-top{align-items:stretch;flex-wrap:wrap;padding:12px;}
  body #flow-editor-view.automation-studio .ed-head{flex-basis:calc(100% - 130px);order:0;}
  body #flow-editor-view.automation-studio .ed-title h2{max-width:55vw;}
  body #flow-editor-view.automation-studio .editor-actions{margin-left:auto;order:2;}
  body #flow-editor-view.automation-studio .flow-editor-grid{display:flex;flex-direction:column;gap:12px;}
  body #flow-editor-view.automation-studio .flow-config,body #flow-editor-view.automation-studio .steps-builder,body #flow-editor-view.automation-studio #props-slot{width:100%;}
  body #flow-editor-view.automation-studio .steps-list{padding:10px 12px;}
  body #flow-editor-view.automation-studio .sequence-entry-marker{width:calc(100% - 24px);}
  body #flow-editor-view.automation-studio #props-slot{min-height:180px;}
  body #flow-editor-view.automation-studio #props-slot .props-empty{min-height:180px;}
  body #flow-editor-view.automation-studio #block-palette .palette-category{align-items:flex-start;flex-direction:column;}
}
@media (prefers-reduced-motion:reduce){
  body #page-remarketing .flow-card,body #flow-editor-view.automation-studio .flow-block{transition:none;}
  body #page-remarketing .flow-card:hover,body #flow-editor-view.automation-studio .flow-block:hover,body #flow-editor-view.automation-studio .flow-block.is-selected{transform:none;}
}

/* Tema claro: neutraliza superfícies legadas escuras sem alterar o contrato funcional. */
:root[data-theme="light"] body .sidebar{
  background:var(--surface);
  border-right:1px solid var(--hairline);
  box-shadow:var(--shadow);
  color:var(--ink);
  position:fixed;
  top:0;
  left:0;
  height:100vh;
  z-index:var(--hx-z-sidebar);
}
:root[data-theme="light"] body .nav-item{color:var(--muted);}
:root[data-theme="light"] body .nav-item:hover{background:var(--raised);border-color:var(--hairline);color:var(--ink);}
:root[data-theme="light"] body .nav-item.active{background:var(--brand-soft);border-color:var(--brand-line);box-shadow:none;color:var(--brand-strong);}
:root[data-theme="light"] body .nav-item span{color:currentColor;}
:root[data-theme="light"] body .nav-group{color:var(--faint);}
:root[data-theme="light"] body .sidebar-foot{background:var(--raised);border-color:var(--hairline);color:var(--muted);}
:root[data-theme="light"] body .sidebar-foot .pulse{background:var(--ok);box-shadow:none;}
:root[data-theme="light"] body .app-header{background:rgba(255,255,255,.94);border-bottom-color:var(--hairline);box-shadow:var(--shadow);}
:root[data-theme="light"] body .panel,
:root[data-theme="light"] body .stat-card,
:root[data-theme="light"] body .capture-mode-card,
:root[data-theme="light"] body .flow-card,
:root[data-theme="light"] body .connection-card,
:root[data-theme="light"] body .overview-status-card,
:root[data-theme="light"] body .overview-next-actions,
:root[data-theme="light"] body .overview-operation-metric{
  background:var(--surface);
  border-color:var(--hairline);
  box-shadow:var(--shadow);
  color:var(--ink);
}
:root[data-theme="light"] body .panel:hover,
:root[data-theme="light"] body .stat-card:hover,
:root[data-theme="light"] body .capture-mode-card:hover,
:root[data-theme="light"] body .flow-card:hover,
:root[data-theme="light"] body .connection-card:hover{border-color:var(--brand-line);box-shadow:var(--shadow);}
:root[data-theme="light"] body input,
:root[data-theme="light"] body select,
:root[data-theme="light"] body textarea{background:var(--surface);border-color:var(--hairline-strong);color:var(--ink);}
:root[data-theme="light"] body input:focus-visible,
:root[data-theme="light"] body select:focus-visible,
:root[data-theme="light"] body textarea:focus-visible{background:var(--surface);border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft);}
:root[data-theme="light"] body .panel-title{border-bottom-color:var(--hairline);}
:root[data-theme="light"] body .empty-state,
:root[data-theme="light"] body .empty-inline{background:var(--raised);border-color:var(--hairline-strong);color:var(--muted);}
:root[data-theme="light"] body .henrix-confirm-card,
:root[data-theme="light"] body .monitor-queue-dialog,
:root[data-theme="light"] body .drawer,
:root[data-theme="light"] body .modal{background:var(--surface);border-color:var(--hairline-strong);box-shadow:0 18px 48px rgba(20,23,31,.18);color:var(--ink);}

/* Identidade do usuário no header claro: superfície leve, legível e sem herdar o pill escuro do tema tecnológico. */
:root[data-theme="light"] body .app-header .user-profile{
  align-items:center;
  background:linear-gradient(180deg,#ffffff 0%,#f6f8fc 100%);
  border:1px solid var(--hairline-strong);
  border-radius:12px;
  box-shadow:0 5px 14px rgba(36,50,90,.08),inset 0 1px 0 rgba(255,255,255,.9);
  gap:9px;
  min-height:42px;
  padding:5px 11px 5px 6px;
}
:root[data-theme="light"] body .app-header .user-profile-avatar{
  background:linear-gradient(145deg,#eef4ff 0%,#dfeaff 100%);
  border:1px solid rgba(47,63,240,.22);
  box-shadow:0 2px 7px rgba(47,63,240,.12);
  color:var(--brand-strong);
  font-size:12px;
  height:30px;
  width:30px;
}
:root[data-theme="light"] body .app-header .user-profile-copy{gap:2px;line-height:1.15;}
:root[data-theme="light"] body .app-header .user-profile-copy strong{
  color:var(--ink);
  font-size:12px;
  font-weight:750;
}
:root[data-theme="light"] body .app-header .user-profile-copy small{
  color:var(--muted);
  font-size:10px;
  margin-top:0;
}
:root[data-theme="light"] body .app-header #hx-logout{
  background:var(--surface);
  border-color:var(--hairline-strong);
  color:var(--muted);
  min-height:42px;
  padding:10px 14px;
}
:root[data-theme="light"] body .app-header #hx-logout:hover{
  background:var(--raised);
  border-color:var(--brand-line);
  color:var(--brand-strong);
}

/* Leads: viewport compacto para manter a lista navegável sem alongar a página. */
body #page-leads .table-scroll{
  max-height:clamp(260px,42vh,360px);
  overflow-x:auto;
  overflow-y:auto;
  overscroll-behavior:contain;
  scrollbar-color:var(--brand) transparent;
  scrollbar-width:thin;
}
body #page-leads .table-scroll::-webkit-scrollbar{width:8px;height:8px}
body #page-leads .table-scroll::-webkit-scrollbar-thumb{background:var(--brand);border-radius:999px}
body #page-leads .table-scroll::-webkit-scrollbar-track{background:transparent}
body #page-leads #leads-table td{
  height:34px;
  padding:4px 12px;
  line-height:1.2;
}
body #page-leads #leads-table td:first-child .lead-name{
  max-width:180px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
body #page-leads #leads-table select{
  height:30px;
  min-height:30px;
  padding-bottom:0;
  padding-top:0;
}
body #page-leads #leads-table .lead-delete-button{
  min-height:30px;
  min-width:34px;
  padding:5px 8px;
}

@media (max-width:760px){
  body #page-leads .table-scroll{
    max-height:none;
    overflow:visible;
  }
  body #page-leads #leads-table{min-width:0}
  body #page-leads #leads-table td{height:auto}
}

/* Biblioteca de esteiras: cards mais compactos, mantendo os dados e as ações. */
body #page-remarketing .flow-card{
  min-height:230px;
  padding:14px;
}
body #page-remarketing .flow-card-head{min-height:24px}
body #page-remarketing .flow-card-head>div{gap:7px}
body #page-remarketing .flow-card-kicker{font-size:9px}
body #page-remarketing .flow-card .flow-status{font-size:10px;padding:3px 8px}
body #page-remarketing .flow-card-title-row{gap:4px;margin:11px 0 4px}
body #page-remarketing .flow-card h3{font-size:17px}
body #page-remarketing .flow-card-channel{font-size:11px}
body #page-remarketing .flow-card-description{font-size:12px;line-height:1.35;min-height:0}
body #page-remarketing .flow-card-config{gap:6px 10px;margin:11px 0 8px;padding:9px 0}
body #page-remarketing .flow-card-config span,body #page-remarketing .flow-card-ops span{font-size:10px}
body #page-remarketing .flow-card-config strong,body #page-remarketing .flow-card-ops strong{font-size:12px;margin-bottom:1px}
body #page-remarketing .flow-card-ops{margin-bottom:6px}
body #page-remarketing .flow-card-details{padding-top:7px}
body #page-remarketing .flow-card-details summary{font-size:11px}
body #page-remarketing .flow-card-details>div{padding-top:6px}
body #page-remarketing .flow-card-actions{gap:6px;margin-top:10px}
body #page-remarketing .flow-card-actions .button{min-height:34px;padding:8px 13px}
body #page-remarketing .flow-card-more{padding:7px 3px}

@media (max-width:760px){
  body #page-remarketing .flow-card{padding:13px}
}

/* Etiquetas de saída: após selecionar, mantém apenas um resumo reabrível. */
body #flow-editor-view .form-stack label.exit-tags-collapsed small{display:none}
body #flow-editor-view #flow-exit-tags[hidden]{display:none}
body #flow-editor-view .flow-exit-tags-summary{
  align-items:center;
  background:var(--brand-soft);
  border:1px solid var(--brand-line);
  border-radius:var(--radius-sm);
  color:var(--brand-strong);
  cursor:pointer;
  display:flex;
  font:600 13px/1.3 var(--font-ui);
  justify-content:flex-start;
  margin-top:0;
  min-height:38px;
  overflow:hidden;
  padding:8px 12px;
  text-align:left;
  text-overflow:ellipsis;
  white-space:nowrap;
  width:100%;
}
body #flow-editor-view .flow-exit-tags-summary:hover,
body #flow-editor-view .flow-exit-tags-summary:focus-visible{background:var(--raised);border-color:var(--brand);}

/* ============================================================
   HENOX — Visão geral "Sala de controle"
   Só a página #page-overview. Usa os tokens de henox-ui.css
   (petróleo no escuro, claro no claro). Carrega por último.
   ============================================================ */
#page-overview{
  --ov-ok:var(--ok,#34d399); --ov-warn:var(--warn,#f0b429); --ov-bad:var(--bad,#ff6b7a); --ov-idle:var(--faint,#64748b);
  --ov-ease:cubic-bezier(.16,1,.3,1);
}
body #page-overview>*+*{margin-top:16px}
body #page-overview ::selection{background:var(--brand-soft,rgba(22,139,255,.2));color:var(--ink)}
body #page-overview h2{color:var(--ink);font-size:15px;font-weight:650;letter-spacing:-.01em;margin:0}

/* ---- cabeçalho de painel ---- */
body #page-overview .ov-panel-head{align-items:center;display:flex;gap:12px;justify-content:space-between;min-height:28px;padding:0 0 14px}
body #page-overview .panel>.ov-panel-head{border-bottom:1px solid var(--hairline);padding:16px 20px}
body #page-overview .text-button{background:none;border:0;color:var(--brand);cursor:pointer;font-size:13px;font-weight:600;padding:4px 0}
body #page-overview .text-button:hover{text-decoration:underline;text-underline-offset:3px}

/* ============ ponte de sinais ============ */
body #page-overview .ov-bridge{
  --tone:var(--ov-idle);
  background:
    linear-gradient(180deg,color-mix(in srgb,var(--tone) 9%,transparent),transparent 70%),
    var(--surface);
  border:1px solid color-mix(in srgb,var(--tone) 28%,var(--hairline));
  border-radius:16px;overflow:hidden;padding:22px 24px 20px;position:relative;
  transition:border-color .6s var(--ov-ease),background .6s var(--ov-ease);
}
body #page-overview .ov-bridge[data-tone="ok"]{--tone:var(--ov-ok)}
body #page-overview .ov-bridge[data-tone="warn"]{--tone:var(--ov-warn)}
body #page-overview .ov-bridge[data-tone="bad"]{--tone:var(--ov-bad)}
/* varredura: o único movimento contínuo da página */
body #page-overview .ov-bridge::after{
  animation:ov-sweep 7s var(--ov-ease) 1.2s infinite;
  background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--tone) 55%,transparent),transparent);
  content:"";height:1px;left:0;pointer-events:none;position:absolute;top:0;width:40%;transform:translateX(-100%);
}
@keyframes ov-sweep{0%{transform:translateX(-100%)}55%,100%{transform:translateX(260%)}}

body #page-overview .ov-bridge-head{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:20px}
body #page-overview .ov-bridge-head h2{font-size:clamp(22px,2.4vw,30px);font-weight:700;letter-spacing:-.03em;line-height:1.15}
body #page-overview #ov-verdict{color:var(--muted);font-size:14px;margin:6px 0 0;max-width:68ch}
body #page-overview .ov-live{align-items:center;border:1px solid var(--hairline);border-radius:999px;color:var(--muted);display:inline-flex;flex:none;font-size:12px;font-weight:600;gap:8px;padding:5px 11px}
body #page-overview .ov-live i{background:var(--tone);border-radius:50%;height:7px;width:7px;animation:ov-breathe 2.4s ease-in-out infinite}

body #page-overview .ov-signals{display:grid;gap:0;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;margin:0;padding:0}
body #page-overview .ov-signal{
  --s:var(--ov-idle);
  border-left:1px solid var(--hairline);display:grid;gap:2px 10px;grid-template-columns:22px 1fr;padding:4px 18px;position:relative;
}
body #page-overview .ov-signal:first-child{border-left:0;padding-left:0}
body #page-overview .ov-signal[data-tone="ok"]{--s:var(--ov-ok)}
body #page-overview .ov-signal[data-tone="warn"]{--s:var(--ov-warn)}
body #page-overview .ov-signal[data-tone="bad"]{--s:var(--ov-bad)}
body #page-overview .ov-signal svg{fill:none;grid-row:1/4;height:20px;margin-top:1px;stroke:var(--s);stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7;width:20px;transition:stroke .4s}
body #page-overview .ov-signal span{align-items:center;color:var(--muted);display:flex;font-size:12.5px;font-weight:600;gap:7px}
body #page-overview .ov-signal span::after{background:var(--s);border-radius:50%;box-shadow:0 0 0 0 var(--s);content:"";height:6px;width:6px;transition:background .4s}
body #page-overview .ov-signal[data-tone="ok"] span::after{animation:ov-breathe 2.4s ease-in-out infinite}
body #page-overview .ov-signal[data-tone="warn"] span::after,body #page-overview .ov-signal[data-tone="bad"] span::after{animation:ov-ping 1.6s var(--ov-ease) infinite}
body #page-overview .ov-signal strong{color:var(--ink);font-size:22px;font-variant-numeric:tabular-nums;font-weight:700;letter-spacing:-.02em;line-height:1.2}
body #page-overview .ov-signal[data-tone="warn"] strong{color:var(--ov-warn)}
body #page-overview .ov-signal[data-tone="bad"] strong{color:var(--ov-bad)}
body #page-overview .ov-signal small{color:var(--faint);font-size:12px;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@keyframes ov-breathe{0%,100%{opacity:1}50%{opacity:.45}}
@keyframes ov-ping{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--s,var(--tone)) 60%,transparent)}100%{box-shadow:0 0 0 7px transparent}}

/* ============ trilha de envio + atenção ============ */
body #page-overview .overview-operation{margin:16px 0 0}
body #page-overview .overview-operation-grid{display:grid;gap:16px;grid-template-columns:minmax(0,1.7fr) minmax(280px,1fr)}
body #page-overview .ov-track-panel,body #page-overview .overview-next-actions{
  background:var(--surface);border:1px solid var(--hairline);border-radius:var(--radius,14px);box-shadow:none;min-height:0;padding:18px 20px 20px;
}
body #page-overview .overview-status-card{align-items:center;background:none;border:0;border-radius:999px;box-shadow:none;display:inline-flex;flex-direction:row;gap:8px;min-height:0;padding:0}
body #page-overview .overview-status-card::after{display:none}
body #page-overview .overview-status-card strong{color:var(--muted);font-size:13px;font-weight:600}
body #page-overview .overview-status-dot{box-shadow:none;height:8px;width:8px}

/* a trilha: seis estágios ligados por um trilho */
body #page-overview .overview-operation-metrics{counter-reset:none;display:grid;gap:0;grid-template-columns:repeat(5,minmax(0,1fr));position:relative}
body #page-overview .overview-operation-metrics::before{background:var(--hairline-strong);content:"";height:2px;left:8px;position:absolute;right:8px;top:7px}
body #page-overview .overview-operation-metric{
  --m:var(--ov-idle);
  background:none;border:0;border-radius:0;display:flex;flex-direction:column-reverse;gap:4px;justify-content:flex-end;min-height:0;padding:26px 8px 0 0;position:relative;transform:none;
}
body #page-overview .overview-operation-metric:hover{transform:none}
body #page-overview .overview-operation-metric::before{background:var(--surface);border:2px solid var(--m);border-radius:50%;content:"";height:12px;left:0;position:absolute;top:1px;transition:background .4s,border-color .4s;width:12px}
body #page-overview .overview-operation-metric.has-value{--m:var(--brand)}
body #page-overview .overview-operation-metric.has-value::before{background:var(--m);box-shadow:0 0 0 4px color-mix(in srgb,var(--m) 18%,transparent)}
body #page-overview .overview-operation-metric.running.has-value::before{animation:ov-ping 1.8s var(--ov-ease) infinite;--s:var(--m)}
body #page-overview .overview-operation-metric.retry.has-value,body #page-overview .overview-operation-metric.review.has-value{--m:var(--ov-warn)}
body #page-overview .overview-operation-metric.failed.has-value{--m:var(--ov-bad)}
body #page-overview .overview-operation-metric span{color:var(--muted);font-size:12.5px}
body #page-overview .overview-operation-metric strong{color:var(--ink);font-size:28px;font-variant-numeric:tabular-nums;font-weight:700;letter-spacing:-.03em;line-height:1}
body #page-overview .overview-operation-metric:not(.has-value) strong{color:var(--faint)}
body #page-overview .overview-operation-metric.has-value:not(.queue):not(.delay):not(.running) strong{color:var(--m)}

body #page-overview .overview-actions-list{display:grid;gap:0;list-style:none;margin:0;padding:0}
body #page-overview .overview-actions-list li{align-items:center;border-top:1px solid var(--hairline);display:grid;gap:12px;grid-template-columns:8px minmax(0,1fr) auto;padding:12px 0}
body #page-overview .overview-actions-list li:first-child{border-top:0;padding-top:0}
body #page-overview .overview-actions-list strong{color:var(--ink);font-size:13.5px}
body #page-overview .overview-actions-list small{color:var(--muted);font-size:12.5px}
body #page-overview .overview-actions-list .button{font-size:12.5px;padding:8px 11px}
body #page-overview .overview-action-icon{height:8px;width:8px}
body #page-overview .overview-muted{border:0;color:var(--muted);display:block;font-size:13px}

/* ============ captação + composição ============ */
body #page-overview .ov-growth{display:grid;gap:16px;grid-template-columns:minmax(0,1.7fr) minmax(280px,1fr)}
body #page-overview .ov-growth>.panel,body #page-overview .recent-leads-panel{border-radius:var(--radius,14px)}
body #page-overview .ov-readout{display:grid;grid-template-columns:1.3fr 1fr 1fr;margin:0;padding:18px 20px 4px}
body #page-overview .ov-readout>div{border-left:1px solid var(--hairline);padding:0 18px}
body #page-overview .ov-readout>div:first-child{border-left:0;padding-left:0}
body #page-overview .ov-readout dt{color:var(--muted);font-size:12.5px;font-weight:600}
body #page-overview .ov-readout dd{margin:0}
body #page-overview .ov-readout dd:not(.ov-trend){color:var(--ink);font-size:clamp(28px,3vw,40px);font-variant-numeric:tabular-nums;font-weight:750;letter-spacing:-.04em;line-height:1.1;margin-top:4px}
body #page-overview .ov-readout>div:first-child dd:not(.ov-trend){color:var(--brand)}
body #page-overview .ov-trend,body #page-overview .ov-trend small{color:var(--faint);font-size:12px}

body #page-overview .ov-area-chart{color:var(--brand);padding:6px 12px 10px}
body #page-overview .ov-area{display:block;height:auto;overflow:visible;width:100%}
body #page-overview .ov-base{stroke:var(--hairline-strong);stroke-width:1}
body #page-overview .ov-line{fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:2.5}
body #page-overview .ov-col line{opacity:0;stroke:var(--hairline-strong);stroke-dasharray:2 4;transition:opacity .2s}
body #page-overview .ov-col circle{fill:var(--surface);stroke:currentColor;stroke-width:2}
body #page-overview .ov-col .ov-val{fill:var(--muted);font:600 12px var(--font-ui);font-variant-numeric:tabular-nums;opacity:0;transition:opacity .2s}
body #page-overview .ov-col .ov-day{fill:var(--faint);font:500 11.5px var(--font-ui);text-transform:capitalize!important}
body #page-overview .ov-col.is-today .ov-day{fill:var(--ink);font-weight:700}
body #page-overview .ov-col.is-today circle{fill:currentColor}
body #page-overview .ov-col.is-peak .ov-val,body #page-overview .ov-col.is-today .ov-val,body #page-overview .ov-col:hover .ov-val{fill:var(--ink);opacity:1}
body #page-overview .ov-col:hover line{opacity:1}
/* desenho do gráfico na primeira carga */
body #page-overview .ov-area.is-first .ov-line{animation:ov-draw 1.4s var(--ov-ease) .15s both;stroke-dasharray:1;stroke-dashoffset:1}
body #page-overview .ov-area.is-first .ov-fill{animation:ov-fade .9s var(--ov-ease) .7s both}
body #page-overview .ov-area.is-first .ov-col{animation:ov-fade .6s var(--ov-ease) both}
@keyframes ov-draw{to{stroke-dashoffset:0}}
@keyframes ov-fade{from{opacity:0}}

body #page-overview .ov-mix{display:flex;flex-direction:column}
body #page-overview .ov-mix .donut-panel{display:flex;justify-content:center;padding:16px 20px 4px}
body #page-overview .ov-mix .distribution{border-top:1px solid var(--hairline);display:block;margin-top:8px;max-height:220px;overflow:auto;padding:10px 20px 14px}

body #page-overview .recent-leads-panel table tbody td{font-variant-numeric:tabular-nums}

/* ============ responsivo ============ */
@media (max-width:1100px){
  body #page-overview .overview-operation-grid,body #page-overview .ov-growth{grid-template-columns:1fr}
}
@media (max-width:760px){
  body #page-overview .ov-bridge{padding:18px 16px}
  body #page-overview .ov-signals{gap:16px 0;grid-template-columns:repeat(2,minmax(0,1fr))}
  body #page-overview .ov-signal:nth-child(3){border-left:0;padding-left:0;grid-column:1/-1}
  body #page-overview .ov-signal small{white-space:normal}
  body #page-overview .overview-operation-metrics{gap:18px 0;grid-template-columns:repeat(3,minmax(0,1fr))}
  body #page-overview .overview-operation-metrics::before{display:none}
  body #page-overview .ov-readout{gap:14px 0;grid-template-columns:1fr 1fr}
  body #page-overview .ov-readout>div:first-child{grid-column:1/-1}
  body #page-overview .ov-readout>div:nth-child(2){border-left:0;padding-left:0}
  body #page-overview .overview-actions-list li{grid-template-columns:8px minmax(0,1fr)}
  body #page-overview .overview-actions-list li .button{grid-column:2;justify-self:start}
}
@media (prefers-reduced-motion:reduce){
  body #page-overview *,body #page-overview *::before,body #page-overview *::after,body #page-overview .ov-bridge::after{animation:none!important;transition:none!important}
  body #page-overview .ov-area .ov-line{stroke-dashoffset:0}
}
body #page-overview .ov-mix.is-uninformative{display:flex!important}
body #page-overview .ov-mix.is-uninformative .donut-panel{display:flex}


/* ---- login: ajuste de layout (29/09) ---- */
body .hx-login-scene{grid-template-columns:minmax(0,1.15fr) minmax(380px,460px);max-width:1320px;min-height:min(760px,calc(100vh - 64px))}
body .hx-login-hero{padding:clamp(40px,6vw,88px);padding-right:clamp(24px,3vw,48px);max-width:680px}
body .hx-login-brand{margin-bottom:clamp(28px,4vh,48px)}
body .hx-login-hero h1{font-size:clamp(42px,4.6vw,72px);line-height:1.02;margin-bottom:24px}
body .hx-login-copy{font-size:clamp(16px,1.3vw,19px)!important;margin-bottom:36px!important;max-width:34ch}
/* a animação fica só atrás do cartão, sem cruzar o texto */
body .hx-login-network{left:auto;right:0;width:min(52%,700px);-webkit-mask-image:radial-gradient(closest-side,#000 55%,transparent);mask-image:radial-gradient(closest-side,#000 55%,transparent);opacity:.55}
body .hx-login-network .hx-orbit{height:62%;left:12%;top:19%;width:76%}
body .hx-login-network .hx-orbit-b{height:44%;left:22%;top:28%;width:56%}
body .hx-login-network .hx-orbit-c{height:78%;left:38%;top:11%;width:24%}
body .hx-login-network i:nth-child(1){left:30%;top:20%}body .hx-login-network i:nth-child(2){left:78%;top:30%}body .hx-login-network i:nth-child(3){left:18%;top:68%}body .hx-login-network i:nth-child(4){left:70%;top:80%}
body .hx-login-card{margin:clamp(24px,4vw,56px);margin-left:0;gap:14px}
body .hx-login-card-head{margin-bottom:6px}
body .hx-login-card h2{font-size:30px}
body .hx-login-benefits{gap:28px;max-width:none}
body .hx-login-benefits span{border:0;font-size:13.5px;grid-template-columns:44px 1fr;margin:0;padding:0}
body .hx-login-benefits b{border:1px solid rgba(0,186,255,.55);height:36px;width:36px;background:rgba(0,140,255,.08)}
body .hx-login-benefits svg{fill:none;stroke:#27c6ff;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7}
@media (max-width:900px){body .hx-login-network{width:100%;opacity:.3}body .hx-login-card{margin:18px 28px 42px}}
@media (max-width:560px){body .hx-login-benefits{gap:14px}body .hx-login-card{margin:10px 16px 28px!important}}

/* visão geral: trilha centralizada e gráfico mais baixo */
body #page-overview .ov-track-panel{display:flex;flex-direction:column}
body #page-overview .ov-track-panel .overview-operation-metrics{margin:auto 0}
body #page-overview .ov-track-note{border-top:1px solid var(--hairline);color:var(--faint);font-size:12.5px;margin:18px 0 0;padding-top:12px}
body #page-overview .ov-area-chart{padding:4px 16px 8px}
body #page-overview .ov-col .ov-day{font-size:16px}
body #page-overview .ov-col .ov-val{font-size:17px}
body #page-overview .ov-col circle{r:5}

/* ---- conexões: esteiras do WhatsApp (etiquetas + pop-up) ---- */
body .whatsapp-connection-card .wa-flows{border-top:1px solid var(--hairline);display:grid;gap:10px;padding:14px 18px 16px}
body .wa-flows-head{align-items:center;display:flex;justify-content:space-between;gap:12px}
body .wa-flows-head strong{color:var(--ink);font-size:14px}
body .wa-flows-add{background:var(--brand-soft);border:1px solid var(--brand-line-soft);border-radius:999px;color:var(--brand);cursor:pointer;font:600 13px var(--font-ui);padding:6px 12px}
body .wa-flows-add:hover{border-color:var(--brand)}
body .wa-flows-chips{display:flex;flex-wrap:wrap;gap:8px}
body .wa-flows-chips small{color:var(--muted);font-size:12.5px}
body .wa-flow-chip{align-items:center;background:var(--raised);border:1px solid var(--hairline-strong);border-radius:999px;color:var(--ink);display:inline-flex;font-size:13px;gap:6px;max-width:100%;padding:4px 4px 4px 12px}
body .wa-flow-remove{align-items:center;background:transparent;border:0;border-radius:50%;color:var(--muted);cursor:pointer;display:inline-flex;font-size:16px;height:22px;justify-content:center;line-height:1;padding:0;width:22px}
body .wa-flow-remove:hover{background:rgba(255,107,122,.14);color:var(--bad)}
body .wa-flow-picker{background:var(--raised);border:1px solid var(--hairline-strong);border-radius:12px;box-shadow:0 18px 48px rgba(0,0,0,.45);display:grid;gap:8px;padding:10px;position:fixed;z-index:300}
body .wa-flow-picker-list{display:grid;gap:2px;max-height:220px;overflow:auto}
body .wa-flow-picker-list button{background:transparent;border:0;border-radius:8px;color:var(--ink);cursor:pointer;font:500 13.5px var(--font-ui);padding:9px 10px;text-align:left}
body .wa-flow-picker-list button:hover,body .wa-flow-picker-list button:focus-visible{background:var(--brand-soft);color:var(--ink)}
body .wa-flow-picker-list small{color:var(--muted);padding:8px 10px}
/* cartão de conexão: botões quebram linha, nunca estouram */
body .whatsapp-connection-card .connection-card-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px}
body .whatsapp-connection-card .connection-card-actions>*,body .whatsapp-connection-card .whatsapp-operational-actions{display:flex;flex-wrap:wrap;gap:8px;margin:0}
body .whatsapp-connection-card .connection-card-actions .button{white-space:nowrap}

/* ============ conexões: cartão compacto de WhatsApp ============ */
body #page-connections .whatsapp-connections-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}
body .whatsapp-connection-card.wa-card{border-radius:14px;display:grid;gap:0;overflow:visible;padding:0}
body .wa-card .connection-card-head{align-items:center;display:grid;gap:12px;grid-template-columns:40px minmax(0,1fr) auto;padding:16px 16px 12px}
body .wa-card .connection-channel-icon{align-items:center;background:rgba(37,211,102,.12);border-radius:10px;display:flex;height:40px;justify-content:center;width:40px}
body .wa-card .connection-channel-icon svg{fill:#25d366;height:20px;width:20px}
body .wa-card .connection-card-title{align-items:center;column-gap:10px;display:grid;grid-template-columns:minmax(0,auto) auto;justify-content:start;min-width:0;row-gap:2px}
body .wa-card .connection-card-title .eyebrow,body .wa-card .connection-card-title>p,body .wa-card .connection-provider-badge,body .wa-card .connection-meta-grid,body .wa-card .whatsapp-technical-details{display:none!important}
body .wa-card .whatsapp-connection-name{color:var(--ink);font-size:15px;font-weight:650;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body .wa-card .connection-card-title h3{align-items:center;background:var(--raised);border:1px solid var(--hairline);border-radius:999px;color:var(--muted);display:inline-flex;font-size:11.5px;font-weight:600;gap:6px;margin:0;padding:2px 9px 2px 7px;white-space:nowrap}
body .wa-card .connection-card-title h3 .connection-dot{height:7px;margin:0;width:7px}
body .wa-card .wa-card-number{color:var(--faint);font-size:12.5px;font-variant-numeric:tabular-nums;grid-column:1/-1}
body .wa-card-stats{border-top:1px solid var(--hairline);color:var(--muted);display:flex;font-size:12.5px;gap:16px;padding:10px 16px}
body .wa-card-stats b{color:var(--ink);font-variant-numeric:tabular-nums;font-weight:700}
body .wa-card .connection-card-actions{border:0;display:block;margin:0;padding:0 16px 14px}
body .wa-card-actions{display:grid;gap:8px;grid-template-columns:1fr 1fr}
body .wa-card-actions .button{font-size:13px;justify-content:center;min-height:36px;padding:8px 12px;width:100%}
body .wa-card-actions .button:only-child{grid-column:1/-1}
body .wa-card-menu{position:relative}
body .wa-card-menu-toggle{align-items:center;background:transparent;border:1px solid transparent;border-radius:8px;color:var(--muted);cursor:pointer;display:flex;font-size:18px;height:32px;justify-content:center;letter-spacing:1px;width:32px}
body .wa-card-menu-toggle:hover,body .wa-card-menu-toggle[aria-expanded="true"]{background:var(--raised);border-color:var(--hairline);color:var(--ink)}
body .wa-card-menu-list{background:var(--raised);border:1px solid var(--hairline-strong);border-radius:10px;box-shadow:0 16px 40px rgba(0,0,0,.45);display:grid;min-width:200px;padding:6px;position:absolute;right:0;top:38px;z-index:50}
body .wa-card-menu-list[hidden]{display:none}
body .wa-card-menu-item{background:transparent!important;border:0!important;border-radius:7px;box-shadow:none!important;color:var(--ink)!important;cursor:pointer;font:500 13px var(--font-ui);padding:8px 10px!important;text-align:left;width:100%}
body .wa-card-menu-item:hover{background:var(--brand-soft)!important}
body .wa-card-menu-item.is-danger{color:var(--bad)!important}
body .wa-card-menu-item.is-danger:hover{background:rgba(255,107,122,.12)!important}
body .wa-card .wa-flows{border-top:1px solid var(--hairline);gap:8px;padding:12px 16px 14px}
body .wa-card .wa-flows-head strong{color:var(--muted);font-size:12.5px;font-weight:600}
body .wa-card .wa-flows-add{font-size:12.5px;padding:4px 10px}
body .wa-card .wa-flows-chips{gap:6px}
body .wa-card .wa-flow-rest{display:contents}
body .wa-card .wa-flow-rest[hidden]{display:none}
body .wa-card .wa-flow-chip{font-size:12.5px;max-width:190px;padding:3px 3px 3px 10px}
body .wa-card .wa-flow-chip>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body .wa-card .wa-flow-remove{flex:none;height:20px;width:20px}
body .wa-flow-more{background:transparent;border:1px dashed var(--hairline-strong);border-radius:999px;color:var(--muted);cursor:pointer;font:600 12.5px var(--font-ui);padding:3px 10px}
body .wa-flow-more:hover{border-color:var(--brand);color:var(--brand)}
body .wa-card .wa-flows-empty{color:var(--faint);font-size:12px}
@media (max-width:420px){body #page-connections .whatsapp-connections-grid{grid-template-columns:1fr}}
body .wa-card .connection-dot{animation:none!important}

/* ============ barra lateral premium (29/09) ============ */
:root body .sidebar{background:linear-gradient(180deg,color-mix(in srgb,var(--brand) 5%,var(--rail-bg)) 0%,var(--rail-bg) 38%);border-right:1px solid var(--rail-line,var(--hairline));padding:18px 12px 14px}
:root body .sidebar .brand{align-items:center;border-bottom:1px solid var(--rail-line,var(--hairline));gap:10px;margin:0 4px 14px;padding:0 4px 16px}
:root body .sidebar .brand-mark{border-radius:9px;box-shadow:0 6px 18px color-mix(in srgb,var(--brand) 35%,transparent);height:32px;width:32px}
:root body .sidebar .brand strong{font-size:16px;font-weight:800;letter-spacing:.14em}
:root body .sidebar .brand small{display:none}
:root body .sidebar nav{gap:2px}
:root body .sidebar .nav-group{color:var(--faint);font-size:11px;font-weight:600;letter-spacing:.06em;margin:18px 12px 6px;opacity:.85}
:root body .sidebar .nav-group:first-of-type{margin-top:14px}
:root body .sidebar .nav-item{align-items:center;border:1px solid transparent;border-radius:10px;color:var(--muted);display:flex;font-size:13.5px;font-weight:500;gap:12px;min-height:38px;padding:8px 12px;position:relative;transition:background .18s ease,color .18s ease,border-color .18s ease}
:root body .sidebar .nav-item>span{align-items:center;color:var(--faint);display:inline-flex;flex:none;height:20px;justify-content:center;transition:color .18s ease;width:20px}
:root body .sidebar .nav-item>span svg{fill:none;height:19px;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.75;width:19px}
:root body .sidebar .nav-item:hover{background:color-mix(in srgb,var(--ink) 5%,transparent);color:var(--ink)}
:root body .sidebar .nav-item:hover>span{color:var(--ink)}
:root body .sidebar .nav-item:focus-visible{outline:2px solid var(--brand);outline-offset:1px}
:root body .sidebar .nav-item.active,:root[data-theme="dark"] body .sidebar .nav-item.active{background:linear-gradient(90deg,color-mix(in srgb,var(--brand) 16%,transparent),color-mix(in srgb,var(--brand) 4%,transparent));border-color:color-mix(in srgb,var(--brand) 28%,transparent);color:var(--ink);font-weight:600}
:root body .sidebar .nav-item.active>span{color:var(--brand)}
:root body .sidebar .nav-item.active::before{background:var(--brand);border-radius:0 3px 3px 0;box-shadow:0 0 12px color-mix(in srgb,var(--brand) 60%,transparent);content:"";height:18px;left:-13px;position:absolute;top:50%;transform:translateY(-50%);width:3px}
:root body .sidebar .sidebar-foot{align-items:center;background:color-mix(in srgb,var(--ink) 3%,transparent);border:1px solid var(--rail-line,var(--hairline));border-radius:10px;color:var(--muted);display:flex;font-size:12px;gap:8px;margin-top:12px;padding:9px 12px}
:root body .sidebar .sidebar-foot .pulse{box-shadow:0 0 0 3px color-mix(in srgb,var(--ok) 20%,transparent);flex:none;height:7px;width:7px}
@media (prefers-reduced-motion:reduce){:root body .sidebar .nav-item,:root body .sidebar .nav-item>span{transition:none}}

/* ============ Leads: layout premium (29/09) ============ */
body #page-leads>*+*{margin-top:14px}
body #page-leads .lx-hidden{display:none!important}
body #page-leads .lx-top{align-items:stretch;display:flex;flex-wrap:wrap;gap:14px}
body #page-leads .lx-kpis{background:var(--surface);border:1px solid var(--hairline);border-radius:14px;display:flex;flex:1 1 420px;margin:0;padding:14px 6px}
body #page-leads .lx-kpis>div{border-left:1px solid var(--hairline);flex:1;padding:0 18px}
body #page-leads .lx-kpis>div:first-child{border-left:0}
body #page-leads .lx-kpis dt{color:var(--muted);font-size:12.5px;font-weight:600}
body #page-leads .lx-kpis dd{color:var(--ink);font-size:26px;font-variant-numeric:tabular-nums;font-weight:750;letter-spacing:-.03em;line-height:1.15;margin:4px 0 0}
body #page-leads .lx-kpis>div:last-child dd{color:var(--brand)}
body #page-leads .lx-mode{align-self:center;background:var(--surface);border:1px solid var(--hairline);border-radius:12px;display:inline-flex;gap:4px;margin:0;padding:4px}
body #page-leads .lx-mode .capture-mode-card{align-items:baseline;background:transparent;border:0;border-radius:9px;box-shadow:none;color:var(--muted);cursor:pointer;display:flex;gap:8px;min-height:0;padding:9px 14px;transition:background .15s,color .15s}
body #page-leads .lx-mode .capture-mode-card::before,body #page-leads .lx-mode .capture-mode-card::after{display:none}
body #page-leads .lx-mode .capture-mode-card span{font-size:13px;font-weight:600}
body #page-leads .lx-mode .capture-mode-card b{color:var(--faint);font-size:12px;font-variant-numeric:tabular-nums;font-weight:600}
body #page-leads .lx-mode .capture-mode-card:hover{color:var(--ink)}
body #page-leads .lx-mode .capture-mode-card.selected{background:var(--brand-soft);color:var(--ink)}
body #page-leads .lx-mode .capture-mode-card.selected b{color:var(--brand)}
body #page-leads .lx-mode .capture-mode-card:focus-visible{outline:2px solid var(--brand);outline-offset:1px}
/* "Como contamos": uma linha discreta, abre sob demanda */
body #page-leads #hx-base{background:transparent;border:0;box-shadow:none;margin-top:10px}
body #page-leads #hx-base summary{align-items:center;color:var(--muted);cursor:pointer;display:inline-flex;font-size:12.5px;gap:8px;list-style:none;padding:2px 0}
body #page-leads #hx-base summary::-webkit-details-marker{display:none}
body #page-leads #hx-base summary::before{content:"ⓘ";color:var(--faint)}
body #page-leads #hx-base .hx-fail-title{color:var(--muted);font-size:12.5px;font-weight:600}
body #page-leads #hx-base .hx-fail-count{display:none}
body #page-leads #hx-base .hx-fail-sub{color:var(--faint);font-size:12px}
body #page-leads #hx-base details[open] .hx-fail-body{background:var(--surface);border:1px solid var(--hairline);border-radius:12px;margin-top:8px;max-width:620px;padding:10px 14px}
body #page-leads #hx-base .hx-base-table td{font-size:12.5px;padding:5px 0}
/* lista */
body #page-leads .leads-list-panel{border-radius:14px}
body #page-leads .leads-list-panel .toolbar{align-items:center;border-bottom:1px solid var(--hairline);display:flex;flex-wrap:wrap;gap:8px;padding:14px 16px}
body #page-leads .leads-list-panel .search-box{align-items:center;background:var(--inset);border:1px solid var(--hairline);border-radius:10px;display:flex;flex:1 1 260px;gap:8px;padding:0 12px}
body #page-leads .leads-list-panel .search-box input{background:transparent;border:0;box-shadow:none;flex:1;min-height:38px;padding:0}
body #page-leads .leads-list-panel .search-box:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}
body #page-leads .leads-list-panel .toolbar select{border-radius:10px;flex:0 1 auto;min-height:38px;padding:6px 30px 6px 12px}
body #page-leads .page-size-control{align-items:center;color:var(--muted);display:inline-flex;font-size:12.5px;gap:6px;margin-left:auto}
body #page-leads .lead-quick-filters{align-items:center;display:flex;flex-wrap:wrap;gap:6px;padding:10px 16px}
body #page-leads .lead-quick-filters>span{color:var(--faint);font-size:12px;margin-right:4px}
body #page-leads .lead-quick-filter{background:transparent;border:1px solid var(--hairline);border-radius:999px;color:var(--muted);cursor:pointer;font:600 12.5px var(--font-ui);padding:5px 12px}
body #page-leads .lead-quick-filter:hover{border-color:var(--hairline-strong);color:var(--ink)}
body #page-leads .lead-quick-filter.is-active{background:var(--brand-soft);border-color:color-mix(in srgb,var(--brand) 40%,transparent);color:var(--ink)}
body #page-leads .lead-clear-filters{background:transparent!important;border:0!important;box-shadow:none!important;color:var(--brand)!important;font-size:12.5px;margin-left:auto;padding:5px 4px}
/* ação em massa: só aparece de verdade quando há seleção */
body #page-leads #leads-bulkbar{align-items:center;border-top:1px solid var(--hairline);display:flex;flex-wrap:wrap;gap:10px;margin:0;padding:8px 16px}
body #page-leads #leads-bulkbar .bulk-all{align-items:center;color:var(--muted);display:inline-flex;font-size:12.5px;gap:8px}
body #page-leads #leads-bulkbar .tags-picked{color:var(--faint);font-size:12.5px}
body #page-leads #leads-bulkbar:not(.has-selection) select,body #page-leads #leads-bulkbar:not(.has-selection) .button{display:none}
body #page-leads #leads-bulkbar.has-selection{background:var(--brand-soft)}
body #page-leads #leads-bulkbar.has-selection .tags-picked{color:var(--ink);font-weight:600}
body #page-leads #leads-bulkbar select{margin-left:auto;min-height:34px}
body #page-leads #leads-bulkbar .button{font-size:12.5px;min-height:34px;padding:6px 12px}
/* tabela */
body #page-leads .leads-list-panel table thead th{background:transparent;color:var(--faint);font-size:12px;font-weight:600;padding:10px 16px}
body #page-leads .leads-list-panel table tbody td{padding:12px 16px}
body #page-leads .leads-list-panel .empty-state{border:0;color:var(--muted);padding:40px 16px}
body #page-leads .pagination{align-items:center;border-top:1px solid var(--hairline);display:flex;gap:10px;justify-content:flex-end;padding:10px 16px}
body #page-leads .pagination .button{font-size:12.5px;min-height:32px;padding:6px 12px}
@media (max-width:760px){body #page-leads .lx-kpis{flex-basis:100%}body #page-leads .lx-mode{width:100%}body #page-leads .lx-mode .capture-mode-card{flex:1;justify-content:center}body #page-leads .page-size-control{margin-left:0}}
body #page-leads .leads-list-panel .toolbar{flex-wrap:nowrap}
body #page-leads .leads-list-panel .toolbar select{font-size:13px;max-width:170px;min-width:0}
body #page-leads .leads-list-panel .search-box{flex:1 1 200px;min-width:160px}
body #page-leads .page-size-control{flex:none;margin-left:0}
body #page-leads .page-size-control select{max-width:80px}
@media (max-width:1100px){body #page-leads .leads-list-panel .toolbar{flex-wrap:wrap}}
body #page-leads .lx-mode[hidden]{display:none!important}

/* ============ Funil (Kanban) premium (29/09) ============ */
body #page-kanban .kb-head{align-items:flex-end;display:flex;justify-content:space-between;gap:16px;margin-bottom:14px}
body #page-kanban .kb-head h2{font-size:18px;margin:0}
body #page-kanban .kb-head p{color:var(--muted);font-size:13px;margin:4px 0 0}
body #page-kanban .kb-tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}
body #page-kanban .kb-tab{align-items:center;background:var(--surface);border:1px solid var(--hairline);border-radius:999px;color:var(--muted);cursor:pointer;display:inline-flex;font:600 13px var(--font-ui);gap:8px;padding:7px 8px 7px 14px;transition:background .15s,color .15s,border-color .15s}
body #page-kanban .kb-tab b{background:var(--raised);border-radius:999px;color:var(--ink);font-size:11.5px;font-variant-numeric:tabular-nums;min-width:22px;padding:2px 7px;text-align:center}
body #page-kanban .kb-tab:hover{color:var(--ink);border-color:var(--hairline-strong)}
body #page-kanban .kb-tab.is-idle{opacity:.6}
body #page-kanban .kb-tab.is-active{background:var(--brand-soft);border-color:color-mix(in srgb,var(--brand) 45%,transparent);color:var(--ink);opacity:1}
body #page-kanban .kb-tab.is-active b{background:var(--brand);color:#fff}
body #page-kanban .kb-tab:focus-visible{outline:2px solid var(--brand);outline-offset:2px}
body #page-kanban .kb-stats{background:var(--surface);border:1px solid var(--hairline);border-radius:14px;display:flex;margin:0 0 14px;padding:12px 4px}
body #page-kanban .kb-stats>div{border-left:1px solid var(--hairline);flex:1;padding:0 18px}
body #page-kanban .kb-stats>div:first-child{border-left:0}
body #page-kanban .kb-stats dt{color:var(--muted);font-size:12px;font-weight:600}
body #page-kanban .kb-stats dd{color:var(--ink);font-size:22px;font-variant-numeric:tabular-nums;font-weight:750;margin:2px 0 0}
body #page-kanban .kb-stats>div:first-child dd{color:var(--brand)}
body #page-kanban .kb-board{display:grid;gap:12px;grid-template-columns:repeat(var(--kb-cols),minmax(240px,1fr));overflow-x:auto;padding-bottom:4px}
body #page-kanban .kb-col{background:var(--surface);border:1px solid var(--hairline);border-radius:14px;display:flex;flex-direction:column;max-height:560px;min-width:0}
body #page-kanban .kb-col>header{align-items:center;border-bottom:1px solid var(--hairline);display:flex;justify-content:space-between;padding:12px 14px}
body #page-kanban .kb-col>header span{color:var(--ink);font-size:13.5px;font-weight:650}
body #page-kanban .kb-col>header b{background:var(--raised);border-radius:999px;color:var(--muted);font-size:12px;font-variant-numeric:tabular-nums;padding:2px 8px}
body #page-kanban .kb-col ul{display:grid;gap:8px;list-style:none;margin:0;overflow-y:auto;padding:10px}
body #page-kanban .kb-card{background:var(--raised);border:1px solid var(--hairline);border-radius:10px;display:grid;gap:3px;padding:10px 12px}
body #page-kanban .kb-card-top{align-items:center;display:flex;gap:8px;justify-content:space-between}
body #page-kanban .kb-card strong{color:var(--ink);font-size:13px;font-variant-numeric:tabular-nums;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body #page-kanban .kb-card small{color:var(--muted);font-size:12px;font-variant-numeric:tabular-nums}
body #page-kanban .kb-card time{color:var(--faint);font-size:11.5px}
body #page-kanban .kb-state{border-radius:999px;flex:none;font-size:11px;font-weight:600;padding:2px 8px}
body #page-kanban .kb-state.is-wait{background:color-mix(in srgb,var(--brand) 12%,transparent);color:var(--brand)}
body #page-kanban .kb-state.is-live{background:color-mix(in srgb,var(--ok) 14%,transparent);color:var(--ok)}
body #page-kanban .kb-state.is-paused{background:color-mix(in srgb,var(--muted) 16%,transparent);color:var(--muted)}
body #page-kanban .kb-state.is-warn{background:color-mix(in srgb,var(--warn) 16%,transparent);color:var(--warn)}
body #page-kanban .kb-done-row{align-items:center;border-bottom:1px solid var(--hairline);display:flex;font-size:12.5px;gap:8px;justify-content:space-between;padding:6px 2px}
body #page-kanban .kb-done-row:last-child{border-bottom:0}
body #page-kanban .kb-done-row span{color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body #page-kanban .kb-done-row time{color:var(--faint);flex:none;font-size:11.5px}
body #page-kanban .kb-more{color:var(--muted);font-size:12px;margin:0;padding:0 14px 12px}
body #page-kanban .kb-empty{color:var(--faint);font-size:12.5px;padding:14px 4px;text-align:center}
@media (max-width:760px){body #page-kanban .kb-stats{flex-wrap:wrap;gap:10px 0}body #page-kanban .kb-stats>div{flex:1 1 45%}}

/* ============ Etiquetas: página enxuta e funcional (29/09) ============ */
/* blocos que repetiam a lista */
body #page-tags .tag-distribution-panel,body #page-tags .tag-whatsapp-section,body #page-tags #tag-manager>section.panel{display:none!important}
body #page-tags>*+*{margin-top:14px}
/* criar etiqueta: uma linha */
body #page-tags .tag-create-panel{align-items:center;border-radius:14px;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:14px 16px}
body #page-tags .tag-create-panel .eyebrow{display:none}
body #page-tags .tag-create-panel h2{font-size:16px;margin:0}
body #page-tags .tag-create-panel p{color:var(--muted);font-size:12.5px;margin:2px 0 0}
body #page-tags .tag-create-panel .create-form{display:flex;gap:8px;margin:0}
body #page-tags .tag-create-panel .create-form input{border-radius:10px;min-height:38px;width:220px}
body #page-tags .tag-create-panel .create-form .button{border-radius:10px;min-height:38px}
/* barra: busca + filtros + seleção + sincronização */
body #page-tags #tags-bulkbar{align-items:center;background:var(--surface);border:1px solid var(--hairline);border-radius:14px 14px 0 0;border-bottom:0;display:flex;flex-wrap:wrap;gap:10px;margin:0;padding:12px 14px}
body #page-tags #tags-filter{border-radius:10px;flex:0 1 220px;min-height:36px}
body #page-tags .tags-chips{display:flex;flex:1 1 auto;flex-wrap:wrap;gap:6px}
body #page-tags .tags-chip{align-items:center;background:transparent;border:1px solid var(--hairline);border-radius:999px;color:var(--muted);cursor:pointer;display:inline-flex;font:600 12.5px var(--font-ui);gap:6px;padding:5px 10px}
body #page-tags .tags-chip b{color:var(--faint);font-size:11.5px;font-variant-numeric:tabular-nums}
body #page-tags .tags-chip:hover{border-color:var(--hairline-strong);color:var(--ink)}
body #page-tags .tags-chip.is-active{background:var(--brand-soft);border-color:color-mix(in srgb,var(--brand) 40%,transparent);color:var(--ink)}
body #page-tags .tags-chip.is-active b{color:var(--brand)}
body #page-tags .tags-sync{align-items:center;display:flex;gap:10px;order:9;width:100%;border-top:1px solid var(--hairline);padding-top:10px;margin-top:2px}
body #page-tags .tags-sync #tags-sync-info{color:var(--faint);flex:1;font-size:12px}
body #page-tags .tags-sync .tags-wa-note{display:none}
body #page-tags .tags-sync .button{font-size:12.5px;min-height:32px;padding:6px 12px}
body #page-tags #tags-picked{color:var(--faint);font-size:12.5px;margin-left:auto}
body #page-tags #tags-bulkbar>[data-tagact]{font-size:12.5px;min-height:32px;padding:6px 12px}
body #page-tags #tags-note{color:var(--faint);font-size:11.5px;width:100%}
/* ações em massa só com seleção */
body #page-tags #tags-bulkbar:not(.has-selection)>[data-tagact],body #page-tags #tags-bulkbar:not(.has-selection) #tags-note{display:none}
body #page-tags #tags-bulkbar.has-selection #tags-picked{color:var(--ink);font-weight:600}
/* lista */
body #page-tags #tag-manager{background:var(--surface);border:1px solid var(--hairline);border-radius:0 0 14px 14px;display:flex;flex-direction:column;gap:0;overflow:hidden;padding:0}
body #page-tags #tag-manager>#tags-bulkbar{order:-1000000;border:0;border-bottom:1px solid var(--hairline);border-radius:0}
body #page-tags .tag-card{align-items:center;background:transparent;border:0;border-bottom:1px solid var(--hairline);border-radius:0;box-shadow:none;display:grid;gap:12px;grid-template-columns:18px minmax(0,1fr) 160px auto auto;margin:0;min-height:0;padding:10px 14px;position:relative}
body #page-tags .tag-card:last-child{border-bottom:0}
body #page-tags .tag-card:hover{background:color-mix(in srgb,var(--ink) 3%,transparent)}
body #page-tags .tag-card.is-filtered,body #page-tags .tag-card.is-gone{display:none!important}
body #page-tags .tag-card.is-archived{opacity:.6}
body #page-tags .tag-card .tag-card-toggle{align-items:center;background:none;border:0;color:inherit;cursor:pointer;display:flex;gap:8px;min-width:0;padding:0;text-align:left}
body #page-tags .tag-card .tag-card-toggle strong{color:var(--ink);font-size:13.5px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body #page-tags .tag-origin{border-radius:999px;flex:none;font-size:11px;font-weight:600;padding:1px 8px}
body #page-tags .tag-origin.wa{background:rgba(37,211,102,.12);color:#3ddc84}
body #page-tags .tag-origin.manual{background:var(--brand-soft);color:var(--brand)}
body #page-tags .tag-origin.sys{background:color-mix(in srgb,var(--warn) 14%,transparent);color:var(--warn)}
body #page-tags .tag-dup{color:var(--warn);font-size:11px}
/* contagem + barra de proporção */
body #page-tags .tag-card-count{background:linear-gradient(90deg,color-mix(in srgb,var(--brand) 22%,transparent) var(--share,0%),color-mix(in srgb,var(--ink) 5%,transparent) var(--share,0%));border-radius:6px;color:var(--ink);font-size:12.5px;font-variant-numeric:tabular-nums;font-weight:600;padding:4px 8px;text-align:right}
body #page-tags .tag-row-actions{display:flex;gap:4px;opacity:.35;transition:opacity .15s}
body #page-tags .tag-card:hover .tag-row-actions,body #page-tags .tag-card:focus-within .tag-row-actions{opacity:1}
body #page-tags .tag-row-actions button{background:transparent;border:1px solid transparent;border-radius:8px;color:var(--muted);cursor:pointer;font:600 12px var(--font-ui);padding:5px 9px}
body #page-tags .tag-row-actions button:hover:not(:disabled){background:var(--raised);border-color:var(--hairline);color:var(--ink)}
body #page-tags .tag-row-actions button:disabled{cursor:not-allowed;opacity:.35}
body #page-tags .tag-card-delete{background:transparent!important;border:0!important;color:var(--faint)!important;font-size:15px;padding:4px 8px}
body #page-tags .tag-card-delete:hover{color:var(--bad)!important}
body #page-tags .tag-card [data-tag-card-leads]{grid-column:1/-1}
@media (max-width:860px){body #page-tags .tag-card{grid-template-columns:18px minmax(0,1fr) 110px}body #page-tags .tag-row-actions{grid-column:2/-1;opacity:1}}
body #page-tags #tags-bulkbar:not(.has-selection) #tags-picked{display:none}
/* segmentos e regras: listas de etiquetas com altura limitada */
body #page-tags #segments-panel div:has(> .seg-chip){max-height:92px;overflow-y:auto;padding-right:4px}
body #page-tags #segments-panel,body #page-tags .rules-panel,body #page-tags section:has(#rule-trigger){border-radius:14px}
#segments-panel .seg-chips{max-height:92px!important;overflow-y:auto!important;padding-right:4px}

/* ============ Segmentos e Regras: enxutos (29/09) ============ */
.hx-help{align-items:center;background:var(--raised);border:1px solid var(--hairline-strong);border-radius:50%;color:var(--muted);cursor:help;display:inline-flex;font:700 11px var(--font-ui);height:18px;justify-content:center;margin-left:6px;padding:0;position:relative;vertical-align:2px;width:18px}
.hx-help:hover,.hx-help:focus-visible{border-color:var(--brand);color:var(--brand);outline:none}
.hx-help::after{background:var(--raised);border:1px solid var(--hairline-strong);border-radius:10px;box-shadow:0 12px 32px rgba(0,0,0,.4);color:var(--ink);content:attr(data-tip);font:500 12.5px/1.45 var(--font-ui);left:50%;opacity:0;padding:10px 12px;pointer-events:none;position:absolute;text-align:left;top:calc(100% + 8px);transform:translate(-50%,-4px);transition:opacity .15s,transform .15s;width:300px;z-index:60}
.hx-help:hover::after,.hx-help:focus-visible::after{opacity:1;transform:translate(-50%,0)}
body #page-tags #segments-panel,body #page-tags #tag-rules-panel{border-radius:14px}
body #page-tags #segments-panel .panel-title,body #page-tags #tag-rules-panel .panel-title{border-bottom:1px solid var(--hairline);padding:14px 16px}
body #page-tags #segments-panel .panel-title h2,body #page-tags #tag-rules-panel .panel-title h2{font-size:15px;margin:0}
body #page-tags #segments-panel .panel-title p,body #page-tags #tag-rules-panel .panel-title p{color:var(--muted);font-size:12.5px;margin:3px 0 0}
body #page-tags .seg-form{display:grid;gap:12px 16px;grid-template-columns:minmax(200px,260px) 1fr 1fr;padding:14px 16px}
body #page-tags .seg-form>label{color:var(--muted);display:grid;font-size:12.5px;gap:6px}
body #page-tags .seg-form>label input{border-radius:10px;min-height:38px}
body #page-tags .seg-label{color:var(--muted);display:block;font-size:12.5px;margin-bottom:6px}
/* só as escolhidas + "+ Etiqueta"; a lista completa abre sob demanda */
body #page-tags #segments-panel .seg-chips{align-items:center;background:var(--inset);border:1px solid var(--hairline);border-radius:10px;display:flex;flex-wrap:wrap;gap:6px;max-height:none!important;min-height:38px;overflow:visible!important;padding:5px 6px}
body #page-tags #segments-panel .seg-chips:not(.is-open) .seg-chip:not(:has(input:checked)){display:none}
body #page-tags #segments-panel .seg-chips.is-open{max-height:180px!important;overflow-y:auto!important}
body #page-tags .seg-chip{cursor:pointer}
body #page-tags .seg-chip input{display:none}
body #page-tags .seg-chip span{border:1px solid var(--hairline);border-radius:999px;color:var(--muted);display:inline-block;font-size:12px;padding:3px 10px}
body #page-tags .seg-chip:has(input:checked) span{background:var(--brand-soft);border-color:color-mix(in srgb,var(--brand) 45%,transparent);color:var(--ink)}
body #page-tags .seg-chips:not(.is-open) .seg-chip:has(input:checked) span::after{color:var(--muted);content:" ×"}
body #page-tags .seg-add{background:transparent;border:1px dashed var(--hairline-strong);border-radius:999px;color:var(--brand);cursor:pointer;font:600 12px var(--font-ui);padding:3px 10px}
body #page-tags .seg-actions{align-items:center;display:flex;gap:12px;grid-column:1/-1;justify-content:space-between}
body #page-tags #seg-live{color:var(--ink);font-size:13px;font-weight:600}
body #page-tags #seg-note:empty{display:none}
body #page-tags #seg-list:empty{display:none}
body #page-tags #seg-list,body #page-tags #rules-list{padding:0 16px 14px}
body #page-tags .rules-empty{color:var(--faint);font-size:12.5px;margin:0}
body #page-tags .rule-form{align-items:end;display:flex;flex-wrap:wrap;gap:10px;padding:14px 16px}
body #page-tags .rule-form label{color:var(--muted);display:grid;font-size:12.5px;gap:6px}
body #page-tags .rule-form select{border-radius:10px;min-height:38px;min-width:170px}
body #page-tags .rule-form .button{border-radius:10px;min-height:38px}
body #page-tags #rules-note:empty{display:none}
@media (max-width:980px){body #page-tags .seg-form{grid-template-columns:1fr}}
body #page-tags .rule-form label[hidden]{display:none}
body #page-tags .exc-box{border-bottom:1px solid var(--hairline);display:grid;gap:8px;padding:14px 16px}
body #page-tags .exc-head{align-items:center;display:flex;flex-wrap:wrap;gap:4px 8px}
body #page-tags .exc-head strong{color:var(--ink);font-size:13.5px}
body #page-tags .exc-head span{color:var(--muted);font-size:12.5px}
body #page-tags #exc-chips{align-items:center;background:var(--inset);border:1px solid var(--hairline);border-radius:10px;display:flex;flex-wrap:wrap;gap:6px;min-height:38px;padding:5px 6px}
body #page-tags #exc-chips:not(.is-open) .seg-chip:not(:has(input:checked)){display:none}
body #page-tags #exc-chips.is-open{max-height:180px;overflow-y:auto}
body #page-tags #exc-chips .seg-chip:has(input:checked) span{background:color-mix(in srgb,var(--bad) 14%,transparent);border-color:color-mix(in srgb,var(--bad) 45%,transparent);color:var(--ink)}
body #page-tags #exc-chips:not(.is-open) .seg-chip:has(input:checked) span::after{color:var(--muted);content:" ×"}
body #page-tags #exc-note:empty{display:none}
body #page-tags #exc-note{color:var(--faint);font-size:12px}

/* ============ Esteiras: lista enxuta (29/09) ============ */
body #page-remarketing .fx-kpis{background:var(--surface);border:1px solid var(--hairline);border-radius:14px;display:flex;margin:0 0 18px;padding:14px 6px}
body #page-remarketing .fx-kpis>div{border-left:1px solid var(--hairline);flex:1;padding:0 18px}
body #page-remarketing .fx-kpis>div:first-child{border-left:0}
body #page-remarketing .fx-kpis dt{color:var(--muted);font-size:12.5px;font-weight:600}
body #page-remarketing .fx-kpis dd{color:var(--ink);font-size:24px;font-variant-numeric:tabular-nums;font-weight:750;margin:4px 0 0}
body #page-remarketing .fx-kpis>div:first-child dd{color:var(--ok)}
body #page-remarketing .fx-kpis>div:nth-child(2) dd{color:var(--warn)}
body #page-remarketing .fx-kpis>div:last-child dd{color:var(--brand)}
body #page-remarketing .remarketing-head h2{font-size:18px;letter-spacing:-.01em;margin:0}
body #page-remarketing .remarketing-head p{color:var(--muted);font-size:13px;margin:4px 0 0}
/* cartão: status uma vez só, sem ruído */
body #page-remarketing .flow-card{border-radius:14px}
body #page-remarketing .flow-card-kicker{display:none}
body #page-remarketing .flow-card-head>div>:not(.flow-status):not(.flow-card-kicker){display:none}
body #page-remarketing .flow-card-head .icon-button.danger{background:transparent!important;border:1px solid transparent!important;color:var(--faint)!important;font-size:15px;height:28px;opacity:.6;width:28px}
body #page-remarketing .flow-card:hover .flow-card-head .icon-button.danger{opacity:1}
body #page-remarketing .flow-card-head .icon-button.danger:hover{background:color-mix(in srgb,var(--bad) 12%,transparent)!important;color:var(--bad)!important}
body #page-remarketing .flow-card-channel{color:var(--muted);font-size:12px}
body #page-remarketing .flow-card-description{color:var(--muted);font-size:12.5px}
@media (max-width:760px){body #page-remarketing .fx-kpis{flex-wrap:wrap;gap:10px 0}body #page-remarketing .fx-kpis>div{flex:1 1 45%}}
body #page-remarketing .flow-card-head .flow-status{display:none}
body #page-remarketing .flow-cards{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}

/* ============ Editor de esteira: organização e visual (29/09) — sem mudar comportamento ============ */
/* 1. botões do topo com respiro */
body #flow-editor-view .editor-actions{display:flex;gap:8px}
/* 2. três colunas proporcionais; etapas e propriedades acompanham a rolagem */
body #flow-editor-view .flow-editor-grid{align-items:start;display:grid;gap:16px;grid-template-columns:minmax(260px,300px) minmax(0,1fr) minmax(280px,340px)}
body #flow-editor-view .steps-builder,body #flow-editor-view #props-slot{position:sticky;top:16px}
body #flow-editor-view #props-slot{max-height:calc(100vh - 32px);overflow:auto}
/* 3. cartões da coluna de configuração com o mesmo padrão */
body #flow-editor-view .form-stack{display:grid;gap:12px}
body #flow-editor-view .cfg-card,body #flow-editor-view #execution-control,body #flow-editor-view #schedule-card{background:var(--surface);border:1px solid var(--hairline);border-radius:14px;display:grid;gap:10px;margin:0;padding:14px 16px}
body #flow-editor-view .cfg-card h3,body #flow-editor-view #execution-control>strong,body #flow-editor-view .schedule-head strong,body #flow-editor-view .exit-tags-collapsed{color:var(--ink);font-size:13px;font-weight:700;letter-spacing:0;margin:0;text-transform:none!important}
body #flow-editor-view .form-stack label{color:var(--muted);display:grid;font-size:12.5px;gap:6px}
body #flow-editor-view .form-stack small,body #flow-editor-view .form-stack .schedule-summary{color:var(--faint);font-size:11.5px;line-height:1.4}
body #flow-editor-view .form-stack input:not([type=checkbox]),body #flow-editor-view .form-stack select,body #flow-editor-view .form-stack textarea{border-radius:10px;font-size:13px;min-height:38px}
/* 4. caixas de marcar alinhadas ao texto */
body #flow-editor-view .form-stack label:has(> input[type=checkbox]),body #flow-editor-view .ai-toggle{align-items:flex-start;display:grid;gap:4px 10px;grid-template-columns:18px 1fr}
body #flow-editor-view .form-stack input[type=checkbox]{height:16px;margin:2px 0 0;width:16px}
body #flow-editor-view .ai-toggle>:not(input){grid-column:2}
/* 5. paleta de blocos organizada: título à esquerda, blocos em linha */
body #flow-editor-view #block-palette{border-radius:14px;display:grid;gap:10px;padding:12px}
body #flow-editor-view .palette-category{align-items:center;display:grid;gap:10px;grid-template-columns:80px 1fr}
body #flow-editor-view .palette-category-title{color:var(--faint);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
body #flow-editor-view .palette-chips{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-start}
body #flow-editor-view .palette-chips>*{background:var(--raised);border:1px solid var(--hairline);border-radius:10px;padding:7px 12px}
body #flow-editor-view .palette-chips>*:hover{border-color:var(--brand);color:var(--ink)}
body #flow-editor-view .palette-search{max-width:260px}
/* 6. painel de propriedades: campos com cara de campo, sem barra horizontal */
body #flow-editor-view #props-slot{background:var(--surface);border:1px solid var(--hairline);border-radius:14px;overflow-x:hidden}
body #flow-editor-view #props-slot textarea,body #flow-editor-view #props-slot [contenteditable="true"]{background:var(--inset);border:1px solid var(--hairline);border-radius:10px;box-sizing:border-box;color:var(--ink);font-size:13.5px;line-height:1.5;min-height:140px;padding:10px 12px;resize:vertical;width:100%}
body #flow-editor-view #props-slot textarea:focus,body #flow-editor-view #props-slot [contenteditable="true"]:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft);outline:0}
body #flow-editor-view #props-slot select,body #flow-editor-view #props-slot input:not([type=checkbox]){border-radius:10px;max-width:100%}
@media (max-width:1200px){body #flow-editor-view .flow-editor-grid{grid-template-columns:minmax(240px,280px) 1fr}body #flow-editor-view #props-slot{grid-column:1/-1;position:static;max-height:none}}
@media (max-width:820px){body #flow-editor-view .flow-editor-grid{grid-template-columns:1fr}body #flow-editor-view .steps-builder{position:static}}
/* reforço de prioridade (estilos antigos venciam) */
html body #flow-editor-view #block-palette .palette-category{align-items:center!important;display:grid!important;gap:10px!important;grid-template-columns:84px 1fr!important;margin:0!important}
html body #flow-editor-view #block-palette .palette-category-title{grid-column:1!important;grid-row:1!important;margin:0!important;text-align:left!important}
html body #flow-editor-view #block-palette .palette-chips{display:flex!important;flex-wrap:wrap!important;gap:6px!important;grid-column:2!important;justify-content:flex-start!important}
html body #flow-editor-view #block-palette .palette-chip{align-items:center!important;background:var(--raised)!important;border:1px solid var(--hairline)!important;border-radius:10px!important;display:inline-flex!important;gap:6px!important;padding:7px 12px!important}
html body #flow-editor-view #block-palette .palette-chip:hover{border-color:var(--brand)!important}
html body #flow-editor-view .execution-window>label:has(> input[type=checkbox]),html body #flow-editor-view .ai-toggle{align-items:flex-start!important;display:flex!important;gap:10px!important}
html body #flow-editor-view .execution-window>label>input[type=checkbox],html body #flow-editor-view .ai-toggle>input[type=checkbox]{flex:none!important;height:16px!important;margin:2px 0 0!important;width:16px!important}
html body #flow-editor-view #props-slot textarea{background:var(--inset)!important;border:1px solid var(--hairline)!important;border-radius:10px!important;min-height:140px!important;padding:10px 12px!important;width:100%!important}

/* ============ Análise da esteira — 3D em CSS (29/09) ============ */
body #page-simulation .fa-panel{--c:var(--ok);border-radius:16px;display:grid;gap:18px;overflow:visible;padding:18px 20px 20px;position:relative}
body #page-simulation .fa-panel.is-warn{--c:var(--warn)}
body #page-simulation .fa-panel.is-bad{--c:var(--bad)}
.fa-head{align-items:flex-start;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}
.fa-head h2{font-size:17px;margin:0}
.fa-head p{color:var(--muted);font-size:12.5px;margin:3px 0 0}
.fa-head-tools{align-items:center;display:flex;gap:8px}
.fa-head-tools select{border-radius:10px;min-height:38px;min-width:200px}
.fa-rec-btn{align-items:center;background:var(--raised);border:1px solid var(--hairline-strong);border-radius:10px;color:var(--ink);cursor:pointer;display:inline-flex;font:600 13px var(--font-ui);gap:8px;min-height:38px;padding:0 14px}
.fa-rec-btn:hover{border-color:var(--brand)}
.fa-rec-btn b{background:var(--brand);border-radius:999px;color:#fff;font-size:11px;padding:1px 7px}
.fa-dot{border-radius:50%;height:9px;width:9px}
.fa-dot.is-ok{background:var(--ok)}
.fa-dot.is-info{background:var(--brand)}
.fa-dot.is-warn{--pc:var(--warn);animation:fa-pulse 1.8s ease-out infinite;background:var(--warn)}
.fa-dot.is-bad{--pc:var(--bad);animation:fa-pulse 1.4s ease-out infinite;background:var(--bad)}
@keyframes fa-pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--pc) 60%,transparent)}100%{box-shadow:0 0 0 8px transparent}}
/* herói: anel 3D + veredito */
.fa-hero{align-items:center;display:grid;gap:24px;grid-template-columns:200px 1fr}
.fa-gauge{height:200px;perspective:700px;position:relative;width:200px}
.fa-gauge-ring{background:conic-gradient(from -90deg,var(--c) calc(var(--p) * 1%),color-mix(in srgb,var(--ink) 9%,transparent) 0);border-radius:50%;box-shadow:0 12px 0 color-mix(in srgb,var(--c) 30%,#000),0 26px 40px rgba(0,0,0,.45);inset:18px;-webkit-mask:radial-gradient(circle,transparent 52%,#000 53%);mask:radial-gradient(circle,transparent 52%,#000 53%);position:absolute;transform:rotateX(52deg)}
.fa-gauge::after{background:radial-gradient(circle,color-mix(in srgb,var(--c) 22%,transparent),transparent 65%);content:"";filter:blur(10px);inset:30px;position:absolute;transform:rotateX(52deg)}
.fa-gauge-core{align-content:center;display:grid;inset:0;justify-items:center;position:absolute;text-align:center;z-index:1}
.fa-gauge-core strong{color:var(--ink);font-size:34px;font-variant-numeric:tabular-nums;font-weight:800;letter-spacing:-.04em;line-height:1;text-shadow:0 4px 18px color-mix(in srgb,var(--c) 45%,transparent)}
.fa-gauge-core span{color:var(--muted);font-size:11.5px;margin-top:4px}
.fa-verdict{display:grid;gap:10px}
.fa-badge{border-radius:999px;font-size:12.5px;font-weight:700;justify-self:start;padding:4px 12px}
.fa-badge.is-ok{background:color-mix(in srgb,var(--ok) 15%,transparent);color:var(--ok)}
.fa-badge.is-warn{background:color-mix(in srgb,var(--warn) 16%,transparent);color:var(--warn)}
.fa-badge.is-bad{background:color-mix(in srgb,var(--bad) 16%,transparent);color:var(--bad)}
.fa-verdict>p{color:var(--ink);font-size:14px;margin:0}
.fa-kpis{display:grid;grid-template-columns:repeat(4,1fr);margin:0}
.fa-kpis>div{border-left:1px solid var(--hairline);padding:0 14px}
.fa-kpis>div:first-child{border-left:0;padding-left:0}
.fa-kpis dt{color:var(--muted);font-size:12px;font-weight:600}
.fa-kpis dd{color:var(--ink);font-size:22px;font-variant-numeric:tabular-nums;font-weight:750;margin:2px 0 0}
.fa-basis{color:var(--faint);font-size:11.5px}
/* gráfico: colunas 3D (frente, topo, lateral) + plano da capacidade */
.fa-chart{background:var(--inset);border:1px solid var(--hairline);border-radius:14px;padding:14px 16px 10px}
.fa-chart-head{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}
.fa-chart-head strong{font-size:13.5px}
.fa-chart-head span{align-items:center;color:var(--muted);display:inline-flex;font-size:12px;gap:6px}
.fa-key{border-radius:3px;display:inline-block;height:10px;margin-left:8px;width:10px}
.fa-key.is-need{background:var(--brand)}
.fa-key.is-cap{background:transparent;border-top:2px dashed var(--c);border-radius:0;height:0}
.fa-stage{align-items:end;display:grid;gap:10px;grid-template-columns:repeat(7,1fr);height:230px;padding:22px 16px 0 6px;position:relative}
.fa-cap-plane{border-top:2px dashed var(--c);bottom:calc(46px + (100% - 68px) * var(--capn));box-shadow:0 -6px 18px color-mix(in srgb,var(--c) 25%,transparent);left:0;pointer-events:none;position:absolute;right:0;z-index:3}
.fa-col{align-items:center;display:grid;grid-template-rows:1fr auto auto;height:100%;justify-items:center;min-width:0}
.fa-col b{color:var(--ink);font-size:12px;font-variant-numeric:tabular-nums;margin-top:6px}
.fa-col span{color:var(--faint);font-size:11px;text-transform:capitalize}
.fa-bar3d{--b1:var(--brand);--b2:color-mix(in srgb,var(--brand) 55%,#000);align-self:end;height:var(--h);max-width:40px;position:relative;transition:height .8s cubic-bezier(.2,.8,.2,1);width:62%}
.fa-col.is-over .fa-bar3d{--b1:var(--bad);--b2:color-mix(in srgb,var(--bad) 55%,#000)}
.fa-bar3d i{position:absolute}
.fa-bar3d .f{background:linear-gradient(180deg,var(--b1),var(--b2));border-radius:2px;box-shadow:0 10px 20px rgba(0,0,0,.35);inset:0}
.fa-bar3d .t{background:color-mix(in srgb,var(--b1) 70%,#fff);height:9px;left:0;top:-9px;transform:skewX(-45deg);transform-origin:0 100%;width:100%}
.fa-bar3d .s{background:color-mix(in srgb,var(--b1) 50%,#000);height:100%;right:-9px;top:0;transform:skewY(-45deg);transform-origin:0 0;width:9px}
/* etapas: blocos com profundidade */
.fa-steps{display:grid;gap:8px}
.fa-steps>strong{font-size:13.5px}
.fa-step-row{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}
.fa-tile{background:linear-gradient(160deg,color-mix(in srgb,var(--brand) calc(8% + var(--n) * 30%),var(--surface)),var(--surface));border:1px solid color-mix(in srgb,var(--brand) calc(var(--n) * 50%),var(--hairline));border-radius:12px;box-shadow:0 6px 0 color-mix(in srgb,var(--brand) calc(var(--n) * 25%),#000 80%),0 14px 24px rgba(0,0,0,.3);display:grid;gap:2px;padding:10px 12px;transform:perspective(500px) rotateX(10deg);transition:transform .2s}
.fa-tile:hover{transform:perspective(500px) rotateX(0) translateY(-3px)}
.fa-tile span{color:var(--muted);font-size:12px}
.fa-tile b{color:var(--ink);font-size:20px;font-variant-numeric:tabular-nums}
.fa-empty{color:var(--muted)}
/* janela de recomendações */
.fa-modal{align-items:center;backdrop-filter:blur(3px);background:rgba(3,6,16,.62);display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:400}
.fa-sheet{background:var(--raised);border:1px solid var(--hairline-strong);border-radius:16px;box-shadow:0 30px 80px rgba(0,0,0,.55);display:grid;gap:14px;max-height:calc(100vh - 32px);max-width:640px;overflow:auto;padding:18px 20px;width:100%}
.fa-sheet header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}
.fa-sheet h3{font-size:16px;margin:0}
.fa-sheet header p{color:var(--muted);font-size:12.5px;margin:3px 0 0}
.fa-x{background:transparent;border:0;color:var(--muted);cursor:pointer;font-size:22px;line-height:1}
.fa-recs{display:grid;gap:8px;list-style:none;margin:0;padding:0}
.fa-recs li{border:1px solid var(--hairline);border-radius:10px;display:grid;gap:2px;padding:10px 12px}
.fa-recs li.is-bad{background:color-mix(in srgb,var(--bad) 8%,transparent);border-color:color-mix(in srgb,var(--bad) 35%,transparent)}
.fa-recs li.is-warn{background:color-mix(in srgb,var(--warn) 8%,transparent);border-color:color-mix(in srgb,var(--warn) 35%,transparent)}
.fa-recs li.is-info{background:var(--brand-soft)}
.fa-recs strong{font-size:13px}
.fa-recs span{color:var(--muted);font-size:12.5px}
.fa-allgood{color:var(--ok);font-size:13px;margin:0}
.fa-rule{align-items:center;border-top:1px solid var(--hairline);display:flex;gap:14px;justify-content:space-between;padding-top:12px}
.fa-rule strong{font-size:13.5px}
.fa-rule p{color:var(--muted);font-size:12.5px;margin:4px 0 0}
.fa-rule.is-soon{opacity:.6}
.fa-rule-fields{display:grid;gap:8px;grid-template-columns:1fr 1fr;width:100%}
.fa-rule:has(.fa-rule-fields){align-items:stretch;flex-direction:column}
.fa-rule-fields label{color:var(--muted);display:grid;font-size:12px;gap:4px}
.fa-rule-fields select{border-radius:10px;min-height:36px}
.fa-switch{flex:none;position:relative}
.fa-switch input{height:0;opacity:0;position:absolute;width:0}
.fa-switch span{background:var(--hairline-strong);border-radius:999px;cursor:pointer;display:block;height:24px;position:relative;transition:background .2s;width:42px}
.fa-switch span::after{background:#fff;border-radius:50%;content:"";height:18px;left:3px;position:absolute;top:3px;transition:transform .2s;width:18px}
.fa-switch input:checked+span{background:var(--brand)}
.fa-switch input:checked+span::after{transform:translateX(18px)}
.fa-switch input:focus-visible+span{outline:2px solid var(--brand);outline-offset:2px}
.fa-sheet footer{display:flex;gap:8px;justify-content:flex-end}
@media (max-width:820px){.fa-hero{grid-template-columns:1fr;justify-items:center}.fa-kpis{gap:10px 0;grid-template-columns:1fr 1fr}.fa-kpis>div:nth-child(3){border-left:0;padding-left:0}.fa-stage{gap:6px}}
@media (prefers-reduced-motion:reduce){.fa-dot{animation:none!important}.fa-bar3d,.fa-tile{transition:none!important}}
.fa-cap-plane em{background:var(--inset);color:var(--c);font-size:11px;font-style:normal;font-weight:700;padding:0 6px;position:absolute;right:0;top:-9px}
.fa-cap-plane.is-out{border-top-style:dotted;opacity:.8}

/* ============ Análise 3D (Three.js) ============ */
.fa3d-host{display:none}
.fa-panel.is-3d .fa3d-host{cursor:grab;display:block;height:340px;position:relative;touch-action:none}
.fa-panel.is-3d .fa3d-host:active{cursor:grabbing}
.fa-panel.is-3d .fa-stage{display:none}
.fa3d-canvas{display:block;height:100%;width:100%}
.fa3d-labels{inset:0;pointer-events:none;position:absolute}
.fa3d-lbl{display:grid;justify-items:center;left:0;position:absolute;top:0;translate:-50% -100%;will-change:transform}
.fa3d-lbl b{background:color-mix(in srgb,var(--surface) 80%,transparent);border:1px solid var(--hairline-strong);border-radius:999px;color:var(--ink);font-size:12px;font-variant-numeric:tabular-nums;padding:1px 8px}
.fa3d-lbl i{color:var(--muted);font-size:11px;font-style:normal;text-transform:capitalize}
.fa3d-cap{background:color-mix(in srgb,var(--surface) 85%,transparent);border:1px solid color-mix(in srgb,var(--c) 45%,transparent);border-radius:999px;color:var(--c);font-size:11px;font-weight:700;left:0;padding:2px 9px;position:absolute;top:0;translate:-100% -50%;white-space:nowrap}
.fa3d-tip{background:var(--raised);border:1px solid var(--hairline-strong);border-radius:10px;box-shadow:0 12px 30px rgba(0,0,0,.45);display:grid;font-size:12px;gap:2px;padding:8px 10px;pointer-events:none;position:absolute;z-index:5}
.fa3d-tip b{color:var(--ink);text-transform:capitalize}
.fa3d-tip span{color:var(--muted)}
.fa3d-tip .is-bad{color:var(--bad)}
.fa3d-tip .is-ok{color:var(--ok)}
.fa3d-ring{display:block;height:100%;inset:0;position:absolute;width:100%}
.fa-panel.is-3d .fa-gauge-ring,.fa-panel.is-3d .fa-gauge::after{display:none}
.fa-panel.is-3d .fa-gauge-core{top:-8px}
.fa-chart{overflow:hidden;position:relative}
.fa-chart::before{background:radial-gradient(60% 70% at 50% 100%,color-mix(in srgb,var(--c) 12%,transparent),transparent 70%);content:"";inset:0;pointer-events:none;position:absolute}
.fa-chart-head small{color:var(--faint);font-size:11px;margin-left:10px}

/* ============ Análise: horizonte da esteira, hoje e linha do tempo ============ */
.fa-stage{grid-template-columns:repeat(var(--n,7),1fr)}
.fa3d-lbl{translate:-50% -100%}
.fa3d-lbl b{display:block}
.fa3d-day{color:var(--muted);font-size:11px;left:0;pointer-events:none;position:absolute;text-transform:capitalize;top:0;translate:-50% 4px;white-space:nowrap}
.fa-duo{display:grid;gap:14px;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr)}
.fa-today,.fa-timeline{background:var(--inset);border:1px solid var(--hairline);border-radius:14px;display:grid;gap:8px;padding:14px 16px}
.fa-today strong,.fa-timeline>strong{font-size:13.5px}
.fa-today p,.fa-timeline>p{color:var(--muted);font-size:13px;margin:0}
.fa-today p b{color:var(--ink)}
.fa-today p b.is-bad{color:var(--bad)}
.fa-today small{color:var(--faint);font-size:11.5px}
.fa-hours{align-items:end;display:flex;gap:3px;height:64px;margin-top:4px}
.fa-hours i{background:linear-gradient(180deg,var(--brand),color-mix(in srgb,var(--brand) 40%,transparent));border-radius:4px 4px 2px 2px;flex:1;min-height:3px;height:calc(3px + var(--v) * 61px);opacity:calc(.35 + var(--v) * .65);position:relative;transition:height .6s cubic-bezier(.2,.8,.2,1)}
.fa-hours i.is-now{box-shadow:0 0 0 2px var(--c),0 0 14px color-mix(in srgb,var(--c) 50%,transparent)}
.fa-timeline ol{display:grid;gap:0;list-style:none;margin:4px 0 0;max-height:260px;overflow-y:auto;padding:0}
.fa-timeline li{align-items:center;display:grid;gap:10px;grid-template-columns:48px 14px 1fr auto;min-height:44px;position:relative}
.fa-timeline li::before{background:linear-gradient(180deg,color-mix(in srgb,var(--brand) 60%,transparent),color-mix(in srgb,var(--brand) 15%,transparent));bottom:0;content:"";left:64px;position:absolute;top:0;width:2px}
.fa-timeline li:first-child::before{top:50%}
.fa-timeline li:last-child::before{bottom:50%}
.fa-tl-day{color:var(--brand);font-size:12px;font-variant-numeric:tabular-nums;font-weight:700;text-align:right}
.fa-tl-dot{background:var(--surface);border:2px solid var(--brand);border-radius:50%;box-shadow:0 0 10px color-mix(in srgb,var(--brand) 50%,transparent);height:12px;position:relative;width:12px;z-index:1}
.fa-timeline li div{display:grid;min-width:0}
.fa-timeline li b{color:var(--ink);font-size:13px}
.fa-timeline li small{color:var(--muted);font-size:11.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fa-timeline li em{background:var(--raised);border-radius:999px;color:var(--ink);font-size:11.5px;font-style:normal;font-variant-numeric:tabular-nums;padding:2px 8px}
@media (max-width:980px){.fa-duo{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.fa-hours i{transition:none}}
.fa3d-tip[hidden]{display:none}
.fa-today{align-content:start}
.fa-today .fa-hours{height:88px}
.fa-today .fa-hours i{height:calc(3px + var(--v) * 85px)}

/* ============ Análise da esteira v2 (layout de referência, animado) ============ */
body #page-simulation .fa-panel{background:transparent;border:0;box-shadow:none;display:grid;gap:16px;padding:0}
body #page-simulation .fa-panel>*{margin:0}
.fa-titlecard{align-items:center;background:linear-gradient(135deg,color-mix(in srgb,var(--brand) 10%,var(--surface)),var(--surface));border:1px solid color-mix(in srgb,var(--brand) 30%,var(--hairline));border-radius:16px;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:16px;padding:18px 20px}
.fa-titlecard>div{flex:1;min-width:220px}
.fa-titlecard h2{font-size:26px;font-weight:800;letter-spacing:-.02em;margin:0}
.fa-titlecard p{color:var(--muted);font-size:13.5px;margin:4px 0 0}
.fa-titlecard .phase4-tabs{background:transparent;border:0;display:flex;gap:10px;margin:0;padding:0}
.fa-titlecard .phase4-tab{background:var(--surface);border:1px solid var(--hairline-strong);border-radius:12px;min-width:190px;padding:10px 14px}
.fa-titlecard .phase4-tab.active{background:color-mix(in srgb,var(--brand) 14%,var(--surface));border-color:var(--brand);box-shadow:0 0 0 1px var(--brand),0 0 24px color-mix(in srgb,var(--brand) 35%,transparent)}
body #page-simulation>.phase4-tabs{display:none}
.fa-ico{align-items:center;background:color-mix(in srgb,var(--brand) 14%,transparent);border:1px solid color-mix(in srgb,var(--brand) 35%,transparent);border-radius:12px;color:var(--brand);display:inline-flex;flex:none;height:40px;justify-content:center;width:40px}
.fa-ico.is-lg{border-radius:14px;height:52px;width:52px}
.fa-ico svg,.fa-range svg,.fa-icon-btn svg{fill:none;height:20px;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8;width:20px}
.fa-ico.is-lg svg{height:26px;width:26px}
.fa-topbar{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}
.fa-range{align-items:center;background:var(--surface);border:1px solid var(--hairline-strong);border-radius:10px;color:var(--ink);display:inline-flex;font-size:13px;gap:8px;min-height:40px;padding:0 14px}
.fa-topbar select{border-radius:10px;min-height:40px;min-width:220px}
.fa-card{background:linear-gradient(180deg,color-mix(in srgb,var(--brand) 4%,var(--surface)),var(--surface));border:1px solid var(--hairline);border-radius:16px;box-shadow:0 18px 40px rgba(0,0,0,.28);display:grid;gap:12px;min-width:0;padding:18px 20px;position:relative}
.fa-card>strong,.fa-card-head strong{color:var(--ink);font-size:15px;font-weight:700}
.fa-card-head{align-items:center;display:flex;flex-wrap:wrap;gap:12px}
.fa-card-head>div{display:grid;flex:1;min-width:180px}
.fa-card-head small{color:var(--muted);font-size:12.5px}
.fa-row{display:grid;gap:16px}
.fa-row-top{grid-template-columns:minmax(0,2.2fr) minmax(280px,1fr)}
.fa-row-bottom{grid-template-columns:minmax(0,1.2fr) minmax(0,1.2fr) minmax(240px,.8fr)}
.fa-main{align-items:center;grid-template-columns:230px 1fr}
.fa-main .fa-gauge{height:220px;width:220px}
.fa-gauge-core span{font-size:10.5px;font-weight:700;letter-spacing:.06em}
.fa-kpis dd{align-items:center;display:flex;flex-wrap:wrap;gap:8px}
.fa-spark{height:22px;width:44px}
.fa-spark rect{fill:var(--brand);opacity:.85}
.fa-spark.is-muted rect{fill:var(--muted);opacity:.4}
.fa-trend{border-radius:6px;font-size:12px;font-style:normal;font-weight:700;padding:1px 6px}
.fa-trend.is-up{background:color-mix(in srgb,var(--ok) 14%,transparent);color:var(--ok)}
.fa-trend.is-down{background:color-mix(in srgb,var(--bad) 14%,transparent);color:var(--bad)}
.fa-forecast-body{align-items:center;display:grid;gap:12px;grid-template-columns:110px 1fr}
.fa-mini-gauge{align-content:center;aspect-ratio:1;background:conic-gradient(from -90deg,var(--brand) calc(var(--p) * 1%),color-mix(in srgb,var(--ink) 8%,transparent) 0);border-radius:50%;display:grid;justify-items:center;position:relative}
.fa-mini-gauge::before{background:var(--surface);border-radius:50%;content:"";inset:8px;position:absolute}
.fa-mini-gauge b,.fa-mini-gauge span{position:relative}
.fa-mini-gauge b{color:var(--ink);font-size:20px;font-variant-numeric:tabular-nums}
.fa-mini-gauge span{color:var(--muted);font-size:10.5px}
.fa-forecast small{color:var(--faint);font-size:11.5px}
.fa-forecast-chart .fa-line{height:110px}
/* cartão do fluxo 3D */
.fa-flowcard{overflow:hidden}
.fa-flowcard::before{background:radial-gradient(70% 60% at 50% 70%,color-mix(in srgb,var(--brand) 16%,transparent),transparent 70%);content:"";inset:0;pointer-events:none;position:absolute}
.fa-legend{align-items:center;color:var(--muted);display:flex;font-size:12.5px;gap:14px}
.fa-legend span{align-items:center;display:inline-flex;gap:6px}
.fa-legend i{border-radius:50%;display:inline-block;height:9px;width:9px}
.fa-legend i.is-need{background:var(--brand)}
.fa-legend i.is-cap{background:transparent;border:1.5px dashed #7cc0ff;border-radius:2px}
.fa-toggle{align-items:center;background:var(--surface);border:1px solid var(--hairline-strong);border-radius:10px;color:var(--ink);cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:8px;padding:7px 12px}
.fa-toggle input{height:0;opacity:0;position:absolute;width:0}
.fa-toggle span{background:var(--hairline-strong);border-radius:999px;height:20px;position:relative;transition:background .2s;width:36px}
.fa-toggle span::after{background:#fff;border-radius:50%;content:"";height:14px;left:3px;position:absolute;top:3px;transition:transform .2s;width:14px}
.fa-toggle input:checked+span{background:var(--brand)}
.fa-toggle input:checked+span::after{transform:translateX(16px)}
.fa-icon-btn{align-items:center;background:var(--surface);border:1px solid var(--hairline-strong);border-radius:10px;color:var(--ink);cursor:pointer;display:inline-flex;height:36px;justify-content:center;width:36px}
.fa-panel .fa3d-host{display:none}
.fa-panel.is-3d .fa3d-host{display:block;height:400px}
.fa-flat-chart{display:grid;gap:4px}
.fa-panel.is-3d .fa-flat-chart{display:none}
.fa-flowcard:fullscreen{background:var(--page,#050b14);border-radius:0;padding:24px}
.fa-flowcard:fullscreen .fa3d-host{height:calc(100vh - 220px)!important}
.fa3d-ghost{background:color-mix(in srgb,var(--surface) 85%,transparent);border:1px dashed #7cc0ff;border-radius:6px;color:#9fd0ff;font-size:11px;font-variant-numeric:tabular-nums;left:0;padding:0 6px;pointer-events:none;position:absolute;top:0;translate:-50% -100%}
.fa3d-lbl b{background:linear-gradient(180deg,#0f2742,#0a1a2e);border:1px solid color-mix(in srgb,var(--brand) 55%,transparent);border-radius:8px;box-shadow:0 0 16px color-mix(in srgb,var(--brand) 35%,transparent);font-size:14px;font-weight:800;padding:2px 10px}
.fa3d-lbl.is-over b{border-color:var(--bad);box-shadow:0 0 16px color-mix(in srgb,var(--bad) 45%,transparent)}
.fa3d-day{color:var(--ink);font-size:12.5px;font-weight:600}
.fa-strip{background:color-mix(in srgb,var(--surface) 80%,#000);border:1px solid var(--hairline);border-radius:12px;display:grid;grid-template-columns:repeat(var(--n),1fr);position:relative}
.fa-strip-cell{border-left:1px solid var(--hairline);display:grid;gap:3px;grid-template-columns:1fr auto;padding:10px 12px}
.fa-strip-cell:first-child{border-left:0}
.fa-strip-cell b{color:var(--ink);font-size:12.5px;grid-column:1/-1}
.fa-strip-cell span{color:var(--muted);font-size:12px;grid-column:1/-1}
.fa-progress{align-self:center;background:color-mix(in srgb,var(--ink) 8%,transparent);border-radius:999px;height:5px;overflow:hidden}
.fa-progress i{animation:fa-grow 1.1s cubic-bezier(.2,.8,.2,1) both;background:linear-gradient(90deg,var(--ok),color-mix(in srgb,var(--ok) 60%,#fff));border-radius:999px;display:block;height:100%}
.fa-progress.is-over i{background:linear-gradient(90deg,var(--bad),#ff9aa4)}
.fa-strip-cell em{color:var(--muted);font-size:11.5px;font-style:normal;font-variant-numeric:tabular-nums}
@keyframes fa-grow{from{width:0}}
/* gráficos 2D (SVG) */
.fa-line{display:block;height:170px;overflow:visible;width:100%}
.fa-line .grid{stroke:color-mix(in srgb,var(--ink) 8%,transparent);stroke-width:1}
.fa-line .tick{fill:var(--faint);font-size:10px;text-anchor:end}
.fa-line .stroke{animation:fa-draw 1.4s cubic-bezier(.2,.8,.2,1) both;fill:none;stroke:var(--brand);stroke-dasharray:1;stroke-width:2.5;vector-effect:non-scaling-stroke}
.fa-line .area{fill:url(#none);fill:color-mix(in srgb,var(--brand) 16%,transparent)}
.fa-line circle{fill:var(--surface);stroke:var(--brand);stroke-width:2;vector-effect:non-scaling-stroke}
.fa-line .cap{stroke:var(--ok);stroke-dasharray:6 5;stroke-width:2;vector-effect:non-scaling-stroke}
.fa-line .bar rect{animation:fa-rise .9s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--i) * 60ms);fill:var(--brand);transform-box:fill-box;transform-origin:bottom}
.fa-line .bar.is-over rect{fill:var(--bad)}
.fa-line .val{fill:var(--ink);font-size:10.5px;font-weight:700;text-anchor:middle}
@keyframes fa-draw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@keyframes fa-rise{from{transform:scaleY(0)}}
.fa-axis{display:grid;grid-auto-columns:1fr;grid-auto-flow:column;margin-left:30px}
.fa-axis span{color:var(--faint);font-size:11px;text-align:center;text-transform:capitalize}
.fa-seg{background:var(--inset);border:1px solid var(--hairline);border-radius:10px;display:inline-flex;padding:3px}
.fa-seg button{background:transparent;border:0;border-radius:8px;color:var(--muted);cursor:pointer;font:600 12.5px var(--font-ui);padding:5px 12px}
.fa-seg button.is-on{background:var(--brand-soft);color:var(--ink)}
.fa-summary ul{display:grid;gap:8px;list-style:none;margin:0;padding:0}
.fa-summary li{align-items:center;background:var(--inset);border:1px solid var(--hairline);border-radius:12px;display:flex;gap:12px;padding:10px 12px}
.fa-summary li div{display:grid}
.fa-summary small{color:var(--muted);font-size:12px}
.fa-summary b{color:var(--ink);font-size:18px;font-variant-numeric:tabular-nums}
@media (max-width:1200px){.fa-row-top,.fa-row-bottom{grid-template-columns:1fr}.fa-main{grid-template-columns:1fr;justify-items:center}}
@media (prefers-reduced-motion:reduce){.fa-line .stroke,.fa-line .bar rect,.fa-progress i{animation:none}}
.fa-panel .fa-legend{flex-direction:row;flex-wrap:nowrap;white-space:nowrap}
.fa-panel .fa-seg{flex-direction:row!important;flex:none}
.fa-panel .fa-seg button{display:inline-block!important;width:auto!important}
.fa-panel .fa-card-head>div:first-of-type{flex:1}
.fa-panel .fa-card-head>.fa-legend{display:flex!important;flex:none;min-width:0}
.fa-panel .fa-card-head>.fa-seg{display:inline-flex!important;flex:none;min-width:0}

/* ============ Colunas 2D sem distorção (HTML/CSS) ============ */
.fa-line{height:auto!important;max-height:190px}
.fa-bars{display:grid;gap:10px;grid-template-columns:38px 1fr;height:230px}
.fa-flowcard .fa-bars{height:280px}
.fa-bars-y{display:flex;flex-direction:column;justify-content:space-between;padding-bottom:0}
.fa-bars-y span{color:var(--faint);font-size:11px;font-variant-numeric:tabular-nums;line-height:1;text-align:right;transform:translateY(50%)}
.fa-bars-y span:first-child{transform:translateY(0)}
.fa-bars-plot{align-items:end;background:repeating-linear-gradient(to top,color-mix(in srgb,var(--ink) 7%,transparent) 0 1px,transparent 1px 25%);border-bottom:1px solid color-mix(in srgb,var(--ink) 14%,transparent);display:grid;gap:clamp(6px,1.4vw,18px);grid-template-columns:repeat(var(--n),1fr);padding:0 6px;position:relative}
.fa-bars-col{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:flex-end;min-width:0;position:relative}
.fa-bars-col i{animation:fa-rise 1s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--i) * 70ms);background:linear-gradient(180deg,color-mix(in srgb,var(--brand) 55%,#fff) 0%,var(--brand) 10%,color-mix(in srgb,var(--brand) 55%,#06101f) 100%);border-radius:8px 8px 3px 3px;box-shadow:0 0 0 1px color-mix(in srgb,var(--brand) 45%,transparent),0 10px 28px color-mix(in srgb,var(--brand) 28%,transparent);display:block;height:var(--h);max-width:72px;min-height:3px;position:relative;transform-origin:bottom;transition:filter .2s,box-shadow .2s;width:58%}
.fa-bars-col i::after{background:linear-gradient(90deg,rgba(255,255,255,.28),transparent 45%);border-radius:inherit;content:"";inset:0;position:absolute}
.fa-bars-col b{animation:fa-fade .6s ease both;animation-delay:calc(var(--i) * 70ms + .5s);background:color-mix(in srgb,var(--surface) 88%,transparent);border:1px solid color-mix(in srgb,var(--brand) 40%,transparent);border-radius:999px;color:var(--ink);font-size:12px;font-variant-numeric:tabular-nums;font-weight:700;margin-bottom:6px;padding:1px 9px;white-space:nowrap}
.fa-bars-col:hover i{box-shadow:0 0 0 1px var(--brand),0 12px 34px color-mix(in srgb,var(--brand) 50%,transparent);filter:brightness(1.12)}
.fa-bars-col.is-today i{box-shadow:0 0 0 1px color-mix(in srgb,var(--brand) 70%,transparent),0 0 36px color-mix(in srgb,var(--brand) 45%,transparent)}
.fa-bars-col.is-over i{background:linear-gradient(180deg,#ffb3bb 0%,var(--bad) 10%,color-mix(in srgb,var(--bad) 50%,#1a0508) 100%);box-shadow:0 0 0 1px color-mix(in srgb,var(--bad) 50%,transparent),0 10px 28px color-mix(in srgb,var(--bad) 30%,transparent)}
.fa-bars-cap{border-top:2px dashed var(--ok);bottom:var(--y);left:0;pointer-events:none;position:absolute;right:0;z-index:2}
.fa-bars-cap em{background:var(--surface);border:1px solid color-mix(in srgb,var(--ok) 45%,transparent);border-radius:999px;color:var(--ok);font-size:11px;font-style:normal;font-weight:700;padding:1px 8px;position:absolute;right:0;top:-11px}
.fa-bars-capnote{background:color-mix(in srgb,var(--ok) 10%,transparent);border:1px solid color-mix(in srgb,var(--ok) 35%,transparent);border-radius:999px;color:var(--ok);font-size:11.5px;font-weight:600;padding:3px 10px;position:absolute;right:8px;top:0;z-index:2}
.fa-axis{margin-left:48px!important;padding:0 6px}
@keyframes fa-fade{from{opacity:0;transform:translateY(4px)}}
@media (prefers-reduced-motion:reduce){.fa-bars-col i,.fa-bars-col b{animation:none}}
/* linhas sem distorção: SVG estica, escala e pontos em HTML */
.fa-linebox{display:grid;gap:10px;grid-template-columns:38px 1fr;height:200px}
.fa-linebox.is-forecast{grid-template-columns:30px 1fr;height:120px}
.fa-linebox-plot{background:repeating-linear-gradient(to top,color-mix(in srgb,var(--ink) 7%,transparent) 0 1px,transparent 1px 25%);border-bottom:1px solid color-mix(in srgb,var(--ink) 14%,transparent);margin:0 8px;position:relative}
.fa-linebox-plot svg{display:block;height:100%;overflow:visible;width:100%}
.fa-linebox-plot .stroke{animation:fa-draw 1.4s cubic-bezier(.2,.8,.2,1) both;fill:none;stroke:var(--brand);stroke-dasharray:1;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.5;vector-effect:non-scaling-stroke}
.fa-linebox-plot .area{fill:color-mix(in srgb,var(--brand) 18%,transparent)}
.fa-linebox-plot .cap{stroke:var(--ok);stroke-dasharray:6 5;stroke-width:2;vector-effect:non-scaling-stroke}
.fa-dotpt{background:var(--surface);border:2px solid var(--brand);border-radius:50%;box-shadow:0 0 10px color-mix(in srgb,var(--brand) 50%,transparent);height:9px;position:absolute;translate:-50% 50%;width:9px}
.fa-linebox.is-forecast .fa-dotpt{height:7px;width:7px}
.fa-linebox-cap{background:var(--surface);border:1px solid color-mix(in srgb,var(--ok) 45%,transparent);border-radius:999px;color:var(--ok);font-size:11px;font-style:normal;font-weight:700;padding:1px 8px;position:absolute;right:0;translate:0 50%}
.fa-linebox + .fa-axis{margin-left:56px!important;padding:0 8px}
.fa-flowcard .fa-axis{margin-left:48px!important}
.fa-strip-cell.is-quiet{opacity:.45}
.fa-strip-cell.is-quiet .fa-progress{visibility:hidden}
/* correções: altura dos gráficos de linha, faixa no celular, barra lateral no celular */
.fa-linebox{grid-template-rows:minmax(0,1fr)}
.fa-linebox-plot{height:100%;min-height:0}
.fa-linebox .fa-bars-y{height:100%}
.fa-forecast-chart{min-width:0}
@media (max-width:760px){
  .fa-strip{grid-auto-columns:minmax(118px,1fr);grid-auto-flow:column;grid-template-columns:none!important;overflow-x:auto;scrollbar-width:thin}
  .fa-bars-col b{font-size:10.5px;padding:0 6px}
  :root body .sidebar{height:auto!important;min-height:0!important;position:sticky}
  :root body .sidebar .sidebar-foot{display:none}
}
@media (max-width:760px){.fa-bars-capnote{left:8px;right:auto;top:-26px}.fa-flowcard .fa-bars{margin-top:30px}}
.fa-rule p b{color:var(--ink)}

/* ========================================================================
   HENOX — Análise da esteira: acabamento premium e composição responsiva
   Somente apresentação. Não altera dados, cálculos, eventos ou integrações.
   ======================================================================== */
@media (min-width:901px){
  body .app-main #page-simulation{
    box-sizing:border-box;
    max-width:none;
    min-width:0;
    width:100%;
  }
}
@media (min-width:1601px){
  body .app-main #page-simulation{
    width:calc(100vw - 324px);
  }
}

body #page-simulation{
  isolation:isolate;
  position:relative;
}
body #page-simulation::before{
  background:
    radial-gradient(48% 34% at 74% 18%,rgba(22,139,255,.13),transparent 72%),
    radial-gradient(34% 24% at 18% 48%,rgba(56,189,248,.06),transparent 72%);
  content:"";
  inset:-48px -80px -120px;
  pointer-events:none;
  position:absolute;
  z-index:-1;
}
body #page-simulation .fa-titlecard{
  background:
    linear-gradient(116deg,rgba(13,35,63,.98),rgba(8,20,37,.96) 54%,rgba(7,17,31,.96)),
    radial-gradient(65% 140% at 100% 0,rgba(22,139,255,.24),transparent 70%);
  border-color:rgba(22,139,255,.65);
  box-shadow:0 20px 52px rgba(0,0,0,.25),0 0 34px rgba(22,139,255,.12),inset 0 1px 0 rgba(255,255,255,.05);
  min-height:96px;
  padding:20px 22px;
}
body #page-simulation .fa-titlecard::after{
  background:linear-gradient(90deg,transparent,rgba(56,189,248,.9),transparent);
  bottom:-1px;
  content:"";
  height:1px;
  left:8%;
  opacity:.7;
  position:absolute;
  right:8%;
}
body #page-simulation .fa-titlecard{position:relative;overflow:hidden}
body #page-simulation .fa-titlecard h2{
  font-size:clamp(24px,2vw,31px);
  letter-spacing:-.04em;
}
body #page-simulation .fa-titlecard p{font-size:13px}
body #page-simulation .fa-titlecard .fa-ico.is-lg{
  background:linear-gradient(145deg,rgba(0,119,255,.42),rgba(8,25,48,.9));
  border-color:rgba(56,189,248,.62);
  box-shadow:0 0 24px rgba(22,139,255,.28),inset 0 1px 0 rgba(255,255,255,.12);
}
body #page-simulation .fa-titlecard .phase4-tabs{gap:8px}
body #page-simulation .fa-titlecard .phase4-tab{
  background:rgba(5,14,27,.7);
  border-color:rgba(41,74,108,.85);
  min-width:204px;
  transition:background .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease;
}
body #page-simulation .fa-titlecard .phase4-tab:hover{border-color:rgba(56,189,248,.65);transform:translateY(-1px)}
body #page-simulation .fa-titlecard .phase4-tab.active{
  background:linear-gradient(110deg,rgba(22,139,255,.26),rgba(56,189,248,.08));
  border-color:rgba(56,189,248,.9);
  box-shadow:0 0 0 1px rgba(22,139,255,.55),0 0 28px rgba(22,139,255,.24),inset 0 1px 0 rgba(255,255,255,.1);
}
body #page-simulation .fa-topbar{margin:2px 0 0}
body #page-simulation .fa-topbar select,
body #page-simulation .fa-range,
body #page-simulation .fa-rec-btn{
  background:rgba(8,20,37,.86);
  border-color:rgba(41,74,108,.9);
  box-shadow:0 8px 22px rgba(0,0,0,.18);
}
body #page-simulation .fa-rec-btn:hover,
body #page-simulation .fa-icon-btn:hover,
body #page-simulation .fa-toggle:hover{border-color:rgba(56,189,248,.78);box-shadow:0 0 18px rgba(22,139,255,.18)}
body #page-simulation .fa-card{
  background:
    linear-gradient(145deg,rgba(12,29,51,.98),rgba(6,15,28,.98) 78%),
    radial-gradient(80% 120% at 100% 0,rgba(22,139,255,.13),transparent 70%);
  border-color:rgba(41,74,108,.82);
  box-shadow:0 18px 42px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.025);
}
body #page-simulation .fa-card:hover{border-color:rgba(56,189,248,.48);box-shadow:0 22px 50px rgba(0,0,0,.4),0 0 28px rgba(22,139,255,.1)}
body #page-simulation .fa-main{min-height:250px;padding:22px 24px}
body #page-simulation .fa-main .fa-gauge{filter:drop-shadow(0 0 18px rgba(52,211,153,.13))}
body #page-simulation .fa-main .fa-verdict>p{font-size:15px;line-height:1.45}
body #page-simulation .fa-kpis>div{min-height:68px}
body #page-simulation .fa-kpis dd{font-size:24px}
body #page-simulation .fa-forecast{align-content:start;min-height:250px;padding:22px 22px}
body #page-simulation .fa-forecast>strong{font-size:16px}
body #page-simulation .fa-flowcard{
  background:
    radial-gradient(80% 80% at 50% 82%,rgba(22,139,255,.17),transparent 72%),
    linear-gradient(180deg,rgba(10,28,50,.98),rgba(5,14,27,.99));
  min-height:430px;
  padding:22px 24px 18px;
}
body #page-simulation .fa-flowcard .fa-card-head{min-height:42px}
body #page-simulation .fa-flowcard .fa-card-head strong{font-size:16px}
body #page-simulation .fa-flowcard .fa-card-head small{font-size:12px;margin-top:3px}
body #page-simulation .fa-flowcard .fa3d-host{height:330px}
body #page-simulation .fa-flowcard .fa3d-host::after{
  background:linear-gradient(180deg,transparent 55%,rgba(22,139,255,.08));
  content:"";
  inset:0;
  pointer-events:none;
  position:absolute;
}
body #page-simulation .fa-strip{background:rgba(5,14,27,.78);border-color:rgba(41,74,108,.8)}
body #page-simulation .fa-strip-cell{min-height:70px;padding:11px 14px}
body #page-simulation .fa-row-bottom .fa-card{min-height:292px;padding:20px 22px}
body #page-simulation .fa-row-bottom .fa-card-head strong{font-size:15px}
body #page-simulation .fa-row-bottom .fa-summary{min-height:292px}
body #page-simulation .fa-summary li{background:rgba(5,14,27,.66);border-color:rgba(41,74,108,.72);min-height:52px}
body #page-simulation .fa-summary li:hover{border-color:rgba(56,189,248,.48);background:rgba(22,139,255,.08)}
body #page-simulation .fa-bars{height:210px}
body #page-simulation .fa-flowcard .fa-bars{height:270px}
body #page-simulation .fa-bars-plot{background:repeating-linear-gradient(to top,rgba(148,163,184,.1) 0 1px,transparent 1px 25%)}
body #page-simulation .fa-linebox-plot{background:repeating-linear-gradient(to top,rgba(148,163,184,.1) 0 1px,transparent 1px 25%)}
body #page-simulation .fa-bars-col i{box-shadow:0 0 0 1px rgba(22,139,255,.58),0 12px 30px rgba(22,139,255,.28)}
body #page-simulation .fa-bars-col.is-today i{box-shadow:0 0 0 1px rgba(56,189,248,.82),0 0 42px rgba(22,139,255,.48)}
body #page-simulation .fa-bars-col b{background:rgba(8,20,37,.92);border-color:rgba(56,189,248,.5)}
body #page-simulation .fa-axis span{color:#8aa4bf}
body #page-simulation .fa-linebox-cap{background:rgba(5,14,27,.92)}

@media (max-width:1200px){
  body #page-simulation .fa-titlecard{align-items:flex-start}
  body #page-simulation .fa-titlecard .phase4-tabs{width:100%}
  body #page-simulation .fa-titlecard .phase4-tab{flex:1;min-width:0}
}
@media (max-width:760px){
  body #page-simulation::before{inset:-24px -16px -80px}
  body #page-simulation .fa-titlecard{display:grid;gap:14px;padding:16px}
  body #page-simulation .fa-titlecard .phase4-tabs{overflow-x:auto;width:calc(100vw - 64px)}
  body #page-simulation .fa-titlecard .phase4-tab{flex:0 0 190px}
  body #page-simulation .fa-main{padding:18px 16px}
  body #page-simulation .fa-flowcard{min-height:0;padding:18px 16px 14px}
  body #page-simulation .fa-flowcard .fa3d-host{height:270px}
  body #page-simulation .fa-row-bottom .fa-card{min-height:0;padding:18px 16px}
}

/* ========================================================================
   HENOX — Padronização visual (auditoria 30/09): botões, arquivos, Configurações,
   Leads e Agente IA no padrão aprovado (ver "HENOX - Padrão visual").
   Somente apresentação: não muda IDs, eventos nem dados.
   ======================================================================== */
/* Altura e peso únicos para botões de ação */
body .page .button{min-height:40px;font-weight:600;border-radius:8px}
body .whatsapp-open-monitor,body .server-connect{min-height:40px}
/* Ação destrutiva: vermelho suave, nunca azul de ação principal */
body .button.delete-button,body .lead-delete-button,body .button.button-danger{background:rgba(255,107,129,.1)!important;border:1px solid rgba(255,107,129,.45)!important;color:#ff8fa0!important;box-shadow:none!important}
body .button.delete-button:hover,body .lead-delete-button:hover,body .button.button-danger:hover{background:rgba(255,107,129,.2)!important;border-color:#ff6b81!important;color:#ffd1d8!important}
body .lead-delete-button{min-height:32px;min-width:32px;padding:0 8px}
/* Botões sem classe dentro de painéis (ex.: "Comparar com o WhatsApp") seguem o botão de contorno */
body .hx-base button:not(.button):not([class*="hx-help"]){min-height:36px;padding:0 14px;border-radius:8px;border:1px solid var(--hairline-strong);background:transparent;color:var(--ink);font-family:inherit;font-size:12.5px;font-weight:600;line-height:1;cursor:pointer;transition:background .2s,border-color .2s}
body .hx-base button:not(.button):not([class*="hx-help"]):hover{background:rgba(41,201,255,.08);border-color:rgba(41,201,255,.5)}
/* Seletor de arquivo com cara de botão de contorno */
body .page input[type="file"]{color:var(--muted,#94a3b8);font-family:inherit;font-size:13px;font-weight:500;padding:6px;border-radius:10px;max-width:100%}
body .page input[type="file"]::file-selector-button{margin-right:12px;min-height:34px;padding:0 14px;border-radius:8px;border:1px solid var(--hairline-strong);background:transparent;color:var(--ink);font-family:inherit;font-size:12.5px;font-weight:600;cursor:pointer;transition:background .2s,border-color .2s}
body .page input[type="file"]::file-selector-button:hover{background:rgba(41,201,255,.08);border-color:rgba(41,201,255,.5)}
/* Configurações: adicionar e excluir lead lado a lado, mesma altura, botão no fim */
body #settings-lead-tools .panel-title .eyebrow{display:none}
body .settings-lead-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:stretch}
body .settings-lead-action{display:flex!important;flex-direction:column;gap:10px;margin:0!important;width:auto!important;max-width:none!important}
body .settings-lead-action>.button{margin-top:auto;width:100%}
body .settings-lead-action-danger{border-color:rgba(255,107,129,.35)!important}
body .account-session-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px 16px}
body .account-session-actions small{margin:0}
body .imp-actions{display:flex;flex-wrap:wrap;gap:10px}
/* Leads: números no tamanho do conteúdo, sem esticar até o painel ao lado */
body .lx-top{align-items:start}
body .lx-top>.lx-kpis{align-self:start}
/* Agente IA: campos com largura útil */
body #page-agent input[type="password"],body #page-agent input[type="text"]{width:100%;max-width:520px}
body #page-agent select{min-width:180px}
@media (max-width:760px){body .settings-lead-actions{grid-template-columns:1fr}}
/* Configurações: cabeçalho do primeiro cartão igual aos outros (sem faixa vazia nem linha dupla) */
body #settings-lead-tools>.panel-title{margin-top:0!important;padding-top:0!important;border-top:0!important}
body #settings-lead-tools>.settings-lead-actions{border-top:0!important;margin-top:14px}
/* Conexões: "Abrir monitor" é secundário; "Conectar" continua a ação principal */
body .button.whatsapp-open-monitor{background:transparent!important;border:1px solid var(--hairline-strong)!important;color:var(--ink)!important;box-shadow:none!important}
body .button.whatsapp-open-monitor:hover{background:rgba(41,201,255,.08)!important;border-color:rgba(41,201,255,.5)!important}
/* Monitor: X para tirar a esteira pausada do monitor e zerar os números */
body .active-flow-clear{align-items:center;background:transparent;border:1px solid var(--hairline-strong);border-radius:8px;color:var(--muted,#94a3b8);cursor:pointer;display:inline-flex;flex:none;height:40px;justify-content:center;margin-left:8px;transition:background .2s,border-color .2s,color .2s;width:40px}
body .active-flow-clear:hover{background:rgba(255,107,129,.12);border-color:rgba(255,107,129,.55);color:#ff8fa0}
body .active-flow-clear:disabled{cursor:progress;opacity:.5}

/* Monitor: botão "Controle e configuração da esteira" (recolhível) — título, descrição e ação Abrir/Fechar */
body .monitor-config-details{border-top:0;margin-top:12px}
body .monitor-config-details>summary{align-items:center;background:var(--surface);border:1px solid var(--hairline-strong);border-radius:12px;cursor:pointer;display:flex;flex-wrap:nowrap;gap:14px;justify-content:space-between;list-style:none;padding:12px 16px;transition:background .2s,border-color .2s}
body .monitor-config-details>summary::-webkit-details-marker{display:none}
body .monitor-config-details>summary::marker{content:""}
body .monitor-config-details>summary:hover{background:var(--raised);border-color:var(--brand)}
body .monitor-config-details>summary:focus-visible{outline:2px solid var(--brand);outline-offset:2px}
body .monitor-config-details .mcd-text{display:grid;gap:2px;min-width:0}
body .monitor-config-details .mcd-text b{color:var(--ink);font-size:14px;font-weight:650}
body .monitor-config-details .mcd-text small{color:var(--muted);font-size:12.5px;font-weight:400}
body .monitor-config-details .mcd-action{align-items:center;color:var(--brand);display:inline-flex;flex:none;font-size:12.5px;font-weight:600;gap:8px}
body .monitor-config-details .mcd-action::before{content:"Abrir"}
body .monitor-config-details[open] .mcd-action::before{content:"Fechar"}
body .monitor-config-details .mcd-action::after{border-bottom:2px solid currentColor;border-right:2px solid currentColor;content:"";height:7px;margin-top:-4px;transform:rotate(45deg);transition:transform .2s;width:7px}
body .monitor-config-details[open] .mcd-action::after{margin-top:3px;transform:rotate(225deg)}
body .monitor-config-details[open]>summary{border-radius:12px 12px 0 0}
body .monitor-config-details[open]>.operational-form{border:1px solid var(--hairline-strong);border-radius:0 0 12px 12px;border-top:0;padding:16px}
@media (prefers-reduced-motion:reduce){body .monitor-config-details>summary,body .monitor-config-details .mcd-action::after{transition:none}}
/* Etiquetas: excluir selecionadas */
body #page-tags #tags-bulkbar>[data-tagact="delete-sel"]{margin-left:4px}
/* Monitor: enquanto o monitor do servidor não monta, a tela antiga fica escondida (sem "piscar" a página velha) */
html.hx-server-monitor body #page-flows.active:not(:has(#server-automation))>:not(.esteiras-tabs){display:none!important}
html.hx-server-monitor body #page-flows.active:not(:has(#server-automation))::after{animation:hx-mon-wait .2s .4s both;color:var(--muted);content:"Carregando o monitor…";display:block;font-size:13px;padding:28px 4px}
@keyframes hx-mon-wait{from{opacity:0}to{opacity:1}}

/* ---- Monitor enxuto: estado + números, lista de esteiras, e na esteira aberta só agora / próximo / fila / resultado ---- */
/* marcador histórico zerado não ocupa a tela */
body #page-flows #hx-health:not(:has(.hx-stall,.hx-fail-err,.hx-fail-count[data-zero="0"])){display:none}
/* estado geral: uma faixa, estado à esquerda e números à direita */
body .operation-status-panel.is-lean{align-items:center;display:grid;gap:0;grid-template-columns:minmax(0,1fr) auto;margin:0 0 14px;padding:0}
body .operation-status-panel.is-lean .operation-status-head{padding:18px 22px}
body .operation-status-panel.is-lean .operation-status-head h2{font-size:21px;margin:0 0 4px}
body .operation-status-panel.is-lean .operation-status-head p:last-child{font-size:13px}
body .operation-status-panel.is-lean .monitor-kpi-grid{border-left:1px solid var(--hx-border);border-top:0;display:flex}
body .operation-status-panel.is-lean .monitor-kpi{gap:6px;min-width:112px;padding:16px 20px}
body .operation-status-panel.is-lean .monitor-kpi span{font-size:12px}
body .operation-status-panel.is-lean .monitor-kpi strong{font-size:22px}
body .operation-status-panel.is-lean .monitor-kpi.is-bad strong{color:var(--hx-danger)}
body .operation-status-panel.is-lean .monitor-kpi.is-warn strong{color:var(--hx-warning)}
/* lista de esteiras: sem texto de apoio repetido; vazia some (o estado geral já diz) */
body #page-flows #active-flow-monitor:has(.active-flow-empty){display:none}
body #page-flows #active-flow-monitor{display:block;padding:16px 18px}
body #page-flows #active-flow-monitor .panel-title{margin:0 0 10px;padding:0}
body #page-flows #active-flow-monitor .panel-title p,body #page-flows #active-flow-monitor .panel-title .safety-badge{display:none}
body #page-flows #active-flow-monitor .panel-title h2{font-size:15px;margin:0}
body #page-flows #active-flow-monitor .operational-flow-list{display:grid;gap:8px}
body #page-flows .active-flow-row{align-items:center;background:var(--hx-surface);display:flex;gap:12px;min-height:0;padding:10px 14px}
body #page-flows .active-flow-row:hover{transform:none}
body #page-flows .active-flow-row>div{flex:1;min-width:0}
body #page-flows .active-flow-row>div strong{display:block;font-size:14px}
body #page-flows .active-flow-row>div small{color:var(--hx-text-secondary);display:block;font-size:12.5px;font-variant-numeric:tabular-nums;margin-top:2px}
body #page-flows .active-flow-row .button{min-height:34px;padding:6px 12px}
body #page-flows .active-flow-row .active-flow-clear{height:34px;margin-left:0;width:34px}
body #page-flows .active-flow-row.is-open{border-color:rgba(41,201,255,.5)}
body #page-flows .active-flow-row.is-open .active-flow-open{background:rgba(41,201,255,.1);border-color:transparent;color:var(--hx-cyan);pointer-events:none}
/* esteira aberta */
body #server-flow-monitor[data-lean]{display:grid;gap:16px}
body #server-flow-monitor[data-lean]>header{align-items:center;display:flex;flex-wrap:wrap;gap:10px 14px;margin:0}
body #server-flow-monitor[data-lean]>header>div:first-child{flex:1;min-width:160px}
body #server-flow-monitor[data-lean] .monitor-head-actions{display:flex;gap:8px}
body #server-flow-monitor[data-lean] .monitor-head-actions .button{min-height:34px;padding:6px 14px}
body #server-flow-monitor[data-lean]>article.monitor-current,body #server-flow-monitor[data-lean]>footer>.monitor-flow-action{display:none}
body #server-flow-monitor[data-lean]>footer{border:0;margin:0;min-height:0;padding:0}
body #server-flow-monitor[data-lean] .monitor-operational-grid{gap:12px}
body #server-flow-monitor[data-lean] .monitor-current-lead,body #server-flow-monitor[data-lean] .monitor-next-lead{box-shadow:none;display:grid;align-content:start;gap:4px;min-height:0;padding:14px 16px}
body #server-flow-monitor[data-lean] .monitor-current-lead{background:rgba(41,201,255,.06);border-color:rgba(41,201,255,.4)}
body #server-flow-monitor[data-lean] .mon-label{color:var(--hx-text-muted);font-size:12px;font-weight:600}
body #server-flow-monitor[data-lean] .monitor-current-lead .mon-label{color:var(--hx-cyan)}
body #server-flow-monitor[data-lean] .monitor-current-lead strong,body #server-flow-monitor[data-lean] .monitor-next-lead strong{font-size:17px;margin:2px 0 0}
body #server-flow-monitor[data-lean] .monitor-current-lead small,body #server-flow-monitor[data-lean] .monitor-next-lead small{margin-top:0}
body #server-flow-monitor[data-lean] .mon-timer{color:var(--hx-text-secondary);font-size:12.5px;font-style:normal;margin-top:4px}
body #server-flow-monitor[data-lean] .mon-timer i{color:var(--hx-text);font-style:normal;font-variant-numeric:tabular-nums;font-weight:700}
/* fila (5 primeiros) e resultado lado a lado */
body #server-flow-monitor[data-lean] .monitor-columns{align-items:start;gap:12px;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}
body #server-flow-monitor[data-lean] .monitor-columns>section{align-content:start;background:var(--hx-surface);border:1px solid var(--hx-border);border-radius:var(--hx-radius-md);gap:0;max-height:none;overflow:visible;padding:14px 16px}
body #server-flow-monitor[data-lean] .monitor-columns h3{color:var(--hx-text-muted);font:600 12px var(--font-ui,inherit);letter-spacing:0;margin:0 0 6px;text-transform:none}
body #server-flow-monitor[data-lean] .monitor-columns>section:first-child>div:nth-of-type(n+6){display:none}
body #server-flow-monitor[data-lean] .monitor-columns>section:first-child>div{font-size:13px;padding:7px 0}
body #server-flow-monitor[data-lean] .monitor-columns>section:first-child>div small{font-size:11px;text-transform:lowercase}
body #server-flow-monitor[data-lean] .monitor-queue-open{background:transparent;border:0;color:var(--hx-cyan);font-size:12.5px;font-weight:600;height:auto;justify-self:start;margin-top:8px;min-height:0;padding:4px 0;width:auto}
body #server-flow-monitor[data-lean] .monitor-queue-open:hover{background:transparent;text-decoration:underline}
body #server-flow-monitor[data-lean] .monitor-queue-open[disabled]{display:none}
body #server-flow-monitor[data-lean] .monitor-summary-grid{border:0;display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr));padding:0}
/* recolhidos */
body #server-flow-monitor[data-lean] .monitor-more{border-top:1px solid var(--hx-border);padding-top:4px}
body #server-flow-monitor[data-lean] .monitor-more+.monitor-more{margin-top:-12px}
body .monitor-more-toggle{align-items:center;background:transparent;border:0;color:var(--hx-text-secondary);cursor:pointer;display:flex;font:600 13px var(--font-ui,inherit);gap:8px;justify-content:space-between;padding:10px 2px;text-align:left;width:100%}
body .monitor-more-toggle:hover{color:var(--hx-text)}
body .monitor-more-toggle:focus-visible{outline:2px solid var(--hx-cyan);outline-offset:2px}
body .monitor-more-toggle::after{border-bottom:2px solid currentColor;border-right:2px solid currentColor;content:"";height:7px;margin:-4px 4px 0 0;transform:rotate(45deg);transition:transform .2s;width:7px}
body .monitor-more-toggle[aria-expanded="true"]::after{margin-top:3px;transform:rotate(225deg)}
body .monitor-more-body{display:grid;gap:14px;padding:6px 0 12px}
body .monitor-more-body[hidden]{display:none}
body .monitor-more-body .monitor-live-activity{background:transparent;border:0;padding:0}
body .monitor-more-body .monitor-live-activity .monitor-section-heading{display:none}
/* configuração: só o botão recolhível (o estado e o "pausar todas" já estão no topo) */
body #page-flows #server-automation{background:transparent;border:0;box-shadow:none;padding:0}
body #page-flows #server-automation>.panel-title{display:none}
body #page-flows #server-automation .monitor-config-details{margin-top:0}
@media(max-width:760px){
  body .operation-status-panel.is-lean{grid-template-columns:1fr}
  body .operation-status-panel.is-lean .monitor-kpi-grid{border-left:0;border-top:1px solid var(--hx-border);display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr))}
  body .operation-status-panel.is-lean .monitor-kpi{border-bottom:0;min-width:0;padding:12px 14px}
  body #page-flows .active-flow-row{flex-wrap:wrap}
  body #page-flows .active-flow-row>div{flex-basis:100%}
  body #server-flow-monitor[data-lean] .monitor-columns{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){body .monitor-more-toggle::after{transition:none}}
body #server-flow-monitor.is-switching>:not(header),body #server-flow-monitor.is-switching>header>:not(:first-child){opacity:.3;pointer-events:none}
/* Atividade recente compacta: uma linha por evento */
body #server-flow-monitor[data-lean] .monitor-activity-list{max-height:232px;overflow-y:auto;scrollbar-color:var(--hx-border-strong,var(--hx-border)) transparent;scrollbar-width:thin}
body #server-flow-monitor[data-lean] .monitor-activity-list>div{align-items:baseline;gap:12px;padding:6px 2px}
body #server-flow-monitor[data-lean] .monitor-activity-list time{flex:none;font-size:11.5px;font-variant-numeric:tabular-nums;min-width:40px}
body #server-flow-monitor[data-lean] .monitor-activity-list>div>span{align-items:baseline;display:flex;flex-wrap:wrap;gap:2px 10px;min-width:0}
body #server-flow-monitor[data-lean] .monitor-activity-list strong{font-size:12.5px;font-weight:600}
body #server-flow-monitor[data-lean] .monitor-activity-list small{display:inline;font-size:12px;margin:0}