*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
:root {
  --bg:      #1b1e2e; --sidebar: #111422; --card: #22253a; --card2: #191c2d;
  --border:  #2a2e46; --accent: #0073ea; --green: #00c875; --red: #e2445c;
  --yellow:  #fdab3d; --purple: #784bd1; --gray: #676a82; --teal: #00bcd4;
  --text:    #d0d3e8; --text2: #6b6f8c;
  --font:    'Plus Jakarta Sans','Inter',system-ui,sans-serif;
  --radius:  8px; --shadow: 0 4px 20px rgba(0,0,0,.4);
}
body { font-family: var(--font); background: var(--bg); color: var(--text); height: 100vh; overflow: hidden; display: flex; }

/* ── LOGIN ── */
#login-page { position:fixed;inset:0;background:var(--bg);display:flex;align-items:center;justify-content:center;z-index:1000; }
#login-page.hidden { display:none; }
.login-box { background:var(--card);border:1px solid var(--border);border-radius:14px;padding:36px 40px;width:360px;box-shadow:var(--shadow); }
.login-logo { text-align:center;margin-bottom:28px; }
.login-logo h1 { font-size:20px;font-weight:800;color:#fff; }
.login-logo p  { font-size:12px;color:var(--text2);margin-top:4px; }
.lf { margin-bottom:14px; }
.lf label { display:block;font-size:12px;color:var(--text2);margin-bottom:5px; }
.lf input { width:100%;padding:9px 12px;background:var(--card2);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-size:13px;font-family:var(--font);outline:none; }
.lf input:focus { border-color:var(--accent); }
.btn-login { width:100%;padding:10px;background:var(--accent);color:#fff;border:none;border-radius:var(--radius);font-size:13px;font-weight:600;cursor:pointer;margin-top:6px;font-family:var(--font); }
.btn-login:hover { background:#005fcc; }
#login-error { font-size:12px;color:var(--red);margin-top:10px;text-align:center;min-height:18px; }

/* ── APP LAYOUT ── */
#app { display:flex;width:100%;height:100vh; }

/* ── SIDEBAR ── */
#sidebar { width:252px;min-width:252px;background:var(--sidebar);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden; }
.sidebar-logo { padding:15px 14px 13px;border-bottom:1px solid var(--border); }
.sidebar-logo h1 { font-size:13px;font-weight:800;color:#fff;display:flex;align-items:center;gap:7px; }
.sidebar-logo span { font-size:10px;color:var(--text2);display:block;margin-top:2px; }
.sidebar-search { padding:10px 10px 6px; }
.sidebar-search input { width:100%;padding:7px 10px;background:var(--card2);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-size:12px;font-family:var(--font);outline:none; }
.sidebar-search input:focus { border-color:var(--accent); }
.sidebar-label { font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--text2);padding:10px 14px 4px; }
.sidebar-section-hdr { font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--text2);padding:12px 14px 4px;display:flex;align-items:center;gap:6px;cursor:pointer;user-select:none; }
.sidebar-section-hdr:hover { color:var(--text); }
.sidebar-section-hdr::after { content:'';flex:1;height:1px;background:var(--border); }
.sidebar-section-hdr .grp-arrow { font-size:9px;margin-left:2px;transition:transform .2s;flex-shrink:0; }
.sidebar-group-body { overflow:hidden;transition:opacity .15s; }
.sidebar-group-body.collapsed { display:none; }
.pipe-item-webinar { background:linear-gradient(135deg,rgba(120,75,209,.25),rgba(0,188,212,.15));border:1px solid rgba(120,75,209,.4);border-radius:8px;margin:4px 6px !important; }
.pipe-item-webinar:hover { background:linear-gradient(135deg,rgba(120,75,209,.38),rgba(0,188,212,.25)) !important; }
.pipe-item-webinar.active { background:linear-gradient(135deg,rgba(120,75,209,.5),rgba(0,188,212,.35)) !important;border-color:var(--purple) !important; }
.pipe-item-webinar .pipe-name { color:#c4a8ff !important;font-weight:700; }
.pipe-item-webinar.active .pipe-name { color:#fff !important; }
.pipe-item-webinar .pipe-count { background:rgba(120,75,209,.4);color:#c4a8ff; }
.sidebar-scroll { flex:1;overflow-y:auto;padding-bottom:6px; }
.pipe-item { display:flex;align-items:center;gap:8px;padding:7px 10px 7px 12px;cursor:pointer;border-radius:6px;margin:1px 5px;position:relative;transition:background .12s; }
.pipe-item:hover { background:rgba(255,255,255,.05); }
.pipe-item.active { background:rgba(0,115,234,.15); }
.pipe-item.active::before { content:'';position:absolute;left:0;top:4px;bottom:4px;width:3px;background:var(--accent);border-radius:0 3px 3px 0; }
.pipe-icon { font-size:11px;opacity:.7; }
.pipe-name { flex:1;font-size:12px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.pipe-item.active .pipe-name { font-weight:600;color:#fff; }
.pipe-count { font-size:10px;font-weight:600;background:var(--border);color:var(--text2);padding:1px 6px;border-radius:10px;min-width:18px;text-align:center; }
.pipe-item.active .pipe-count { background:var(--accent);color:#fff; }
.pipe-subtab { display:flex;align-items:center;gap:6px;padding:5px 10px 5px 28px;cursor:pointer;border-radius:6px;margin:1px 5px;font-size:11.5px;color:var(--text2);transition:background .12s; }
.pipe-subtab:hover { background:rgba(255,255,255,.05);color:var(--text); }
.pipe-subtab.active { background:rgba(120,75,209,.2);color:#c4a8ff;font-weight:600; }
.pipe-subtab-dot { width:6px;height:6px;border-radius:50%;background:var(--text2);flex-shrink:0; }
.pipe-subtab.active .pipe-subtab-dot { background:#c4a8ff; }
.sidebar-bottom { border-top:1px solid var(--border);padding:8px 5px; }
.sidebar-item { display:flex;align-items:center;gap:8px;padding:7px 12px;border-radius:6px;cursor:pointer;font-size:12px;color:var(--text2);transition:background .12s; }
.sidebar-item:hover { background:rgba(255,255,255,.05);color:var(--text); }

/* ── MAIN ── */
#main { flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0;min-height:0; }

/* ── TOPBAR ── */
#topbar { height:52px;min-height:52px;background:var(--card);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 18px;gap:10px; }
#board-title { font-size:15px;font-weight:700;color:#fff;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.btn-primary { padding:7px 14px;background:var(--accent);color:#fff;border:none;border-radius:var(--radius);font-size:12.5px;font-weight:600;cursor:pointer;font-family:var(--font);white-space:nowrap; }
.btn-primary:hover { background:#005fcc; }
.btn-secondary { padding:7px 12px;background:transparent;border:1px solid var(--border);color:var(--text2);border-radius:var(--radius);font-size:12px;cursor:pointer;font-family:var(--font); }
.btn-secondary:hover { background:var(--card2);color:var(--text); }
.topbar-user { display:flex;align-items:center;gap:8px;margin-left:6px; }
.topbar-avatar { width:30px;height:30px;border-radius:50%;background:var(--accent);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#fff;flex-shrink:0; }
.topbar-user-name { font-size:12px;font-weight:600;color:var(--text); }
.topbar-user-role { font-size:10px;color:var(--text2); }

/* ── TOOLBAR ── */
#toolbar { padding:9px 14px;background:var(--card2);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:8px;flex-wrap:wrap; }
#search-input { padding:6px 11px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-size:12px;font-family:var(--font);outline:none;width:200px; }
#search-input:focus { border-color:var(--accent); }
.fsel { padding:6px 9px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-size:12px;font-family:var(--font);outline:none;cursor:pointer; }
.toolbar-sep { width:1px;height:22px;background:var(--border);margin:0 2px; }
.view-btn { padding:5px 10px;background:transparent;border:1px solid var(--border);border-radius:var(--radius);color:var(--text2);font-size:11px;cursor:pointer;font-family:var(--font); }
.view-btn.active { background:var(--accent);border-color:var(--accent);color:#fff; }
.toolbar-stats { margin-left:auto;font-size:11px;color:var(--text2);display:flex;gap:14px; }
.ts { display:flex;align-items:center;gap:4px; }
.ts-dot { width:7px;height:7px;border-radius:50%; }

/* ── TABLE VIEW (Inscrito en Webinar) ── */
#table-view-wrap { flex:1;overflow:auto;padding:14px;background:var(--bg);display:none;min-height:0; }
#table-view-wrap.active { display:block;overflow:auto;flex:1;min-height:0; }
.leads-table { width:max-content;min-width:100%;border-collapse:collapse;font-size:12px; }
.leads-table th { background:var(--card2);color:var(--text2);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:9px 12px;border-bottom:2px solid var(--border);text-align:left;white-space:nowrap;position:sticky;top:0;z-index:2;overflow:hidden;position:relative; }
.leads-table td { padding:8px 12px;border-bottom:1px solid var(--border);color:var(--text);vertical-align:middle;background:var(--card2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.leads-table tr:hover td { background:var(--card);cursor:pointer; }
.leads-table tr:last-child td { border-bottom:none; }
.col-resizer { position:absolute;right:0;top:0;height:100%;width:5px;cursor:col-resize;user-select:none;z-index:3; }
.col-resizer:hover, .col-resizer.dragging { background:var(--accent);opacity:.7; }
/* ── CONFIG VIEW ── */
.sidebar-config-btn { color:var(--text2); }
.sidebar-config-btn.active { background:rgba(99,102,241,.15);color:var(--accent); }
.sidebar-webinar-link { color:#00c875;text-decoration:none;font-weight:600; }
.sidebar-webinar-link:hover { background:rgba(0,200,117,.1);color:#00c875; }
.cfg-section { background:var(--card2);border:1px solid var(--border);border-radius:10px;padding:24px 28px;margin-bottom:24px; }
.cfg-section-title { font-size:13px;font-weight:700;color:var(--text2);text-transform:uppercase;letter-spacing:.6px;margin-bottom:18px;display:flex;align-items:center;gap:8px; }
.cfg-profile-row { display:flex;align-items:center;gap:20px;margin-bottom:20px; }
.cfg-avatar { width:64px;height:64px;border-radius:50%;background:var(--accent);display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:700;color:#fff;flex-shrink:0; }
.cfg-profile-info { flex:1; }
.cfg-profile-name { font-size:20px;font-weight:700;color:var(--text);margin-bottom:4px; }
.cfg-profile-email { font-size:13px;color:var(--text2); }
.cfg-profile-role { display:inline-block;margin-top:6px;padding:2px 10px;border-radius:20px;font-size:11px;font-weight:600;background:rgba(99,102,241,.15);color:var(--accent); }
.cfg-field-grid { display:grid;grid-template-columns:1fr 1fr;gap:14px; }
.cfg-field { display:flex;flex-direction:column;gap:5px; }
.cfg-field label { font-size:11px;font-weight:600;color:var(--text2);text-transform:uppercase;letter-spacing:.4px; }
.cfg-field input,.cfg-field select { background:var(--card);border:1px solid var(--border);border-radius:6px;padding:8px 10px;color:var(--text);font-size:13px;font-family:var(--font);outline:none; }
.cfg-field input:focus,.cfg-field select:focus { border-color:var(--accent); }
.cfg-board-grid { display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px; }
.cfg-board-card { background:var(--card);border:1px solid var(--border);border-radius:8px;padding:16px 18px;cursor:pointer;transition:border-color .15s,background .15s;display:flex;align-items:center;gap:12px; }
.cfg-board-card:hover { border-color:var(--accent);background:rgba(99,102,241,.07); }
.cfg-board-card .cb-icon { font-size:22px; }
.cfg-board-card .cb-info { flex:1; }
.cfg-board-card .cb-name { font-size:12px;font-weight:600;color:var(--text);line-height:1.3; }
.cfg-board-card .cb-count { font-size:11px;color:var(--text2);margin-top:2px; }
.cfg-save-btn { margin-top:16px;padding:8px 20px;background:var(--accent);color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:opacity .15s; }
.cfg-save-btn:hover { opacity:.85; }
.lt-badge { display:inline-block;padding:2px 8px;border-radius:20px;font-size:10px;font-weight:600; }
.lt-badge.meta { background:rgba(0,115,234,.18);color:#4da6ff; }
.lt-badge.ig   { background:rgba(253,171,61,.18);color:var(--yellow); }
.lt-badge.wa   { background:rgba(37,211,102,.18);color:#25d366; }
.lt-badge.ref  { background:rgba(0,200,117,.18);color:var(--green); }
.lt-badge.otro { background:rgba(103,106,130,.18);color:var(--gray); }
.lt-tag { display:inline-block;padding:1px 6px;border-radius:10px;font-size:10px;background:rgba(255,255,255,.07);color:var(--text2);margin-right:3px; }
.lt-avatar { width:26px;height:26px;border-radius:50%;background:var(--accent);display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:#fff; }
.lt-actions { display:flex;gap:4px; }
.lt-btn { background:transparent;border:1px solid var(--border);border-radius:5px;padding:3px 7px;font-size:11px;cursor:pointer;color:var(--text2); }
.lt-btn:hover { background:var(--card);color:var(--text); }
.lt-accion-btn { position:relative;display:inline-block; }
.lt-accion-trigger { padding:4px 10px;border-radius:6px;font-size:11px;font-weight:700;cursor:pointer;border:1px solid transparent;white-space:nowrap; }
.lt-accion-trigger.sin-registro { background:rgba(103,106,130,.18);color:var(--gray);border-color:rgba(103,106,130,.3); }
.lt-accion-trigger.asistente    { background:rgba(0,200,117,.18);color:var(--green);border-color:rgba(0,200,117,.3); }
.lt-accion-trigger.no-asistente { background:rgba(226,68,92,.18);color:var(--red);border-color:rgba(226,68,92,.3); }
.lt-accion-menu { display:none;position:absolute;right:0;top:calc(100% + 4px);background:var(--card);border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow);z-index:100;min-width:148px;overflow:hidden; }
.lt-accion-menu.open { display:block; }
.lt-accion-opt { padding:8px 14px;font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap; }
.lt-accion-opt:hover { background:var(--card2); }
.lt-accion-opt.opt-asistente    { color:var(--green); }
.lt-accion-opt.opt-no-asistente { color:var(--red); }
.lt-accion-opt.opt-sin-registro { color:var(--gray); }
tr.lead-resuelto td { opacity:.4;pointer-events:none; }
tr.lead-resuelto td:last-child { pointer-events:auto;opacity:1; }
.lead-status-icon { display:inline-block;width:18px;height:18px;border-radius:50%;font-size:11px;line-height:18px;text-align:center;font-weight:700;flex-shrink:0; }
.lead-status-icon.asistente    { background:rgba(0,200,117,.25);color:var(--green); }
.lead-status-icon.no-asistente { background:rgba(226,68,92,.25);color:var(--red); }

/* ── PIPELINE TABS ── */
#pipeline-tabs { display:none;padding:0 14px;background:var(--card2);border-bottom:1px solid var(--border);flex-shrink:0; }
#pipeline-tabs.visible { display:flex;align-items:center;gap:2px; }
.ptab { padding:10px 16px;font-size:12px;font-weight:600;color:var(--text2);cursor:pointer;border-bottom:3px solid transparent;transition:color .15s,border-color .15s,background .15s;white-space:nowrap;display:flex;align-items:center;gap:6px;border-radius:6px 6px 0 0; }
.ptab:hover { color:var(--text);background:rgba(255,255,255,.04); }
.ptab.active { color:#fff; }
.ptab-dot { width:8px;height:8px;border-radius:50%;flex-shrink:0;opacity:.7; }
.ptab.active .ptab-dot { opacity:1; }

/* ── SECONDARY SUBTABS ── */
#pipeline-subtabs { display:none;padding:0 14px;background:var(--bg);border-bottom:1px solid var(--border);flex-shrink:0;overflow-x:auto; }
#pipeline-subtabs.visible { display:flex;align-items:center;gap:2px; }
.ptab2 { padding:7px 13px;font-size:11.5px;font-weight:600;color:var(--text2);cursor:pointer;border-bottom:2px solid transparent;transition:color .15s,border-color .15s;white-space:nowrap;display:flex;align-items:center;gap:5px; }
.ptab2:hover { color:var(--text); }
.ptab2.active { color:#fff; }
.ptab2-dot { width:7px;height:7px;border-radius:50%;flex-shrink:0;opacity:.7; }
.ptab2.active .ptab2-dot { opacity:1; }

/* ── KANBAN ── */
#kanban-wrap { flex:1;overflow-x:auto;overflow-y:hidden;display:flex;align-items:flex-start;gap:10px;padding:14px;background:var(--bg); }
.kanban-col { min-width:265px;width:265px;background:var(--card2);border-radius:10px;display:flex;flex-direction:column;max-height:100%;border:1px solid var(--border); }
.kanban-col-header { padding:11px 12px 9px;display:flex;align-items:center;gap:7px;border-bottom:1px solid var(--border);flex-shrink:0; }
.kch-dot { width:9px;height:9px;border-radius:50%;flex-shrink:0; }
.kch-name { flex:1;font-size:12px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.kch-count { font-size:10px;font-weight:700;background:var(--border);color:var(--text2);padding:1px 7px;border-radius:10px; }
.kanban-col-body { flex:1;overflow-y:auto;padding:8px;display:flex;flex-direction:column;gap:7px; }
.kanban-col-body.drag-over { background:rgba(0,115,234,.06);border-radius:0 0 10px 10px; }
.kanban-add { padding:6px 10px;display:flex;align-items:center;gap:5px;font-size:11.5px;color:var(--text2);cursor:pointer;border-top:1px solid var(--border);flex-shrink:0;transition:background .1s;border-radius:0 0 10px 10px; }
.kanban-add:hover { background:rgba(255,255,255,.04);color:var(--text); }

/* ── CARD ── */
.kcard { background:var(--card);border:1px solid var(--border);border-radius:8px;padding:10px 11px;cursor:grab;transition:box-shadow .15s,transform .1s;position:relative; }
.kcard:hover { box-shadow:0 4px 16px rgba(0,0,0,.35);transform:translateY(-1px); }
.kcard-llamada-alert { display:flex;align-items:center;gap:6px;margin:-10px -11px 8px;padding:6px 10px;background:linear-gradient(90deg,rgba(253,171,61,.12),rgba(226,68,92,.1));border-bottom:1px solid rgba(253,171,61,.25);border-radius:8px 8px 0 0;font-size:11px;font-weight:600;color:#fdab3d; }
.kcard-llamada-dot { width:6px;height:6px;border-radius:50%;background:#fdab3d;flex-shrink:0;animation:blink-dot 1.4s ease-in-out infinite; }
@keyframes blink-dot { 0%,100%{opacity:1;transform:scale(1)} 50%{opacity:.4;transform:scale(.7)} }
.kcard-llamada-dismiss { margin-left:auto;background:none;border:none;color:rgba(253,171,61,.6);font-size:13px;cursor:pointer;padding:0 2px;line-height:1;border-radius:3px;transition:color .1s; }
.kcard-llamada-dismiss:hover { color:#fdab3d; }
.kcard--alert { border-color:rgba(253,171,61,.35) !important; }
.tr-llamada-alert { background:rgba(253,171,61,.06) !important; border-left:3px solid #fdab3d; }
.kcard-sinmgr-alert { display:flex;align-items:center;gap:6px;margin:-10px -11px 8px;padding:6px 10px;background:linear-gradient(90deg,rgba(239,68,68,.14),rgba(185,28,28,.08));border-bottom:1px solid rgba(239,68,68,.3);border-radius:8px 8px 0 0;font-size:11px;font-weight:600;color:#f87171; }
.kcard--sinmgr { border-color:rgba(239,68,68,.4) !important; }
.tr-sinmgr-alert { background:rgba(239,68,68,.06) !important; border-left:3px solid #ef4444; }
.kcard.dragging { opacity:.5;transform:rotate(2deg); }
.kprog-bar { height:4px; background:var(--border); border-radius:0 0 8px 8px; margin:8px -11px -10px; overflow:hidden; }
.kprog-fill { height:100%; border-radius:0 0 8px 8px; transition:width .4s; }
.kprog-circle { position:absolute; top:8px; right:8px; width:36px; height:36px; border-radius:50%; display:flex; flex-direction:column; align-items:center; justify-content:center; font-size:10px; font-weight:800; line-height:1; border:2px solid; }
.kc-top { display:flex;align-items:flex-start;justify-content:space-between;gap:6px;margin-bottom:5px; }
.kc-name { font-size:12.5px;font-weight:600;color:#fff;line-height:1.3;flex:1; }
.kc-value { font-size:11px;color:var(--text2);white-space:nowrap; }
.kc-mid { display:flex;align-items:center;gap:5px;margin-bottom:8px;flex-wrap:wrap; }
.kc-badge { display:inline-block;padding:2px 7px;border-radius:20px;font-size:10px;font-weight:600;background:rgba(0,115,234,.18);color:#4da6ff; }
.kc-badge.meta { background:rgba(0,115,234,.18);color:#4da6ff; }
.kc-badge.fb   { background:rgba(120,75,209,.18);color:#a57ff5; }
.kc-badge.ig   { background:rgba(253,171,61,.18);color:var(--yellow); }
.kc-badge.ref  { background:rgba(0,200,117,.18);color:var(--green); }
.kc-badge.wa   { background:rgba(37,211,102,.18);color:#25d366; }
.kc-badge.otro { background:rgba(103,106,130,.18);color:var(--gray); }
.kc-tag { display:inline-block;padding:2px 6px;border-radius:20px;font-size:10px;background:rgba(255,255,255,.07);color:var(--text2); }
.kc-bottom { display:flex;align-items:center;gap:4px; }
.kc-avatar { width:22px;height:22px;border-radius:50%;background:var(--accent);display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;color:#fff;flex-shrink:0;margin-right:2px; }
.kc-actions { display:flex;gap:2px;margin-left:auto; }
.kca-btn { background:none;border:none;font-size:13px;cursor:pointer;padding:2px 3px;border-radius:4px;opacity:.55;transition:opacity .1s,background .1s; }
.kca-btn:hover { opacity:1;background:rgba(255,255,255,.08); }
.kc-date { font-size:10px;color:var(--text2);margin-left:4px; }

/* ── ESTADO BADGE ── */
.estado-badge { display:inline-block;padding:2px 8px;border-radius:20px;font-size:10.5px;font-weight:600; }
.eb-abierto   { background:rgba(0,115,234,.18);color:#4da6ff; }
.eb-ganado    { background:rgba(0,200,117,.18);color:var(--green); }
.eb-perdido   { background:rgba(226,68,92,.18);color:var(--red); }
.eb-abandonado{ background:rgba(103,106,130,.18);color:var(--gray); }

/* ── MODAL LEAD DETAIL ── */
.modal-overlay { position:fixed;inset:0;background:rgba(0,0,0,.65);display:flex;align-items:center;justify-content:center;z-index:500; }
.modal-overlay.hidden { display:none; }
.modal-lead { background:var(--card);border:1px solid rgba(255,255,255,.08);border-radius:18px;width:1100px;max-width:97vw;height:91vh;max-height:91vh;display:flex;flex-direction:column;box-shadow:0 32px 80px rgba(0,0,0,.8),0 0 0 1px rgba(255,255,255,.04); }

/* ── Modal header ── */
.mlh { padding:16px 20px;background:linear-gradient(135deg,var(--card2),rgba(30,33,50,1));border-bottom:1px solid rgba(255,255,255,.07);border-radius:18px 18px 0 0;display:flex;align-items:center;gap:14px; }
.mlh-avatar { width:46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:800;color:#fff;flex-shrink:0;background:linear-gradient(135deg,#6366f1,#4f46e5); }
.mlh-left { flex:1;min-width:0; }
.mlh-name-inp { font-size:16px;font-weight:700;color:#fff;background:transparent;border:none;outline:none;font-family:var(--font);width:100%;padding:0;letter-spacing:-.2px; }
.mlh-name-inp:focus { border-bottom:1px solid rgba(99,102,241,.6); }
.mlh-meta { display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:5px; }
.mlh-sel { padding:3px 9px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);border-radius:20px;color:rgba(255,255,255,.75);font-size:11px;font-family:var(--font);outline:none;cursor:pointer;transition:background .12s; }
.mlh-sel:hover { background:rgba(255,255,255,.12); }
.mlh-close { background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);color:rgba(255,255,255,.5);font-size:16px;cursor:pointer;padding:0;border-radius:8px;line-height:1;width:30px;height:30px;display:flex;align-items:center;justify-content:center;transition:all .12s; }
.mlh-close:hover { background:rgba(226,68,92,.2);border-color:rgba(226,68,92,.3);color:#e2445c; }

/* ── 3-column body ── */
.ml-body { display:flex;flex:1;overflow:hidden; }

/* LEFT: Activity vertical timeline */
.ml-activity-col { width:210px;min-width:180px;flex-shrink:0;border-right:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;overflow:hidden;background:rgba(10,12,24,.5); }
.ml-act-hdr { padding:12px 14px 8px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:rgba(255,255,255,.25);flex-shrink:0;border-bottom:1px solid rgba(255,255,255,.05); }
.ml-act-scroll { flex:1;overflow-y:auto;padding:14px 10px 20px; }
.ml-act-scroll::-webkit-scrollbar { width:3px; }
.ml-act-scroll::-webkit-scrollbar-thumb { background:rgba(255,255,255,.08);border-radius:3px; }
/* vertical connecting line */
.ml-act-list { position:relative;padding-left:28px; }
.ml-act-list::before { content:'';position:absolute;left:13px;top:8px;bottom:8px;width:2px;background:linear-gradient(to bottom,transparent,rgba(255,255,255,.08) 10%,rgba(255,255,255,.08) 90%,transparent); }
.ml-act-item { position:relative;margin-bottom:18px;display:flex;flex-direction:column;gap:3px; }
.ml-act-item:last-child { margin-bottom:0; }
.ml-act-dot { position:absolute;left:-28px;width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;flex-shrink:0;border:2px solid rgba(0,0,0,.4);box-shadow:0 0 0 3px rgba(0,0,0,.3); }
.ml-act-label { font-size:11px;color:rgba(255,255,255,.75);line-height:1.4;font-weight:500; }
.ml-act-meta  { font-size:9.5px;color:rgba(255,255,255,.28); }

/* MIDDLE: Conversation */
.ml-conv-col { flex:1;display:flex;flex-direction:column;overflow:hidden;background:var(--bg);border-right:1px solid rgba(255,255,255,.06); }

/* RIGHT: Info + Notes */
.ml-info-col { width:310px;min-width:260px;flex-shrink:0;display:flex;flex-direction:column;overflow-y:auto;background:rgba(17,20,34,.4); }
.ml-info-col::-webkit-scrollbar { width:4px; }
.ml-info-col::-webkit-scrollbar-thumb { background:rgba(255,255,255,.1);border-radius:4px; }
.ml-left-inner { padding:16px 14px;display:flex;flex-direction:column; }

/* ── Left section labels ── */
.ml-section-label { font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:rgba(255,255,255,.3);margin:14px 0 8px;display:flex;align-items:center;gap:8px; }
.ml-section-label::after { content:'';flex:1;height:1px;background:rgba(255,255,255,.06); }

/* ── Info fields (compact) ── */
.info-compact .field { margin-bottom:9px; }
.info-compact .field label { font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:rgba(255,255,255,.35);margin-bottom:3px;display:block; }
.info-compact .field input,.info-compact .field select { padding:7px 10px;font-size:12.5px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:8px;color:var(--text);font-family:var(--font);width:100%;box-sizing:border-box;outline:none;transition:border-color .15s,background .15s; }
.info-compact .field input:focus,.info-compact .field select:focus { border-color:rgba(99,102,241,.5);background:rgba(99,102,241,.06); }
.info-compact .field-row { display:grid;grid-template-columns:1fr 1fr;gap:8px; }
.info-compact .add-phone-btn { font-size:10.5px;color:rgba(99,102,241,.8);cursor:pointer;display:inline-flex;align-items:center;gap:4px;margin-top:3px;background:none;border:none;font-family:var(--font);padding:0; }
.info-compact .add-phone-btn:hover { color:#6366f1; }
.phone-row { display:flex;gap:6px;align-items:center;margin-bottom:6px; }
.phone-row input { flex:1;padding:7px 10px;font-size:12.5px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:8px;color:var(--text);font-family:var(--font);outline:none; }
.phone-del { background:none;border:none;color:rgba(226,68,92,.6);cursor:pointer;font-size:13px;padding:0 4px; }

/* ── Notes in left col ── */
.notes-feed-section { margin-top:4px;padding-top:0; }
.notes-feed-header { font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:rgba(255,255,255,.3);margin-bottom:8px;display:flex;align-items:center;gap:8px; }
.notes-feed-header::after { content:'';flex:1;height:1px;background:rgba(255,255,255,.06); }
.notes-compose { display:flex;flex-direction:column;gap:6px;margin-bottom:10px; }
.notes-compose textarea { background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:9px;color:var(--text);font-family:var(--font);font-size:12px;padding:8px 10px;outline:none;resize:none;min-height:52px;transition:border-color .15s; }
.notes-compose textarea:focus { border-color:rgba(99,102,241,.5); }
.notes-send-btn { align-self:flex-end;padding:5px 14px;font-size:11.5px; }
.note-entry { display:flex;gap:8px;margin-bottom:9px;animation:noteIn .18s ease; }
@keyframes noteIn { from{opacity:0;transform:translateY(-3px)} to{opacity:1;transform:none} }
.note-avatar { width:26px;height:26px;border-radius:8px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px; }
.note-bubble { flex:1;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);border-radius:4px 10px 10px 10px;padding:7px 10px; }
.note-meta { font-size:9.5px;margin-bottom:3px;display:flex;align-items:center;gap:5px; }
.note-author { font-weight:700;color:rgba(255,255,255,.7); }
.note-time { color:rgba(255,255,255,.3); }
.note-text { font-size:12px;color:rgba(255,255,255,.8);line-height:1.55;white-space:pre-wrap;word-break:break-word; }

/* ── Cita collapsible ── */
.ml-cita-hdr { display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-top:1px solid rgba(255,255,255,.06);cursor:pointer;font-size:11.5px;font-weight:600;color:rgba(255,255,255,.4);background:rgba(255,255,255,.02);user-select:none;transition:color .12s; }
.ml-cita-hdr:hover { color:rgba(255,255,255,.7); }
.ml-cita-body { padding:14px 16px;border-top:1px solid rgba(255,255,255,.06);display:none;background:rgba(99,102,241,.03); }
.ml-cita-body.open { display:block; }
.ml-cita-body .field { margin-bottom:9px; }
.ml-cita-body .field label { font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:rgba(255,255,255,.35);margin-bottom:3px;display:block; }
.ml-cita-body .field input,.ml-cita-body .field select,.ml-cita-body .field textarea { padding:7px 10px;font-size:12.5px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:8px;color:var(--text);font-family:var(--font);width:100%;box-sizing:border-box;outline:none;transition:border-color .15s; }
.ml-cita-body .field input:focus,.ml-cita-body .field select:focus,.ml-cita-body .field textarea:focus { border-color:rgba(99,102,241,.5); }

/* ── View mode ── */
.modal-lead.ml-view-mode .mlh-name-inp,
.modal-lead.ml-view-mode .mlh-sel,
.modal-lead.ml-view-mode .info-compact input,
.modal-lead.ml-view-mode .info-compact select,
.modal-lead.ml-view-mode .ml-cita-body input,
.modal-lead.ml-view-mode .ml-cita-body select,
.modal-lead.ml-view-mode .ml-cita-body textarea { pointer-events:none !important;background:transparent !important;border-color:transparent !important;-webkit-appearance:none;appearance:none;cursor:default; }
.modal-lead.ml-view-mode .mlh-name-inp:focus { border-bottom:none; }
.modal-lead.ml-view-mode .info-compact .add-phone-btn,
.modal-lead.ml-view-mode .ml-cita-body .btn-primary { display:none !important; }

/* ── Conversation right col ── */
.lc-actions { display:flex;align-items:center;gap:10px;padding:12px 18px;border-bottom:1px solid rgba(255,255,255,.06);flex-shrink:0;background:rgba(17,20,34,.6);backdrop-filter:blur(8px); }
.lc-call-btn { background:linear-gradient(135deg,#00c875,#00a865);border:none;border-radius:10px;color:#fff;font-size:12px;font-weight:700;cursor:pointer;padding:8px 18px;font-family:var(--font);display:flex;align-items:center;gap:6px;box-shadow:0 2px 12px rgba(0,200,117,.3);transition:all .15s; }
.lc-call-btn:hover { transform:translateY(-1px);box-shadow:0 4px 16px rgba(0,200,117,.4); }
.lc-timeline { flex:1;overflow-y:auto;padding:16px 20px;display:flex;flex-direction:column;gap:6px;scroll-behavior:smooth; }
.lc-timeline::-webkit-scrollbar { width:4px; }
.lc-timeline::-webkit-scrollbar-thumb { background:rgba(255,255,255,.1);border-radius:4px; }
.lc-loading { text-align:center;padding:30px;color:rgba(255,255,255,.3);font-size:12.5px;line-height:1.7; }
.lc-bubble-wrap { display:flex;flex-direction:column;margin:2px 0; }
.lc-bubble-wrap.out { align-items:flex-end; }
.lc-bubble-wrap.in  { align-items:flex-start; }
.lc-bubble { max-width:68%;padding:9px 13px;border-radius:14px;font-size:13px;line-height:1.5;word-break:break-word;box-shadow:0 1px 4px rgba(0,0,0,.3); }
.lc-bubble.out.sms  { background:linear-gradient(135deg,#0073ea,#0059b3);color:#fff;border-bottom-right-radius:4px; }
.lc-bubble.in.sms   { background:rgba(255,255,255,.08);color:var(--text);border:1px solid rgba(255,255,255,.08);border-bottom-left-radius:4px; }
.lc-bubble.out.wa   { background:linear-gradient(135deg,#128c7e,#075e54);color:#fff;border-bottom-right-radius:4px; }
.lc-bubble.in.wa    { background:rgba(37,211,102,.1);color:#e8fff2;border:1px solid rgba(37,211,102,.15);border-bottom-left-radius:4px; }
.lc-bubble.call     { background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:12px;display:flex;align-items:center;gap:10px;padding:10px 16px;max-width:100%;backdrop-filter:blur(4px); }
.lc-bubble-meta { font-size:10px;color:rgba(255,255,255,.3);margin-top:3px;padding:0 2px; }
.lc-call-pill { display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:600; }
.lc-call-pill.out  { background:rgba(0,200,117,.12);color:#00c875; }
.lc-call-pill.in   { background:rgba(96,165,250,.12);color:#60a5fa; }
.lc-call-pill.miss { background:rgba(226,68,92,.12);color:#e2445c; }
.lc-compose { border-top:1px solid rgba(255,255,255,.06);padding:12px 16px;flex-shrink:0;background:rgba(17,20,34,.7);backdrop-filter:blur(8px);display:flex;flex-direction:column;gap:8px; }
.lc-channel-row { display:flex;align-items:center;gap:6px; }
.lc-ch-btn { font-size:11px;padding:5px 12px;border-radius:20px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);color:rgba(255,255,255,.45);cursor:pointer;font-family:var(--font);transition:all .12s;font-weight:600; }
.lc-ch-btn.active.sms { background:rgba(0,115,234,.2);border-color:rgba(0,115,234,.4);color:#60a5fa; }
.lc-ch-btn.active.wa  { background:rgba(18,140,126,.2);border-color:rgba(18,140,126,.4);color:#25d366; }
.lc-tpl-select { flex:1;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:8px;color:rgba(255,255,255,.6);font-size:11px;font-family:var(--font);padding:5px 8px;outline:none; }
.lc-input-row { display:flex;gap:8px;align-items:flex-end; }
.lc-textarea { flex:1;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.09);border-radius:12px;color:var(--text);font-size:13px;font-family:var(--font);padding:9px 13px;resize:none;outline:none;line-height:1.45;min-height:38px;max-height:110px;transition:border-color .15s; }
.lc-textarea:focus { border-color:rgba(99,102,241,.4);background:rgba(99,102,241,.04); }
.lc-send-btn { flex-shrink:0;width:40px;height:40px;border-radius:12px;border:none;color:#fff;font-size:17px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;box-shadow:0 2px 8px rgba(0,0,0,.3); }
.lc-send-btn:hover { transform:translateY(-1px); }

/* view mode + tab compat */
.tab-pane { display:none; }
.tab-pane.active { display:block; }

/* form sections */
.form-section { margin-bottom:22px; }
.form-section-title { font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text2);padding-bottom:8px;border-bottom:1px solid var(--border);margin-bottom:14px;display:flex;align-items:center;gap:6px; }
.field { margin-bottom:12px; }
.field label { display:block;font-size:11.5px;color:var(--text2);margin-bottom:4px; }
.field input, .field select, .field textarea {
  width:100%;padding:7px 10px;background:var(--card2);border:1px solid var(--border);
  border-radius:var(--radius);color:var(--text);font-size:12.5px;font-family:var(--font);outline:none;
}
.field input:focus, .field select:focus, .field textarea:focus { border-color:var(--accent); }
.field textarea { resize:vertical;min-height:65px; }
.field-row { display:grid;grid-template-columns:1fr 1fr;gap:10px; }
.field-row3 { display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px; }
.req { color:var(--red); }
.field-hint { font-size:10.5px;color:var(--text2);margin-top:3px; }

/* ── Messaging Page ───────────────────────────────────────────────────────── */
#messaging-view { display:none;flex-direction:row; }
#messaging-view.active { display:flex !important; }
.msg-sidebar { width:320px;min-width:260px;border-right:1px solid var(--border);display:flex;flex-direction:column;background:var(--card2);flex-shrink:0; }
.msg-sidebar-hdr { padding:14px 16px 10px;border-bottom:1px solid var(--border); }
.msg-sidebar-hdr h2 { font-size:15px;font-weight:700;margin:0 0 10px; }
.msg-search { width:100%;background:var(--bg);border:1px solid var(--border);border-radius:7px;color:var(--text);font-size:12px;font-family:var(--font);padding:7px 10px;outline:none; }
.msg-filters { display:flex;gap:6px;margin-top:10px;flex-wrap:wrap; }
.msg-filter { font-size:11px;padding:3px 10px;border-radius:20px;border:1px solid var(--border);background:none;color:var(--text2);cursor:pointer;font-family:var(--font);transition:all .12s; }
.msg-filter.active { background:var(--accent);color:#fff;border-color:var(--accent); }
.msg-conv-list { flex:1;overflow-y:auto; }
.msg-conv-item { display:flex;align-items:center;gap:10px;padding:11px 14px;cursor:pointer;border-bottom:1px solid rgba(255,255,255,.04);transition:background .1s;position:relative; }
.msg-conv-item:hover { background:rgba(255,255,255,.04); }
.msg-conv-item.active { background:rgba(0,115,234,.12);border-left:3px solid var(--accent); }
.msg-conv-avatar { width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#fff;flex-shrink:0; }
.msg-conv-info { flex:1;min-width:0; }
.msg-conv-name { font-size:12.5px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.msg-conv-preview { font-size:11px;color:var(--text2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px; }
.msg-conv-meta { display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex-shrink:0; }
.msg-conv-time { font-size:10px;color:var(--text2); }
.msg-conv-badge { background:var(--accent);color:#fff;border-radius:10px;font-size:10px;font-weight:700;padding:1px 6px;min-width:18px;text-align:center; }
.msg-conv-channel { font-size:13px; }
.msg-main { flex:1;display:flex;flex-direction:column;min-width:0; }
.msg-thread-hdr { padding:12px 18px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:12px;background:var(--card2);flex-shrink:0; }
.msg-thread-hdr-info { flex:1;min-width:0; }
.msg-thread-hdr-name { font-size:14px;font-weight:700; }
.msg-thread-hdr-sub { font-size:11px;color:var(--text2);margin-top:2px; }
.msg-thread-body { flex:1;overflow-y:auto;padding:16px 20px;display:flex;flex-direction:column;gap:10px; }
.msg-bubble-wrap { display:flex;flex-direction:column; }
.msg-bubble-wrap.out { align-items:flex-end; }
.msg-bubble-wrap.in  { align-items:flex-start; }
.msg-bubble { max-width:68%;padding:8px 13px;border-radius:14px;font-size:12.5px;line-height:1.5;word-break:break-word; }
.msg-bubble.out.sms  { background:#0073ea;color:#fff;border-bottom-right-radius:3px; }
.msg-bubble.in.sms   { background:var(--card);color:var(--text);border-bottom-left-radius:3px; }
.msg-bubble.out.wa   { background:#005c4b;color:#e9feea;border-bottom-right-radius:3px; }
.msg-bubble.in.wa    { background:#1f2c34;color:#e9feea;border-bottom-left-radius:3px; }
.msg-bubble-meta { font-size:10px;color:var(--text2);margin-top:3px;display:flex;align-items:center;gap:5px; }
.msg-channel-tag { font-size:9px;padding:1px 5px;border-radius:3px;font-weight:600; }
.msg-channel-tag.sms { background:rgba(0,115,234,.2);color:#60a5fa; }
.msg-channel-tag.wa  { background:rgba(37,211,102,.15);color:#4ade80; }
.msg-compose { padding:12px 16px;border-top:1px solid var(--border);background:var(--card2);display:flex;flex-direction:column;gap:8px; }
.msg-compose-top { display:flex;gap:8px;align-items:center; }
.msg-channel-btns { display:flex;gap:6px; }
.msg-ch-btn { font-size:11px;padding:4px 10px;border-radius:6px;border:1px solid var(--border);background:none;color:var(--text2);cursor:pointer;font-family:var(--font);transition:all .12s; }
.msg-ch-btn.active.sms { background:#0073ea;color:#fff;border-color:#0073ea; }
.msg-ch-btn.active.wa  { background:#25d366;color:#fff;border-color:#25d366; }
.msg-tpl-row { display:flex;gap:8px;align-items:center; }
.msg-tpl-sel { flex:1;background:var(--bg);border:1px solid var(--border);border-radius:6px;color:var(--text);font-size:11.5px;font-family:var(--font);padding:5px 8px;outline:none; }
.msg-tpl-vars { display:flex;flex-wrap:wrap;gap:6px;margin-top:2px; }
.msg-tpl-var { display:flex;align-items:center;gap:4px; }
.msg-tpl-var label { font-size:10px;color:var(--text2);white-space:nowrap; }
.msg-tpl-var input { background:var(--bg);border:1px solid var(--border);border-radius:5px;color:var(--text);font-size:11px;font-family:var(--font);padding:3px 7px;outline:none;width:110px; }
.msg-input-row { display:flex;gap:8px;align-items:flex-end; }
.msg-textarea { flex:1;background:var(--bg);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:12.5px;font-family:var(--font);padding:9px 12px;resize:none;outline:none;line-height:1.4;min-height:38px;max-height:120px; }
.msg-send-btn { flex-shrink:0;width:40px;height:40px;border-radius:8px;border:none;color:#fff;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s; }
.msg-empty-state { flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text2);gap:10px; }
.msg-empty-state .icon { font-size:48px;opacity:.3; }
/* ── Conversaciones (call log) ── */
#conversations-view.active { display:flex !important; }
.cv-wrap { display:flex;flex-direction:row;height:100%;width:100%;overflow:hidden; }
.cv-sidebar { width:320px;min-width:260px;border-right:1px solid var(--border);display:flex;flex-direction:column;background:var(--card2);flex-shrink:0; }
.cv-sidebar-hdr { padding:14px 16px 10px;border-bottom:1px solid var(--border); }
.cv-sidebar-hdr h2 { font-size:15px;font-weight:700;margin:0 0 10px; }
.cv-filters { display:flex;gap:6px;flex-wrap:wrap; }
.cv-filter { font-size:11px;padding:4px 10px;border-radius:20px;border:1px solid var(--border);background:none;color:var(--text2);cursor:pointer;font-family:var(--font);transition:all .12s; }
.cv-filter.active { background:var(--accent);border-color:var(--accent);color:#fff; }
.cv-search { padding:8px 12px;border-bottom:1px solid var(--border); }
.cv-search input { width:100%;box-sizing:border-box;background:var(--bg);border:1px solid var(--border);border-radius:7px;color:var(--text);font-size:12px;font-family:var(--font);padding:6px 10px;outline:none; }
.cv-list { flex:1;overflow-y:auto; }
.cv-item { display:flex;align-items:center;gap:10px;padding:11px 14px;border-bottom:1px solid rgba(255,255,255,.04);cursor:pointer;transition:background .1s; }
.cv-item:hover,.cv-item.active { background:rgba(255,255,255,.05); }
.cv-item.active { border-left:3px solid var(--accent); }
.cv-avatar { width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#fff;flex-shrink:0; }
.cv-item-info { flex:1;min-width:0; }
.cv-item-name { font-size:13px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.cv-item-sub  { font-size:11px;color:var(--text2);margin-top:2px;display:flex;align-items:center;gap:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.cv-item-time { font-size:10px;color:var(--text2);flex-shrink:0; }
.cv-item-badge { font-size:10px;background:var(--accent);color:#fff;border-radius:10px;padding:1px 6px;flex-shrink:0; }
.cv-main { flex:1;display:flex;flex-direction:column;overflow:hidden; }
.cv-main-hdr { padding:14px 20px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:12px;flex-shrink:0; }
.cv-main-hdr h3 { font-size:15px;font-weight:700;margin:0;flex:1; }
.cv-timeline { flex:1;overflow-y:auto;padding:16px 20px;display:flex;flex-direction:column;gap:12px; }
.cv-call-card { background:var(--card);border:1px solid var(--border);border-radius:12px;padding:14px 16px;display:flex;align-items:center;gap:14px; }
.cv-call-icon { width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0; }
.cv-call-icon.out  { background:rgba(0,200,117,.15); }
.cv-call-icon.in   { background:rgba(96,165,250,.15); }
.cv-call-icon.miss { background:rgba(226,68,92,.15); }
.cv-call-info { flex:1;min-width:0; }
.cv-call-dir  { font-size:12px;font-weight:600;color:var(--text); }
.cv-call-num  { font-size:11px;color:var(--text2);margin-top:2px; }
.cv-call-meta { text-align:right;flex-shrink:0; }
.cv-call-dur  { font-size:13px;font-weight:700;color:var(--text); }
.cv-call-time { font-size:10px;color:var(--text2);margin-top:2px; }
.cv-call-btn  { font-size:11px;padding:4px 10px;border-radius:6px;background:var(--accent);border:none;color:#fff;cursor:pointer;font-family:var(--font);margin-top:6px;display:inline-flex;align-items:center;gap:4px; }
.cv-empty { flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text2);gap:8px;font-size:13px; }
.cv-loading { text-align:center;padding:30px;color:var(--text2);font-size:13px; }
/* sms / whatsapp bubbles */
.sms-bubble { max-width:80%;padding:7px 11px;border-radius:12px;font-size:12.5px;line-height:1.4;word-break:break-word; }
.sms-out { align-self:flex-end;background:#0073ea;color:#fff;border-bottom-right-radius:3px; }
.sms-in  { align-self:flex-start;background:rgba(255,255,255,.1);color:rgba(255,255,255,.9);border-bottom-left-radius:3px; }
.wa-out  { align-self:flex-end;background:#005c4b;color:#e9feea;border-bottom-right-radius:3px; }
.wa-in   { align-self:flex-start;background:#1f2c34;color:#e9feea;border-bottom-left-radius:3px; }
.sms-meta { font-size:10px;color:rgba(255,255,255,.35);margin-top:2px; }
.sms-out-wrap { display:flex;flex-direction:column;align-items:flex-end; }
.sms-in-wrap  { display:flex;flex-direction:column;align-items:flex-start; }
/* phone extra */
.phones-list { display:flex;flex-direction:column;gap:6px; }
.phone-row { display:flex;gap:6px;align-items:center; }
.phone-row input { flex:1; }
.phone-del { background:none;border:none;color:var(--red);cursor:pointer;font-size:14px;padding:0 4px;opacity:.7; }
.phone-del:hover { opacity:1; }
.add-phone-btn { font-size:11.5px;color:var(--accent);cursor:pointer;display:inline-flex;align-items:center;gap:4px;margin-top:4px;background:none;border:none;font-family:var(--font);padding:0; }
.add-phone-btn:hover { text-decoration:underline; }

/* tags input */
.tags-wrap { display:flex;flex-wrap:wrap;gap:5px;padding:6px 8px;background:var(--card2);border:1px solid var(--border);border-radius:var(--radius);min-height:36px;cursor:text; }
.tags-wrap:focus-within { border-color:var(--accent); }
.tag-chip { display:inline-flex;align-items:center;gap:4px;padding:2px 8px;background:rgba(0,115,234,.2);color:#4da6ff;border-radius:20px;font-size:11px; }
.tag-chip button { background:none;border:none;color:#4da6ff;cursor:pointer;font-size:12px;padding:0;line-height:1; }
.tags-inp { border:none;background:transparent;color:var(--text);font-size:12px;font-family:var(--font);outline:none;flex:1;min-width:80px; }

/* notas */
.nota-item { background:var(--card2);border:1px solid var(--border);border-radius:8px;padding:10px 12px;margin-bottom:8px; }
.hist-item { display:flex;gap:12px;padding:10px 0;border-bottom:1px solid var(--border); }
.hist-item:last-child { border-bottom:none; }
.hist-dot { width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0;margin-top:2px; }
.hist-body { flex:1; }
.hist-accion { font-size:12.5px;color:var(--text);font-weight:500;line-height:1.4; }
.hist-meta { font-size:10.5px;color:var(--text2);margin-top:3px; }
.hist-empty { text-align:center;padding:30px;color:var(--text2);font-size:12px; }
.nota-meta { font-size:10.5px;color:var(--text2);margin-bottom:5px; }
.nota-text { font-size:12.5px;color:var(--text);white-space:pre-wrap; }
.nota-form { display:flex;flex-direction:column;gap:8px;margin-bottom:14px; }
.nota-form textarea { padding:8px 10px;background:var(--card2);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-family:var(--font);font-size:12.5px;outline:none;resize:vertical;min-height:80px; }
.nota-form textarea:focus { border-color:var(--accent); }

/* ── Lead Conversation Tab ── */
.lc-wrap { display:flex;flex-direction:column;height:100%;overflow:hidden; }
.lc-actions { display:flex;align-items:center;gap:8px;padding:10px 16px;border-bottom:1px solid var(--border);flex-shrink:0;background:var(--card2); }
.lc-call-btn { background:#00c875;border:none;border-radius:8px;color:#fff;font-size:12px;font-weight:700;cursor:pointer;padding:7px 14px;font-family:var(--font);display:flex;align-items:center;gap:5px;transition:background .15s; }
.lc-call-btn:hover { background:#00a865; }
.lc-timeline { flex:1;overflow-y:auto;padding:14px 16px;display:flex;flex-direction:column;gap:10px;scroll-behavior:smooth; }
.lc-loading { text-align:center;padding:20px;color:var(--text2);font-size:12px; }
.lc-bubble-wrap { display:flex;flex-direction:column; }
.lc-bubble-wrap.out { align-items:flex-end; }
.lc-bubble-wrap.in  { align-items:flex-start; }
.lc-bubble { max-width:72%;padding:8px 12px;border-radius:12px;font-size:12.5px;line-height:1.45;word-break:break-word; }
.lc-bubble.out.sms  { background:#0073ea;color:#fff;border-bottom-right-radius:3px; }
.lc-bubble.in.sms   { background:var(--card2);color:var(--text);border-bottom-left-radius:3px; }
.lc-bubble.out.wa   { background:#128c7e;color:#fff;border-bottom-right-radius:3px; }
.lc-bubble.in.wa    { background:#075e54;color:#fff;border-bottom-left-radius:3px; }
.lc-bubble.call     { background:var(--card2);color:var(--text);border-radius:10px;display:flex;align-items:center;gap:10px;padding:10px 14px;width:260px;max-width:100%; }
.lc-bubble-meta { font-size:10px;color:var(--text2);margin-top:3px; }
.lc-call-pill { display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:20px;font-size:10px;font-weight:600; }
.lc-call-pill.out  { background:rgba(0,200,117,.15);color:#00c875; }
.lc-call-pill.in   { background:rgba(96,165,250,.15);color:#60a5fa; }
.lc-call-pill.miss { background:rgba(226,68,92,.15);color:#e2445c; }
.lc-compose { border-top:1px solid var(--border);padding:10px 14px;flex-shrink:0;background:var(--card2);display:flex;flex-direction:column;gap:8px; }
.lc-channel-row { display:flex;align-items:center;gap:6px; }
.lc-ch-btn { font-size:11px;padding:4px 10px;border-radius:20px;border:1px solid var(--border);background:none;color:var(--text2);cursor:pointer;font-family:var(--font);transition:all .12s; }
.lc-ch-btn.active.sms { background:#0073ea;border-color:#0073ea;color:#fff; }
.lc-ch-btn.active.wa  { background:#128c7e;border-color:#128c7e;color:#fff; }
.lc-tpl-select { flex:1;background:rgba(255,255,255,.05);border:1px solid rgba(37,211,102,.2);border-radius:6px;color:rgba(255,255,255,.7);font-size:11px;font-family:var(--font);padding:4px 7px;outline:none; }
.lc-input-row { display:flex;gap:8px;align-items:flex-end; }
.lc-textarea { flex:1;background:var(--bg);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:12.5px;font-family:var(--font);padding:8px 11px;resize:none;outline:none;line-height:1.4;min-height:36px;max-height:100px; }
.lc-textarea:focus { border-color:var(--accent); }
.lc-send-btn { flex-shrink:0;width:38px;height:38px;border-radius:8px;border:none;color:#fff;font-size:17px;cursor:pointer;display:flex;align-items:center;justify-content:center; }

/* tareas */
.tarea-item { display:flex;align-items:flex-start;gap:9px;padding:9px 0;border-bottom:1px solid var(--border); }
.tarea-check { width:16px;height:16px;accent-color:var(--accent);cursor:pointer;flex-shrink:0;margin-top:1px; }
.tarea-text { flex:1;font-size:12.5px;color:var(--text); }
.tarea-text.done { text-decoration:line-through;color:var(--text2); }
.tarea-del { background:none;border:none;color:var(--red);cursor:pointer;font-size:13px;opacity:.6; }
.tarea-del:hover { opacity:1; }
.tarea-form { display:flex;gap:8px;margin-bottom:14px; }
.tarea-form input { flex:1;padding:7px 10px;background:var(--card2);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-size:12px;font-family:var(--font);outline:none; }
.tarea-form input:focus { border-color:var(--accent); }

/* pagos */
.pago-item { display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--border); }
.pago-left { font-size:12.5px;color:var(--text); }
.pago-left small { display:block;font-size:10.5px;color:var(--text2); }
.pago-amount { font-size:13px;font-weight:700;color:var(--green); }
.pago-status { font-size:10px;padding:2px 7px;border-radius:20px;background:rgba(253,171,61,.2);color:var(--yellow); }
.pago-status.paid { background:rgba(0,200,117,.2);color:var(--green); }

/* cita */
.cita-box { background:var(--card2);border:1px solid var(--border);border-radius:8px;padding:14px;margin-bottom:12px; }
.cita-box p { font-size:12px;color:var(--text2);margin-bottom:10px; }

/* ── CALENDARIO DE ENTREVISTAS ── */
.pipe-item-cal { background:linear-gradient(135deg,rgba(0,188,212,.15),rgba(0,115,234,.1));border:1px solid rgba(0,188,212,.3);border-radius:8px;margin:4px 6px !important; }
.pipe-item-cal:hover { background:linear-gradient(135deg,rgba(0,188,212,.25),rgba(0,115,234,.18)) !important; }
.pipe-item-cal.active { background:linear-gradient(135deg,rgba(0,188,212,.35),rgba(0,115,234,.28)) !important;border-color:var(--teal) !important; }
.pipe-item-cal .pipe-name { color:#5dd8e8 !important;font-weight:700; }
.pipe-item-cal.active .pipe-name { color:#fff !important; }

#calendar-view { display:none;flex:1;flex-direction:column;overflow:hidden;background:var(--bg); }
#calendar-view.active { display:flex; }

/* ── Topbar ──────────────────────────────────────────────── */
.cal-topbar { display:flex;align-items:center;gap:10px;padding:12px 20px;background:var(--card2);border-bottom:1px solid var(--border); }
.cal-topbar-left { display:flex;align-items:center;gap:6px; }
.cal-topbar-center { flex:1;text-align:center; }
.cal-month-label { font-size:15px;font-weight:700;color:#fff;letter-spacing:-.2px; }
.cal-month-sub { font-size:11px;color:var(--text2);margin-top:1px; }
.cal-nav-btn { display:inline-flex;align-items:center;gap:5px;background:transparent;border:1px solid var(--border);color:var(--text2);border-radius:8px;padding:6px 13px;font-family:var(--font);font-size:12px;font-weight:600;cursor:pointer;transition:all .15s; }
.cal-nav-btn:hover { background:rgba(255,255,255,.06);color:#fff;border-color:rgba(255,255,255,.2); }
.cal-nav-btn.today-btn { background:rgba(99,102,241,.12);border-color:rgba(99,102,241,.35);color:#a5b4fc; }
.cal-nav-btn.today-btn:hover { background:rgba(99,102,241,.2); }
.cal-grid-wrap { flex:1;overflow-y:auto;padding:0; }

/* ── Week grid ───────────────────────────────────────────── */
.cwk-grid { display:grid;grid-template-columns:56px repeat(7,1fr); }

/* Corner */
.cwk-corner { background:var(--card2);border-bottom:1px solid var(--border);border-right:1px solid rgba(255,255,255,.06);position:sticky;top:0;z-index:2; }

/* Day headers */
.cwk-day-hdr { background:var(--card2);border-bottom:1px solid var(--border);border-right:1px solid rgba(255,255,255,.06);padding:10px 4px 8px;text-align:center;position:sticky;top:0;z-index:2;transition:background .15s; }
.cwk-day-hdr.unavail { opacity:.4; }
.cwk-day-name { font-size:10px;font-weight:700;color:var(--text2);text-transform:uppercase;letter-spacing:.07em; }
.cwk-day-num { display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;font-size:13px;font-weight:800;color:var(--text);margin-top:4px;transition:all .15s; }
.cwk-day-num.today { background:var(--accent);color:#fff;box-shadow:0 0 0 3px rgba(99,102,241,.25); }
.cwk-day-hdr.today { background:rgba(99,102,241,.07); }

/* Hour labels */
.cwk-hour-label { background:var(--bg);border-right:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.04);font-size:10px;font-weight:500;color:rgba(255,255,255,.25);padding:0 8px 0 0;text-align:right;height:64px;box-sizing:border-box;display:flex;align-items:flex-start;justify-content:flex-end;padding-top:5px;letter-spacing:.02em; }

/* Cells */
.cwk-cell { border-right:1px solid rgba(255,255,255,.045);border-bottom:1px solid rgba(255,255,255,.04);height:64px;padding:3px 4px;box-sizing:border-box;position:relative;transition:background .12s; }
.cwk-cell.avail { background:rgba(34,197,94,.03); }
.cwk-cell.avail::before { content:'';position:absolute;left:0;top:0;bottom:0;width:2px;background:rgba(34,197,94,.15);pointer-events:none; }
.cwk-cell.unavail { background:rgba(0,0,0,.12); }
.cwk-cell.today.avail { background:rgba(99,102,241,.05); }
.cwk-cell.today.avail::before { background:rgba(99,102,241,.4); }
.cwk-cell.avail:hover { background:rgba(34,197,94,.07); }

/* Available dot */
.cwk-free { position:absolute;bottom:6px;right:6px;width:5px;height:5px;border-radius:50%;background:rgba(34,197,94,.25); }

/* Event cards */
.cwk-event { border-radius:6px;padding:3px 7px 4px;font-size:10.5px;line-height:1.35;overflow:hidden;margin-bottom:2px;border-left:3px solid transparent; }
.cwk-event.interview { background:rgba(99,102,241,.18);border-color:#6366f1;color:#c7d2fe; }
.cwk-event.interview:hover { background:rgba(99,102,241,.28); }
.cwk-event.cita { background:rgba(168,85,247,.18);border-color:#a855f7;color:#e9d5ff;cursor:pointer; }
.cwk-event.cita:hover { background:rgba(168,85,247,.3); }
.cwk-event-name { font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%; }
.cwk-event-meta { font-size:9.5px;opacity:.65;margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }

/* Current time line */
.cwk-now-wrap { position:relative;grid-column:1/-1;height:0;pointer-events:none; }
.cwk-now-line { position:absolute;left:0;right:0;height:2px;background:rgba(239,68,68,.7);z-index:3; }
.cwk-now-dot { position:absolute;left:52px;top:-4px;width:8px;height:8px;border-radius:50%;background:#ef4444; }
/* keep old month classes for any remaining refs */
.cal-event { background:linear-gradient(135deg,rgba(120,75,209,.3),rgba(0,115,234,.2));border:1px solid rgba(120,75,209,.4);border-radius:5px;padding:3px 6px;font-size:10.5px;color:#d0d3e8;cursor:pointer;transition:background .1s;line-height:1.3; }
.cal-event-name { font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.cal-event-time { color:var(--text2);font-size:9.5px; }
.cal-empty { display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px;color:var(--text2);gap:8px;text-align:center; }
.cal-empty .et-icon { font-size:40px;opacity:.3; }
.empty-tab { display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:var(--text2);gap:8px;text-align:center; }
.empty-tab .et-icon { font-size:32px;opacity:.35; }
.empty-tab p { font-size:12.5px; }

/* modal footer */
.ml-footer { padding:11px 18px;background:linear-gradient(135deg,var(--card2),rgba(17,20,34,.9));border-top:1px solid rgba(255,255,255,.06);border-radius:0 0 18px 18px;display:flex;align-items:center;gap:8px; }
.btn-danger { padding:7px 14px;background:rgba(226,68,92,.1);color:rgba(226,68,92,.8);border:1px solid rgba(226,68,92,.2);border-radius:8px;font-size:12px;cursor:pointer;font-family:var(--font);transition:all .12s; }
.btn-danger:hover { background:rgba(226,68,92,.2);color:#e2445c; }

/* ── QUICK MODAL (new lead) ── */
.qmodal { background:var(--card);border:1px solid var(--border);border-radius:14px;width:480px;max-width:95vw;box-shadow:var(--shadow); }
.qm-header { padding:14px 18px;background:var(--card2);border-bottom:1px solid var(--border);border-radius:14px 14px 0 0;display:flex;align-items:center;justify-content:space-between; }
.qm-header h2 { font-size:14px;font-weight:700;color:#fff; }
.qm-body { padding:18px; }
.qm-footer { padding:12px 18px;background:var(--card2);border-top:1px solid var(--border);border-radius:0 0 14px 14px;display:flex;justify-content:flex-end;gap:8px; }

/* ── MOVE MENU (flotante global) ── */
#global-move-menu { position:fixed;background:var(--card);border:1px solid var(--border);border-radius:10px;box-shadow:0 12px 32px rgba(0,0,0,.6);z-index:9000;overflow:hidden;min-width:240px;max-width:300px;display:none; }
#global-move-menu.open { display:block; }
.move-menu-title { font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text2);padding:9px 13px 7px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between; }
.move-menu-close { background:none;border:none;color:var(--text2);cursor:pointer;font-size:14px;line-height:1;padding:0; }
.move-menu-close:hover { color:var(--text); }
.move-options-scroll { max-height:280px;overflow-y:auto; }
.move-option { display:flex;align-items:center;gap:9px;padding:8px 13px;font-size:12.5px;color:var(--text);cursor:pointer;transition:background .1s; }
.move-option:hover { background:rgba(0,115,234,.12);color:#fff; }
.move-option.current { color:var(--text2);cursor:default;background:rgba(255,255,255,.03); }
.move-option.current:hover { background:rgba(255,255,255,.03);color:var(--text2); }
.move-option-dot { width:8px;height:8px;border-radius:50%;flex-shrink:0; }
.move-option-check { margin-left:auto;font-size:11px;color:var(--accent);font-weight:700; }
.kca-btn-move { background:rgba(0,115,234,.15);border:1px solid rgba(0,115,234,.3);border-radius:4px;color:#4da6ff;font-size:11px;cursor:pointer;padding:2px 7px;font-family:var(--font);font-weight:600;white-space:nowrap;transition:background .1s; }
.kca-btn-move:hover { background:rgba(0,115,234,.28); }
.move-menu-webinar { padding:8px 13px;border-top:1px solid var(--border); }
.move-menu-webinar-btn { width:100%;background:linear-gradient(135deg,#16a34a,#15803d);border:none;border-radius:7px;color:#fff;font-size:12.5px;font-weight:700;font-family:var(--font);padding:8px 12px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:7px;transition:opacity .15s; }
.move-menu-webinar-btn:hover { opacity:.85; }
.move-option-special { display:flex;align-items:center;gap:9px;padding:8px 13px;font-size:12.5px;cursor:pointer;transition:background .1s;font-weight:600; }
.move-option-special.no-interesado { color:#fdab3d; }
.move-option-special.no-interesado:hover { background:rgba(253,171,61,.12); }
.move-option-special.no-califica { color:#e2445c; }
.move-option-special.no-califica:hover { background:rgba(226,68,92,.12); }

/* Modal No califica */
#no-califica-overlay { position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:10000;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(3px); }
#no-califica-overlay.hidden { display:none; }
#no-califica-modal { background:var(--card);border:1px solid var(--border);border-radius:14px;padding:24px;width:340px;max-width:94vw;box-shadow:0 24px 60px rgba(0,0,0,.7); }
#no-califica-modal h3 { margin:0 0 4px;font-size:15px;color:#e2445c; }
#no-califica-modal p { margin:0 0 16px;font-size:12px;color:var(--text2); }
.nc-option { display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;cursor:pointer;transition:background .1s;font-size:13px;color:var(--text);border:1px solid transparent; }
.nc-option:hover { background:rgba(226,68,92,.1);border-color:rgba(226,68,92,.3); }
.nc-option.selected { background:rgba(226,68,92,.15);border-color:#e2445c;color:#fff; }
.nc-option input[type=radio] { accent-color:#e2445c;width:15px;height:15px;flex-shrink:0; }
#nc-otros-text { width:100%;margin-top:10px;background:var(--card2);border:1px solid var(--border);border-radius:8px;color:var(--text);font-family:var(--font);font-size:12.5px;padding:8px 10px;resize:none;display:none; }
#nc-otros-text:focus { outline:none;border-color:#e2445c; }
.nc-footer { display:flex;gap:8px;justify-content:flex-end;margin-top:18px; }
.nc-btn-cancel { background:none;border:1px solid var(--border);color:var(--text2);border-radius:8px;padding:7px 16px;font-family:var(--font);font-size:12px;cursor:pointer; }
.nc-btn-cancel:hover { border-color:var(--text2); }
.nc-btn-confirm { background:#e2445c;border:none;color:#fff;border-radius:8px;padding:7px 16px;font-family:var(--font);font-size:12px;font-weight:700;cursor:pointer; }
.nc-btn-confirm:hover { opacity:.85; }

/* Modal No interesado */
#no-interesado-overlay { position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:10000;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(3px); }
#no-interesado-overlay.hidden { display:none; }
#no-interesado-modal { background:var(--card);border:1px solid var(--border);border-radius:14px;padding:24px;width:340px;max-width:94vw;box-shadow:0 24px 60px rgba(0,0,0,.7); }
#no-interesado-modal h3 { margin:0 0 4px;font-size:15px;color:#fdab3d; }
#no-interesado-modal p { margin:0 0 16px;font-size:12px;color:var(--text2); }
.ni-option { display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;cursor:pointer;transition:background .1s;font-size:13px;color:var(--text);border:1px solid transparent; }
.ni-option:hover { background:rgba(253,171,61,.1);border-color:rgba(253,171,61,.3); }
.ni-option.selected { background:rgba(253,171,61,.15);border-color:#fdab3d;color:#fff; }
.ni-option input[type=radio] { accent-color:#fdab3d;width:15px;height:15px;flex-shrink:0; }
#ni-otros-text { width:100%;margin-top:10px;background:var(--card2);border:1px solid var(--border);border-radius:8px;color:var(--text);font-family:var(--font);font-size:12.5px;padding:8px 10px;resize:none;display:none; }
#ni-otros-text:focus { outline:none;border-color:#fdab3d; }
.ni-footer { display:flex;gap:8px;justify-content:flex-end;margin-top:18px; }
.ni-btn-cancel { background:none;border:1px solid var(--border);color:var(--text2);border-radius:8px;padding:7px 16px;font-family:var(--font);font-size:12px;cursor:pointer; }
.ni-btn-cancel:hover { border-color:var(--text2); }
.ni-btn-confirm { background:#fdab3d;border:none;color:#fff;border-radius:8px;padding:7px 16px;font-family:var(--font);font-size:12px;font-weight:700;cursor:pointer; }
.ni-btn-confirm:hover { opacity:.85; }

/* Animación celebración webinar */
#webinar-celebrate { position:fixed;inset:0;pointer-events:none;z-index:99999;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s; }
#webinar-celebrate.show { opacity:1; }
#webinar-celebrate-msg { background:linear-gradient(135deg,#16a34a,#15803d);color:#fff;border-radius:16px;padding:18px 32px;font-size:22px;font-weight:800;font-family:var(--font);text-align:center;box-shadow:0 20px 60px rgba(0,0,0,.6);transform:scale(.7);transition:transform .25s cubic-bezier(.34,1.56,.64,1); }
#webinar-celebrate.show #webinar-celebrate-msg { transform:scale(1); }
.celebrate-emoji { font-size:32px;display:block;margin-bottom:4px; }
.celebrate-confetti { position:absolute;width:8px;height:8px;border-radius:2px;animation:confettiFall 1.2s ease-in forwards; }
@keyframes confettiFall { 0%{transform:translateY(0) rotate(0deg);opacity:1} 100%{transform:translateY(300px) rotate(720deg);opacity:0} }

/* ── TOAST ── */
#toast { position:fixed;bottom:22px;left:50%;transform:translateX(-50%) translateY(0);background:#1a1b2e;border:1px solid rgba(99,102,241,.35);border-radius:10px;padding:10px 14px;font-size:12.5px;color:var(--text);box-shadow:0 6px 24px rgba(0,0,0,.5);z-index:9999;opacity:0;pointer-events:none;transition:opacity .22s,transform .22s;display:flex;align-items:center;gap:14px;min-width:220px;max-width:440px; }
#toast.show { opacity:1;pointer-events:all; }
#toast .toast-msg { flex:1; }
.toast-undo-btn { background:var(--accent);color:#fff;border:none;border-radius:6px;padding:4px 11px;font-size:11px;font-weight:600;cursor:pointer;white-space:nowrap;flex-shrink:0;font-family:var(--font);transition:opacity .15s; }
.toast-undo-btn:hover { opacity:.82; }

/* scrollbar */
::-webkit-scrollbar { width:5px;height:5px; }
::-webkit-scrollbar-track { background:var(--card2); }
::-webkit-scrollbar-thumb { background:#3a3f5c;border-radius:3px; }
::-webkit-scrollbar-thumb:hover { background:#4a4f6c; }