/* CRM Upside — tokens. Paleta da marca (identidade/design-guide.md): navy #1A1D2E + azul royal #5B5BF5.
   Todas as cores da interface saem daqui; o tema claro só redefine tokens. Contrastes validados ≥ 4.5:1. */
:root{
  --bg:#12141F;--sidebar:#0E1019;--surface:#1A1D2E;--surface2:#21253A;--surface3:#2A2F48;
  --line:#2A2F47;--line2:#383E5C;
  --text:#F4F5FA;--text2:#C9CCDD;--muted:#9DA2BB;
  --blue:#5B5BF5;--blue-hover:#4B4BE0;--blue2:#A3A3FF;--blue-rgb:91,91,245;--blue-soft:rgba(91,91,245,.18);
  --cyan:#3DD3F5;--cyan-rgb:61,211,245;
  --green:#34D98A;--green-rgb:52,217,138;
  --amber:#FFC155;--amber-rgb:255,193,85;
  --red:#FF7189;--red-rgb:255,113,137;
  --radius:16px;--shadow:0 20px 60px rgba(0,0,0,.35);
  --font-display:"Bebas Neue",Impact,sans-serif;
  color-scheme:dark;
}
html.light-theme{
  --bg:#F4F5F8;--sidebar:#FFFFFF;--surface:#FFFFFF;--surface2:#F4F5F8;--surface3:#E9EBF3;
  --line:#E1E3EC;--line2:#CDD0DE;
  --text:#1A1D2E;--text2:#3A3F58;--muted:#5B6076;
  --blue2:#4646DC;--blue-soft:rgba(91,91,245,.12);
  --cyan:#0A6F92;--cyan-rgb:10,111,146;
  --green:#177245;--green-rgb:23,114,69;
  --amber:#8F5B00;--amber-rgb:143,91,0;
  --red:#C4213D;--red-rgb:196,33,61;
  --shadow:0 20px 55px rgba(26,29,46,.12);
  color-scheme:light;
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;background:var(--bg);color:var(--text)}
body{min-height:100vh}
button,input,select{font:inherit}
.hidden{display:none!important}
.login-view{min-height:100vh;display:grid;grid-template-columns:1.15fr .85fr;background:radial-gradient(circle at 22% 40%,rgba(var(--blue-rgb),.18),transparent 35%),var(--bg)}
.login-brand{padding:clamp(40px,8vw,110px);display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid var(--line);position:relative;overflow:hidden}
.login-brand:after{content:"";position:absolute;width:420px;height:420px;border:1px solid rgba(var(--blue-rgb),.12);border-radius:50%;right:-210px;bottom:-160px;box-shadow:0 0 0 70px rgba(var(--blue-rgb),.03),0 0 0 140px rgba(var(--blue-rgb),.02)}
.brand-mark{width:38px;height:38px;border-radius:11px;background:linear-gradient(145deg,var(--blue2),var(--blue-hover));display:grid;place-items:center;font-weight:900;color:#fff;box-shadow:0 8px 25px rgba(var(--blue-rgb),.35)}
.brand-mark.large{width:55px;height:55px;border-radius:16px;font-size:1.4rem}
.eyebrow{font-size:0.75rem;letter-spacing:.18em;color:var(--blue2);font-weight:800;margin:0 0 14px}
.login-brand h1{font-size:clamp(3rem,5vw,5.4rem);line-height:.96;letter-spacing:-.06em;margin:0;max-width:760px}
.login-brand h1 span{color:var(--blue2)}
.brand-copy{max-width:600px;color:var(--text2);font-size:1.1rem;line-height:1.7}
.login-panel{display:grid;place-items:center;padding:30px}
.login-card{width:min(440px,100%);padding:42px;border:1px solid var(--line);border-radius:24px;background:var(--surface);box-shadow:var(--shadow);backdrop-filter:blur(16px)}
.login-card h2{font-size:2rem;margin:0 0 6px;letter-spacing:-.04em}
.muted{color:var(--muted);margin:0 0 30px}
.login-card>label,.settings-grid label,.modal label{display:grid;gap:9px;color:var(--text2);font-size:0.88rem;margin:18px 0}
.login-card input,.settings-grid input,.modal input,.modal select{width:100%;background:var(--surface2);border:1px solid var(--line2);color:var(--text);border-radius:11px;padding:14px 15px;outline:none}
.login-card input:focus,.settings-grid input:focus,.modal input:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(var(--blue-rgb),.12)}
.form-row{display:flex;justify-content:space-between;align-items:center;margin:18px 0}
.check{display:flex;align-items:center;gap:8px;font-size:0.82rem;color:var(--muted)}
.text-btn{border:0;background:transparent;color:var(--blue2);cursor:pointer;font-size:0.82rem}
.primary-btn{border:0;background:linear-gradient(135deg,var(--blue),var(--blue));color:#fff;border-radius:11px;padding:15px 18px;font-weight:750;cursor:pointer;box-shadow:0 10px 28px rgba(var(--blue-rgb),.25);display:flex;justify-content:center;gap:10px;align-items:center}
.primary-btn:hover{filter:brightness(1.1);transform:translateY(-1px)}
.primary-btn.compact{padding:11px 16px}
.demo-note{text-align:center;color:var(--muted);font-size:0.8125rem;margin:16px 0 0}
.mobile-brand{display:none}
.app{min-height:100vh;display:grid;grid-template-columns:230px 1fr;background:var(--bg)}
.sidebar{position:fixed;inset:0 auto 0 0;width:230px;background:var(--sidebar);border-right:1px solid var(--line);padding:22px 14px;display:flex;flex-direction:column;z-index:20}
.sidebar-brand{display:flex;align-items:center;gap:11px;padding:0 8px 28px}
.sidebar-brand div{display:flex;flex-direction:column}
.sidebar-brand b{font-size:1.05rem}
.sidebar-brand small{font-size:0.75rem;letter-spacing:.2em;color:var(--blue2)}
nav p{font-size:0.75rem;letter-spacing:.18em;color:var(--muted);padding:16px 12px 7px;margin:0}
.nav-item{width:100%;border:1px solid transparent;background:transparent;color:var(--text2);border-radius:10px;padding:11px 12px;display:flex;align-items:center;gap:11px;cursor:pointer;text-align:left;margin:2px 0;font-size:0.88rem}
.nav-item>span{width:18px;text-align:center;color:var(--muted)}
.nav-item em{font-style:normal;margin-left:auto;font-size:0.75rem;padding:2px 7px;border-radius:20px;background:var(--blue-soft);color:var(--blue2)}
.nav-item:hover{background:var(--surface3);color:var(--text2)}
.nav-item.active{background:linear-gradient(90deg,rgba(var(--blue-rgb),.22),rgba(var(--blue-rgb),.06));border-color:rgba(var(--blue-rgb),.28);color:var(--text);box-shadow:inset 3px 0 var(--blue)}
.nav-item.active>span{color:var(--blue2)}
.sidebar-user{margin-top:auto;border:1px solid var(--line);border-radius:12px;padding:10px;display:flex;align-items:center;gap:9px}
.avatar{width:34px;height:34px;border-radius:10px;background:linear-gradient(145deg,var(--blue),var(--blue-hover));display:grid;place-items:center;font-size:0.75rem;font-weight:800;flex:none}
.sidebar-user div:nth-child(2){display:flex;flex-direction:column;min-width:0}
.sidebar-user b{font-size:0.8125rem}
.sidebar-user small{font-size:0.75rem;color:var(--muted)}
.sidebar-user button{margin-left:auto;background:transparent;border:0;color:var(--muted);cursor:pointer}
.main{grid-column:2;min-width:0}
.topbar{height:72px;position:sticky;top:0;z-index:10;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 28px}
.topbar p{margin:0;color:var(--muted);font-size:0.75rem}
.topbar h2{font-size:0.98rem;margin:2px 0 0}
.top-actions{margin-left:auto;display:flex;align-items:center;gap:10px}
.global-search{width:240px;border:1px solid var(--line);background:var(--surface2);border-radius:10px;padding:9px 12px;color:var(--muted)}
.global-search input,.toolbar input,.chat-search input{border:0;outline:0;background:transparent;color:var(--text);width:calc(100% - 22px)}
.icon-btn{border:1px solid var(--line);background:var(--surface2);color:var(--muted);border-radius:10px;width:38px;height:38px;cursor:pointer}
.notification{position:relative}
.notification i{position:absolute;width:6px;height:6px;background:var(--blue);border-radius:50%;right:7px;top:7px}
.menu-toggle{display:none;margin-right:12px}
.page{display:none;padding:28px;min-height:calc(100vh - 72px)}
.active-page{display:block}
.page-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:22px}
.page-heading h1{font-size:1.65rem;letter-spacing:-.04em;margin:0 0 5px}
.page-heading p{margin:0;color:var(--muted);font-size:0.85rem}
.page-heading select,.chat-content select{background:var(--surface2);border:1px solid var(--line);color:var(--text2);padding:10px 13px;border-radius:9px}
.heading-actions{display:flex;gap:9px}
.metric-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.metric{min-height:145px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(145deg,var(--surface2),var(--surface));padding:19px;position:relative;overflow:hidden}
.metric-icon{display:grid;place-items:center;width:31px;height:31px;border-radius:9px;margin-bottom:16px}
.metric-icon.blue{color:var(--blue2);background:rgba(var(--blue-rgb),.12)}
.metric-icon.green{color:var(--green);background:rgba(var(--green-rgb),.1)}
.metric-icon.cyan{color:var(--cyan);background:rgba(var(--cyan-rgb),.1)}
.metric-icon.amber{color:var(--amber);background:rgba(var(--amber-rgb),.1)}
.metric p{margin:0 0 5px;color:var(--muted);font-size:0.8125rem}
.metric strong{display:block;font-size:1.45rem;letter-spacing:-.03em}
.metric small{display:block;color:var(--muted);font-size:0.75rem;margin-top:6px}
.metric small b{color:var(--green)}
.metric.featured{background:linear-gradient(135deg,var(--blue),var(--blue));border-color:var(--blue);padding-top:34px}
.metric.featured p,.metric.featured small{color:var(--text2)}
.metric.featured strong{font-size:1.65rem}
.dashboard-grid{display:grid;grid-template-columns:1.2fr 1fr .72fr;gap:14px;margin-top:14px}
.panel{border:1px solid var(--line);background:var(--surface);border-radius:var(--radius);padding:20px}
.chart-panel{grid-column:span 2}
.funnel{grid-column:3;grid-row:1}
.panel-title{display:flex;justify-content:space-between}
.panel h3,.panel-title h3{font-size:0.92rem;margin:0 0 4px}
.panel-title p{font-size:0.75rem;color:var(--muted);margin:0}
.panel-title>b{color:var(--muted);font-size:0.75rem}
.legend{font-size:0.75rem;color:var(--muted)}
.legend i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--blue);margin:0 5px 0 12px}
.legend i:nth-child(2){background:var(--red)}
.chart{height:220px;position:relative;padding:22px 8px 26px}
.chart svg{position:absolute;inset:20px 10px 30px;width:calc(100% - 20px);height:calc(100% - 50px)}
.chart-lines{position:absolute;inset:20px 8px 28px;display:flex;flex-direction:column;justify-content:space-between}
.chart-lines span{height:1px;background:var(--line)}
.chart-labels{position:absolute;bottom:0;left:8px;right:8px;display:flex;justify-content:space-between;color:var(--muted);font-size:0.75rem}
.funnel-list{display:grid;gap:15px;margin-top:22px}
.funnel-list span{display:flex;justify-content:space-between;color:var(--muted);font-size:0.75rem;margin-bottom:7px}
.funnel-list span b{color:var(--text2)}
.funnel-list i{display:block;height:5px;border-radius:10px;background:linear-gradient(90deg,var(--blue),var(--cyan));width:var(--w);box-shadow:0 0 10px rgba(var(--blue-rgb),.25)}
.funnel-list i.lost{background:var(--red)}
.mini-panel{min-height:132px}
.stat-line{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:11px 0 0;margin-top:11px;color:var(--muted);font-size:0.8125rem}
.stat-line b{color:var(--text)}
.efficiency{display:flex;gap:35px;margin-top:24px}
.efficiency div{display:flex;flex-direction:column;gap:5px}
.efficiency span{font-size:0.75rem;color:var(--muted)}
.efficiency b{font-size:1.1rem}
.secondary-btn{border:1px solid var(--line2);background:var(--surface2);color:var(--text2);padding:10px 14px;border-radius:10px;cursor:pointer}
.toolbar{display:flex;align-items:center;gap:9px;margin-bottom:15px}
.toolbar label{width:330px;border:1px solid var(--line);background:var(--surface2);border-radius:10px;padding:10px 13px;color:var(--muted)}
.toolbar>span{flex:1}
.kanban-board{display:grid;grid-template-columns:repeat(6,minmax(245px,1fr));gap:12px;overflow-x:auto;padding-bottom:18px}
.kanban-column{background:var(--surface);border:1px solid var(--line);border-radius:14px;min-height:550px;padding:11px}
.column-head{display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--line);padding:5px 3px 12px;margin-bottom:10px}
.column-head i{width:7px;height:7px;border-radius:50%;background:var(--column-color)}
.column-head b{font-size:0.8125rem}
.column-head span{margin-left:auto;font-size:0.75rem;color:var(--muted);background:var(--surface3);padding:2px 7px;border-radius:20px}
.lead-list{display:grid;gap:9px;min-height:480px}
.lead-card{border:1px solid var(--line);background:linear-gradient(145deg,var(--surface2),var(--surface2));border-radius:11px;padding:13px;cursor:grab;transition:.18s}
.lead-card:hover{border-color:var(--blue);transform:translateY(-2px)}
.lead-card.dragging{opacity:.45}
.lead-card h4{font-size:0.8125rem;margin:0 0 9px}
.lead-card p{font-size:0.75rem;color:var(--muted);margin:4px 0}
.lead-card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:12px}
.lead-card-footer span{font-size:0.75rem;border-radius:6px;padding:4px 6px;background:var(--surface3);color:var(--muted)}
.lead-actions{display:flex;gap:5px}
.lead-actions button{width:26px;height:26px;border:0;border-radius:7px;background:var(--surface3);color:var(--blue2);cursor:pointer}
.chat-page.active-page{padding:0;display:grid;grid-template-columns:340px 1fr;height:calc(100vh - 72px);min-height:600px}
.conversation-list{border-right:1px solid var(--line);padding:20px 14px;overflow-y:auto}
.conversation-title{display:flex;align-items:center;justify-content:space-between}
.conversation-title h3{font-size:0.95rem}
.conversation-title em{font-size:0.75rem;font-style:normal;background:rgba(var(--blue-rgb),.15);color:var(--blue2);padding:3px 7px;border-radius:10px}
.conversation-title button{background:transparent;border:0;color:var(--muted)}
.chat-search{display:block;border:1px solid var(--line);background:var(--surface2);border-radius:9px;padding:9px 11px;color:var(--muted)}
.chat-filters{display:flex;gap:6px;margin:12px 0}
.chat-filters button{border:1px solid var(--line);background:var(--surface2);color:var(--muted);border-radius:20px;padding:6px 10px;font-size:0.75rem}
.chat-filters button.active{background:var(--blue);color:#fff}
.contact{display:flex;gap:10px;align-items:center;padding:11px 8px;border-radius:10px;cursor:pointer;border:1px solid transparent}
.contact:hover,.contact.active{background:var(--surface3);border-color:var(--line2)}
.contact .avatar{border-radius:50%;background:var(--surface3);color:var(--blue2)}
.contact-copy{min-width:0;flex:1}
.contact-copy div{display:flex;justify-content:space-between}
.contact-copy b{font-size:0.8125rem}
.contact-copy time{font-size:0.75rem;color:var(--muted)}
.contact-copy p{margin:4px 0 0;color:var(--muted);font-size:0.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.contact-unread{width:7px;height:7px;border-radius:50%;background:var(--blue)}
.chat-window{min-width:0;position:relative}
.empty-chat{position:absolute;inset:0;display:grid;place-content:center;text-align:center}
.empty-chat span{margin:auto;width:54px;height:54px;border-radius:15px;display:grid;place-items:center;background:rgba(var(--blue-rgb),.12);color:var(--blue2);font-size:1.25rem}
.empty-chat h3{margin:16px 0 4px;font-size:0.92rem}
.empty-chat p{margin:0;color:var(--muted);font-size:0.8125rem}
.chat-content{height:100%;display:grid;grid-template-rows:68px 1fr 70px}
.chat-content header{border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 18px;gap:10px}
.chat-content header>div:nth-child(2){display:flex;flex-direction:column}
.chat-content header b{font-size:0.8125rem}
.chat-content header small{font-size:0.75rem;color:var(--green)}
.chat-header-actions{margin-left:auto!important;display:flex!important;flex-direction:row!important;gap:8px}
.chat-header-actions button{border:0;background:transparent;color:var(--muted)}
.messages{padding:24px;overflow-y:auto;background:radial-gradient(circle at 60% 30%,rgba(var(--blue-rgb),.05),transparent 35%)}
.bubble{max-width:66%;padding:11px 13px;border-radius:13px;font-size:0.8125rem;line-height:1.5;margin-bottom:9px}
.bubble.in{background:var(--surface2);border:1px solid var(--line)}
.bubble.out{background:linear-gradient(135deg,var(--blue),var(--blue));margin-left:auto}
.bubble small{display:block;text-align:right;margin-top:4px;opacity:.55;font-size:0.75rem}
.composer{border-top:1px solid var(--line);display:flex;align-items:center;gap:10px;padding:12px 18px}
.composer input{flex:1;background:var(--surface2);border:1px solid var(--line);border-radius:10px;padding:12px 14px;color:var(--text);outline:0}
.composer button{border:0;background:transparent;color:var(--muted)}
.composer .send-btn{background:var(--blue);color:#fff;width:40px;height:40px;border-radius:10px}
.simple-page{max-width:1100px}
.integration-card{display:flex;align-items:center;gap:18px;border:1px solid var(--line);border-radius:16px;background:var(--surface);padding:22px;margin-bottom:13px}
.integration-card>div:nth-child(2){flex:1}
.integration-card h3{margin:0 0 6px}
.integration-card p{margin:0 0 10px;color:var(--muted);font-size:0.8125rem}
.whatsapp-logo,.generic-logo{width:50px;height:50px;display:grid;place-items:center;border-radius:14px;background:rgba(var(--green-rgb),.12);color:var(--green);font-size:1.35rem}
.generic-logo{background:rgba(var(--blue-rgb),.1);color:var(--blue2)}
.status-pill{font-size:0.75rem;color:var(--amber);background:rgba(var(--amber-rgb),.08);padding:5px 8px;border-radius:20px}
.integration-card.disabled{opacity:.55}
.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.switch-row{display:flex!important;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:12px}
.switch-row input{width:auto}
.modal{border:1px solid var(--line2);border-radius:20px;background:var(--surface);color:var(--text);padding:0;width:min(470px,calc(100% - 30px));box-shadow:var(--shadow)}
.modal::backdrop{background:rgba(0,0,0,.72);backdrop-filter:blur(5px)}
.modal form{padding:24px}
.modal-head{display:flex;justify-content:space-between;align-items:start}
.modal-head h2{margin:0}
.modal-head .icon-btn{font-size:1.3rem}
.modal select{background:var(--surface2)}
.full{width:100%}
.qr-placeholder{width:190px;height:190px;margin:20px auto;border:1px dashed var(--line2);border-radius:14px;background:repeating-linear-gradient(45deg,var(--surface2),var(--surface2) 10px,var(--surface) 10px,var(--surface) 20px);display:grid;place-content:center;text-align:center;gap:8px}
.qr-placeholder div{width:48px;height:48px;margin:auto;border-radius:12px;background:var(--blue);display:grid;place-items:center;font-weight:900}
.qr-placeholder span{font-size:0.75rem;color:var(--muted)}
.modal-copy{text-align:center;color:var(--muted);font-size:0.8125rem;line-height:1.6}
.toast{position:fixed;right:24px;bottom:24px;z-index:99;background:var(--surface);border:1px solid var(--line2);color:var(--text2);padding:13px 18px;border-radius:11px;box-shadow:var(--shadow);transform:translateY(30px);opacity:0;pointer-events:none;transition:.25s}
.toast.show{transform:none;opacity:1}
@media(max-width:1180px){.metric-grid{grid-template-columns:repeat(3,1fr)}
.metric.featured{grid-column:span 2}
.dashboard-grid{grid-template-columns:1fr 1fr}
.chart-panel{grid-column:span 2}
.funnel{grid-column:span 2;grid-row:auto}
.global-search{display:none}
}
@media(max-width:820px){.login-view{grid-template-columns:1fr}
.login-brand{display:none}
.mobile-brand{display:flex;align-items:center;gap:10px;margin-bottom:38px}
.app{display:block}
.sidebar{transform:translateX(-100%);transition:.25s;box-shadow:var(--shadow)}
.sidebar.open{transform:none}
.main{grid-column:auto}
.menu-toggle{display:block}
.topbar{padding:0 15px}
.top-actions .icon-btn{display:none}
.page{padding:20px 14px}
.metric-grid{grid-template-columns:1fr 1fr}
.dashboard-grid{display:block}
.panel{margin-bottom:12px}
.chart-panel,.funnel{grid-column:auto}
.chat-page.active-page{grid-template-columns:1fr}
.conversation-list{border:0}
.chat-window{display:none}
.chat-page.conversation-open .conversation-list{display:none}
.chat-page.conversation-open .chat-window{display:block}
.settings-grid{grid-template-columns:1fr}
.page-heading{align-items:flex-start;gap:15px}
.heading-actions{flex-wrap:wrap}
.toolbar label{width:auto;flex:1}
.toolbar>span{display:none}
}
@media(max-width:520px){.login-panel{padding:16px}
.login-card{padding:28px 22px}
.metric-grid{grid-template-columns:1fr}
.metric.featured{grid-column:auto}
.page-heading{flex-direction:column}
.chart-panel{overflow:hidden}
.topbar .avatar{display:none}
.kanban-board{grid-template-columns:repeat(6,82vw)}
.heading-actions{width:100%}
.heading-actions button{flex:1}
.chat-header-actions select{display:none}
}
.kanban-board{grid-template-columns:repeat(var(--stage-count, 6), minmax(245px, 1fr))}
.stage-menu-wrap{position:relative;margin-left:3px}
.stage-menu-trigger{width:27px;height:27px;border:0;border-radius:7px;background:transparent;color:var(--muted);cursor:pointer;font-size:1rem}
.stage-menu-trigger:hover{background:var(--surface3);color:var(--text2)}
.stage-menu{position:absolute;z-index:12;top:31px;right:0;width:130px;display:none;padding:5px;border:1px solid var(--line2);border-radius:9px;background:var(--surface);box-shadow:0 14px 35px rgba(0,0,0,.45)}
.stage-menu.open{display:grid}
.stage-menu button{border:0;border-radius:6px;background:transparent;color:var(--text2);padding:8px 9px;text-align:left;cursor:pointer;font-size:0.75rem}
.stage-menu button:hover{background:var(--surface3);color:var(--text)}
.stage-menu .delete-option{color:var(--red)}
.stage-count{margin-left:auto !important}
.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:22px}
.danger-btn{border:1px solid rgba(var(--red-rgb),.45);border-radius:10px;background:rgba(var(--red-rgb),.12);color:var(--red);padding:10px 15px;cursor:pointer;font-weight:750}
.danger-btn:hover{background:rgba(var(--red-rgb),.22)}
.danger-text{color:var(--red)}
.ai-toggle{border:1px solid rgba(var(--green-rgb),.28) !important;background:rgba(var(--green-rgb),.1) !important;color:var(--green) !important;width:auto !important;padding:0 8px !important;font-size:0.75rem;font-weight:800}
.ai-toggle.off{border-color:var(--line2) !important;background:var(--surface3) !important;color:var(--muted) !important}
.modal-copy.left{text-align:left;margin:0 0 18px}
.lead-card.ai-disabled{border-color:var(--line)}
.lead-card.ai-disabled::before{content:"";display:block;height:2px;background:var(--line2);margin:-13px -13px 11px;border-radius:11px 11px 0 0}
@media (max-width:520px){.kanban-board{grid-template-columns:repeat(var(--stage-count, 6), 82vw)}
}
.date-filter{display:flex;align-items:end;gap:8px}
.date-filter label{display:grid;gap:4px;color:var(--muted);font-size:0.75rem}
.date-filter input{border:1px solid var(--line);border-radius:9px;background:var(--surface2);color:var(--text);padding:8px 10px;color-scheme:dark}
.emoji-wrap{position:relative}
.emoji-picker{position:absolute;display:none;grid-template-columns:repeat(4, 1fr);gap:4px;width:190px;left:0;bottom:45px;padding:9px;border:1px solid var(--line2);border-radius:12px;background:var(--surface);box-shadow:var(--shadow)}
.emoji-picker.open{display:grid}
.emoji-picker button{width:36px;height:36px;border-radius:8px;font-size:1.15rem}
.emoji-picker button:hover{background:var(--surface3)}
.audio-btn{width:38px;height:38px;border-radius:10px !important;color:var(--blue2) !important}
.audio-btn.recording{background:rgba(var(--red-rgb),.16) !important;color:var(--red) !important;animation:pulse 1s infinite}
.audio-bubble audio{width:min(300px, 100%);height:36px}
@keyframes pulse{50%{box-shadow:0 0 0 6px rgba(var(--red-rgb),.08)}
}
.collaborators-panel{padding:0;overflow:hidden}
.table-head,.collaborator-row{display:grid;grid-template-columns:1.2fr 1.5fr .8fr .6fr;align-items:center;gap:14px;padding:14px 18px}
.table-head{color:var(--muted);background:var(--surface2);border-bottom:1px solid var(--line);font-size:0.75rem;text-transform:uppercase;letter-spacing:.06em}
.collaborator-row{border-bottom:1px solid var(--line);color:var(--muted);font-size:0.8125rem}
.collaborator-row:last-child{border-bottom:0}
.collaborator-row > span:first-child{display:flex;align-items:center;gap:10px;color:var(--text)}
.collaborator-row .avatar{width:32px;height:32px;border-radius:9px;font-style:normal}
.online-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);margin-right:5px}
@media(max-width:820px){.date-filter{flex-wrap:wrap}
.table-head{display:none}
.collaborator-row{grid-template-columns:1fr;gap:7px}
.collaborator-row>span:not(:first-child){padding-left:42px}
}
.quick-periods{display:flex;gap:4px;padding:3px;border:1px solid var(--line);border-radius:10px;background:var(--surface2)}
.quick-periods button{border:0;border-radius:7px;background:transparent;color:var(--muted);padding:8px 10px;cursor:pointer;font-size:0.75rem;font-weight:750}
.quick-periods button.active{background:var(--blue);color:#fff}
.filter-wrap{position:relative}
.filter-count:not(:empty){display:inline-grid;place-items:center;min-width:18px;height:18px;margin-left:5px;border-radius:50%;background:var(--blue);color:#fff;font-size:0.75rem}
.filter-menu{position:absolute;z-index:30;top:45px;left:0;display:none;width:270px;padding:14px;border:1px solid var(--line2);border-radius:13px;background:var(--surface);box-shadow:var(--shadow)}
.filter-menu.open{display:grid;gap:12px}
.filter-menu label{display:grid!important;gap:6px;color:var(--muted);font-size:0.75rem}
.filter-menu select{width:100%;padding:9px;border:1px solid var(--line);border-radius:8px;background:var(--surface2);color:var(--text)}
.filter-menu>div{display:flex;justify-content:flex-end;gap:7px}
.drawer-backdrop{position:fixed;z-index:69;inset:0;background:rgba(1,5,12,.58);opacity:0;pointer-events:none;transition:.22s}
.drawer-backdrop.open{opacity:1;pointer-events:auto}
.lead-drawer{position:fixed;z-index:70;top:0;right:0;display:grid;grid-template-rows:auto auto 1fr auto;width:min(475px,100vw);height:100vh;border-left:1px solid var(--line2);background:var(--surface);box-shadow:-24px 0 70px rgba(0,0,0,.45);transform:translateX(102%);transition:transform .25s ease}
.lead-drawer.open{transform:translateX(0)}
.lead-drawer>header{display:flex;align-items:center;gap:11px;padding:18px;border-bottom:1px solid var(--line)}
.lead-drawer>header>div:nth-child(2){display:grid;gap:3px}
.lead-drawer>header small{color:var(--muted)}
.lead-drawer>header button{margin-left:auto}
.drawer-meta{display:flex;gap:9px;padding:12px 18px;border-bottom:1px solid var(--line)}
.drawer-meta select{flex:1;border:1px solid var(--line);border-radius:9px;background:var(--surface2);color:var(--text);padding:8px}
.lead-drawer .messages{min-height:0;padding:20px;overflow:auto}
.lead-drawer .composer{margin:0;border-top:1px solid var(--line);border-radius:0;padding:12px}
.file-btn{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;color:var(--blue2);cursor:pointer;font-size:1.3rem}
.file-btn:hover{background:var(--surface3)}
.file-bubble{font-weight:700}
.master-ai{display:flex;align-items:center;gap:14px;padding:10px 13px;border:1px solid rgba(var(--green-rgb),.25);border-radius:12px;background:rgba(var(--green-rgb),.07)}
.master-ai span{display:grid}
.master-ai small{color:var(--muted);font-size:0.75rem}
.master-ai input,.switch-row input,.ability-grid input{accent-color:var(--blue);width:36px;height:19px}
.ai-tabs{display:flex;gap:6px;overflow:auto;margin-bottom:14px;padding:5px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}
.ai-tabs button{white-space:nowrap;border:0;border-radius:8px;background:transparent;color:var(--muted);padding:10px 13px;cursor:pointer;font-weight:700;font-size:0.75rem}
.ai-tabs button.active{background:rgba(var(--blue-rgb),.15);color:var(--blue2)}
.ai-workspace{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:14px}
.ai-config,.ai-summary{border:1px solid var(--line);border-radius:15px;background:var(--surface);padding:20px}
.ai-tab-panel{display:none}
.ai-tab-panel.active{display:grid;gap:16px}
.ai-tab-panel h3{margin:0}
.ai-tab-panel>label,.form-grid label{display:grid;gap:7px;color:var(--muted);font-size:0.8125rem}
.ai-tab-panel input,.ai-tab-panel textarea,.ai-tab-panel select,.modal textarea{width:100%;border:1px solid var(--line);border-radius:9px;background:var(--surface2);color:var(--text);padding:10px 11px;font:inherit;resize:vertical}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.generated-box{padding:15px;border:1px solid rgba(var(--blue-rgb),.28);border-radius:12px;background:rgba(var(--blue-rgb),.07)}
.generated-box p{margin:7px 0 0;color:var(--muted);line-height:1.6}
.save-ai{margin-top:18px}
.ai-summary{height:max-content;text-align:center}
.ai-orb{display:grid;place-items:center;width:58px;height:58px;margin:0 auto 10px;border-radius:18px;background:linear-gradient(145deg,var(--blue),var(--cyan));box-shadow:0 10px 35px rgba(var(--blue-rgb),.3);font-size:1.5rem}
.ai-summary h3{margin:0}
.ai-summary>p{margin:4px 0 22px;color:var(--muted)}
.ai-summary>div{display:flex;justify-content:space-between;padding:12px 0;border-top:1px solid var(--line);font-size:0.75rem}
.ai-summary>div span{color:var(--muted)}
.status-online{color:var(--green)}
.service-list{display:grid;gap:9px}
.service-list article{display:flex;align-items:center;justify-content:space-between;padding:14px;border:1px solid var(--line);border-radius:11px;background:var(--surface2)}
.service-list p{margin:5px 0 0;color:var(--muted)}
.trait-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.trait-grid label{cursor:pointer}
.trait-grid input{position:absolute;opacity:0}
.trait-grid span{display:block;padding:11px;border:1px solid var(--line);border-radius:9px;text-align:center;color:var(--muted)}
.trait-grid input:checked+span{border-color:rgba(var(--blue-rgb),.5);background:rgba(var(--blue-rgb),.12);color:var(--blue2)}
.ability-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ability-grid label{display:flex;align-items:center;justify-content:space-between;padding:14px;border:1px solid var(--line);border-radius:11px}
.ability-grid span{display:grid}
.ability-grid small{margin-top:4px;color:var(--muted)}
.followup-list{display:grid;gap:9px}
.followup-list>label{display:grid;grid-template-columns:auto 180px 1fr;align-items:center;gap:12px;padding:13px;border:1px solid var(--line);border-radius:11px}
.followup-list span{display:grid}
.followup-list small{margin-top:3px;color:var(--muted)}
.test-messages{display:grid;align-content:start;gap:9px;min-height:300px;max-height:430px;overflow:auto;padding:18px;border:1px solid var(--line);border-radius:12px;background:var(--surface2)}
.campaign-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:14px}
.campaign-list{padding:0;overflow:hidden}
.campaign-row{display:grid;grid-template-columns:1.2fr 1.5fr .8fr .6fr;align-items:center;gap:14px;padding:16px 18px;border-bottom:1px solid var(--line);color:var(--muted);font-size:0.8125rem}
.campaign-row b{color:var(--text)}
.campaign-row em{width:max-content;border-radius:20px;background:rgba(var(--amber-rgb),.12);color:var(--amber);padding:5px 8px;font-style:normal}
.campaign-row em.done{background:rgba(var(--green-rgb),.12);color:var(--green)}
@media(max-width:980px){.ai-workspace{grid-template-columns:1fr}
.ai-summary{display:none}
.date-filter{align-items:stretch}
.quick-periods{order:2}
.trait-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:650px){.form-grid,.ability-grid,.campaign-metrics{grid-template-columns:1fr}
.followup-list>label{grid-template-columns:auto 1fr}
.followup-list>label>input:last-child{grid-column:1/-1}
.campaign-row{grid-template-columns:1fr}
.lead-drawer{width:100vw}
.date-filter{width:100%}
.quick-periods{width:100%}
.quick-periods button{flex:1}
}

/* ——— Revisão de design (HIG) ——— */
body{font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;font-size:1rem;-webkit-font-smoothing:antialiased}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
:focus-visible{outline:2px solid var(--blue2);outline-offset:2px}
input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--blue2);outline-offset:0}
::placeholder{color:var(--muted);opacity:1}

/* Ícones: um único conjunto (Lucide), traço igual em toda a interface */
.i{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}
.i.sm{width:15px;height:15px}
.nav-item .i{color:var(--muted)}
.nav-item.active .i{color:var(--blue2)}
.icon-btn{display:inline-grid;place-items:center;color:var(--text2)}
.global-search,.toolbar label,.chat-search{display:flex;align-items:center;gap:8px}
.global-search input,.toolbar input,.chat-search input{width:100%}

/* Marca */
.brand-mark{width:auto;height:auto;background:none;box-shadow:none;border-radius:0;color:var(--blue)}
.brand-mark svg{display:block;width:30px;height:auto;fill:currentColor}
.brand-mark.large svg{width:52px}
.sidebar-brand b{font-family:var(--font-display);font-size:1.6rem;font-weight:400;letter-spacing:.02em;line-height:1}
.sidebar-brand small{color:var(--muted)}
.mobile-brand b{font-family:var(--font-display);font-size:1.8rem;font-weight:400;letter-spacing:.02em}
.login-brand h1{font-family:var(--font-display);font-weight:400;font-size:clamp(3.6rem,7vw,7.2rem);line-height:.9;letter-spacing:.01em}
.login-brand h1 span{color:var(--blue2)}
.login-lockup{display:flex;align-items:center;gap:14px}
.login-lockup b{font-family:var(--font-display);font-size:2.2rem;font-weight:400;letter-spacing:.02em}

/* Botões: cor sólida da marca, sem degradê nem salto no hover */
.primary-btn{background:var(--blue);box-shadow:none}
.primary-btn:hover{background:var(--blue-hover);filter:none;transform:none}
.text-btn{color:var(--blue2)}
.danger-btn{color:var(--red)}
.avatar{color:#fff;background:var(--blue)}
.bubble.out{color:#fff;background:var(--blue)}
.nav-item.active{background:var(--blue-soft);border-color:transparent}
.demo-note{color:var(--muted)}

/* Dashboard */
.metric{background:var(--surface)}
.metric.featured{background:var(--blue);border-color:var(--blue);padding-top:19px}
.metric.featured p,.metric.featured small,.metric.featured strong{color:#fff}
.metric.featured strong{font-family:var(--font-display);font-weight:400;font-size:2.6rem;letter-spacing:.02em;line-height:1;margin-top:6px}
.metric .dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px;vertical-align:middle}
.dot.ai{background:var(--cyan)}.dot.human{background:var(--amber)}.dot.sales{background:var(--green)}.dot.leads{background:var(--blue)}
.demo-tag{display:inline-block;margin-left:8px;padding:3px 8px;border:1px dashed var(--line2);border-radius:20px;color:var(--muted);font-size:.75rem;font-weight:600;vertical-align:middle}
.legend{display:flex;align-items:center;gap:14px}
.legend .swatch{display:inline-block;width:18px;height:0;border-top:3px solid var(--blue);margin:0 6px 0 0;vertical-align:middle;background:none;border-radius:0}
.legend .swatch.lost{border-top:3px dashed var(--red)}
.legend i{display:none}
.funnel-list i{background:var(--blue);box-shadow:none}
.funnel-list i.lost{background:var(--red)}

/* Kanban */
.lead-card{background:var(--surface2);border-color:var(--line)}
.lead-card:hover{border-color:var(--blue);transform:none}
.lead-open{all:unset;cursor:pointer;display:block;font-size:.875rem;font-weight:700;color:var(--text)}
.lead-open:focus-visible{outline:2px solid var(--blue2);outline-offset:2px;border-radius:4px}
.lead-card p{display:flex;align-items:center;gap:6px;font-size:.8125rem}
.lead-card h4{margin:0 0 8px}
.lead-actions button{display:inline-grid;place-items:center;color:var(--blue2)}
.stage-menu{width:150px}
.stage-menu button{display:flex;align-items:center;gap:8px}
.stage-menu .delete-option{color:var(--red)}
.stage-menu-trigger{display:grid;place-items:center;color:var(--muted)}
.stage-menu-trigger:hover{background:var(--surface3);color:var(--text)}
/* IA tem uma cor só: ciano. Verde fica para venda/sucesso. */
.ai-toggle{border:1px solid rgba(var(--cyan-rgb),.35)!important;background:rgba(var(--cyan-rgb),.1)!important;color:var(--cyan)!important;font-size:.75rem;font-weight:700;padding:0 8px!important;height:26px}
.ai-toggle.off{border-color:var(--line2)!important;background:var(--surface3)!important;color:var(--muted)!important}
.master-ai{border-color:rgba(var(--cyan-rgb),.3);background:rgba(var(--cyan-rgb),.07)}
.ai-orb{background:rgba(var(--cyan-rgb),.14);color:var(--cyan);box-shadow:none}
.ai-orb .i{width:26px;height:26px}
.filter-count:not(:empty){display:inline-grid}

/* Chat */
.contact{width:100%;text-align:left;font:inherit;color:inherit;background:transparent}
.contact .avatar{background:var(--surface3);color:var(--blue2)}
.contact-copy b{color:var(--text)}
.chat-content header small{color:var(--muted)}
.chat-header-actions button{display:flex;align-items:center;gap:6px;color:var(--text2);cursor:pointer;padding:8px 10px;border-radius:9px}
.chat-header-actions button:hover{background:var(--surface3)}
.chat-filters button{cursor:pointer}
.empty-chat span .i{width:24px;height:24px}
.ai-badge{display:inline-flex;align-items:center;gap:4px;margin-bottom:4px;padding:2px 7px;border-radius:20px;background:rgba(255,255,255,.18);font-size:.75rem;font-weight:700;letter-spacing:.02em}
.bubble.in .ai-badge{background:rgba(var(--cyan-rgb),.14);color:var(--cyan)}
.bubble.ai-msg{background:var(--surface3);color:var(--text);border:1px solid rgba(var(--cyan-rgb),.35)}
.bubble.ai-msg .ai-badge{background:rgba(var(--cyan-rgb),.14);color:var(--cyan)}
.composer button{display:inline-grid;place-items:center;cursor:pointer}
.composer .send-btn .i{width:18px;height:18px}

/* Toast com ação (desfazer) */
.toast{display:flex;align-items:center;gap:14px;background:var(--surface);color:var(--text);border-color:var(--line2)}
.toast button{border:0;background:transparent;color:var(--blue2);font-weight:700;cursor:pointer;padding:4px 2px}
.toast.show{pointer-events:auto}

.settings-grid select{width:100%;background:var(--surface2);border:1px solid var(--line2);color:var(--text);border-radius:11px;padding:14px 15px}
.integration-card .i{width:24px;height:24px}

/* Alvos de toque no celular: mínimo 44px */
@media (pointer:coarse){
  .icon-btn,.lead-actions button,.stage-menu-trigger,.composer button,.composer .send-btn,.audio-btn,.file-btn{min-width:44px;min-height:44px}
  .ai-toggle{height:44px}
  .chat-filters button,.quick-periods button{min-height:40px}
}
/* Movimento reduzido */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}
}

/* Ajustes pós-teste */
.menu-toggle{display:none}
.lead-drawer{box-shadow:none}
.lead-drawer.open{box-shadow:-24px 0 70px rgba(0,0,0,.35)}
.check input{width:auto;margin:0}
.login-card .primary-btn{width:100%}
.toast{top:auto;right:auto;left:50%;bottom:92px;transform:translate(-50%,12px);max-width:calc(100% - 28px)}
.toast.show{transform:translate(-50%,0)}
.demo-tag{letter-spacing:0}
nav p{letter-spacing:.04em;font-weight:600}
@media(max-width:1180px){.global-search{display:none}}
@media(max-width:820px){.menu-toggle{display:inline-grid}.toast{bottom:84px}}

/* Leads por canal */
.channel-panel{grid-column:1;grid-row:2 / span 2}
.dashboard-grid .mini-panel:last-child{grid-column:span 2}
.channel-list,.funnel-list{display:grid;gap:15px;margin-top:22px}
.channel-list span,.funnel-list span{display:flex;justify-content:space-between;gap:10px;color:var(--text2);font-size:.8125rem;margin-bottom:7px}
.channel-list span b,.funnel-list span b{color:var(--text)}
.channel-list span em{font-style:normal;color:var(--muted);font-weight:500;margin-left:6px}
.channel-list i,.funnel-list i{display:block;height:6px;border-radius:10px;background:var(--blue);width:var(--w);min-width:4px}
.funnel-list i{background:var(--stage-color,var(--blue))}
.channel-empty{color:var(--muted);font-size:.8125rem;margin:0}
@media(max-width:1180px){.channel-panel{grid-column:span 2;grid-row:auto}}

/* Canal no lead */
.source-tag{display:inline-flex;align-items:center;width:max-content;margin-top:5px;padding:2px 9px;border-radius:20px;background:var(--blue-soft);color:var(--blue2);font-size:.75rem;font-weight:700}
.source-tag:empty{display:none}
.chat-content{grid-template-rows:auto 1fr 70px}
.chat-content header{padding:12px 18px}

/* Etapa do funil no lead */
.lead-drawer{grid-template-rows:auto auto auto 1fr auto}
.drawer-stage{display:grid;gap:10px;padding:14px 18px 16px;border-bottom:1px solid var(--line)}
.drawer-stage-head{display:flex;justify-content:space-between;align-items:center}
.drawer-stage-label{color:var(--muted);font-size:.75rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.drawer-stage-position{color:var(--muted);font-size:.8125rem}
.drawer-stage-current{display:flex;align-items:center;gap:9px;margin:0;font-size:1.1rem;font-weight:700}
.drawer-stage-current i{width:10px;height:10px;border-radius:50%;background:var(--stage-color)}
.stage-track{display:grid;grid-template-columns:repeat(var(--n),1fr);gap:4px}
.stage-track button{height:22px;padding:0;border:0;background:transparent;cursor:pointer;display:flex;align-items:center}
.stage-track button::before{content:"";display:block;width:100%;height:6px;border-radius:6px;background:var(--surface3);transition:background .15s}
.stage-track button.passed::before{background:rgba(var(--blue-rgb),.45)}
.stage-track button[aria-current="step"]::before{background:var(--stage-color);height:8px}
.stage-track button:hover::before{background:var(--line2)}
.stage-track button[aria-current="step"]:hover::before{background:var(--stage-color)}
.drawer-stage-actions{display:flex;gap:8px}
.drawer-stage-actions select{flex:1;min-width:0;border:1px solid var(--line2);border-radius:9px;background:var(--surface2);color:var(--text);padding:9px 10px}
.drawer-stage-actions .secondary-btn{white-space:nowrap;display:flex;align-items:center;gap:6px;color:var(--text)}
.drawer-stage-actions .secondary-btn:disabled{opacity:.5;cursor:default}
.drawer-meta{justify-content:space-between;align-items:center}
.drawer-meta-label{color:var(--muted);font-size:.8125rem}
@media (pointer:coarse){.stage-track button{height:44px}}

/* Integrações: eventos para Meta e Google */
.section-title{font-size:1.15rem;margin:30px 0 6px}
.section-copy{color:var(--muted);font-size:.875rem;line-height:1.6;max-width:760px;margin:0 0 16px}
.integrations{display:grid;gap:14px}
.int-card{display:grid;gap:14px;margin-bottom:0}
.int-card + .int-card{margin-top:0}
section#integracoes > .int-card{margin-top:14px}
.int-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}
.int-head h3{margin:0 0 4px}
.int-head p{margin:0;color:var(--muted);font-size:.8125rem;line-height:1.5}
.int-head code{font-size:.8125rem;color:var(--text2)}
.int-card label{display:grid;gap:7px;color:var(--text2);font-size:.8125rem}
.int-card input:not([type=checkbox]),.int-card select{width:100%;border:1px solid var(--line2);border-radius:9px;background:var(--surface2);color:var(--text);padding:10px 11px;font:inherit}
.form-grid.three{grid-template-columns:repeat(3,1fr)}
.optional{color:var(--muted);font-weight:400}
.int-hint{margin:0;color:var(--muted);font-size:.8125rem;line-height:1.5}
.int-switch,.int-check{display:flex!important;align-items:center;gap:8px;white-space:nowrap;cursor:pointer}
.int-check{white-space:normal}
.int-switch input,.int-check input{width:18px;height:18px;accent-color:var(--blue)}
.int-status{flex:none;padding:4px 10px;border-radius:20px;font-size:.75rem;font-weight:700;background:var(--surface3);color:var(--muted)}
.int-status.ok{background:rgba(var(--green-rgb),.14);color:var(--green)}
.int-status.warn{background:rgba(var(--amber-rgb),.14);color:var(--amber)}
.int-status.err{background:rgba(var(--red-rgb),.14);color:var(--red)}
.int-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.int-health{font-size:.8125rem;color:var(--muted)}
.int-footer{display:flex;justify-content:flex-end;gap:10px}
.int-table{border:1px solid var(--line);border-radius:11px;overflow:hidden}
.int-row{display:grid;grid-template-columns:1.3fr 1fr 1fr 70px;gap:12px;align-items:center;padding:10px 14px;border-top:1px solid var(--line)}
.int-row-head{border-top:0;background:var(--surface2);color:var(--muted);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.int-row b{display:block;font-size:.875rem}
.int-row small{display:block;color:var(--muted);font-size:.75rem;margin-top:2px}
.int-row input[type=checkbox]{width:18px;height:18px;accent-color:var(--blue);justify-self:center}
.event-log{display:grid}
.event-row{display:grid;grid-template-columns:110px 1fr auto;gap:12px;align-items:center;padding:11px 0;border-top:1px solid var(--line);font-size:.8125rem}
.event-row:first-child{border-top:0}
.event-row time{color:var(--muted)}
.event-row b{display:block}
.event-row small{display:block;color:var(--muted);margin-top:2px}
.event-empty{margin:0;color:var(--muted);font-size:.8125rem}
@media(max-width:820px){.form-grid.three{grid-template-columns:1fr}.int-row{grid-template-columns:1fr 1fr}.int-row-head{display:none}.int-row>span:first-child{grid-column:1/-1}.event-row{grid-template-columns:1fr auto}.event-row time{grid-column:1/-1}.int-head{flex-direction:column}}

/* Qualificação e venda no lead */
.qual-toggle{display:flex;padding:3px;border:1px solid var(--line2);border-radius:10px;background:var(--surface2);gap:3px}
.qual-toggle button{border:0;border-radius:7px;background:transparent;color:var(--muted);padding:7px 11px;font-size:.8125rem;font-weight:700;cursor:pointer}
.qual-toggle button[data-qual=qualified][aria-pressed=true]{background:rgba(var(--green-rgb),.16);color:var(--green)}
.qual-toggle button[data-qual=disqualified][aria-pressed=true]{background:rgba(var(--red-rgb),.14);color:var(--red)}
.lead-drawer{grid-template-rows:auto auto auto auto 1fr auto}
.drawer-meta + .drawer-meta{border-top:0}
.drawer-sale{margin:0;color:var(--green);font-weight:700;font-size:.875rem}
.drawer-sale:empty{display:none}
.qual-tag{display:inline-flex;align-items:center;margin-top:6px;padding:2px 8px;border-radius:20px;font-size:.75rem;font-weight:700}
.qual-tag.qualified{background:rgba(var(--green-rgb),.14);color:var(--green)}
.qual-tag.disqualified{background:rgba(var(--red-rgb),.12);color:var(--red)}
.money-input{display:flex;align-items:center;gap:8px;border:1px solid var(--line2);border-radius:11px;background:var(--surface2);padding:0 14px}
.money-input span{color:var(--muted);font-weight:700}
.modal .money-input input{border:0;background:transparent;padding:14px 0;box-shadow:none}
@media (pointer:coarse){.qual-toggle button{min-height:44px}}
.int-card label:has(.optional),.modal label:has(.optional){grid-template-columns:max-content 1fr;column-gap:6px}
.int-card label:has(.optional)>input,.modal label:has(.optional)>input{grid-column:1/-1}
.optional{align-self:center}
/* Qualificação também no cabeçalho do chat */
.chat-header-actions{align-items:center;flex-wrap:wrap;justify-content:flex-end}
.chat-header-actions .qual-toggle button{padding:6px 10px}
.qual-toggle button:disabled{opacity:.45;cursor:default}
@media(max-width:520px){.chat-content header{flex-wrap:wrap}.chat-header-actions{margin-left:0!important;width:100%;justify-content:flex-start}}
.toast{width:max-content}

/* Origem do anúncio: Meta azul, Google laranja. Canal fica neutro para não competir com essas cores. */
:root{--meta-rgb:24,119,242;--meta-text:#5EA8FF;--google-rgb:245,124,0;--google-text:#FFA652}
html.light-theme{--meta-text:#0B5CC4;--google-text:#9C4A00}
.tag{display:inline-flex;align-items:center;padding:2px 8px;border-radius:20px;font-size:.75rem;font-weight:700;white-space:nowrap;line-height:1.5}
.tag-row{display:flex;flex-wrap:wrap;gap:5px;margin-top:7px}
.tag-row:empty{display:none}
.tag-channel{background:var(--surface3);color:var(--text2)}
.ad-meta{background:rgba(var(--meta-rgb),.16);color:var(--meta-text)}
.ad-google{background:rgba(var(--google-rgb),.16);color:var(--google-text)}
.qual-qualified{background:rgba(var(--green-rgb),.14);color:var(--green)}
.qual-disqualified{background:rgba(var(--red-rgb),.12);color:var(--red)}
.lead-card .tag-row{margin:8px 0 2px}
.contact-copy .tag-row{margin-top:5px}
.contact-copy .tag{font-size:.6875rem;padding:1px 7px}
.ad-toggle button[data-ad=meta][aria-pressed=true]{background:rgba(var(--meta-rgb),.16);color:var(--meta-text)}
.ad-toggle button[data-ad=google][aria-pressed=true]{background:rgba(var(--google-rgb),.16);color:var(--google-text)}
.ad-toggle button[data-ad=""][aria-pressed=true]{background:var(--surface3);color:var(--text)}
.drawer-ad{flex-wrap:wrap;row-gap:6px}
.drawer-tracking{flex-basis:100%;color:var(--muted);font-size:.75rem}
.lead-drawer{grid-template-rows:auto auto auto auto auto 1fr auto}
.lead-drawer>header .tag-row{margin-top:6px}
.ad-split{display:flex;flex-wrap:wrap;gap:6px;margin-top:18px;padding-top:14px;border-top:1px solid var(--line)}
.track-rules{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.track-rules>div{display:grid;gap:8px;align-content:start;padding:12px;border:1px solid var(--line);border-radius:10px}
.track-rules p{margin:0;color:var(--text2);font-size:.8125rem;line-height:1.55}
.track-rules code,.int-hint code{font-size:.78rem;color:var(--text)}
.track-rules .tag{justify-self:start}
@media(max-width:820px){.track-rules{grid-template-columns:1fr}}

/* Follow-ups dinâmicos */
.followup-list{display:grid;gap:9px}
.followup-row{display:grid;grid-template-columns:auto 230px 1fr auto;align-items:center;gap:12px;padding:12px;border:1px solid var(--line);border-radius:11px}
.followup-row>input[type=checkbox]{width:18px;height:18px;accent-color:var(--blue)}
.fu-when{display:grid;gap:5px}
.fu-when b{font-size:.875rem}
.fu-when span{display:flex;align-items:center;gap:6px}
.ai-tab-panel .fu-when input{width:64px;padding:7px 8px}
.ai-tab-panel .fu-when select{width:auto;padding:7px 8px}
.fu-when small{color:var(--muted);font-size:.75rem;white-space:nowrap}
.add-followup{justify-self:start;display:flex;align-items:center;gap:6px;color:var(--text)}
.add-followup:disabled{opacity:.55;cursor:default}
@media(max-width:820px){.followup-row{grid-template-columns:auto 1fr auto}.followup-row>[data-fu-msg]{grid-column:1/-1}.followup-row>.fu-when{grid-column:2}}

/* Aviso de lead aguardando */
.notify-panel{grid-column:1/-1}
.notify-panel form{display:grid;gap:14px}
.notify-panel label{display:grid;gap:7px;color:var(--text2);font-size:.8125rem;margin:0}
.notify-panel select{width:100%;background:var(--surface2);border:1px solid var(--line2);color:var(--text);border-radius:11px;padding:14px 15px}
.notify-panel .int-switch{display:flex;margin:0}
.int-hint a{color:var(--blue2)}

/* Conexão da IA */
.ai-flow{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:14px;border:1px solid var(--line);border-radius:11px;background:var(--surface2)}
.ai-flow span{display:grid;padding:6px 10px;border-radius:8px;background:var(--surface3);font-size:.8125rem;font-weight:600}
.ai-flow span small{color:var(--muted);font-weight:500;font-size:.75rem}
.ai-flow #ai-flow-provider{background:rgba(var(--cyan-rgb),.14);color:var(--cyan)}
.ai-flow i{font-style:normal;color:var(--muted)}
.ai-key-steps{padding:14px 16px;border:1px solid var(--line);border-radius:11px;font-size:.8125rem;line-height:1.55;color:var(--text2)}
.ai-key-steps p{margin:6px 0 8px}
.ai-key-steps ol{margin:0;padding-left:20px;display:grid;gap:4px}
.ai-key-steps code{color:var(--text);font-size:.8rem}
.int-health a{color:var(--blue2)}
.bubble.note{max-width:100%;margin:0 auto 9px;text-align:center;background:transparent;border:1px dashed var(--line2);color:var(--muted);font-size:.8125rem}
.bubble.note.err{border-color:rgba(var(--red-rgb),.5);color:var(--red)}
.typing{color:var(--muted);font-style:italic}

/* Versão em produção: esconde o que ainda não está ligado de verdade */
.booting{visibility:hidden}
.nav-item[data-page="atendente-ia"],.nav-item[data-page="disparos"],#audio-btn,.ai-toggle,#drawer-ai,#drawer-audio,#drawer-emoji-btn,#drawer-emoji-picker,label:has(#drawer-file),label:has(#filter-ai),.metric:has(#metric-ai),.metric:has(#metric-human),.chart-panel,.mini-panel:not(:has(#metric-ticket)),.lead-actions [data-open-lead]{display:none!important}
.hidden{display:none!important}
#lead-drawer *:has(> #drawer-ai){display:none!important}
@media (min-width:900px){
.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:none!important;align-items:start}
.dashboard-grid>.panel{grid-column:auto!important;grid-row:auto!important}
.dashboard-grid>.mini-panel{grid-column:1/-1!important}
}

.wa-img{display:block;max-width:min(280px,100%);border-radius:8px;margin-bottom:6px}
.wa-file{display:block;font-weight:700;margin-bottom:6px;color:inherit}
.wa-qr-box{display:flex;justify-content:center;background:#fff;border-radius:12px;padding:14px;margin:12px 0}
.wa-qr-box img{width:min(280px,100%);height:auto}
.wa-connected{font-weight:700;margin:12px 0}
.wa-warning{font-size:13px;opacity:.8}
.wa-chat-status{border:0;background:transparent;padding:4px 0 0;font-size:12px;color:#16855b;cursor:pointer;text-align:left}
.wa-chat-status.wa-off{color:#c2410c}
.wa-chat-status:disabled{cursor:default}
.drawer-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 18px;border-bottom:1px solid var(--line)}
.drawer-actions #drawer-delete{margin-left:auto;color:#d33a55}