/* Inter self-hosted (OFL) — latin 400/500/600/700 */
@font-face{
  font-family:"Inter";
  font-style:normal;
  font-weight:400;
  font-display:swap;
  src:url("fonts/inter-latin-400-normal.woff2") format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{
  font-family:"Inter";
  font-style:normal;
  font-weight:500;
  font-display:swap;
  src:url("fonts/inter-latin-500-normal.woff2") format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{
  font-family:"Inter";
  font-style:normal;
  font-weight:600;
  font-display:swap;
  src:url("fonts/inter-latin-600-normal.woff2") format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{
  font-family:"Inter";
  font-style:normal;
  font-weight:700;
  font-display:swap;
  src:url("fonts/inter-latin-700-normal.woff2") format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

:root{
  --navy:#0b1f3a; --navy2:#102848; --navy3:#16345c;
  --accent:#60a5fa; --accent2:#93c5fd; --accent-soft:rgba(96,165,250,.18);
  --nav-on:rgba(147,197,253,.22);
  --canvas:#0a1220; --panel:rgba(28,28,30,.92); --line:rgba(255,255,255,.10); --line2:rgba(255,255,255,.14);
  --ink:#f4f6fa; --muted:#a8b3c4; --dim:#7a8799;
  --quente:#ef4444; --morno:#f59e0b; --frio:#3b82f6; --inativo:#94a3b8;
  --ok:#22c55e; --ok-dark:#16a34a; --visita:#f59e0b; --overdue:#f97316;
  --gold:#d4a017; --gold-soft:#f6e7b8;
  --glass:rgba(0,0,0,.55); --card-bg:rgba(255,255,255,.08); --card-solid:#2c2c2e;
  --shadow:0 8px 32px rgba(0,0,0,.35);
  --radius:14px; --side:280px; --copilot:420px; --contato:380px;
}
*{box-sizing:border-box}
html,body{margin:0;height:100%;color:var(--ink);
  font:14px/1.45 Inter,"Segoe UI",system-ui,sans-serif;
  background-color:#0a1628;
  background-image:
    linear-gradient(180deg, rgba(4,10,22,.80) 0%, rgba(6,14,28,.84) 50%, rgba(3,8,18,.88) 100%),
    url("bg-georgia.jpg"),
    linear-gradient(160deg,#071022 0%,#0c1a32 45%,#0a1628 100%);
  background-size:cover;
  background-position:center;
  background-attachment:fixed;
  background-repeat:no-repeat;
}
button,input,select,a{font:inherit;color:inherit}
button{cursor:pointer}
.app{display:flex;height:100%;min-height:100vh;overflow:hidden;background:transparent}
.sidebar{width:var(--side);flex:0 0 var(--side);
  background:rgba(12,16,28,.82); backdrop-filter:blur(16px); -webkit-backdrop-filter:blur(16px);
  color:#e8eef8; border-right:1px solid rgba(255,255,255,.08);
  display:flex;flex-direction:column;padding:0;z-index:30;
  transition:width .34s var(--ease-premium), flex-basis .34s var(--ease-premium);overflow-x:clip}
.app.side-expanded{--side:280px}
.app.side-collapsed{--side:64px}
.side-top{display:flex;align-items:center;gap:10px;padding:10px 12px 8px;transition:padding .34s var(--ease-premium), gap .34s var(--ease-premium);
  border-bottom:1px solid rgba(255,255,255,.08);flex:0 0 auto;min-height:52px}
.side-toggle{width:40px;height:40px;flex:0 0 40px;border-radius:10px;
  border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);color:#fff;
  display:inline-flex;align-items:center;justify-content:center;padding:0}
.side-toggle:hover{background:rgba(255,255,255,.12)}
.side-toggle .ico{width:18px;height:18px}
.side-brand-label{font-size:13px;font-weight:700;color:#fff;letter-spacing:.02em;
  white-space:nowrap;overflow:hidden}
.side-nav{display:flex;flex-direction:column;gap:2px;padding:8px 8px 6px;flex:0 0 auto}
.side-item{position:relative;display:flex;align-items:center;gap:10px;width:100%;
  text-align:left;background:transparent;border:0;color:rgba(255,255,255,.78);
  border-radius:10px;padding:10px 14px;font-weight:600;min-height:42px;cursor:pointer;
  transition:background-color .16s ease, color .16s ease, gap .34s var(--ease-premium), transform .12s ease}
.side-item:hover{background:rgba(255,255,255,.08);color:#fff}
.side-item.on{background:rgba(255,255,255,.14);color:#fff}
.side-item .ico{width:20px;height:20px;flex:0 0 20px;opacity:.95}
.side-item .side-label{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px}
.side-item .badge{position:absolute;top:6px;right:8px;background:var(--quente);color:#fff;
  font-size:11px;font-weight:700;min-width:18px;height:18px;border-radius:9px;padding:0 5px;
  display:flex;align-items:center;justify-content:center}
.side-item .badge[hidden]{display:none}
.side-item[hidden]{display:none !important}
.side-nav .equipe-btn,.side-nav .plat-admin-btn{
  height:auto;padding:10px 14px;border-radius:10px;border:0;background:transparent;
  color:rgba(255,255,255,.78);font-size:13px}
.side-nav .equipe-btn:hover,.side-nav .plat-admin-btn:hover{background:rgba(255,255,255,.08);color:#fff}
.side-nav .plat-admin-btn:hover{background:rgba(212,160,23,.18)}
.side-inbox{display:flex;flex-direction:column;flex:1;min-height:0;border-top:1px solid rgba(255,255,255,.06)}
/* UX premium 1: menu recolhe/expande animado (sem display:none, sem pulo) */
.side-brand-label,.side-item .side-label{max-width:220px;
  transition:opacity .22s ease .1s, transform .3s var(--ease-premium) .04s, max-width .34s var(--ease-premium)}
.side-inbox,.sfoot{min-width:240px;transition:opacity .22s ease .12s, visibility 0s linear 0s}
.app.side-collapsed .side-brand-label,
.app.side-collapsed .side-item .side-label{opacity:0;max-width:0;transform:translateX(-8px);pointer-events:none;
  transition:opacity .12s ease, transform .2s ease, max-width .34s var(--ease-premium)}
.app.side-collapsed .side-inbox,
.app.side-collapsed .sfoot{opacity:0;visibility:hidden;pointer-events:none;
  transition:opacity .12s ease, visibility 0s linear .12s}
.app.side-collapsed .side-top{padding:10px 12px;gap:0}
.app.side-collapsed .side-nav{padding:8px 8px}
.app.side-collapsed .side-item{gap:0}
.app.side-collapsed .side-item .badge{top:2px;right:2px}
.app.side-collapsed .side-toggle{margin:0}
.inbox-head{display:flex;align-items:center;justify-content:space-between;gap:8px;
  padding:12px 14px 8px;border-bottom:1px solid rgba(255,255,255,.08);flex:0 0 auto}
.inbox-head h2{margin:0;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.inbox-count{font-size:11px;font-weight:700;color:#93c5fd;background:rgba(96,165,250,.15);
  border-radius:999px;padding:2px 8px}
.inbox-list{flex:1;overflow:auto;padding:10px;min-height:0}
.inbox-card{display:block;width:100%;text-align:left;background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:10px 12px;margin:0 0 8px;
  color:#fff;cursor:pointer}
.inbox-card:hover{background:rgba(255,255,255,.10);border-color:rgba(147,197,253,.35)}
.inbox-card.unread{box-shadow:inset 3px 0 0 var(--accent)}
.inbox-card .nt{font-weight:650;font-size:13px;line-height:1.3;display:block;margin-top:4px}
.inbox-card .nb{font-size:12px;color:var(--muted);margin-top:4px;line-height:1.35;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.inbox-empty{padding:28px 12px;color:var(--dim);text-align:center;font-size:13px}
.sbrand{display:none}
.nav{display:none !important}
.nav button{display:inline-flex;align-items:center;gap:8px;
  background:transparent;border:0;color:rgba(255,255,255,.72);border-radius:8px;
  padding:7px 12px;font-weight:600;white-space:nowrap}
.nav button:hover{background:rgba(255,255,255,.08);color:#fff}
.nav button.on{background:rgba(255,255,255,.14);color:#fff}
.nav .ico{width:16px;height:16px;opacity:.95;flex:0 0 16px}
.sfoot{padding:10px 14px 12px;color:#8aa0bb;font-size:11px;line-height:1.4;
  border-top:1px solid rgba(255,255,255,.06)}
.main{flex:1;min-width:0;display:flex;flex-direction:column;min-height:0;background:transparent}
.top{display:flex;align-items:center;gap:10px;padding:10px 14px;
  background:rgba(8,12,22,.55); backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px);
  border-bottom:1px solid rgba(255,255,255,.08);flex:0 0 auto}
.board-title{font-size:15px;font-weight:700;color:#fff;letter-spacing:.01em;
  white-space:nowrap;margin-right:4px}
.burger{display:none;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);
  border-radius:8px;width:40px;height:40px;align-items:center;justify-content:center;color:#fff}
.search{flex:1;min-width:0;position:relative;max-width:420px}
.search input{width:100%;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);
  border-radius:10px;padding:9px 12px 9px 36px;min-height:38px;outline:none;color:#fff}
.search input::placeholder{color:rgba(255,255,255,.45)}
.search input:focus{border-color:rgba(147,197,253,.55);background:rgba(255,255,255,.12);
  box-shadow:0 0 0 3px rgba(59,130,246,.2)}
.search .lens{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:rgba(255,255,255,.45);pointer-events:none}
.iconbtn{position:relative;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);
  border-radius:10px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:#e8eef8}
.iconbtn:hover{background:rgba(255,255,255,.14)}
.iconbtn .badge{position:absolute;top:-6px;right:-6px;background:var(--quente);color:#fff;
  font-size:11px;font-weight:700;min-width:18px;height:18px;border-radius:9px;padding:0 5px;
  display:flex;align-items:center;justify-content:center}
.iconbtn .badge[hidden]{display:none}
.notif-wrap{position:relative;flex:0 0 auto}
.helper-toggle{display:none !important}
/* FAB wrap + speech bubble (só ícone quando fechado) */
.helper-fab-wrap{
  position:fixed;right:20px;bottom:20px;z-index:86;
  width:52px;height:52px;pointer-events:none;
}
.helper-fab-wrap .helper-fab{position:absolute;inset:0;pointer-events:auto;z-index:2}
.helper-fab-bubble{
  pointer-events:auto;position:absolute;right:58px;bottom:8px;z-index:3;
  max-width:220px;padding:10px 14px;border:0;cursor:pointer;
  border-radius:16px 16px 4px 16px;
  background:#C46B5A;color:#fff;font:650 13px/1.25 "Segoe UI",system-ui,sans-serif;
  box-shadow:0 10px 28px rgba(0,0,0,.4), 0 0 0 1px rgba(255,255,255,.12) inset;
  white-space:nowrap;animation:helper-bubble-in .28s cubic-bezier(.2,.9,.2,1);
}
.helper-fab-bubble::after{
  content:"";position:absolute;right:-6px;bottom:12px;
  border:6px solid transparent;border-left-color:#C46B5A;
}
.helper-fab-bubble[hidden]{display:none !important}
.fila-zap-banner{margin:8px 14px 0;padding:10px 12px;border-radius:10px;border:1px solid rgba(245,158,11,.45);background:rgba(245,158,11,.14);color:#fcd34d;font-size:12px}
.fila-zap-banner[hidden]{display:none !important}
html[data-theme="light"] .fila-zap-banner{color:#92400e;background:rgba(245,158,11,.18);border-color:rgba(245,158,11,.4)}
.app[data-view="acompanhar"] .stage{display:none}
#acompanhar{display:none;padding:12px 14px;min-height:0;flex:1;flex-direction:column;gap:12px}
.app[data-view="acompanhar"] #acompanhar{display:flex}
#acompanhar .detail-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:0 0 10px;border-bottom:1px solid rgba(255,255,255,.1)}
#acompanhar .detail-bar h2{margin:0;font-size:15px;font-weight:700;color:#fff;letter-spacing:.01em}
.acompanhar-ro{font-size:11px;padding:3px 8px;border-radius:999px;background:rgba(34,197,94,.15);border:1px solid rgba(34,197,94,.35);color:#86efac;font-weight:650}
.acompanhar-meta{font-size:12px;color:rgba(255,255,255,.55)}
.acompanhar-back{padding:8px 10px;border-radius:8px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);color:#fff;font:inherit;font-size:13px;cursor:pointer}
.acompanhar-back:hover{background:rgba(255,255,255,.1);border-color:rgba(147,197,253,.4)}
.acompanhar-back[hidden]{display:none !important}
.acompanhar-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px}
.acompanhar-grid[hidden]{display:none !important}
.acompanhar-empty{grid-column:1/-1;padding:28px 16px;text-align:center;color:rgba(255,255,255,.55);border:1px dashed rgba(255,255,255,.14);border-radius:12px;background:rgba(255,255,255,.03)}
.acompanhar-card{display:block;width:100%;border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:0;overflow:hidden;background:rgba(255,255,255,.04);color:inherit;text-align:left;cursor:pointer;font:inherit}
.acompanhar-card:hover{border-color:rgba(147,197,253,.4);background:rgba(255,255,255,.07)}
.acompanhar-card-bar{height:4px;background:#60a5fa}
.acompanhar-card-body{padding:12px}
.acompanhar-card-body strong{display:block;font-size:14px;font-weight:700;color:#fff;margin:0 0 4px}
.acompanhar-card-meta{font-size:12px;color:rgba(255,255,255,.55)}
.acompanhar-funil{min-height:0;flex:1}
.acompanhar-funil[hidden]{display:none !important}
.acompanhar-funil-cols{display:flex;gap:12px;overflow-x:auto;padding:8px 4px 12px;align-items:flex-start;-webkit-overflow-scrolling:touch}
.acompanhar-funil-col{flex:none;width:272px;min-width:272px;max-width:272px;max-height:calc(100vh - 180px);background:rgba(0,0,0,.42);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.07);border-radius:14px;display:flex;flex-direction:column;min-height:120px;color:#fff}
.acompanhar-lead{min-width:0;max-width:100%;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow-wrap:anywhere}
.acompanhar-funil-col h3{margin:0;padding:12px 14px 8px;font-size:13px;font-weight:700;letter-spacing:.01em;color:#fff;display:flex;justify-content:space-between;align-items:center}
.acompanhar-funil-col h3 b{color:rgba(255,255,255,.55);font-weight:650;font-size:12px;background:rgba(255,255,255,.08);border-radius:999px;padding:2px 8px;min-width:22px;text-align:center}
.acompanhar-funil-cards{overflow-y:auto;padding:4px 10px 12px;flex:1;min-height:0}
.acompanhar-funil-empty{font-size:12px;color:rgba(255,255,255,.35);padding:8px 2px}
.acompanhar-lead{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:10px 12px;margin-bottom:8px;font-size:13px;font-weight:650;color:#fff;cursor:default;user-select:none}
.acompanhar-lead:hover{border-color:rgba(255,255,255,.12);background:rgba(255,255,255,.1)}
html[data-theme="light"] #acompanhar .detail-bar{border-bottom-color:rgba(15,23,42,.1)}
html[data-theme="light"] #acompanhar .detail-bar h2{color:#0f172a}
html[data-theme="light"] .acompanhar-meta{color:rgba(15,23,42,.55)}
html[data-theme="light"] .acompanhar-back{background:rgba(15,23,42,.04);border-color:rgba(15,23,42,.12);color:#0f172a}
html[data-theme="light"] .acompanhar-back:hover{background:rgba(37,99,235,.1);border-color:rgba(37,99,235,.35)}
html[data-theme="light"] .acompanhar-empty{color:rgba(15,23,42,.5);border-color:rgba(15,23,42,.14);background:rgba(15,23,42,.03)}
html[data-theme="light"] .acompanhar-card{background:#fff;border-color:rgba(15,23,42,.1);box-shadow:0 1px 2px rgba(15,23,42,.04)}
html[data-theme="light"] .acompanhar-card:hover{border-color:rgba(37,99,235,.35);background:#fff}
html[data-theme="light"] .acompanhar-card-body strong{color:#0f172a}
html[data-theme="light"] .acompanhar-card-meta{color:rgba(15,23,42,.55)}
html[data-theme="light"] .acompanhar-funil-col{background:rgba(15,23,42,.04);border-color:rgba(15,23,42,.1);color:#0f172a}
html[data-theme="light"] .acompanhar-funil-col h3{color:#0f172a}
html[data-theme="light"] .acompanhar-funil-col h3 b{color:rgba(15,23,42,.55);background:rgba(15,23,42,.08)}
html[data-theme="light"] .acompanhar-funil-empty{color:rgba(15,23,42,.35)}
html[data-theme="light"] .acompanhar-lead{background:#fff;border-color:rgba(15,23,42,.1);color:#0f172a}
html[data-theme="light"] .acompanhar-lead:hover{border-color:rgba(37,99,235,.3);background:#f8fafc}
html[data-theme="light"] .acompanhar-ro{color:#15803d;background:rgba(34,197,94,.12);border-color:rgba(34,197,94,.3)}
@keyframes helper-bubble-in{
  from{opacity:0;transform:translateX(8px) scale(.96)}
  to{opacity:1;transform:translateX(0) scale(1)}
}
@media (prefers-reduced-motion: reduce){
  .helper-fab-bubble{animation:none}
}
.app.helper-float-open:not(.hide-copilot):not(.copilot-min) .helper-fab-wrap{
  right:max(20px, calc(min(var(--copilot), calc(100vw - 32px)) + 28px));
}
.app.contato-open:not(.helper-float-open) .helper-fab-wrap,
.app.contato-open.hide-copilot .helper-fab-wrap,
.app.contato-open.copilot-min .helper-fab-wrap{right:20px;bottom:20px}
@media (max-width:860px){
  .helper-fab-wrap{right:14px;bottom:14px;width:48px;height:48px}
  .helper-fab-bubble{right:54px;bottom:4px;font-size:12px;padding:8px 12px;white-space:normal;max-width:160px}
}
/* HELPER floating avatar FAB (Grok-style) */
.helper-fab{
  position:absolute;inset:0;z-index:2;
  width:52px;height:52px;border-radius:50%;
  border:2px solid rgba(246,231,184,.45);
  padding:0;cursor:pointer;
  display:inline-flex;align-items:center;justify-content:center;
  background:transparent;
  box-shadow:0 10px 28px rgba(0,0,0,.28);
  transition:transform .15s ease, box-shadow .15s ease, right .18s ease, bottom .18s ease;
}
.helper-fab:hover{transform:translateY(-2px) scale(1.03);
  box-shadow:0 14px 32px rgba(0,0,0,.5), 0 0 0 1px rgba(255,255,255,.12) inset}
.helper-fab .helper-fab-avatar{display:block;pointer-events:none;line-height:0}
.helper-fab[hidden]{display:none !important}
.helper-fab .badge{position:absolute;top:-4px;right:-4px;background:var(--quente);color:#fff;
  font-size:11px;font-weight:700;min-width:18px;height:18px;border-radius:9px;padding:0 5px;
  display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px rgba(0,0,0,.35)}
.helper-fab .badge[hidden]{display:none}
.helper-fab[aria-pressed="true"],.helper-fab.is-open{
  border-color:rgba(96,165,250,.7);
  box-shadow:0 10px 28px rgba(59,130,246,.35), 0 0 0 2px rgba(96,165,250,.35)}
/* When HELPER float panel is open, park FAB just left of panel edge */
.app.helper-float-open:not(.hide-copilot):not(.copilot-min) .helper-fab{
  right:max(20px, calc(min(var(--copilot), calc(100vw - 32px)) + 28px))}
/* Contato open alone: keep FAB clear of left ficha; stay bottom-right */
.app.contato-open:not(.helper-float-open) .helper-fab,
.app.contato-open.hide-copilot .helper-fab,
.app.contato-open.copilot-min .helper-fab{right:20px;bottom:20px}
@media (max-width:860px){
  .helper-fab{right:14px;bottom:14px;width:48px;height:48px}
  .app.helper-float-open:not(.hide-copilot):not(.copilot-min) .helper-fab{
    right:14px;bottom:14px;opacity:.92}
}
.copilot-actions{display:flex;align-items:center;gap:4px;flex:0 0 auto}
.copilot-actions .icon-act{width:32px;height:32px;border-radius:8px;border:1px solid rgba(255,255,255,.12);
  background:transparent;color:#fff;display:inline-flex;align-items:center;justify-content:center;
  cursor:pointer;font-size:16px;line-height:1;padding:0}
.copilot-actions .icon-act:hover{background:rgba(255,255,255,.08)}

/* HELPER flutuante — nunca rouba largura das colunas */
.helper-float-scrim{position:fixed;inset:0;z-index:75;background:rgba(0,0,0,.28);
  backdrop-filter:blur(1px);opacity:0;pointer-events:none;transition:opacity .18s ease}
.app.helper-float-open:not(.hide-copilot):not(.copilot-min) .helper-float-scrim{
  opacity:1;pointer-events:auto}
.app.copilot-min .helper-float-scrim,
.app.hide-copilot .helper-float-scrim{
  opacity:0 !important;pointer-events:none !important}
/* Contato aberto: scrim não cobre a ficha nem bloqueia cliques nela */
.app.contato-open.helper-float-open:not(.hide-copilot):not(.copilot-min) .helper-float-scrim{
  opacity:0 !important;pointer-events:none !important}


.notif-panel{position:absolute;top:calc(100% + 8px);right:0;z-index:90;
  width:min(392px, calc(100vw - 24px));max-height:min(72vh, 520px);overflow:auto;
  background:rgba(22,24,32,.96);border:1px solid rgba(255,255,255,.12);border-radius:12px;
  box-shadow:var(--shadow);padding:4px 0 8px;backdrop-filter:blur(16px);color:#fff}
.notif-panel[hidden]{display:none}
.notif-h{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);
  font-weight:700;padding:10px 14px 4px}
.notif-row{display:flex;align-items:stretch;border-top:1px solid rgba(255,255,255,.08);gap:0}
.notif-item{display:block;flex:1;min-width:0;text-align:left;background:transparent;border:0;
  padding:10px 8px 10px 14px;color:#fff;font-weight:500;
  line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.notif-item:hover{background:rgba(255,255,255,.06)}
.notif-x{flex:0 0 36px;border:0;background:transparent;color:var(--dim);font-size:18px;line-height:1}
.notif-x:hover{color:var(--quente);background:rgba(239,68,68,.12)}
.notif-empty{padding:22px 14px;color:var(--dim);text-align:center;font-size:13px}
.user{display:flex;align-items:center;gap:10px;padding:4px 4px 4px 8px}
.avatar{width:34px;height:34px;border-radius:50%;background:#b91c1c;color:#fff;
  display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;
  box-shadow:0 0 0 2px rgba(255,255,255,.15)}
.user .who{display:flex;flex-direction:column;line-height:1.2}
.user b{font-size:13px;font-weight:600;color:#fff}
.user span{font-size:11px;color:var(--muted)}
.kpis{display:none !important}
.kpi{display:none}
.bar{display:flex;flex-wrap:wrap;gap:8px;padding:10px 14px;align-items:center}
.bar select{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:8px;
  padding:7px 10px;min-height:34px;color:#fff}
.bar select option{background:#1c1c1e;color:#fff}
.chip{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:8px;
  padding:6px 11px;color:var(--muted);min-height:34px;font-weight:500}
.chip.on{border-color:rgba(96,165,250,.55);color:#93c5fd;background:var(--accent-soft)}
.status{margin-left:auto;color:var(--dim);font-size:11px}
.work{flex:1;min-height:0;display:flex;padding:0 12px 12px;gap:0}
.stage{flex:1;min-width:0;background:transparent;border:0;border-radius:0;
  box-shadow:none;display:flex;flex-direction:column;overflow:hidden}
.stage h2{margin:0;padding:8px 4px 6px;font-size:14px;font-weight:650;color:#fff;
  display:flex;justify-content:space-between;align-items:center;border:0}
.stage h2 small{color:rgba(255,255,255,.55);font-weight:500;font-size:12px}
.ph{flex:1;display:flex;align-items:center;justify-content:center;text-align:center;
  color:var(--muted);padding:40px 28px;font-size:14px;line-height:1.55}
.tablewrap{overflow:auto;flex:1;-webkit-overflow-scrolling:touch}
table.ct{width:100%;border-collapse:collapse;min-width:760px;color:#fff}
table.ct th{text-align:left;font-size:11px;letter-spacing:.08em;text-transform:uppercase;
  color:var(--muted);font-weight:600;padding:10px 12px;border-bottom:1px solid var(--line);
  background:rgba(0,0,0,.35);position:sticky;top:0;z-index:1}
table.ct td{padding:12px;border-bottom:1px solid rgba(255,255,255,.06);vertical-align:middle}
table.ct tbody tr{cursor:pointer}
table.ct tbody tr:hover{background:rgba(255,255,255,.05)}
table.ct tbody tr.sel{background:rgba(96,165,250,.12)}
table.ct tbody tr.alert-quente{box-shadow:inset 3px 0 0 var(--quente)}
table.ct tbody tr.alert-visita{box-shadow:inset 3px 0 0 var(--visita)}
table.ct tbody tr.alert-overdue{box-shadow:inset 3px 0 0 var(--overdue)}
table.ct tbody tr.alert-overdue.alert-quente,
table.ct tbody tr.alert-overdue.alert-visita{box-shadow:inset 3px 0 0 var(--overdue)}
.nm{font-weight:600;display:flex;align-items:center;gap:10px;color:#fff}
.av{width:32px;height:32px;border-radius:50%;background:rgba(96,165,250,.25);color:#93c5fd;
  display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex:0 0 32px}
.actcell{max-width:280px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ink)}
.helpercell{display:flex;align-items:center;gap:6px;flex-wrap:wrap}


/* ===== Transparent thin scrollbars (board H / cards V) ===== */
.board,
.cards,
.negcol .cards{
  scrollbar-width:thin;
  scrollbar-color:rgba(255,255,255,.18) transparent;
}
html[data-theme="light"] .board,
html[data-theme="light"] .cards,
html[data-theme="light"] .negcol .cards{
  scrollbar-color:rgba(15,23,42,.28) transparent;
}
.board::-webkit-scrollbar,
.cards::-webkit-scrollbar,
.negcol .cards::-webkit-scrollbar{height:6px;width:6px}
.board::-webkit-scrollbar-track,
.cards::-webkit-scrollbar-track,
.negcol .cards::-webkit-scrollbar-track{background:transparent}
.board::-webkit-scrollbar-thumb,
.cards::-webkit-scrollbar-thumb,
.negcol .cards::-webkit-scrollbar-thumb{
  background:rgba(255,255,255,.16);
  border-radius:999px;
  border:2px solid transparent;
  background-clip:padding-box;
}
.board::-webkit-scrollbar-thumb:hover,
.cards::-webkit-scrollbar-thumb:hover,
.negcol .cards::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.28);background-clip:padding-box}
html[data-theme="light"] .board::-webkit-scrollbar-thumb,
html[data-theme="light"] .cards::-webkit-scrollbar-thumb,
html[data-theme="light"] .negcol .cards::-webkit-scrollbar-thumb{
  background:rgba(15,23,42,.22);
  background-clip:padding-box;
}
html[data-theme="light"] .board::-webkit-scrollbar-thumb:hover,
html[data-theme="light"] .cards::-webkit-scrollbar-thumb:hover,
html[data-theme="light"] .negcol .cards::-webkit-scrollbar-thumb:hover{
  background:rgba(15,23,42,.36);
  background-clip:padding-box;
}
.board::-webkit-scrollbar-button,
.cards::-webkit-scrollbar-button,
.negcol .cards::-webkit-scrollbar-button,
.board::-webkit-scrollbar-corner,
.cards::-webkit-scrollbar-corner{display:none;width:0;height:0;background:transparent}

/* ===== Trello board ===== */
.board{display:flex;gap:12px;overflow-x:auto;padding:8px 4px 12px;flex:1;align-items:flex-start;
  -webkit-overflow-scrolling:touch}
.col{flex:none;width:272px;min-width:272px;max-width:544px;max-height:calc(100vh - 148px);position:relative;
  background:rgba(0,0,0,.42); backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px);
  border:1px solid rgba(255,255,255,.07); border-radius:14px;
  display:flex;flex-direction:column;min-height:120px;color:#fff;
  transition:transform .12s ease,box-shadow .12s ease,background .12s ease,border-color .12s ease,outline .12s ease}
.col h3{margin:0;padding:12px 14px 8px;font-size:13px;font-weight:700;letter-spacing:.01em;
  text-transform:none;color:#fff;border-bottom:0;
  display:flex;justify-content:space-between;align-items:center}
.col h3 b{color:rgba(255,255,255,.55);font-weight:650;font-size:12px;
  background:rgba(255,255,255,.08);border-radius:999px;padding:2px 8px;min-width:22px;text-align:center}
.cards{overflow-y:auto;padding:4px 10px 12px;flex:1;min-height:0;min-width:0}
.card{background:var(--card-solid); background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.06); border-radius:12px;
  padding:0; margin-bottom:8px; cursor:pointer; min-height:0; min-width:0; max-width:100%; overflow:hidden; color:#fff}
.card:hover{border-color:rgba(147,197,253,.4); background:rgba(255,255,255,.11)}
.card.sel{border-color:rgba(96,165,250,.7); box-shadow:0 0 0 2px rgba(59,130,246,.25)}
.card .card-body{padding:8px 10px 10px}
.card .clabels{display:flex;flex-wrap:wrap;gap:4px;padding:8px 10px 0}
.card .clabel{display:block;height:8px;min-width:40px;border-radius:4px;flex:0 0 auto}
.card .clabel.quente,.card .clabel.hot{background:var(--quente)}
.card .clabel.morno,.card .clabel.warm{background:var(--morno)}
.card .clabel.frio,.card .clabel.cold{background:var(--frio)}
.card .clabel.inativo{background:var(--inativo)}
.card .nm{font-size:13px;margin:0 0 4px;font-weight:650;display:flex;align-items:center;gap:6px;color:#fff;min-width:0;overflow:hidden}
.card .act{color:rgba(255,255,255,.78);font-size:12px;margin-top:4px;line-height:1.35;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;
  white-space:normal;overflow:hidden;overflow-wrap:anywhere;word-break:break-word;min-width:0;max-width:100%}
.col-resize{position:absolute;top:0;right:-6px;width:12px;height:100%;cursor:col-resize;z-index:4;touch-action:none}
.col-resize:focus-visible{outline:2px solid #60a5fa;outline-offset:-2px}
@media (pointer:coarse){.col-resize{display:none}}
.card .tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px;align-items:center}
.card .tel,.card .owner,.card .meta{font-size:11px;color:var(--muted);margin:0 0 2px;line-height:1.3}
.card .tel{display:none}
.card .owner{color:rgba(255,255,255,.55)}
.card .meta.ag-overdue{color:#fecaca;font-weight:700}
.card .badge-h,.card .badge-stale,.card .badge-none{cursor:pointer}
.card.alert-quente,.card.alert-visita,.card.alert-overdue{border-left:0}
.card .due-pill{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:650;
  padding:3px 8px;border-radius:999px;background:rgba(34,197,94,.18);color:#86efac;
  border:1px solid rgba(34,197,94,.28);margin-top:6px;line-height:1.2}
.card .due-pill svg{width:12px;height:12px;flex:0 0 12px}
.card .due-pill.ag-overdue{background:rgba(239,68,68,.2);color:#fecaca;border-color:rgba(239,68,68,.35)}
.card .card-foot{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:4px}
.card.dragging{opacity:.55;transform:scale(.98);z-index:5;touch-action:none;pointer-events:none}
.card.drag-source{opacity:.28;filter:saturate(.7)}
.drag-ghost,#drag-ghost{
  position:fixed;pointer-events:none;z-index:9999;margin:0;
  opacity:.92;transform:rotate(2deg);
  box-shadow:0 18px 42px rgba(0,0,0,.55),0 0 0 1px rgba(96,165,250,.45),0 8px 24px rgba(59,130,246,.35);
  border-radius:12px;cursor:grabbing;
  background:rgba(44,44,46,.96)!important;
  border:1px solid rgba(147,197,253,.4);
}
.col.drag-over{
  outline:2.5px solid #60a5fa;
  box-shadow:0 0 0 4px rgba(96,165,250,.28),0 12px 28px rgba(59,130,246,.28);
  background:rgba(59,130,246,.22);
  transform:scale(1.015);
  border-color:rgba(96,165,250,.55);
}
.col.drag-over .cards{
  outline:2px solid rgba(96,165,250,.85);
  background:rgba(59,130,246,.18);
  border-radius:10px;
  box-shadow:inset 0 0 0 1px rgba(147,197,253,.35);
}
.add-card{
  display:block;width:calc(100% - 20px);margin:0 10px 10px;
  background:transparent;border:0;border-radius:8px;
  color:rgba(255,255,255,.65);font-weight:600;font-size:13px;
  text-align:left;padding:8px 10px;cursor:pointer;
}
.add-card:hover{background:rgba(255,255,255,.08);color:#fff}
.add-form{
  margin:0 10px 10px;padding:10px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.12);
  border-radius:10px;
}
.add-form[hidden]{display:none}
.add-form label{display:block;font-size:11px;color:var(--muted);margin:0 0 4px;font-weight:600}
.add-form input,.add-form select{
  width:100%;margin:0 0 8px;padding:8px 10px;
  background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);
  border-radius:8px;color:#fff;outline:none;min-height:34px;
}
.add-form input:focus,.add-form select:focus{
  border-color:rgba(147,197,253,.55);box-shadow:0 0 0 3px rgba(59,130,246,.2)
}
.add-form .row-btns{display:flex;gap:8px;margin-top:4px}
.add-form .btn-go{
  flex:1;background:rgba(59,130,246,.85);border:0;border-radius:8px;
  color:#fff;font-weight:700;padding:8px 10px;min-height:36px;
}
.add-form .btn-go:hover{background:rgba(59,130,246,1)}
.add-form .btn-go:disabled{opacity:.55;cursor:wait}
.add-form .btn-cancel{
  flex:0 0 auto;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);
  border-radius:8px;color:rgba(255,255,255,.8);font-weight:600;padding:8px 12px;min-height:36px;
}
.toast-err.toast-ok{background:#15803d}
.card[data-phone]{touch-action:manipulation;user-select:none;-webkit-user-select:none}
.card.dragging,.card.is-dragging{touch-action:none}
.toast-err{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);
  background:#b91c1c;color:#fff;padding:10px 16px;border-radius:10px;font-weight:650;
  font-size:13px;z-index:200;box-shadow:0 8px 24px rgba(0,0,0,.35);max-width:min(92vw,420px);
  text-align:center;pointer-events:none}
.toast-err[hidden]{display:none}
.cadastro .stage-select{width:100%;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);
  border-radius:8px;padding:7px 8px;min-height:34px;font-weight:600;color:#fff}
.cadastro .stage-select:focus{outline:none;border-color:rgba(147,197,253,.55);box-shadow:0 0 0 3px rgba(59,130,246,.2)}
.cadastro .stage-select option{background:#1c1c1e}

.dot{width:8px;height:8px;border-radius:50%;display:inline-block;flex:0 0 8px}
.t-quente{background:var(--quente)}.t-morno{background:var(--morno)}.t-frio{background:var(--frio)}.t-inativo{background:var(--inativo)}
.tag,.stg,.tpill{font-size:11px;border:1px solid rgba(255,255,255,.14);padding:3px 8px;border-radius:999px;color:var(--muted);background:rgba(255,255,255,.06);white-space:nowrap;font-weight:600}
.stg-novo,.stg-perdido,.stg-lista,.stg-nutricao,.stg-finalizado,.stg-contato{background:rgba(148,163,184,.15);border-color:rgba(148,163,184,.25);color:#cbd5e1}
.stg-qualificado{background:rgba(16,185,129,.15);border-color:rgba(16,185,129,.3);color:#6ee7b7}
.stg-visita,.stg-apresentacao{background:rgba(245,158,11,.15);border-color:rgba(245,158,11,.3);color:#fcd34d}
.stg-proposta,.stg-negociacao,.stg-produto,.stg-doc{background:rgba(59,130,246,.15);border-color:rgba(59,130,246,.3);color:#93c5fd}
.stg-fechamento{background:rgba(34,197,94,.15);border-color:rgba(34,197,94,.3);color:#86efac}
.tpill.quente{background:rgba(239,68,68,.2);border-color:rgba(239,68,68,.35);color:#fecaca}
.tpill.morno{background:rgba(245,158,11,.2);border-color:rgba(245,158,11,.35);color:#fcd34d}
.tpill.frio{background:rgba(59,130,246,.2);border-color:rgba(59,130,246,.35);color:#93c5fd}
.tpill.inativo{background:rgba(148,163,184,.15);border-color:rgba(148,163,184,.25);color:#cbd5e1}
.badge-h{font-size:11px;letter-spacing:.1em;border:1px solid rgba(96,165,250,.4);color:#93c5fd;
  padding:2px 6px;border-radius:999px;font-weight:700;background:rgba(59,130,246,.12)}
.badge-none{color:transparent;font-size:0;padding:0;border:0}
.badge-stale{font-size:11px;letter-spacing:.08em;border:1px solid rgba(249,115,22,.5);color:#fff;
  padding:2px 6px;border-radius:999px;font-weight:700;background:var(--overdue)}
.when-cell{color:var(--muted);font-size:12px;white-space:nowrap}
.when-cell .miss{color:var(--dim)}
.ag-overdue{color:#fecaca;font-weight:700}

/* HELPER flutuante (overlay) — fora do flex do board */
.work > .helper-float-scrim,
.work > .copilot,
.work > .contato-panel{flex:0 0 0 !important;width:0 !important;min-width:0 !important;margin:0;padding:0;border:0;overflow:visible}
.work > .helper-float-scrim{width:auto !important}
.work > .copilot,
.work > .contato-panel{width:auto !important}
.copilot{
  position:fixed; z-index:80;
  top:72px; right:16px; bottom:16px;
  width:min(var(--copilot), calc(100vw - 32px));
  max-width:520px;
  flex:none !important;
  display:flex; flex-direction:column;
  background:rgba(18,20,28,.94);
  border:1px solid rgba(255,255,255,.14);
  border-radius:16px;
  box-shadow:0 24px 64px rgba(0,0,0,.55), 0 0 0 1px rgba(255,255,255,.04);
  backdrop-filter:blur(18px) saturate(1.2);
  color:#fff;
  overflow:hidden;
  pointer-events:auto;
  transition: width .2s ease, height .2s ease, top .2s ease, left .2s ease, right .2s ease, bottom .2s ease, border-radius .2s ease, transform .2s ease, opacity .2s ease;
}
.app.hide-copilot .copilot{display:none !important}
.copilot header{padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.08);display:flex;
  justify-content:space-between;align-items:flex-start;gap:10px;flex:0 0 auto;background:rgba(255,255,255,.03)}
.copilot header .ht{display:flex;align-items:flex-start;gap:10px;min-width:0}
.copilot header .bot{width:36px;height:36px;border-radius:10px;background:transparent;color:#C46B5A;
  display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.copilot header h3{margin:0;font-size:14px;letter-spacing:.02em;color:#fff}
.copilot header .sub{color:var(--muted);font-size:12px;margin-top:4px}
.copilot .body{padding:14px 16px 22px;overflow:auto;flex:1;min-height:0}

/* maximizado = melhor visualização, ainda flutuante */
.copilot:not(.minimized){
  width:min(720px, calc(100vw - 48px));
  max-width:760px;
  top:56px; right:20px; bottom:20px; left:auto;
}
.copilot:not(.minimized) .ficha-split{
  grid-template-columns:minmax(0,1.4fr) minmax(180px,.8fr);
  gap:14px;
}

/* minimizado = chip flutuante, board 100% livre */
.copilot.minimized{
  z-index:70;
  top:auto; left:auto; right:18px; bottom:18px;
  width:auto; max-width:min(380px,92vw);
  height:auto; bottom:18px;
  border-radius:14px;
  box-shadow:0 12px 36px rgba(0,0,0,.5);
}
/* durante DnD do board, HELPER nao captura pointer sobre drop targets */
body.dragging .copilot,
body.dragging .helper-float-scrim{
  pointer-events:none !important;
  z-index:20 !important;
}
.copilot.minimized .body{display:none}
.copilot.minimized header{padding:10px 12px;cursor:pointer;border-bottom:0}
.copilot.minimized header .ht .bot{width:28px;height:28px}
.copilot.minimized header h3{font-size:12px}
.copilot.minimized header .sub{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}

/* board usa toda a área — HELPER não entra no flex */
.work{flex:1;min-height:0;display:flex;padding:0 12px 12px;gap:0;position:relative}
.work > .stage{flex:1 1 100%;min-width:0;width:100%;max-width:100%}
.copilot-actions .x{display:inline-flex;align-items:center;justify-content:center;
  width:32px;height:32px;min-width:32px;min-height:32px;border-radius:8px;
  border:1px solid rgba(255,255,255,.12);background:transparent;color:#fff;
  font-size:18px;line-height:1;padding:0}
.copilot-actions .x:hover{background:rgba(255,255,255,.08)}

/* ===== Contato ficha (esquerda) coexistindo com HELPER (direita) ===== */
.contato-panel{
  position:fixed; z-index:85;
  top:72px; bottom:16px;
  left:max(16px, calc(var(--side) + 12px));
  width:min(var(--contato), calc(100vw - 48px));
  max-width:400px;
  display:none; flex-direction:column;
  background:rgba(18,20,28,.96);
  border:1px solid rgba(255,255,255,.14);
  border-radius:16px;
  box-shadow:0 24px 64px rgba(0,0,0,.5), 0 0 0 1px rgba(255,255,255,.04);
  backdrop-filter:blur(18px) saturate(1.2);
  color:#fff;
  overflow:hidden;
  pointer-events:auto;
}
.app.contato-open .contato-panel{display:flex}
.contato-panel[hidden]{display:none !important}
.contato-panel header{padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.08);display:flex;
  justify-content:space-between;align-items:flex-start;gap:10px;flex:0 0 auto;background:rgba(255,255,255,.03)}
.contato-panel header .ht{min-width:0;flex:1}
.contato-panel header h3{margin:0;font-size:15px;font-weight:700;letter-spacing:.01em;color:#fff;
  overflow-wrap:anywhere;line-height:1.3}
.contato-panel header .sub{color:var(--muted);font-size:11px;margin-top:4px}
.contato-panel .body{padding:14px 16px 22px;overflow:auto;flex:1;min-height:0}
.contato-actions{display:flex;align-items:center;gap:4px;flex:0 0 auto}
.contato-actions .x{display:inline-flex !important;align-items:center;justify-content:center;
  width:32px;height:32px;min-width:32px;min-height:32px;border-radius:8px;
  border:1px solid rgba(255,255,255,.12);background:transparent;color:#fff;
  font-size:18px;line-height:1;padding:0;cursor:pointer}
.contato-actions .x:hover{background:rgba(255,255,255,.08)}
body.dragging .contato-panel{pointer-events:none !important;z-index:20 !important}

/* HELPER maximizado não cobre a ficha: fica à direita, largura limitada */
.app.contato-open:not(.hide-copilot):not(.copilot-min) .copilot:not(.minimized){
  right:16px; left:auto;
  width:min(420px, calc(100vw - var(--contato) - var(--side) - 48px));
  max-width:min(420px, calc(100vw - var(--contato) - var(--side) - 48px));
  top:72px; bottom:16px;
}
/* chip minimizado não cobre botão fechar da ficha */
.app.contato-open .copilot.minimized{
  right:18px; bottom:18px; left:auto;
  max-width:min(280px, 42vw);
}

/* Formatting polish — ficha + HELPER */
.cadastro .val{font-size:13px;font-weight:600;line-height:1.45;color:#e8eef8;
  overflow-wrap:anywhere;word-break:break-word;white-space:pre-wrap}
.cadastro .lbl{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--dim);
  margin:0 0 4px;font-weight:650;opacity:.9}
.cadastro .c-row{margin:0 0 12px}
.cadastro{padding:14px 12px}
.helper .resumo{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;
  font-size:13px;line-height:1.45;max-height:4.35em;color:#e8eef8;overflow-wrap:anywhere}
.helper .acao-box p{font-size:15px;font-weight:700;line-height:1.4;color:#fff;
  overflow-wrap:anywhere;white-space:pre-wrap;word-break:break-word}
.helper .pergunta{font-size:13px;font-weight:600;line-height:1.45;color:#e8eef8;
  white-space:normal;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;
  overflow-wrap:anywhere;text-overflow:ellipsis}
.helper .lbl{opacity:.85;margin:10px 0 4px}
.qa a{overflow-wrap:anywhere;max-width:100%}
.contato-panel .cadastro{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);
  border-radius:12px;margin:0 0 12px}

/* Connection indicator clarity */
.plat-ind[data-state="offline"]{color:#fecaca;border-color:rgba(239,68,68,.5);background:rgba(239,68,68,.14)}
.plat-ind[data-state="offline"] .dot{background:var(--quente);box-shadow:0 0 0 2px rgba(239,68,68,.25)}
.plat-ind[data-state="online"]{color:#86efac;border-color:rgba(34,197,94,.4);background:rgba(34,197,94,.1)}
.status.is-offline,#src.is-offline{color:#fecaca;font-weight:700}
.status.is-online,#src.is-online{color:#86efac}

@media (max-width:860px){
  .contato-panel{
    left:10px; right:10px; top:48px; bottom:auto; max-height:min(52vh, 420px);
    width:auto; max-width:none;
  }
  .app.contato-open:not(.hide-copilot):not(.copilot-min) .copilot:not(.minimized){
    top:auto; left:10px; right:10px; bottom:10px;
    width:auto; max-width:none; max-height:min(42vh, 360px);
  }
}

.x{display:none;background:none;border:0;color:var(--muted);cursor:pointer;font-size:22px;line-height:1;padding:4px 8px;min-width:40px;min-height:40px}
.kv{display:grid;grid-template-columns:118px 1fr;gap:8px 12px;margin:0 0 18px}
.kv dt{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.06em}
.kv dd{margin:0;white-space:pre-wrap;color:#e8eef8}
.hist{border-left:2px solid rgba(255,255,255,.12);padding-left:12px}
.hist .ev{margin-bottom:12px;font-size:12px;color:#e8eef8}
.hist .when{font-size:11px;color:var(--dim);margin-bottom:2px}
.hist-title{margin:4px 0 10px;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-weight:600}
.empty{color:var(--dim);font-size:12px;padding:10px 4px}
.qual{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.08em}
.qual.alta{background:rgba(239,68,68,.2);color:#fecaca;border:1px solid rgba(239,68,68,.35)}
.qual.media{background:rgba(245,158,11,.2);color:#fcd34d;border:1px solid rgba(245,158,11,.35)}
.qual.baixa{background:rgba(59,130,246,.2);color:#93c5fd;border:1px solid rgba(59,130,246,.35)}
.qual.inativa{background:rgba(148,163,184,.15);color:#cbd5e1;border:1px solid rgba(148,163,184,.25)}
.helper{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);
  border-radius:12px;padding:12px;margin:0;outline:none;color:#fff}
.helper:focus{box-shadow:0 0 0 3px rgba(59,130,246,.35)}
.helper h4{margin:0 0 8px;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#93c5fd;font-weight:700}
.helper .miss{color:var(--dim);font-style:italic;padding:6px 2px}
.helper .lbl{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin:10px 0 4px;font-weight:700;opacity:.85}
.helper p{margin:0;white-space:pre-wrap;color:#e8eef8}
.helper .halert{background:#b91c1c;color:#fff;font-weight:700;font-size:12px;line-height:1.35;
  padding:8px 10px;border-radius:8px;margin:0 0 10px}
.helper .hqual{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:0 0 8px}
.helper .hprob{font-size:11px;color:var(--muted);font-weight:600}
.helper .resumo{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;
  font-size:13px;line-height:1.45;max-height:4.35em;color:#e8eef8;overflow-wrap:anywhere}
.helper .acao-box{background:rgba(0,0,0,.45);color:#fff;border-radius:10px;padding:12px 14px;margin:10px 0 8px;border:1px solid rgba(255,255,255,.08)}
.helper .acao-box .lbl{color:var(--gold-soft);margin:0 0 6px}
.helper .acao-box p{font-size:15px;font-weight:700;line-height:1.4;color:#fff;
  overflow-wrap:anywhere;white-space:pre-wrap;word-break:break-word}
.helper .pergunta{font-size:13px;font-weight:600;line-height:1.45;color:#e8eef8;
  white-space:normal;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;
  overflow-wrap:anywhere;text-overflow:ellipsis}
.helper .evitar-list{margin:0;padding:0 0 0 16px}
.helper .evitar-list li{font-size:12px;color:var(--muted);line-height:1.4;margin:0 0 2px}
.ficha-split{display:grid;grid-template-columns:minmax(0,1fr) 140px;gap:10px;align-items:start;margin-bottom:12px}
.cadastro{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:12px 10px}
.cadastro h4{margin:0 0 8px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:700}
.cadastro .c-row{margin:0 0 12px}
.cadastro .c-row:last-child{margin:0}
.cadastro .lbl{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--dim);margin:0 0 4px;font-weight:650;opacity:.9}
.cadastro .val{font-size:13px;font-weight:600;line-height:1.45;color:#e8eef8;
  overflow-wrap:anywhere;word-break:break-word;white-space:pre-wrap}
.cadastro .empty{padding:0;font-size:12px}
.panel-tabs{display:flex;gap:4px;margin:4px 0 10px;border-bottom:1px solid rgba(255,255,255,.1)}
.panel-tabs button{background:transparent;border:0;border-bottom:2px solid transparent;color:var(--muted);
  padding:8px 10px;font-weight:650;margin-bottom:-1px}
.panel-tabs button.on{color:#93c5fd;border-bottom-color:#60a5fa}
.hist-wrap[hidden]{display:none}
.qa{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}
.qa a{text-align:center;text-decoration:none;background:rgba(59,130,246,.15);color:#93c5fd;border:1px solid rgba(59,130,246,.3);
  border-radius:999px;padding:8px 12px;font-weight:600;font-size:12px;overflow-wrap:anywhere;max-width:100%}
.qa a.wa{background:rgba(34,197,94,.12);border-color:rgba(34,197,94,.3);color:#86efac}
details.more{margin:8px 0 16px;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:8px 12px;background:rgba(255,255,255,.04)}
details.more summary{cursor:pointer;font-weight:600;color:#93c5fd;font-size:12px}
.scrim{display:none;position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:25}
@media (max-width:1200px){
  :root{--copilot:320px;--side:240px;--contato:340px}
  .app.side-expanded{--side:240px}
  .app.side-collapsed{--side:64px}
  .ficha-split{grid-template-columns:1fr}
}
@media (max-width:860px){
  .sidebar{position:fixed;left:0;top:0;bottom:0;width:min(var(--side), 86vw);flex-basis:auto;
    transform:translateX(-105%);transition:transform .2s, width .18s ease}
  .sidebar.open{transform:none}
  .burger{display:flex}
  .scrim.on{display:block}
  .work{flex-direction:column;padding:0 10px 10px}
  .ficha-split{grid-template-columns:1fr}
  .copilot:not(.minimized){
    top:48px; left:10px; right:10px; bottom:10px;
    width:auto; max-width:none;
  }
  .copilot.minimized{
    left:12px; right:12px; bottom:12px; width:auto; max-width:none;
  }

  .app.contato-open .contato-panel{
    left:10px; right:10px; top:48px; bottom:auto; max-height:min(52vh, 420px);
    width:auto; max-width:none;
  }
  .app.contato-open:not(.hide-copilot):not(.copilot-min) .copilot:not(.minimized){
    top:auto; left:10px; right:10px; bottom:10px;
    width:auto; max-width:none; max-height:min(42vh, 360px);
  }

  .app.hide-copilot .copilot{display:none !important}
  .x{display:block}
  .bar,.top{padding-left:10px;padding-right:10px}
  .user .who{display:none}
  .board-title{font-size:13px}
  .nav .ico{display:none}
  .stage{min-height:48vh}
  .col{max-height:min(62vh,640px)}
}

.ptag{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;padding:3px 9px;border-radius:999px;color:#fff;white-space:nowrap;line-height:1.3;max-width:180px;overflow:hidden;text-overflow:ellipsis}
.imogrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;padding:14px;overflow:auto;flex:1}
.imocard{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;text-decoration:none;color:inherit;min-height:168px;box-shadow:var(--shadow);cursor:pointer;backdrop-filter:blur(8px)}
.imocard:hover{border-color:rgba(147,197,253,.45)}
.imocard.sel{border-color:rgba(96,165,250,.7);box-shadow:0 0 0 2px rgba(59,130,246,.25)}
.imocard .ibar{height:6px;width:100%}
.imocard .ibody{padding:14px 14px 16px;display:flex;flex-direction:column;gap:8px;flex:1}
.imocard .ishort{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#93c5fd}
.imocard h3{margin:0;font-size:15px;font-weight:650;line-height:1.3;color:#fff}
.imocard .icity{color:var(--muted);font-size:12px}
.imocard .icount{color:var(--muted);font-size:12px;font-weight:600}
.imocard .ificha{font-size:11px;color:#93c5fd;font-weight:600;text-decoration:none;margin-top:auto;align-self:flex-start}
.imocard .ificha:hover{text-decoration:underline}
.imodetail{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}
.imobar{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.1);background:rgba(0,0,0,.35)}
.imobar .back{background:transparent;border:0;color:#93c5fd;font-weight:600;padding:4px 0;min-height:32px}
.imobar .ficha{font-size:12px;color:#93c5fd;font-weight:600;text-decoration:none}
.imobar .ficha:hover{text-decoration:underline}
.imobar .ititle{font-weight:650;color:#fff}
.imodetail .follow{flex:1;min-height:0}
.follow{display:flex;flex-direction:column;gap:8px;padding:12px;overflow:auto;flex:1}
.frow{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:12px 14px;cursor:pointer;display:grid;grid-template-columns:1fr auto;gap:8px 12px;align-items:center}
.frow:hover{border-color:rgba(147,197,253,.45)}
.frow.sel{border-color:rgba(96,165,250,.7);box-shadow:0 0 0 2px rgba(59,130,246,.25)}
.frow .meta{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.frow .acao{grid-column:1/-1;font-size:13px;font-weight:700;color:#fff;line-height:1.4;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.frow .h-pergunta{grid-column:1/-1;font-size:13px;color:#e8eef8;line-height:1.4;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.frow .h-evitar{grid-column:1/-1;font-size:12px;color:var(--muted);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.frow .h-miss{grid-column:1/-1;font-size:12px;color:var(--dim);font-style:italic}
.brief{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:12px;margin:0 0 16px}
.brief .lbl{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin:0 0 6px;font-weight:700}
.brief p{margin:0;white-space:pre-wrap;color:#e8eef8}
.negwrap{display:flex;flex-direction:column;gap:14px;padding:14px;overflow:auto;flex:1;min-height:0}
.negform{background:rgba(0,0,0,.4);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:14px;flex:0 0 auto;backdrop-filter:blur(10px)}
.negform h3{margin:0 0 10px;font-size:13px;font-weight:650;color:#fff}
.negform .grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;align-items:end}
.negform label{display:flex;flex-direction:column;gap:4px;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.negform input,.negform select{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:8px;padding:8px 10px;min-height:36px;text-transform:none;letter-spacing:0;font-weight:500;color:#fff}
.negform select option{background:#1c1c1e}
.negform .go{background:#1d4ed8;color:#fff;border:0;border-radius:8px;padding:8px 14px;min-height:36px;font-weight:600}
.negform .go:disabled{opacity:.5;cursor:default}
.negform .msg{margin-top:8px;font-size:12px;color:var(--muted)}
.negform .msg.err{color:#fecaca}
.negform .msg.ok{color:#86efac}
.negcols{display:grid;grid-template-columns:1fr 1fr;gap:12px;min-height:0;align-items:stretch}
.negcol{background:rgba(0,0,0,.45);border:1px solid rgba(255,255,255,.08);border-radius:14px;display:flex;flex-direction:column;min-height:220px;max-height:min(62vh,720px);backdrop-filter:blur(12px);color:#fff}
.negcol h3{margin:0;padding:12px;font-size:13px;font-weight:700;letter-spacing:.01em;text-transform:none;color:#fff;border-bottom:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;align-items:center}
.negcol h3 b{color:rgba(255,255,255,.55);font-weight:650;font-size:12px}
.negcol .cards{overflow-y:auto;padding:10px;flex:1}
.negcol .card .tel{font-size:12px;color:var(--muted);margin:0 0 4px;display:block}
.neg-err{background:rgba(239,68,68,.15);border:1px solid rgba(239,68,68,.35);color:#fecaca;border-radius:10px;padding:10px 12px;font-size:13px}
@media (max-width:860px){
  .negform .grid{grid-template-columns:1fr 1fr}
  .negcols{grid-template-columns:1fr}
}

/* P0 platform HUD */
.plat{display:flex;align-items:center;gap:6px;flex:0 0 auto;margin-left:4px}
.plat-ind{display:inline-flex;align-items:center;gap:5px;height:28px;padding:0 9px;border-radius:999px;
  border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);font-size:11px;font-weight:650;color:rgba(255,255,255,.78);white-space:nowrap}
.plat-ind .dot{width:7px;height:7px;border-radius:50%;background:var(--dim);flex:0 0 auto}
.plat-ind[data-state="ok"] .dot{background:var(--ok)}
.plat-ind[data-state="pendente"] .dot{background:var(--morno)}
.plat-ind[data-state="erro"] .dot,.plat-ind[data-state="offline"] .dot{background:var(--quente)}
.plat-ind[data-state="online"] .dot{background:var(--ok)}
.plat-ind[data-state="stale"]{color:#fcd34d;border-color:rgba(245,158,11,.45);background:rgba(245,158,11,.12)}
.plat-ind[data-state="stale"] .dot{background:var(--morno)}
.plat-ind[data-state="nodata"]{color:var(--dim)}
.plat-ind .warn-ico{display:none;width:12px;height:12px;flex:0 0 auto}
.plat-ind[data-state="stale"] .warn-ico{display:inline-block}
.plat-ind.ephem{color:#f6e7b8;border-color:rgba(212,160,23,.5);background:rgba(212,160,23,.14)}
.plat-ind.ephem .dot{background:var(--gold)}
.plat-ind.ephem[hidden]{display:none}
.plat-ind .short{display:none}
@media (max-width:860px){
  .plat{flex-wrap:wrap;gap:4px;max-width:min(100%,420px);justify-content:flex-end}
  .plat-ind{height:24px;padding:0 7px;font-size:11px;gap:4px}
  .plat-ind .lbl .full{display:none}
  .plat-ind .lbl .short{display:inline}
  .plat-ind .dot{width:6px;height:6px}
  .role-badge{display:none}
}
.role-badge{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;
  padding:2px 8px;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.08);color:var(--muted)}
.role-badge[data-role="gestor"]{color:#f6e7b8;border-color:rgba(212,160,23,.45);background:rgba(212,160,23,.12)}
.role-badge[data-role="corretor"]{color:#93c5fd;border-color:rgba(96,165,250,.45);background:rgba(59,130,246,.15)}
.role-badge[data-role=""]{opacity:.75}
.gate-roles{display:flex;gap:8px;margin:0 0 14px}
.gate-roles button{flex:1;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:10px;
  padding:10px 8px;color:#fff;font-weight:650;font-size:12px;min-height:42px}
.gate-roles button[aria-pressed="true"]{background:rgba(59,130,246,.28);border-color:rgba(96,165,250,.5)}
.gate-roles button:disabled{opacity:.45;cursor:default}
.gate-role-hint{font-size:11px;color:var(--dim);margin:-6px 0 12px;line-height:1.35}
.lgpd-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;padding-top:10px;border-top:1px solid rgba(255,255,255,.08)}
.lgpd-row button{flex:1;min-width:120px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);
  border-radius:8px;padding:8px 10px;min-height:36px;font-size:12px;font-weight:650;color:#e8eef8}
.lgpd-row button:hover:not(:disabled){background:rgba(255,255,255,.12)}
.lgpd-row button.danger{border-color:rgba(239,68,68,.4);color:#fecaca}
.lgpd-row button.danger:hover:not(:disabled){background:rgba(239,68,68,.18)}
.lgpd-row button:disabled{opacity:.4;cursor:not-allowed}
.board-empty{padding:28px 16px;text-align:center;color:var(--dim);font-size:13px;line-height:1.45;
  background:rgba(0,0,0,.25);border:1px dashed rgba(255,255,255,.12);border-radius:12px;margin:8px}
.col .empty{padding:18px 8px;text-align:center;color:var(--dim);font-size:12px;border:1px dashed rgba(255,255,255,.1);
  border-radius:8px;margin:4px 2px}
.modal-scrim{position:fixed;inset:0;z-index:1400;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;padding:20px}
.modal-scrim[hidden]{display:none}
.modal-card{width:min(420px,100%);background:rgba(22,24,32,.98);border:1px solid rgba(255,255,255,.12);border-radius:14px;
  box-shadow:0 20px 50px rgba(0,0,0,.55);padding:20px 18px;color:#fff}
.modal-card h3{margin:0 0 8px;font-size:15px}
.modal-card p{margin:0 0 12px;color:var(--muted);font-size:13px;line-height:1.45}
.modal-card input{width:100%;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:10px;
  padding:10px 12px;min-height:40px;color:#fff;margin:0 0 12px;outline:none}
.modal-card input:focus{border-color:rgba(239,68,68,.55);box-shadow:0 0 0 3px rgba(239,68,68,.2)}
.modal-actions{display:flex;gap:8px;justify-content:flex-end}
.modal-actions button{border-radius:8px;padding:8px 14px;min-height:36px;font-weight:650;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);color:#fff}
.modal-actions .btn-danger{background:#b91c1c;border-color:#b91c1c}
.modal-actions .btn-danger:disabled{opacity:.4;cursor:not-allowed}
.app[data-role="corretor"] .lgpd-delete-only-gestor{display:none}
.card .meta-line{font-size:11px;color:var(--muted);margin:2px 0 0;display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.card .origin-tag{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--dim)}
.hdr-offline .board-title::after{content:" · OFFLINE";color:#fecaca;font-size:11px;font-weight:650;letter-spacing:.04em}
.logout-btn{background:transparent;border:1px solid rgba(255,255,255,.14);border-radius:8px;padding:6px 10px;font-size:11px;font-weight:600;color:var(--muted);margin-left:4px;min-height:32px}
.logout-btn:hover{border-color:rgba(96,165,250,.5);color:#93c5fd;background:rgba(59,130,246,.12)}
.logout-btn[hidden]{display:none}
#gate{position:fixed;inset:0;z-index:2000;background:linear-gradient(180deg,#071022 0%,#0a1628 100%);display:flex;align-items:center;justify-content:center;padding:24px}
#gate[hidden],html.hud-local #gate{display:none}
.gate-card{width:min(392px,100%);background:rgba(28,28,30,.95);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius);box-shadow:var(--shadow);padding:28px 24px 22px;color:#fff;backdrop-filter:blur(16px)}
.gate-card h1{margin:0 0 4px;font-size:18px;font-weight:700;color:#fff}
.gate-card .sub{color:var(--muted);font-size:12px;margin:0 0 18px;letter-spacing:.12em;text-transform:uppercase;font-weight:600}
.gate-card label{display:flex;flex-direction:column;gap:6px;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:12px}
.gate-card input{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:10px;padding:10px 12px;min-height:40px;outline:none;text-transform:none;letter-spacing:0;font-weight:500;color:#fff}
.gate-card input:focus{border-color:rgba(147,197,253,.55);background:rgba(255,255,255,.12);box-shadow:0 0 0 3px rgba(59,130,246,.2)}
.gate-card button[type=submit]{width:100%;background:#1d4ed8;color:#fff;border:0;border-radius:10px;padding:12px;min-height:42px;font-weight:650;margin-top:4px}
.gate-card button[type=submit]:disabled{opacity:.5;cursor:default}
.gate-msg{color:#fecaca;font-size:12px;min-height:18px;margin:0 0 8px}

.card .lbls{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}
.card .manual-tag{font-size:11px;letter-spacing:.06em;color:var(--dim);border:1px dashed rgba(255,255,255,.25);
  padding:1px 5px;border-radius:4px;margin-left:4px;font-weight:600;text-transform:uppercase}
.card .due{font-size:11px;color:var(--muted);margin:2px 0 0}
.card .due.ag-overdue{color:#fecaca;font-weight:700}

/* helper-pop dark */
.helper-pop-scrim{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:120;
  display:flex;align-items:center;justify-content:center;padding:16px}
.helper-pop-scrim[hidden]{display:none}
.helper-pop{background:rgba(22,24,32,.97);border:1px solid rgba(255,255,255,.12);border-radius:14px;
  box-shadow:0 20px 50px rgba(0,0,0,.5); width:min(440px,96vw);max-height:min(86vh,720px);
  overflow:auto;padding:0;color:#fff;backdrop-filter:blur(16px)}
.helper-pop header{display:flex;justify-content:space-between;align-items:flex-start;
  gap:12px;padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.1)}
.helper-pop header h3{margin:0;font-size:14px;color:#fff}
.helper-pop header .sub{color:var(--muted);font-size:12px;margin-top:4px}
.helper-pop .hp-body{padding:14px 16px 18px}
.helper-pop .x{display:inline-flex;color:#fff}
.helper-pop.stale{box-shadow:0 0 0 3px rgba(220,38,38,.45),0 20px 50px rgba(0,0,0,.5)}
.notif-foot{display:flex;justify-content:flex-end;padding:10px 12px;border-top:1px solid rgba(255,255,255,.1)}
.notif-foot button{background:transparent;border:1px solid rgba(255,255,255,.14);border-radius:8px;
  padding:6px 10px;font-size:12px;font-weight:600;cursor:pointer;color:#fff}
.notif-foot button:hover{background:rgba(255,255,255,.08)}
.notif-kind{font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;
  padding:2px 6px;border-radius:999px;border:1px solid rgba(255,255,255,.14);color:var(--muted);margin-right:6px}
.notif-kind.promessa{background:rgba(239,68,68,.2);border-color:rgba(239,68,68,.35);color:#fecaca}
.notif-kind.handoff{background:rgba(59,130,246,.2);border-color:rgba(59,130,246,.35);color:#93c5fd}
.notif-kind.quente{background:rgba(245,158,11,.2);border-color:rgba(245,158,11,.35);color:#fcd34d}
.notif-kind.releitura{background:rgba(185,28,28,.25);border-color:rgba(185,28,28,.4);color:#fecaca}
.notif-meta{display:block;font-size:11px;color:var(--dim);margin-top:4px}
.notif-item .nt{font-weight:650;font-size:13px;line-height:1.3}
.notif-item .nb{font-size:12px;color:var(--muted);margin-top:2px;line-height:1.35;white-space:normal}
.notif-item.unread{background:rgba(59,130,246,.1)}


.app[data-view="contatos"] .stage > h2{display:none}
.app[data-view="contatos"] .work{padding-top:4px}

/* —— multi-tenant auth / equipe —— */
.gate-links{display:flex;flex-direction:column;gap:8px;margin-top:14px;align-items:stretch}
.linkish{background:transparent;border:0;color:#93c5fd;font-size:12px;font-weight:600;padding:6px 0;min-height:32px;text-align:left;cursor:pointer;text-decoration:underline;text-underline-offset:2px}
.linkish:hover{color:#bfdbfe}
.gate-card-wide{width:min(560px,100%);max-height:min(92vh,900px);overflow:auto}
.gate-card .opt{font-weight:500;text-transform:none;letter-spacing:0;color:var(--dim);font-size:11px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}
@media (max-width:520px){.form-grid{grid-template-columns:1fr}}
.gestores-block{margin:8px 0 12px;padding:12px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:rgba(255,255,255,.03)}
.gestores-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 10px}
.gestores-head h2{margin:0;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.gestores-list{display:flex;flex-direction:column;gap:10px}
.gestor-card{border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:10px;background:rgba(0,0,0,.2);position:relative}
.gestor-card .g-remove{position:absolute;top:8px;right:8px;background:transparent;border:1px solid rgba(255,255,255,.14);border-radius:8px;color:#fecaca;font-size:11px;padding:4px 8px;min-height:28px}
.gestor-card .g-remove:hover{background:rgba(239,68,68,.15)}
.btn-secondary,.btn-primary{width:100%;border-radius:10px;padding:12px;min-height:42px;font-weight:650;margin-top:4px;border:0;color:#fff}
.btn-secondary{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16);width:auto;padding:8px 12px;min-height:36px;font-size:12px}
.btn-secondary:hover{background:rgba(255,255,255,.16)}
.btn-primary{background:#1d4ed8}
.btn-primary:disabled,.btn-secondary:disabled{opacity:.5;cursor:default}
.field-hint{font-size:11px;color:var(--dim);margin:8px 0 0;line-height:1.4}
.lookup-line{font-size:12px;min-height:18px;margin:-4px 0 10px;color:var(--muted)}
.lookup-line.ok{color:#86efac}
.lookup-line.err{color:#fecaca}
.check-row{display:flex!important;flex-direction:row!important;align-items:flex-start;gap:10px;text-transform:none!important;letter-spacing:0!important;font-size:12px!important;font-weight:500!important;color:#e8eef8!important;margin-bottom:12px}
.check-row input{width:18px;height:18px;min-height:18px;margin-top:2px;flex:0 0 auto;accent-color:#3b82f6}
.status-body{font-size:14px;line-height:1.5;color:#e8eef8;margin:0 0 16px}
.gate-msg-ok{color:#86efac}
.auth-status-logout{width:100%;margin-top:8px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

.imo-label{display:inline-flex;align-items:center;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  font-size:11px;font-weight:650;color:var(--gold-soft);padding:4px 10px;border-radius:999px;border:1px solid rgba(212,160,23,.35);
  background:rgba(212,160,23,.1)}
.imo-label[hidden]{display:none}
.equipe-btn{position:relative;display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 12px;
  background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:10px;color:#fff;font-weight:650;font-size:12px}
.equipe-btn:hover{background:rgba(255,255,255,.1)}
.equipe-btn[hidden]{display:none}
.equipe-btn .badge{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;
  background:#dc2626;color:#fff;font-size:11px;font-weight:700;display:inline-flex;align-items:center;justify-content:center}
.equipe-btn .badge[hidden]{display:none}
.app[data-role="corretor"] .equipe-btn{display:none!important}

.equipe-panel{width:min(560px,100%);max-height:min(90vh,820px);display:flex;flex-direction:column;
  background:rgba(22,24,32,.98);border:1px solid rgba(255,255,255,.12);border-radius:14px;
  box-shadow:0 20px 50px rgba(0,0,0,.55);color:#fff;overflow:hidden}
.equipe-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:16px 16px 10px;border-bottom:1px solid rgba(255,255,255,.1)}
.equipe-head h3{margin:0 0 6px;font-size:16px}
.equipe-imo{margin:0;font-size:13px;color:var(--muted);display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.equipe-imo strong{color:#fff;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.06em}
.btn-copy{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:8px;color:#93c5fd;font-size:11px;font-weight:650;padding:4px 10px;min-height:28px}
.btn-copy:hover{background:rgba(59,130,246,.2)}
.equipe-tabs{display:flex;gap:0;border-bottom:1px solid rgba(255,255,255,.1);padding:0 8px}
.equipe-tab{flex:1;background:transparent;border:0;border-bottom:2px solid transparent;color:var(--muted);font-weight:650;font-size:13px;padding:12px 8px;min-height:44px}
.equipe-tab.on,.equipe-tab[aria-selected="true"]{color:#fff;border-bottom-color:#60a5fa}
.equipe-body{padding:12px;overflow:auto;flex:1;min-height:200px}
.equipe-item{display:flex;flex-direction:column;gap:6px;padding:12px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:rgba(255,255,255,.04);margin:0 0 10px}
.equipe-item .ei-name{font-size:14px;font-weight:650;color:#fff}
.equipe-item .ei-meta{font-size:12px;color:var(--muted);line-height:1.4}
.equipe-item .ei-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}
.equipe-item .ei-actions button{flex:1;min-width:110px;border-radius:8px;padding:8px 12px;min-height:36px;font-weight:650;font-size:12px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);color:#fff}
.equipe-item .ei-actions .btn-ok{background:#15803d;border-color:#15803d}
.equipe-item .ei-actions .btn-no{background:transparent;border-color:rgba(239,68,68,.45);color:#fecaca}
.tag-gestor{display:inline-flex;align-items:center;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;
  padding:2px 8px;border-radius:999px;border:1px solid rgba(212,160,23,.45);background:rgba(212,160,23,.12);color:#f6e7b8;margin-left:6px}
.equipe-empty{padding:28px 12px;text-align:center;color:var(--dim);font-size:13px;border:1px dashed rgba(255,255,255,.12);border-radius:12px}
.equipe-error{padding:16px;color:#fecaca;font-size:13px;background:rgba(185,28,28,.15);border:1px solid rgba(239,68,68,.3);border-radius:10px;margin-bottom:10px}
@media (max-width:860px){
  .imo-label{max-width:100px;font-size:11px;padding:3px 8px}
  .equipe-btn{height:32px;padding:0 10px;font-size:11px}
  .equipe-panel{width:100%;max-height:94vh;border-radius:12px 12px 0 0;align-self:flex-end}
  #equipe-scrim{align-items:flex-end;padding:0}
}


.plat-admin-btn{position:relative;display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 12px;
  background:rgba(212,160,23,.12);border:1px solid rgba(212,160,23,.4);border-radius:10px;color:#f6e7b8;font-weight:650;font-size:12px}
.plat-admin-btn:hover{background:rgba(212,160,23,.22)}
.plat-admin-btn[hidden]{display:none}
.plat-admin-btn .badge{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;
  background:#d4a017;color:#1a1200;font-size:11px;font-weight:700;display:inline-flex;align-items:center;justify-content:center}
.plat-admin-btn .badge[hidden]{display:none}
.status-tag{display:inline-flex;align-items:center;font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;
  padding:2px 8px;border-radius:999px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.08);color:var(--muted);margin-left:6px}
.status-tag.pendente{color:#fde68a;border-color:rgba(245,158,11,.45);background:rgba(245,158,11,.12)}
.status-tag.ativa,.status-tag.aprovado{color:#86efac;border-color:rgba(34,197,94,.4);background:rgba(34,197,94,.12)}
.status-tag.recusado{color:#fecaca;border-color:rgba(239,68,68,.4);background:rgba(239,68,68,.12)}
.status-tag.aguardando_pagamento{color:#93c5fd;border-color:rgba(96,165,250,.45);background:rgba(59,130,246,.12)}
.plat-gestores{margin:4px 0 0;padding:0;list-style:none;font-size:12px;color:var(--muted)}
.plat-gestores li{margin:2px 0}
@media (max-width:860px){
  .plat-admin-btn{height:32px;padding:0 10px;font-size:11px}
}

.gate-hint{font-size:12px;color:var(--dim);margin:4px 0 8px;line-height:1.4}
.gate-hint[hidden]{display:none}

/* Minimizado = só FAB (barra dock aposentada) */
.copilot.minimized{display:none !important}

/* ===== Light theme (default :root stays dark) ===== */
html[data-theme="light"],
html.theme-light,
html[data-theme="light"] .app,
html.theme-light .app,
.app[data-theme="light"],
.app.theme-light{
  --canvas:#e8eef6;
  --panel:rgba(255,255,255,.92);
  --line:rgba(15,23,42,.10);
  --line2:rgba(15,23,42,.14);
  --ink:#0f172a;
  --muted:#475569;
  --dim:#64748b;
  --card-bg:rgba(15,23,42,.04);
  --card-solid:#ffffff;
  --glass:rgba(255,255,255,.72);
  --shadow:0 8px 28px rgba(15,23,42,.12);
  --nav-on:rgba(37,99,235,.12);
  --accent-soft:rgba(37,99,235,.12);
}
html[data-theme="light"],
html[data-theme="light"] body,
html.theme-light,
html.theme-light body,
body.theme-light{
  color:var(--ink);
  background-color:#e8eef6 !important;
  background-image:
    linear-gradient(180deg, rgba(241,245,249,.92) 0%, rgba(226,232,240,.94) 50%, rgba(219,228,240,.96) 100%),
    url("bg-georgia.jpg"),
    linear-gradient(160deg,#e2e8f0 0%,#edf2f7 45%,#dbe4f0 100%) !important;
}
html[data-theme="light"] .sidebar{
  background:rgba(255,255,255,.88);
  color:#0f172a;
  border-right:1px solid rgba(15,23,42,.08);
}
html[data-theme="light"] .side-toggle{
  border-color:rgba(15,23,42,.12);
  background:rgba(15,23,42,.04);
  color:#0f172a;
}
html[data-theme="light"] .side-toggle:hover{background:rgba(15,23,42,.08)}
html[data-theme="light"] .side-brand-label{color:#0f172a}
html[data-theme="light"] .side-item{color:rgba(15,23,42,.78)}
html[data-theme="light"] .side-item:hover{background:rgba(15,23,42,.06);color:#0f172a}
html[data-theme="light"] .side-item.on{background:rgba(37,99,235,.12);color:#0f172a}
html[data-theme="light"] .side-nav .equipe-btn,
html[data-theme="light"] .side-nav .plat-admin-btn,
html[data-theme="light"] .side-nav .controle-btn{
  color:rgba(15,23,42,.78);
}
html[data-theme="light"] .side-nav .equipe-btn:hover,
html[data-theme="light"] .side-nav .plat-admin-btn:hover,
html[data-theme="light"] .side-nav .controle-btn:hover{background:rgba(15,23,42,.06);color:#0f172a}
html[data-theme="light"] .side-inbox{border-top-color:rgba(15,23,42,.08)}
html[data-theme="light"] .inbox-head{border-bottom-color:rgba(15,23,42,.08)}
html[data-theme="light"] .inbox-card{
  background:rgba(15,23,42,.04);
  border-color:rgba(15,23,42,.08);
  color:#0f172a;
}
html[data-theme="light"] .inbox-card:hover{background:rgba(37,99,235,.08);border-color:rgba(37,99,235,.28)}
html[data-theme="light"] .sfoot{color:var(--dim);border-top-color:rgba(15,23,42,.08)}
html[data-theme="light"] .top,
html.theme-light .top,
body.theme-light .top{
  background:#eef2f7 !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  border-bottom:1px solid rgba(15,23,42,.12);
  color:#0f172a;
}
html[data-theme="light"] .sidebar,
html.theme-light .sidebar{
  background:#f8fafc !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}
html[data-theme="light"] .user b,
html[data-theme="light"] .user .who{color:#0f172a}
html[data-theme="light"] .user span{color:#475569}
html[data-theme="light"] .plat-ind{
  color:#0f172a;
  border-color:rgba(15,23,42,.16);
  background:rgba(15,23,42,.04);
}
html[data-theme="light"] .plat-ind[data-state="stale"]{
  color:#92400e;
  border-color:rgba(146,64,14,.35);
  background:rgba(245,158,11,.16);
}
html[data-theme="light"] .plat-ind[data-state="nodata"]{color:#64748b}
html[data-theme="light"] .plat-ind.ephem{
  color:#92400e;
  border-color:rgba(146,64,14,.4);
  background:rgba(212,160,23,.16);
}
html[data-theme="light"] .role-badge{
  color:#334155;
  border-color:rgba(15,23,42,.16);
  background:rgba(15,23,42,.05);
}
html[data-theme="light"] .role-badge[data-role="gestor"]{
  color:#92400e;
  border-color:rgba(146,64,14,.4);
  background:rgba(212,160,23,.18);
}
html[data-theme="light"] .role-badge[data-role="corretor"]{
  color:#1d4ed8;
  border-color:rgba(29,78,216,.35);
  background:rgba(37,99,235,.12);
}
html[data-theme="light"] .board-title{color:#0f172a}
/* Header contrast — light theme (PEDIDO georgia-header-light-contrast-20260926-0203) */
html[data-theme="light"] .user b{color:#0f172a}
html[data-theme="light"] .user span{color:var(--muted)}
html[data-theme="light"] .avatar{box-shadow:0 0 0 2px rgba(15,23,42,.12)}
html[data-theme="light"] .plat-ind{
  color:#334155;
  border-color:rgba(15,23,42,.14);
  background:rgba(15,23,42,.05);
}
html[data-theme="light"] .plat-ind[data-state="ok"],
html[data-theme="light"] .plat-ind[data-state="online"]{
  color:#166534;
  border-color:rgba(22,163,74,.38);
  background:rgba(22,163,74,.1);
}
html[data-theme="light"] .plat-ind[data-state="offline"],
html[data-theme="light"] .plat-ind[data-state="erro"]{
  color:#b91c1c;
  border-color:rgba(185,28,28,.35);
  background:rgba(185,28,28,.08);
}
html[data-theme="light"] .plat-ind[data-state="stale"],
html[data-theme="light"] .plat-ind[data-state="pendente"]{
  color:#b45309;
  border-color:rgba(217,119,6,.4);
  background:rgba(245,158,11,.12);
}
html[data-theme="light"] .plat-ind[data-state="nodata"]{color:#64748b}
html[data-theme="light"] .plat-ind.ephem{
  color:#92400e;
  border-color:rgba(180,83,9,.35);
  background:rgba(251,191,36,.16);
}
html[data-theme="light"] .role-badge{
  color:#475569;
  border-color:rgba(15,23,42,.16);
  background:rgba(15,23,42,.06);
}
html[data-theme="light"] .role-badge[data-role="gestor"]{
  color:#92400e;
  border-color:rgba(180,83,9,.4);
  background:rgba(251,191,36,.18);
}
html[data-theme="light"] .role-badge[data-role="corretor"]{
  color:#1d4ed8;
  border-color:rgba(37,99,235,.4);
  background:rgba(37,99,235,.12);
}
html[data-theme="light"] .burger,
html[data-theme="light"] .iconbtn{
  background:rgba(15,23,42,.04);
  border-color:rgba(15,23,42,.12);
  color:#0f172a;
}
html[data-theme="light"] .search input{
  background:rgba(15,23,42,.04);
  border-color:rgba(15,23,42,.12);
  color:#0f172a;
}
html[data-theme="light"] .search input::placeholder{color:rgba(15,23,42,.42)}
html[data-theme="light"] .search .lens{color:rgba(15,23,42,.42)}
html[data-theme="light"] .col{
  background:rgba(255,255,255,.78);
  border-color:rgba(15,23,42,.08);
  color:#0f172a;
}
html[data-theme="light"] .col h3{color:#0f172a}
html[data-theme="light"] .col h3 b{
  color:rgba(15,23,42,.55);
  background:rgba(15,23,42,.06);
}
html[data-theme="light"] .card{
  background:var(--card-solid);
  border-color:rgba(15,23,42,.08);
  color:#0f172a;
}
html[data-theme="light"] .card:hover{border-color:rgba(37,99,235,.35);background:#fff}
html[data-theme="light"] .card .nm{color:#0f172a}
html[data-theme="light"] .card .act{color:rgba(15,23,42,.72)}
html[data-theme="light"] .card .owner{color:rgba(15,23,42,.5)}
html[data-theme="light"] .equipe-panel,
html[data-theme="light"] .modal-card{
  background:rgba(255,255,255,.98);
  border-color:rgba(15,23,42,.12);
  color:#0f172a;
  box-shadow:0 20px 50px rgba(15,23,42,.18);
}
html[data-theme="light"] .equipe-head{border-bottom-color:rgba(15,23,42,.1)}
html[data-theme="light"] .equipe-head h3,
html[data-theme="light"] .equipe-imo strong,
html[data-theme="light"] .equipe-tab.on,
html[data-theme="light"] .equipe-tab[aria-selected="true"],
html[data-theme="light"] .equipe-item .ei-name{color:#0f172a}
html[data-theme="light"] .equipe-tabs{border-bottom-color:rgba(15,23,42,.1)}
html[data-theme="light"] .equipe-item{
  border-color:rgba(15,23,42,.1);
  background:rgba(15,23,42,.03);
}
html[data-theme="light"] .logout-btn{color:var(--muted);border-color:rgba(15,23,42,.14)}


/* ===== Painel de controle ===== */
.side-nav .controle-btn{
  height:auto;padding:10px 14px;border-radius:10px;border:0;background:transparent;
  color:rgba(255,255,255,.78);font-size:13px;
}
.side-nav .controle-btn:hover{background:rgba(255,255,255,.08);color:#fff}
.controle-btn[hidden]{display:none}
.controle-panel{width:min(480px,100%)}
.controle-body{display:flex;flex-direction:column;gap:18px}
.controle-sec h4{margin:0 0 10px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.controle-dl{margin:0;display:flex;flex-direction:column;gap:8px}
.controle-dl > div{display:grid;grid-template-columns:110px 1fr;gap:8px;align-items:baseline;
  padding:8px 10px;border-radius:10px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}
html[data-theme="light"] .controle-dl > div{background:rgba(15,23,42,.03);border-color:rgba(15,23,42,.08)}
.controle-dl dt{margin:0;font-size:11px;font-weight:650;letter-spacing:.04em;text-transform:uppercase;color:var(--dim)}
.controle-dl dd{margin:0;font-size:13px;font-weight:600;color:inherit;word-break:break-word}
#controle-senha-form{display:flex;flex-direction:column;gap:0}
#controle-senha-form label{display:flex;flex-direction:column;gap:6px;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:12px}
#controle-senha-form input{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:10px;padding:10px 12px;min-height:40px;outline:none;text-transform:none;letter-spacing:0;font-weight:500;color:inherit}
html[data-theme="light"] #controle-senha-form input{background:rgba(15,23,42,.04);border-color:rgba(15,23,42,.14);color:#0f172a}
#controle-senha-form input:focus{border-color:rgba(147,197,253,.55);box-shadow:0 0 0 3px rgba(59,130,246,.2)}
#controle-senha-form button[type=submit]{width:100%;background:#1d4ed8;color:#fff;border:0;border-radius:10px;padding:12px;min-height:42px;font-weight:650;margin-top:4px}
#controle-senha-form button[type=submit]:disabled{opacity:.5;cursor:default}
.theme-toggle{display:flex;gap:8px;flex-wrap:wrap}
.theme-opt{flex:1;min-width:120px;border-radius:10px;padding:10px 12px;min-height:40px;font-weight:650;font-size:13px;
  border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);color:inherit}
html[data-theme="light"] .theme-opt{border-color:rgba(15,23,42,.14);background:rgba(15,23,42,.04)}
.theme-opt[aria-pressed="true"]{background:rgba(96,165,250,.22);border-color:rgba(96,165,250,.55);color:#fff}
html[data-theme="light"] .theme-opt[aria-pressed="true"]{background:rgba(37,99,235,.14);border-color:rgba(37,99,235,.45);color:#0f172a}
@media (max-width:860px){
  #controle-scrim{align-items:flex-end;padding:0}
  .controle-panel{width:100%;max-height:94vh;border-radius:12px 12px 0 0;align-self:flex-end}
}


/* ===== UX premium 1 (2026-09-26): easing, toggle, transicao de tela, skeleton ===== */
:root{--ease-premium:cubic-bezier(.22,.8,.24,1)}
.app.side-collapsed .side-item .badge{transition:top .34s var(--ease-premium), right .34s var(--ease-premium)}
.side-toggle{transition:background-color .16s ease, transform .12s ease}
.side-toggle:active{transform:scale(.92)}
.side-toggle .side-toggle-ico{transition:transform .38s var(--ease-premium)}
.app.side-collapsed .side-toggle .side-toggle-ico{transform:rotate(180deg)}
.side-item:active{transform:scale(.985)}
.app.side-noanim .sidebar,.app.side-noanim .sidebar *{transition:none !important}
@keyframes view-enter{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.view-enter{animation:view-enter .26s var(--ease-premium) both}
@keyframes sk-shimmer{0%{background-position:-320px 0}100%{background-position:320px 0}}
.sk{display:block;border-radius:10px;background-color:rgba(255,255,255,.06);
  background-image:linear-gradient(90deg,rgba(255,255,255,0) 0,rgba(255,255,255,.10) 50%,rgba(255,255,255,0) 100%);
  background-size:640px 100%;background-repeat:no-repeat;animation:sk-shimmer 1.3s ease-in-out infinite}
html[data-theme="light"] .sk{background-color:rgba(15,23,42,.06);
  background-image:linear-gradient(90deg,rgba(15,23,42,0) 0,rgba(15,23,42,.08) 50%,rgba(15,23,42,0) 100%)}
.sk-board{display:flex;gap:12px;padding:8px 4px 12px;overflow:hidden;width:100%}
.sk-col{flex:0 0 272px;display:flex;flex-direction:column;gap:10px;padding:12px;border-radius:14px;
  background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06)}
html[data-theme="light"] .sk-col{background:rgba(15,23,42,.03);border-color:rgba(15,23,42,.06)}
.sk-h{height:14px;width:55%;margin-bottom:4px}
.sk-card{height:74px}
.sk-card.short{height:52px;opacity:.7}
.sk-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px;width:100%}
.sk-tile{height:96px}
.sk-row{height:46px;margin:0 0 8px}
@media (prefers-reduced-motion: reduce){
  .sidebar,.sidebar *{transition-duration:.01ms !important;transition-delay:0s !important}
  .view-enter{animation:none}
  .sk{animation:none}
}
/* Alca de largura visivel so no hover/foco/arrasto (UX premium) */
.col-resize::after{content:"";position:absolute;top:14px;bottom:14px;left:5px;width:2px;border-radius:2px;background:rgba(96,165,250,0);transition:background-color .15s ease}
.col-resize:hover::after,.col-resize:focus-visible::after,.col-resize:active::after{background:rgba(96,165,250,.75)}
html[data-theme="light"] .col-resize:hover::after,html[data-theme="light"] .col-resize:focus-visible::after,html[data-theme="light"] .col-resize:active::after{background:rgba(37,99,235,.6)}

/* UX tapa 2026-09-26 — menu, filtros, status */
.side-group{display:flex;flex-direction:column;gap:2px}
.side-group[hidden]{display:none !important}
.side-group + .side-group{margin-top:8px}
.side-group-title{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding:8px 14px 2px}
.app.side-collapsed .side-group-title{display:none}
.side-item.on{box-shadow:inset 3px 0 0 var(--accent)}
.native-select{display:none !important}
.dd{position:relative;display:inline-flex}
.dd-btn{min-height:36px;height:36px;padding:0 28px 0 12px;border-radius:8px;border:1px solid var(--line);background:var(--card-bg);color:var(--ink);font-size:13px;font-weight:600;position:relative}
.dd-btn::after{content:"";position:absolute;right:12px;top:50%;width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-70%) rotate(45deg)}
.dd-btn.is-on{border-color:var(--accent);background:var(--accent-soft)}
.dd-list{position:absolute;top:calc(100% + 6px);left:0;z-index:50;min-width:220px;max-height:280px;overflow:auto;padding:6px;border-radius:12px;border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow);display:flex;flex-direction:column;gap:2px}
.dd-list[hidden]{display:none}
.dd-opt{display:flex;align-items:center;gap:8px;min-height:36px;padding:0 10px;border:0;border-radius:8px;background:transparent;color:var(--ink);text-align:left;font-size:13px}
.dd-opt:hover,.dd-opt:focus-visible,.dd-opt.is-on{background:var(--accent-soft)}
.dd-dot{width:8px;height:8px;border-radius:999px;flex:0 0 8px}
.dd-dot-quente{background:var(--quente)}
.dd-dot-morno{background:var(--morno)}
.dd-dot-frio{background:var(--frio)}
.dd-dot-inativo{background:var(--inativo)}
.dd-label{flex:1}
.dd-count{font-size:12px;color:var(--muted)}
.dd-opt.is-on .dd-check{width:8px}
.filter-pills{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.filter-pill,.chip{border-radius:999px}
.filter-pill{display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:0 10px;border:1px solid var(--line);background:var(--card-bg);color:var(--ink);font-size:12px}
.filter-x{font-size:14px;line-height:1}
.filter-clear,.btn-clear-filters{min-height:36px;padding:0 12px;border-radius:8px;border:1px solid var(--line);background:transparent;color:var(--ink);font-size:13px;font-weight:600}
.board-empty{padding:28px 16px;color:var(--ink)}
.fila-zap-banner{display:flex;align-items:center;gap:12px;flex-wrap:wrap;border-radius:12px;color:var(--ink)}
.fila-ver{min-height:32px;padding:0 12px;border-radius:8px;border:1px solid var(--line);background:var(--card-bg);color:var(--ink);font-size:13px;font-weight:600}
.status-dot{width:36px;height:36px;border-radius:999px;border:1px solid var(--line);background:var(--card-bg);display:inline-flex;align-items:center;justify-content:center}
.status-dot .dot{width:10px;height:10px;border-radius:999px;background:var(--ok)}
.status-dot[data-state="pendente"] .dot{background:var(--morno)}
.status-dot[data-state="erro"] .dot{background:var(--quente)}
.status-alert{font-size:12px;font-weight:700;color:#fecaca}
html[data-theme="light"] .status-alert{color:#9f1239}
.status-pop{position:absolute;top:48px;right:12px;z-index:60;display:flex;flex-direction:column;gap:6px;min-width:220px;padding:10px;border-radius:12px;border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow)}
.status-pop[hidden]{display:none}
.status-line{margin:0;font-size:13px;color:var(--ink)}
.status-legacy{display:none !important}
.inbox-screen{display:none;flex-direction:column;flex:1;min-height:0;padding:16px 18px;color:var(--ink)}
.inbox-screen[hidden]{display:none !important}
.app.show-inbox .inbox-screen{display:flex}
.app.show-inbox .stage,.app.show-inbox #acompanhar,.app.show-inbox #filters,.app.show-inbox .fila-zap-banner{display:none !important}
.inbox-empty{color:var(--muted);font-size:14px;padding:12px 0}
.plat{position:relative}
.burger .ico{width:18px;height:18px}
.bar input,.negform input,.negform .dd-btn,.add-form input,.cadastro .dd-btn,.dd-btn{min-height:36px}
.negform label,.add-form label,.cadastro .c-row{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--muted)}
button:focus-visible,.chip:focus-visible,.dd-btn:focus-visible,.dd-opt:focus-visible,.side-item:focus-visible,.card:focus-visible,.filter-pill:focus-visible,.iconbtn:focus-visible{
  outline:2px solid var(--accent);outline-offset:2px
}
.app.side-collapsed .side-item{position:relative}

/* ===== 2026-09-28b · Sino como dropdown sólido, ficha em 3 colunas, lista do HELPER, Inativos ===== */
/* .top tem backdrop-filter (cria stacking context): sem z-index as colunas de vidro pintavam por cima do dropdown */
.top{position:relative;z-index:90}
@media (max-width:860px){
  .sidebar{z-index:110}
  .scrim{z-index:105}
}
.notif-panel{position:absolute;top:calc(100% + 8px);right:0;z-index:95;
  width:min(380px, calc(100vw - 24px));max-height:min(70vh, 560px);
  display:flex;flex-direction:column;overflow:hidden;padding:0;
  background:#16181f;border:1px solid rgba(255,255,255,.14);border-radius:12px;
  box-shadow:0 18px 48px rgba(0,0,0,.55), 0 2px 8px rgba(0,0,0,.35);
  backdrop-filter:none;-webkit-backdrop-filter:none;color:#fff}
.notif-panel[hidden]{display:none}
.notif-panel::before{content:"";position:absolute;top:-6px;right:14px;width:10px;height:10px;
  background:#16181f;border-left:1px solid rgba(255,255,255,.14);border-top:1px solid rgba(255,255,255,.14);
  transform:rotate(45deg)}
.notif-head{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:8px;
  padding:10px 14px;border-bottom:1px solid rgba(255,255,255,.1);background:#16181f;border-radius:12px 12px 0 0;flex:0 0 auto}
.notif-head strong{font-size:13px;font-weight:700}
.notif-readall{background:transparent;border:0;color:#93c5fd;font-size:12px;font-weight:600;cursor:pointer;padding:4px 6px;border-radius:6px}
.notif-readall:hover{background:rgba(147,197,253,.12)}
.notif-scroll{overflow:auto;flex:1;min-height:0;overscroll-behavior:contain;padding:0 0 6px}
.notif-panel .notif-item{display:flex;flex-direction:column;gap:2px;width:100%;white-space:normal;
  border-top:1px solid rgba(255,255,255,.06);padding:9px 14px;cursor:pointer}
.notif-panel .notif-item .nt{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.notif-panel .notif-item .nb{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.notif-line{display:flex;align-items:center;gap:6px;min-width:0}
.notif-line .notif-meta{margin:0 0 0 auto;white-space:nowrap}
.notif-kind.contato{background:rgba(34,197,94,.16);border-color:rgba(34,197,94,.35);color:#86efac}
.notif-kind.novo{background:rgba(168,85,247,.18);border-color:rgba(168,85,247,.35);color:#d8b4fe}
.notif-panel svg,.inbox-card svg,.inbox-screen .due-pill svg,.side-inbox .due-pill svg{width:16px;height:16px;flex:0 0 16px;vertical-align:-3px}
.due-pill{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:650;line-height:1.2;
  padding:2px 8px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);color:var(--muted);margin-top:6px}
.due-pill.ag-overdue{background:rgba(239,68,68,.2);color:#fecaca;border-color:rgba(239,68,68,.35)}
.card .due-pill{margin-top:0}
.inbox-top{display:flex;align-items:center;gap:6px;justify-content:space-between}
.inbox-src{font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--dim);
  border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:1px 6px}
.inbox-src.helper{color:#f6c7bd;border-color:rgba(196,107,90,.5)}
html[data-theme="light"] .notif-panel,html.theme-light .notif-panel{background:#fff;color:#0f172a;
  border-color:rgba(15,23,42,.12);box-shadow:0 18px 48px rgba(15,23,42,.18), 0 2px 8px rgba(15,23,42,.08)}
html[data-theme="light"] .notif-panel::before,html.theme-light .notif-panel::before{background:#fff;border-color:rgba(15,23,42,.12)}
html[data-theme="light"] .notif-head,html.theme-light .notif-head{background:#fff;border-bottom-color:rgba(15,23,42,.08)}
html[data-theme="light"] .notif-panel .notif-item,html.theme-light .notif-panel .notif-item{color:#0f172a;border-top-color:rgba(15,23,42,.06)}
html[data-theme="light"] .notif-panel .notif-item:hover,html.theme-light .notif-panel .notif-item:hover{background:rgba(37,99,235,.06)}
html[data-theme="light"] .notif-panel .notif-item.unread,html.theme-light .notif-panel .notif-item.unread{background:rgba(37,99,235,.08)}
html[data-theme="light"] .notif-panel .nb,html[data-theme="light"] .notif-panel .notif-meta,html[data-theme="light"] .notif-h{color:rgba(15,23,42,.6)}
html[data-theme="light"] .notif-readall{color:#2563eb}
html[data-theme="light"] .due-pill{border-color:rgba(15,23,42,.12);background:rgba(15,23,42,.04);color:rgba(15,23,42,.7)}

/* Coluna Inativos */
.col.col-inativo{opacity:.92}
.col.col-inativo h3{cursor:help}

/* Lista do HELPER (painel do ícone) */
.hl-shell{display:flex;flex-direction:column;gap:14px}
.hl-sec{display:flex;flex-direction:column;gap:8px}
.hl-h{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px;font-weight:700;
  letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.hl-h b{font-size:11px;color:#93c5fd;background:rgba(96,165,250,.15);border-radius:999px;padding:2px 8px;letter-spacing:0}
.hl-readall{background:transparent;border:0;color:#93c5fd;font-size:12px;font-weight:600;cursor:pointer;text-transform:none;letter-spacing:0}
.hl-q{width:100%;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:10px;
  padding:8px 10px;color:#fff;outline:none;font-size:13px}
.hl-q:focus{border-color:rgba(147,197,253,.55)}
.hl-list,.hl-alerts{display:flex;flex-direction:column;gap:6px}
.hl-item,.hl-alert{display:flex;flex-direction:column;gap:4px;width:100%;text-align:left;cursor:pointer;
  background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:9px 11px;color:#fff}
.hl-item:hover,.hl-alert:hover{background:rgba(255,255,255,.09);border-color:rgba(147,197,253,.35)}
.hl-alert{box-shadow:inset 3px 0 0 #C46B5A}
.hl-top{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}
.hl-nm{font-weight:650;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.hl-when{font-size:11px;color:var(--dim);white-space:nowrap}
.hl-nx{font-size:12px;color:#d6deea;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.hl-nx b{color:var(--muted);font-weight:650}
.hl-alert-line{font-size:12px;color:#fecaca;font-weight:600;line-height:1.35}

/* Ficha do contato: 3 colunas (Contato | Histórico | HELPER) */
.contato-panel{width:min(1180px, calc(100vw - var(--side) - 40px));max-width:none}
.contato-panel .body{display:flex;flex-direction:column;overflow:hidden;padding:12px 14px 14px}
.ficha3{display:flex;flex-direction:column;flex:1;min-height:0}
.ficha3-tabs{display:none !important}
.ficha3-cols{display:grid;grid-template-columns:minmax(260px,1fr) minmax(260px,1.05fr) minmax(280px,1.1fr);gap:12px;flex:1;min-height:0}
.f3-col{min-height:0;overflow:auto;border-radius:12px;padding:2px 4px 8px 2px;overscroll-behavior:contain}
.f3-h{position:sticky;top:0;z-index:1;margin:0 0 8px;padding:4px 2px 6px;font-size:11px;letter-spacing:.16em;
  text-transform:uppercase;color:#93c5fd;font-weight:700;background:rgba(18,20,28,.98)}
.f3-col .cadastro > h4{display:none}
.f3-col .helper{margin:0}
.f3-col .helper .pergunta,.f3-col .helper .resumo{-webkit-line-clamp:unset;display:block;max-height:none;overflow:visible}
.f3-col .hwhen{font-size:11px;color:var(--dim);margin-top:10px}
.f3-col.f3-flash{box-shadow:0 0 0 2px rgba(96,165,250,.55)}
.f3-col .hist-wrap[hidden]{display:block !important}
@media (max-width:1100px) and (min-width:861px){
  .ficha3-cols{grid-template-columns:repeat(3, minmax(220px,1fr))}
}
@media (max-width:860px){
  .contato-panel,.app.contato-open .contato-panel{width:auto;max-width:none}
  .ficha3-tabs{display:flex !important;margin:0 0 10px;flex:0 0 auto}
  .ficha3-cols{display:block;overflow:auto}
  .f3-col{display:none;overflow:visible;padding:0}
  .ficha3[data-tab="contato"] .f3-col[data-col="contato"],
  .ficha3[data-tab="hist"] .f3-col[data-col="hist"],
  .ficha3[data-tab="helper"] .f3-col[data-col="helper"]{display:block}
  .f3-h{display:none}
}
/* com a ficha larga aberta, o painel do HELPER (lista) fica estreito à direita e acima dela */
.app.contato-open:not(.hide-copilot):not(.copilot-min) .copilot:not(.minimized){
  width:min(420px, calc(100vw - 32px));max-width:min(420px, calc(100vw - 32px));z-index:88}

/* ===== 2026-09-28c · badge do menu, ficha flutuante à direita, painel do HELPER ancorado, dispensar aviso ===== */
/* Badge do menu lateral (Equipe/Plataforma): compacto, à direita do rótulo, centralizado; recolhido = ponto no ícone */
.side-nav .side-item .badge,
.side-nav .equipe-btn .badge,
.side-nav .plat-admin-btn .badge{
  position:static;top:auto;right:auto;margin-left:auto;align-self:center;flex:0 0 auto;
  min-width:18px;height:18px;padding:0 6px;border-radius:999px;font-size:11px;line-height:18px;font-weight:700;
  display:inline-flex;align-items:center;justify-content:center;background:#dc2626;color:#fff;box-shadow:none;
  transition:none}
.side-nav .side-item .badge[hidden]{display:none}
.app.side-collapsed .side-nav .side-item .badge{
  position:absolute;top:9px;right:12px;min-width:0;width:9px;height:9px;padding:0;
  font-size:0;line-height:0;color:transparent;overflow:hidden;
  box-shadow:0 0 0 2px var(--side-bg, #0f1320)}
html[data-theme="light"] .app.side-collapsed .side-nav .side-item .badge{box-shadow:0 0 0 2px #fff}

/* Ficha do contato: drawer flutuante à direita, mesa visível atrás */
.contato-scrim{position:fixed;inset:0;z-index:84;background:rgba(6,10,18,.28);
  animation:ctScrimIn .16s ease-out}
.contato-scrim[hidden]{display:none}
html[data-theme="light"] .contato-scrim{background:rgba(15,23,42,.14)}
.contato-panel,
.app.contato-open .contato-panel{
  left:auto;right:16px;top:16px;bottom:16px;
  width:min(960px, 92vw);max-width:none;max-height:none;
  border-radius:18px;z-index:85;
  box-shadow:0 30px 80px rgba(0,0,0,.5), 0 0 0 1px rgba(255,255,255,.05);
  transform-origin:right center}
.app.contato-open .contato-panel{animation:ctDrawerIn .2s cubic-bezier(.2,.8,.2,1)}
@keyframes ctDrawerIn{from{opacity:0;transform:translateX(28px) scale(.99)}to{opacity:1;transform:none}}
@keyframes ctScrimIn{from{opacity:0}to{opacity:1}}
@keyframes ctSheetIn{from{opacity:.6;transform:translateY(40px)}to{opacity:1;transform:none}}
.ficha3-cols{grid-template-columns:minmax(230px,1fr) minmax(230px,1fr) minmax(250px,1.1fr)}
/* com a ficha aberta, o ícone do HELPER fica atrás do fundo (a coluna HELPER está na ficha) */
.app.contato-open .helper-fab-wrap{z-index:83}
@media (prefers-reduced-motion: reduce){
  .app.contato-open .contato-panel,.contato-scrim,.app.helper-float-open .copilot{animation:none !important}
}
@media (max-width:860px){
  .contato-panel,
  .app.contato-open .contato-panel{
    left:0;right:0;top:auto;bottom:0;width:auto;max-width:none;
    height:min(88vh, calc(100% - 40px));max-height:none;
    border-radius:18px 18px 0 0;transform-origin:center bottom}
  .app.contato-open .contato-panel{animation:ctSheetIn .22s cubic-bezier(.2,.8,.2,1)}
  .contato-panel header{position:relative;padding-top:18px}
  .contato-panel header::before{content:"";position:absolute;top:7px;left:50%;width:38px;height:4px;
    margin-left:-19px;border-radius:4px;background:rgba(255,255,255,.28)}
}

/* Painel do HELPER (lista): acima e à esquerda do ícone, sem cobrir o ícone nem sair da tela */
.app .copilot:not(.minimized),
.app.contato-open:not(.hide-copilot):not(.copilot-min) .copilot:not(.minimized){
  top:auto;left:auto;right:20px;bottom:84px;
  width:min(420px, calc(100vw - 32px));max-width:min(420px, calc(100vw - 32px));
  height:auto;max-height:min(70vh, calc(100vh - 100px));
  z-index:92;border-radius:16px;transform-origin:right bottom}
.app.helper-float-open .copilot{animation:hlPopIn .18s cubic-bezier(.2,.8,.2,1)}
@keyframes hlPopIn{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}
.app .copilot .body{flex:1 1 auto;min-height:0;overflow:auto;overscroll-behavior:contain}
/* ícone fica sempre no canto; balão some com o painel aberto */
.app.helper-float-open:not(.hide-copilot):not(.copilot-min) .helper-fab-wrap,
.app.helper-float-open:not(.hide-copilot):not(.copilot-min) .helper-fab{right:20px;bottom:20px}
.app.helper-float-open:not(.hide-copilot):not(.copilot-min) .helper-fab-wrap .helper-fab{right:0;bottom:0}
.app.helper-float-open .helper-fab-bubble{display:none !important}
.app.helper-float-open:not(.hide-copilot):not(.copilot-min) .helper-float-scrim{background:rgba(0,0,0,.12);backdrop-filter:none}
@media (max-width:860px){
  .app .copilot:not(.minimized),
  .app.contato-open:not(.hide-copilot):not(.copilot-min) .copilot:not(.minimized){
    left:10px;right:10px;bottom:72px;width:auto;max-width:none;max-height:min(70vh, calc(100vh - 90px))}
  .app.helper-float-open:not(.hide-copilot):not(.copilot-min) .helper-fab-wrap{right:14px;bottom:14px}
}

/* Dispensar aviso (X): aparece ao passar o mouse; sempre visível em telas de toque */
.notif-row,.inbox-row,.hl-alert-row{position:relative;display:flex;align-items:stretch;gap:0}
.notif-panel .notif-row{border-top:1px solid rgba(255,255,255,.06)}
.notif-panel .notif-row .notif-item{border-top:0;flex:1;min-width:0;padding-right:40px}
.inbox-row .inbox-card,.hl-alert-row .hl-alert{flex:1;min-width:0;padding-right:40px}
.inbox-row{margin:0 0 8px}
.inbox-row .inbox-card{margin:0}
.notif-x{position:absolute;top:8px;right:8px;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;
  border:0;border-radius:8px;background:transparent;color:var(--dim);cursor:pointer;padding:0;opacity:0;
  transition:opacity .12s ease, background-color .12s ease, color .12s ease}
.notif-x svg{width:14px;height:14px;flex:0 0 14px}
.notif-row:hover .notif-x,.inbox-row:hover .notif-x,.hl-alert-row:hover .notif-x,.notif-x:focus-visible{opacity:1}
.notif-x:hover{color:#fecaca;background:rgba(239,68,68,.16)}
@media (hover:none), (max-width:860px){ .notif-x{opacity:.85} }
html[data-theme="light"] .notif-x{color:rgba(15,23,42,.45)}
html[data-theme="light"] .notif-x:hover{color:#b91c1c;background:rgba(239,68,68,.1)}
html[data-theme="light"] .notif-panel .notif-row{border-top-color:rgba(15,23,42,.06)}
/* ficha acima do topo (o topo tem z-index 90); fundo cobre o topo também */
.contato-scrim{z-index:93}
.contato-panel,.app.contato-open .contato-panel{z-index:94}
.copilot-actions [hidden]{display:none !important}
/* tema claro: pílulas de tipo legíveis no sino/HELPER/caixa, rótulo da imobiliária */
html[data-theme="light"] :is(.notif-panel,.inbox-screen) .notif-kind{color:rgba(15,23,42,.7);border-color:rgba(15,23,42,.14)}
html[data-theme="light"] :is(.notif-panel,.inbox-screen) .notif-kind.promessa,html[data-theme="light"] :is(.notif-panel,.inbox-screen) .notif-kind.releitura{color:#b91c1c;background:rgba(239,68,68,.12);border-color:rgba(239,68,68,.3)}
html[data-theme="light"] :is(.notif-panel,.inbox-screen) .notif-kind.handoff{color:#1d4ed8;background:rgba(59,130,246,.12);border-color:rgba(59,130,246,.3)}
html[data-theme="light"] :is(.notif-panel,.inbox-screen) .notif-kind.quente{color:#b45309;background:rgba(245,158,11,.14);border-color:rgba(245,158,11,.35)}
html[data-theme="light"] :is(.notif-panel,.inbox-screen) .notif-kind.contato{color:#15803d;background:rgba(34,197,94,.12);border-color:rgba(34,197,94,.3)}
html[data-theme="light"] :is(.notif-panel,.inbox-screen) .notif-kind.novo{color:#7e22ce;background:rgba(168,85,247,.12);border-color:rgba(168,85,247,.3)}
html[data-theme="light"] .imo-label{color:#92400e;background:rgba(245,158,11,.14);border-color:rgba(180,83,9,.35)}

/* ===== 2026-09-29a · HELPER nativo (assistente), tema claro da ficha/painel, estados vazios, foco ===== */
.as-pane[hidden],.hl-shell[hidden]{display:none !important}
.hl-tabs{display:flex;gap:4px;margin:-4px 0 12px;padding:3px;border-radius:10px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08)}
.hl-tabs [role=tab]{flex:1;min-height:32px;border:0;border-radius:8px;background:transparent;color:var(--muted);font:600 13px/1 Inter,system-ui,sans-serif;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px}
.hl-tabs [role=tab].on{background:rgba(96,165,250,.2);color:#fff}
.hl-tab-n{min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--quente);color:#fff;font-size:11px;display:inline-flex;align-items:center;justify-content:center}
.hl-tab-n[hidden]{display:none}
.as-pane{display:flex;flex-direction:column;gap:10px;min-height:100%}
.as-log{display:flex;flex-direction:column;gap:8px;flex:1 1 auto;min-height:120px}
.as-empty{display:flex;flex-direction:column;gap:6px;padding:4px 2px}
.as-empty-t{font-weight:700;font-size:14px}
.as-example{align-self:flex-start;text-align:left;border:1px dashed rgba(255,255,255,.2);background:transparent;color:var(--accent2);border-radius:8px;padding:6px 10px;font-size:12.5px;cursor:pointer}
.as-example:hover{background:rgba(96,165,250,.1)}
.as-msg{max-width:100%;padding:9px 11px;border-radius:12px;font-size:13px;line-height:1.45;overflow-wrap:anywhere;white-space:pre-wrap}
.as-me{align-self:flex-end;max-width:88%;background:rgba(96,165,250,.22);border:1px solid rgba(96,165,250,.35);color:#fff}
.as-bot{align-self:stretch;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);color:#e8eef8;white-space:normal}
.as-wait{color:var(--muted);font-style:italic}
.as-err{border-color:rgba(239,68,68,.45);background:rgba(239,68,68,.1)}
.as-ok{border-color:rgba(34,197,94,.45);background:rgba(34,197,94,.1)}
.as-formwrap{padding:10px}
.as-card-h{font-weight:700;font-size:14px;margin:0 0 6px}
.as-sub{margin:10px 0 4px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.as-sub.late{color:#fb923c}
.as-line{margin:2px 0}
.as-line b{font-weight:650;color:var(--muted)}
.as-muted{color:var(--muted);font-size:12.5px}
.as-prop{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin:4px 0}
.as-prop a{color:var(--accent2);font-weight:650;text-decoration:underline;text-underline-offset:2px}
.as-link-btn{margin-top:8px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.06);color:inherit;border-radius:8px;padding:5px 10px;font-size:12px;font-weight:600;cursor:pointer}
.as-prop .as-link-btn{margin-top:0}
.as-link-btn:hover{border-color:rgba(96,165,250,.5)}
.as-opts{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.as-opt{display:flex;flex-direction:column;align-items:flex-start;gap:2px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.06);color:inherit;border-radius:10px;padding:7px 10px;cursor:pointer;font-size:13px}
.as-opt span{font-size:11px;color:var(--muted)}
.as-opt:hover:not(:disabled){border-color:rgba(96,165,250,.55)}
.as-confirm{display:flex;flex-direction:column;gap:10px}
.as-confirm-t{font-weight:650}
.as-confirm-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}
.as-confirm.done,.as-fform.done{opacity:.6}
.as-btn{min-height:34px;padding:0 14px;border-radius:9px;border:1px solid rgba(255,255,255,.18);background:transparent;color:inherit;font-weight:650;font-size:13px;cursor:pointer}
.as-btn.primary{background:#2563eb;border-color:#2563eb;color:#fff}
.as-btn.primary:hover:not(:disabled){background:#1d4ed8}
.as-btn:disabled{cursor:default;opacity:.6}
.as-fform{display:flex;flex-direction:column;gap:4px}
.as-f{font-size:12px;font-weight:600;color:var(--muted);margin-top:6px}
.as-fform input,.as-fform select,.as-fform textarea,.as-form input{width:100%;min-height:34px;border-radius:9px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.07);color:inherit;padding:6px 10px;font:13px/1.4 Inter,system-ui,sans-serif}
.as-fform select option{background:#1c1c1e;color:#fff}
.as-fform textarea{resize:vertical;min-height:70px}
.as-ferr{color:#fca5a5;font-size:12px;min-height:0}
.as-ferr:empty{display:none}
.as-chips{display:flex;flex-wrap:wrap;gap:6px}
.as-chip{border:1px solid rgba(96,165,250,.35);background:rgba(96,165,250,.1);color:var(--accent2);border-radius:999px;padding:5px 11px;font-size:12.5px;font-weight:600;cursor:pointer}
.as-chip:hover{background:rgba(96,165,250,.2)}
.as-form{position:sticky;bottom:-22px;display:flex;gap:6px;padding:8px 0 2px;background:inherit}
.as-form input{flex:1}
.as-send{min-height:34px;padding:0 14px;border-radius:9px;border:0;background:#2563eb;color:#fff;font-weight:650;cursor:pointer}
.as-send:disabled{opacity:.6;cursor:progress}
.as-ag-item{display:grid;grid-template-columns:auto 1fr;gap:0 10px;width:100%;text-align:left;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);color:inherit;border-radius:9px;padding:7px 10px;margin:4px 0;cursor:pointer}
.as-ag-item .as-muted{grid-column:2}
.as-ag-h{font-weight:700;font-variant-numeric:tabular-nums;grid-row:span 2}
.as-ag-n{font-weight:600}
.as-ag-item:hover{border-color:rgba(96,165,250,.45)}
/* foco visível (teclado) nos controles novos e nos já existentes do painel/ficha */
:is(.as-pane,.hl-tabs,.hl-shell,.contato-panel,.copilot,.notif-panel) :is(button,a,input,select,textarea,[tabindex]):focus-visible{outline:2px solid #60a5fa;outline-offset:2px}
.card:focus-visible{outline:2px solid #60a5fa;outline-offset:2px}

/* estados vazios (mesa sem leads / filtros sem resultado) */
.board-welcome{max-width:520px;margin:48px auto;padding:28px;border-radius:16px;border:1px dashed rgba(255,255,255,.2);background:rgba(255,255,255,.04);text-align:center;color:var(--ink)}
.board-welcome h3{margin:0 0 6px;font-size:17px}
.board-welcome p{margin:0 0 14px;color:var(--muted)}
.board-welcome .bw-row{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}

/* ---- Tema claro: ficha (drawer) e painel do HELPER ---- */
html[data-theme="light"] :is(.contato-panel,.copilot){background:#fff;color:#0f172a;border-color:rgba(15,23,42,.12);box-shadow:0 24px 64px rgba(15,23,42,.18),0 0 0 1px rgba(15,23,42,.04);--muted:#475569;--dim:#64748b;--ink:#0f172a;--line:rgba(15,23,42,.12);--card-bg:#f8fafc;--panel:#fff;--accent2:#1d4ed8}
html[data-theme="light"] :is(.contato-panel,.copilot) header{background:#f8fafc;border-bottom-color:rgba(15,23,42,.08)}
html[data-theme="light"] :is(.contato-panel,.copilot) header h3{color:#0f172a}
html[data-theme="light"] :is(.copilot-actions .icon-act,.copilot-actions .x,.contato-actions .x){color:#0f172a;border-color:rgba(15,23,42,.14)}
html[data-theme="light"] :is(.copilot-actions .icon-act,.copilot-actions .x,.contato-actions .x):hover{background:rgba(15,23,42,.06)}
html[data-theme="light"] .contato-panel :is(.cadastro,.brief,details.more,.helper){background:#f8fafc;border-color:rgba(15,23,42,.1);color:#0f172a}
html[data-theme="light"] .contato-panel .helper .acao-box{background:#eef2ff;border-color:rgba(37,99,235,.2);color:#0f172a}
html[data-theme="light"] .contato-panel .helper .acao-box p{color:#0f172a}
html[data-theme="light"] .contato-panel .hist{border-left-color:rgba(15,23,42,.14)}
html[data-theme="light"] .contato-panel .panel-tabs{border-bottom-color:rgba(15,23,42,.1)}
html[data-theme="light"] .contato-panel .f3-h{background:#fff;color:#1d4ed8}
html[data-theme="light"] .contato-panel .lgpd-row{border-top-color:rgba(15,23,42,.08)}
html[data-theme="light"] .contato-panel .lgpd-row button{background:#fff;border-color:rgba(15,23,42,.14);color:#0f172a}
html[data-theme="light"] .contato-panel .btn-copy{background:#fff;border-color:rgba(15,23,42,.14);color:#1d4ed8}
html[data-theme="light"] .contato-panel :is(input,textarea,select,.stage-select){background:#fff;border-color:rgba(15,23,42,.16);color:#0f172a}
html[data-theme="light"] .contato-panel .stage-select option{background:#fff;color:#0f172a}
html[data-theme="light"] :is(.contato-panel,.copilot) :is(.tag,.stg,.tpill){border-color:rgba(15,23,42,.14);background:rgba(15,23,42,.04);color:#334155}
html[data-theme="light"] :is(.contato-panel,.copilot) .stg-qualificado{background:rgba(16,185,129,.12);color:#047857;border-color:rgba(16,185,129,.35)}
html[data-theme="light"] :is(.contato-panel,.copilot) :is(.stg-visita,.stg-apresentacao){background:rgba(245,158,11,.14);color:#b45309;border-color:rgba(245,158,11,.35)}
html[data-theme="light"] :is(.contato-panel,.copilot) :is(.stg-proposta,.stg-negociacao,.stg-produto,.stg-doc){background:rgba(59,130,246,.12);color:#1d4ed8;border-color:rgba(59,130,246,.3)}
html[data-theme="light"] :is(.contato-panel,.copilot) .stg-fechamento{background:rgba(34,197,94,.12);color:#15803d;border-color:rgba(34,197,94,.3)}
html[data-theme="light"] :is(.contato-panel,.copilot) .tpill.quente{background:rgba(239,68,68,.12);color:#b91c1c;border-color:rgba(239,68,68,.3)}
html[data-theme="light"] :is(.contato-panel,.copilot) .tpill.morno{background:rgba(245,158,11,.14);color:#b45309;border-color:rgba(245,158,11,.35)}
html[data-theme="light"] :is(.contato-panel,.copilot) .tpill.frio{background:rgba(59,130,246,.12);color:#1d4ed8;border-color:rgba(59,130,246,.3)}
html[data-theme="light"] :is(.contato-panel,.copilot) .tpill.inativo{background:rgba(100,116,139,.12);color:#475569;border-color:rgba(100,116,139,.3)}
html[data-theme="light"] .contato-panel .dd-list{background:#fff;border-color:rgba(15,23,42,.12)}
html[data-theme="light"] .contato-panel .dd-opt:hover{background:rgba(37,99,235,.08)}
html[data-theme="light"] .copilot .hl-q{background:#fff;border-color:rgba(15,23,42,.16);color:#0f172a}
html[data-theme="light"] .copilot :is(.hl-item,.hl-alert){background:#f8fafc;border-color:rgba(15,23,42,.1);color:#0f172a}
html[data-theme="light"] .copilot :is(.hl-item,.hl-alert):hover{background:#eff6ff;border-color:rgba(37,99,235,.35)}
html[data-theme="light"] .copilot .hl-readall{color:#1d4ed8}
html[data-theme="light"] .hl-tabs{background:#f1f5f9;border-color:rgba(15,23,42,.08)}
html[data-theme="light"] .hl-tabs [role=tab]{color:#475569}
html[data-theme="light"] .hl-tabs [role=tab].on{background:#fff;color:#0f172a;box-shadow:0 1px 2px rgba(15,23,42,.1)}
html[data-theme="light"] .as-me{background:#dbeafe;border-color:#bfdbfe;color:#0f172a}
html[data-theme="light"] .as-bot{background:#f8fafc;border-color:rgba(15,23,42,.1);color:#0f172a}
html[data-theme="light"] .as-err{background:#fef2f2;border-color:#fecaca}
html[data-theme="light"] .as-ok{background:#f0fdf4;border-color:#bbf7d0}
html[data-theme="light"] .as-example{border-color:rgba(15,23,42,.2);color:#1d4ed8}
html[data-theme="light"] :is(.as-link-btn,.as-opt,.as-btn:not(.primary),.as-ag-item){background:#fff;border-color:rgba(15,23,42,.14);color:#0f172a}
html[data-theme="light"] :is(.as-fform input,.as-fform select,.as-fform textarea,.as-form input){background:#fff;border-color:rgba(15,23,42,.18);color:#0f172a}
html[data-theme="light"] .as-fform select option{background:#fff;color:#0f172a}
html[data-theme="light"] .as-chip{background:#eff6ff;border-color:#bfdbfe;color:#1d4ed8}
html[data-theme="light"] .as-ferr{color:#b91c1c}
html[data-theme="light"] .as-sub.late{color:#c2410c}
html[data-theme="light"] .board-welcome{background:#fff;border-color:rgba(15,23,42,.18);color:#0f172a}
.col .empty.col-welcome{display:flex;flex-direction:column;gap:6px;text-align:left;line-height:1.45;padding:14px;border:1px dashed rgba(96,165,250,.45);border-radius:12px;background:rgba(96,165,250,.08);color:var(--ink)}
.col .empty.col-welcome strong{font-size:14px}
html[data-theme="light"] .col .empty.col-welcome{background:#eff6ff;border-color:#93c5fd;color:#0f172a}
.as-form{background:rgba(18,20,28,.98)}
html[data-theme="light"] .as-form{background:#fff}
/* tema claro: textos da ficha/painel que eram claros sobre fundo escuro */
html[data-theme="light"] .contato-panel :is(.cadastro .val,.kv dd,.hist .ev,.helper p,.helper .resumo,.helper .pergunta,.brief p,.frow .h-pergunta){color:#1e293b}
html[data-theme="light"] .contato-panel :is(.helper h4,.panel-tabs button.on,details.more summary,.linkish){color:#1d4ed8}
html[data-theme="light"] .contato-panel .helper{color:#0f172a}
html[data-theme="light"] .contato-panel .helper .acao-box .lbl,html[data-theme="light"] .contato-panel .acao-box :is(small,.k,h4){color:#b45309}
html[data-theme="light"] .contato-panel .qa a{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}
html[data-theme="light"] .contato-panel .qa a.wa{color:#15803d;background:#f0fdf4;border-color:#bbf7d0}
html[data-theme="light"] .contato-panel .lgpd-row button.danger{color:#b91c1c}
html[data-theme="light"] .contato-panel .qual.alta{color:#b91c1c}
html[data-theme="light"] .contato-panel .qual.media{color:#b45309}
html[data-theme="light"] .contato-panel .qual.baixa{color:#1d4ed8}
html[data-theme="light"] .contato-panel .qual.inativa{color:#475569}
html[data-theme="light"] .copilot :is(.hl-nx){color:#334155}
html[data-theme="light"] .copilot :is(.hl-h b){color:#1d4ed8}
html[data-theme="light"] .copilot .hl-alert-line{color:#b91c1c}
html[data-theme="light"] .copilot .notif-kind.promessa,html[data-theme="light"] .copilot .notif-kind.releitura{color:#b91c1c}
html[data-theme="light"] .copilot .notif-kind.handoff{color:#1d4ed8}
html[data-theme="light"] .copilot .notif-kind.quente{color:#b45309}
/* Ficha: largura real do drawer (antes o "width:auto !important" do .work a deixava quase em tela cheia).
   Em telas >= 1280px sobra a 1ª coluna da mesa visível: clicar num card por trás troca a ficha. */
@media (min-width:861px){
  .work > .contato-panel,
  .app.contato-open .work > .contato-panel{width:min(clamp(780px, calc(100vw - var(--side) - 240px), 960px), calc(100vw - 32px)) !important}
}
.as-form{position:static;padding:6px 0 0;background:transparent}
html[data-theme="light"] .as-form{background:transparent}
.as-foot{position:sticky;bottom:-22px;margin:0 -16px -22px;padding:8px 16px 14px;background:rgba(18,20,28,.98);border-top:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;gap:6px;z-index:1}
html[data-theme="light"] .as-foot{background:#fff;border-top-color:rgba(15,23,42,.08)}
@media (max-width:600px){
  .as-chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
  .as-chips::-webkit-scrollbar{display:none}
  .as-chip{flex:0 0 auto}
}
/* painel do HELPER: item de lead com X (dispensar só para mim) e "ver lidas" */
.hl-row{position:relative;display:flex;align-items:stretch;gap:0}
.hl-row .hl-item{flex:1;padding-right:34px}
.hl-row .notif-x{position:absolute;top:6px;right:6px}
.hl-row.is-read .hl-item{opacity:.62}
.hl-list-lidas{margin-top:6px}
.hl-verlidas{align-self:flex-start;background:transparent;border:0;color:var(--muted);font-size:12px;font-weight:600;cursor:pointer;padding:6px 2px;text-decoration:underline;text-underline-offset:2px}
.hl-verlidas[hidden],.hl-readall[hidden]{display:none}
.hl-h > span b{margin-left:6px}
.hl-row .notif-x,.hl-alert-row .notif-x{opacity:.55}
.hl-row:hover .notif-x,.hl-alert-row:hover .notif-x,.hl-row .notif-x:focus-visible{opacity:1}
/* celular: topo sem estourar a largura (rótulo da imobiliária e papel ficam no menu/painel de controle) */
@media (max-width:480px){
  .top{min-width:0;overflow:hidden;gap:8px}
  .top .imo-label,.top .role-badge{display:none !important}
  .top .search{flex:1 1 0 !important;min-width:36px !important;width:auto !important;max-width:none !important}
  .top .search input{width:100% !important;min-width:0 !important}
  .top .user{gap:6px}
  .top .user .who,.top .user b,.top .user span:not(.avatar){display:none !important}
}