:root{
  --bg:#020617; --panel:#0a1122; --panel2:#0d1529; --line:rgba(148,163,184,.14);
  --cyan:#1ecdf1; --pink:#ff7afb; --purple:#9f7aea; --green:#22c55e; --amber:#f59e0b; --red:#f87171;
  --text:#f1f5f9; --muted:#94a3b8; --muted2:#64748b;
  --r:16px;
}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--bg);color:var(--text);font-family:'Inter',system-ui,sans-serif;font-size:14px;min-height:100vh;display:flex;overflow-x:hidden}
h1,h2,.brand-name,.card-title,.kpi-value{font-family:'Montserrat',sans-serif}
.bg-glow{position:fixed;border-radius:50%;filter:blur(120px);pointer-events:none;z-index:0;opacity:.5}
.bg-glow-a{width:76vmin;height:76vmin;margin-left:-38vmin;margin-top:-38vmin;background:radial-gradient(circle,rgba(30,205,241,.40) 0%,rgba(255,122,251,.18) 45%,transparent 70%);animation:heartbeat 3.4s ease-in-out infinite}
.bg-glow-b{width:620px;height:620px;right:-220px;bottom:-220px;background:radial-gradient(circle,rgba(255,122,251,.16),transparent 70%)}
@keyframes heartbeat{0%,100%{opacity:.55;transform:scale(1)}14%{opacity:.85;transform:scale(1.045)}28%{opacity:.6;transform:scale(1.005)}42%{opacity:.8;transform:scale(1.03)}60%{opacity:.6;transform:scale(1)}}

/* ---------- Sidebar ---------- */
.sidebar{width:248px;min-width:248px;background:rgba(6,10,24,.92);border-right:1px solid var(--line);display:flex;flex-direction:column;padding:22px 14px;position:sticky;top:0;height:100vh;z-index:2;backdrop-filter:blur(8px)}
.brand{display:flex;gap:12px;align-items:center;padding:4px 8px 18px;border-bottom:1px solid var(--line);margin-bottom:14px}
.brand-badge{width:46px;height:46px;border-radius:14px;background:linear-gradient(135deg,var(--cyan),var(--pink));display:flex;align-items:center;justify-content:center;font-family:'Montserrat';font-weight:800;font-size:17px;color:#020617;box-shadow:0 0 24px rgba(30,205,241,.45)}
.brand-name{font-weight:700;font-size:15px}
.brand-sub{font-size:10px;letter-spacing:1.5px;color:var(--pink);font-weight:700;margin-top:2px}
.nav{display:flex;flex-direction:column;gap:3px;flex:1;overflow-y:auto}
.nav-label{font-size:10px;letter-spacing:1.6px;text-transform:uppercase;color:var(--muted2);font-weight:700;padding:14px 10px 6px}
.nav-item{display:flex;align-items:center;gap:11px;background:none;border:0;color:var(--muted);font-family:'Inter';font-size:13.5px;font-weight:500;padding:10px 12px;border-radius:12px;cursor:pointer;text-align:left;transition:.18s;width:100%}
.nav-item:hover{background:rgba(30,205,241,.08);color:var(--text)}
.nav-item.active{background:linear-gradient(90deg,rgba(30,205,241,.18),rgba(255,122,251,.12));color:var(--text);box-shadow:inset 0 0 0 1px rgba(30,205,241,.25)}
.nav-ico{width:20px;text-align:center;font-size:15px;color:var(--cyan)}
.nav-item.active .nav-ico{color:var(--pink)}
.nav-badge{margin-left:auto;background:var(--pink);color:#020617;font-size:10.5px;font-weight:700;border-radius:99px;padding:1px 8px}
.live-dot{width:8px;height:8px;border-radius:50%;background:var(--green);margin-left:auto;box-shadow:0 0 10px var(--green);animation:pulse 1.6s infinite}
.live-dot.sm{width:7px;height:7px;margin:0}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.35}}
.user-card{display:flex;gap:10px;align-items:center;padding:12px;border-top:1px solid var(--line);margin-top:10px}
.avatar{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,var(--cyan),var(--purple));display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;color:#020617;flex-shrink:0}
.user-name{font-weight:600;font-size:13px}
.user-role{font-size:11px;color:var(--muted)}

/* ---------- Main / topbar ---------- */
.main{flex:1;padding:26px 30px;position:relative;z-index:1;min-width:0}
.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;gap:16px}
.topbar h1{font-size:24px;font-weight:800;letter-spacing:-.3px}
.topbar-right{display:flex;align-items:center;gap:14px}
.search input{background:var(--panel);border:1px solid var(--line);color:var(--text);border-radius:12px;padding:9px 14px;width:280px;font-size:13px;outline:none}
.search input:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(30,205,241,.15)}
.clock{display:flex;align-items:center;gap:8px;font-variant-numeric:tabular-nums;color:var(--muted);font-weight:600;font-size:13px}
.icon-btn{position:relative;background:var(--panel);border:1px solid var(--line);border-radius:12px;width:38px;height:38px;cursor:pointer;font-size:16px}
.icon-btn .ping{position:absolute;top:8px;right:9px;width:8px;height:8px;border-radius:50%;background:var(--pink);box-shadow:0 0 8px var(--pink)}

/* ---------- Cards / KPIs ---------- */
.screen{display:none;animation:fade .25s ease}
.screen.active{display:block}
@keyframes fade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}
.kpi{background:linear-gradient(160deg,var(--panel2),var(--panel));border:1px solid var(--line);border-radius:var(--r);padding:18px 20px;position:relative;overflow:hidden}
.kpi::after{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(var(--cyan),var(--pink));opacity:.8}
.kpi-label{font-size:11.5px;color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.8px}
.kpi-value{font-size:30px;font-weight:800;margin:6px 0 2px}
.kpi-delta{font-size:12px;color:var(--muted)}
.kpi-delta.up{color:var(--green)} .kpi-delta.down{color:var(--green)}
.card{background:linear-gradient(165deg,rgba(20,30,55,.75),rgba(8,13,28,.9));border:1px solid var(--line);border-radius:var(--r);padding:20px;margin-bottom:20px;box-shadow:0 8px 32px rgba(0,0,0,.35)}
.card-title{font-size:15px;font-weight:700;margin-bottom:14px;display:flex;align-items:center;gap:8px}
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.muted{color:var(--muted);font-size:13px;line-height:1.6}
.muted-sm{color:var(--muted2);font-size:11.5px}
.center{text-align:center}
.btn-primary{background:linear-gradient(135deg,var(--cyan),var(--pink));border:0;color:#020617;font-weight:700;font-size:13px;padding:10px 18px;border-radius:12px;cursor:pointer;font-family:'Inter';box-shadow:0 4px 18px rgba(30,205,241,.35);transition:.18s}
.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 24px rgba(255,122,251,.4)}
.btn-ghost{background:rgba(30,205,241,.1);border:1px solid rgba(30,205,241,.35);color:var(--cyan);font-weight:600;font-size:13px;padding:9px 16px;border-radius:12px;cursor:pointer}
.btn-ghost:hover{background:rgba(30,205,241,.2)}

/* ---------- Dashboard widgets ---------- */
.funnel-row{display:flex;align-items:center;gap:12px;margin-bottom:10px}
.funnel-name{width:130px;font-size:12.5px;color:var(--muted);font-weight:500}
.funnel-bar{flex:1;height:26px;background:rgba(148,163,184,.1);border-radius:8px;position:relative;overflow:hidden}
.funnel-fill{height:100%;border-radius:8px;background:linear-gradient(90deg,var(--cyan),var(--pink));display:flex;align-items:center;justify-content:flex-end;padding-right:10px;font-size:11.5px;font-weight:700;color:#020617;min-width:34px;transition:width .6s ease}
.feed{display:flex;flex-direction:column;gap:2px;max-height:300px;overflow-y:auto}
.feed-item{display:flex;gap:12px;padding:10px 4px;border-bottom:1px solid rgba(148,163,184,.08);font-size:13px}
.feed-item:last-child{border:0}
.feed-ico{width:32px;height:32px;border-radius:10px;background:rgba(30,205,241,.12);display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}
.feed-time{margin-left:auto;color:var(--muted2);font-size:11px;white-space:nowrap}
.task{display:flex;gap:12px;align-items:flex-start;padding:10px 4px;border-bottom:1px solid rgba(148,163,184,.08);font-size:13px;cursor:pointer}
.task:last-child{border:0}
.task input{margin-top:3px;accent-color:var(--pink);width:16px;height:16px}
.task.done span{text-decoration:line-through;color:var(--muted2)}
.muse-teaser{border:1px solid rgba(255,122,251,.3);background:linear-gradient(165deg,rgba(255,122,251,.07),rgba(8,13,28,.9));box-shadow:0 0 30px rgba(255,122,251,.22),0 8px 32px rgba(0,0,0,.35)}
.muse-teaser .btn-primary{margin-top:14px}

/* ---------- Kanban ---------- */
.screen-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;flex-wrap:wrap;gap:10px}
.pill-row{display:flex;gap:8px;flex-wrap:wrap}
.stat-pill{background:var(--panel);border:1px solid var(--line);border-radius:99px;padding:6px 14px;font-size:12px;color:var(--muted)}
.stat-pill b{color:var(--text)}
.kanban{display:grid;grid-template-columns:repeat(6,minmax(230px,1fr));gap:14px;overflow-x:auto;padding-bottom:10px;align-items:start}
.kcol{background:rgba(10,17,34,.7);border:1px solid var(--line);border-radius:var(--r);padding:12px;min-height:200px}
.kcol.drag-over{border-color:var(--cyan);box-shadow:0 0 0 2px rgba(30,205,241,.3)}
.kcol-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;padding:2px 4px}
.kcol-name{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.6px}
.kcol-count{background:rgba(148,163,184,.15);border-radius:99px;font-size:11px;font-weight:700;padding:2px 9px;color:var(--muted)}
.kcard{background:linear-gradient(165deg,#131c33,#0b1226);border:1px solid var(--line);border-left:3px solid var(--cyan);border-radius:12px;padding:12px;margin-bottom:10px;cursor:grab;transition:.15s}
.kcard:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(0,0,0,.45);border-color:rgba(30,205,241,.4)}
.kcard.dragging{opacity:.4;transform:rotate(2deg)}
.kcard-name{font-weight:600;font-size:13.5px;margin-bottom:6px}
.kcard-meta{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}
.tag{font-size:10.5px;font-weight:700;padding:3px 9px;border-radius:99px;letter-spacing:.3px}
.tag.loan{background:rgba(30,205,241,.14);color:var(--cyan)}
.tag.fha{background:rgba(159,122,234,.16);color:var(--purple)}
.tag.va{background:rgba(34,197,94,.14);color:var(--green)}
.tag.conv{background:rgba(245,158,11,.14);color:var(--amber)}
.kcard-foot{display:flex;align-items:center;justify-content:space-between}
.mini-avatar{width:26px;height:26px;border-radius:50%;font-size:10px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;color:#020617}
.days{font-size:11px;color:var(--muted2)}
.days.hot{color:var(--pink);font-weight:700}

/* ---------- Inbox ---------- */
.inbox{display:grid;grid-template-columns:320px 1fr;gap:20px;height:calc(100vh - 170px);min-height:480px}
.inbox-list{display:flex;flex-direction:column;overflow:hidden;margin:0}
.inbox-search{padding:4px 4px 12px}
.inbox-search input{width:100%;background:rgba(148,163,184,.08);border:1px solid var(--line);border-radius:10px;padding:9px 12px;color:var(--text);font-size:13px;outline:none}
#convo-list{overflow-y:auto;flex:1}
.convo{display:flex;gap:11px;padding:12px 10px;border-radius:12px;cursor:pointer;border:1px solid transparent}
.convo:hover{background:rgba(30,205,241,.06)}
.convo.active{background:rgba(30,205,241,.1);border-color:rgba(30,205,241,.3)}
.convo-main{flex:1;min-width:0}
.convo-name{font-weight:600;font-size:13px;display:flex;align-items:center;gap:7px}
.convo-snip{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:3px}
.convo-time{font-size:10.5px;color:var(--muted2)}
.unread{width:9px;height:9px;border-radius:50%;background:var(--pink);box-shadow:0 0 8px var(--pink);flex-shrink:0;margin-top:4px}
.chan{font-size:10px;font-weight:700;padding:2px 7px;border-radius:6px;background:rgba(159,122,234,.18);color:var(--purple)}
.chan.sms{background:rgba(30,205,241,.16);color:var(--cyan)}
.inbox-thread{display:flex;flex-direction:column;margin:0;overflow:hidden}
.thread-head{padding:6px 4px 14px;border-bottom:1px solid var(--line);margin-bottom:6px}
.thread-head .who{font-weight:700;font-size:15px}
.thread-head .sub{font-size:12px;color:var(--muted);margin-top:3px}
.thread-body{flex:1;overflow-y:auto;padding:14px 6px;display:flex;flex-direction:column;gap:10px}
.msg{display:flex}
.msg .msg-bubble{max-width:72%;padding:10px 14px;border-radius:16px;font-size:13.5px;line-height:1.5}
.msg.them .msg-bubble{background:rgba(148,163,184,.12);border-bottom-left-radius:4px}
.msg.me{justify-content:flex-end}
.msg.me .msg-bubble{background:linear-gradient(135deg,rgba(30,205,241,.9),rgba(30,205,241,.65));color:#02141a;font-weight:500;border-bottom-right-radius:4px}
.msg.muse .msg-bubble{background:linear-gradient(135deg,rgba(255,122,251,.16),rgba(30,205,241,.1));border:1px solid rgba(255,122,251,.3);border-bottom-left-radius:4px}
.msg-time{font-size:10px;color:var(--muted2);margin-top:4px}
.thread-reply{display:flex;gap:10px;padding-top:12px;border-top:1px solid var(--line)}
.thread-reply input{flex:1;background:rgba(148,163,184,.08);border:1px solid var(--line);border-radius:12px;padding:11px 14px;color:var(--text);font-size:13px;outline:none}
.thread-reply input:focus{border-color:var(--cyan)}

/* ---------- Tables ---------- */
.table-tools{display:flex;justify-content:space-between;gap:12px;margin-bottom:16px}
.table-tools input{background:rgba(148,163,184,.08);border:1px solid var(--line);border-radius:12px;padding:9px 14px;color:var(--text);font-size:13px;width:320px;outline:none}
.data-table{width:100%;border-collapse:collapse;font-size:13px}
.data-table th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.8px;color:var(--muted2);font-weight:700;padding:10px 12px;border-bottom:1px solid var(--line)}
.data-table td{padding:12px;border-bottom:1px solid rgba(148,163,184,.07)}
.data-table tr:hover td{background:rgba(30,205,241,.04)}
.stage-pill{font-size:11px;font-weight:700;padding:4px 11px;border-radius:99px;white-space:nowrap}

/* ---------- Charts / platforms ---------- */
canvas{width:100%;display:block}
.platforms{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;margin-bottom:20px}
.platform{background:linear-gradient(165deg,var(--panel2),var(--panel));border:1px solid var(--line);border-radius:var(--r);padding:16px;text-align:center;transition:.18s}
.platform:hover{transform:translateY(-3px);border-color:rgba(255,122,251,.4);box-shadow:0 10px 28px rgba(0,0,0,.4)}
.pf-ico{font-size:24px;margin-bottom:8px}
.pf-name{font-size:12px;font-weight:700}
.pf-followers{font-size:19px;font-weight:800;font-family:'Montserrat';margin:6px 0 2px}
.pf-label{font-size:10.5px;color:var(--muted2);text-transform:uppercase;letter-spacing:.6px}
.pf-views{margin-top:10px;padding-top:10px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}
.pf-views b{color:var(--cyan)}
.kv-list{display:flex;flex-direction:column}
.kv-row{display:flex;justify-content:space-between;align-items:center;padding:10px 4px;border-bottom:1px solid rgba(148,163,184,.08);font-size:13px}
.kv-row:last-child{border:0}
.kv-row .v{font-weight:700;font-variant-numeric:tabular-nums}
.kv-row .bar{height:6px;border-radius:99px;background:rgba(148,163,184,.12);margin-top:6px;overflow:hidden}
.kv-row .bar i{display:block;height:100%;background:linear-gradient(90deg,var(--cyan),var(--pink));border-radius:99px}

/* ---------- Open house leads ---------- */
.oh-head{display:flex;align-items:center;gap:20px;margin-bottom:18px;flex-wrap:wrap}
.live-badge{display:flex;align-items:center;gap:9px;font-weight:800;font-size:13px;letter-spacing:1.2px;color:var(--green);background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.35);padding:9px 18px;border-radius:99px}
.oh-kpis{flex:1;margin:0}
.oh-kpis .kpi{padding:12px 18px}
.oh-kpis .kpi-value{font-size:24px}
.chip-row{display:flex;gap:10px;margin-bottom:18px;flex-wrap:wrap}
.chip{background:var(--panel);border:1px solid var(--line);color:var(--muted);font-size:12.5px;font-weight:600;padding:8px 16px;border-radius:99px;cursor:pointer}
.chip.active{border-color:var(--pink);color:var(--text);background:rgba(255,122,251,.1);box-shadow:0 0 14px rgba(255,122,251,.25)}
.oh-feed{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}
.oh-card{background:linear-gradient(165deg,var(--panel2),var(--panel));border:1px solid var(--line);border-radius:var(--r);padding:16px;animation:slidein .45s ease;position:relative;overflow:hidden}
.oh-card.fresh{border-color:rgba(34,197,94,.5);box-shadow:0 0 22px rgba(34,197,94,.18)}
@keyframes slidein{from{opacity:0;transform:translateY(-14px) scale(.98)}to{opacity:1;transform:none}}
.oh-prop{font-size:11px;font-weight:700;color:var(--cyan);text-transform:uppercase;letter-spacing:.6px;margin-bottom:8px}
.oh-name{font-weight:700;font-size:15px}
.oh-contact{font-size:12.5px;color:var(--muted);margin:4px 0 10px}
.oh-foot{display:flex;align-items:center;justify-content:space-between}
.oh-time{font-size:11px;color:var(--muted2)}
.intent{font-size:10.5px;font-weight:700;padding:4px 10px;border-radius:99px}
.intent.tour{background:rgba(34,197,94,.15);color:var(--green)}
.intent.browse{background:rgba(148,163,184,.15);color:var(--muted)}
.intent.preapp{background:rgba(30,205,241,.15);color:var(--cyan)}

/* ---------- Ask Muse / FAB ---------- */
.fab{position:fixed;right:26px;bottom:26px;width:58px;height:58px;border-radius:50%;border:0;background:linear-gradient(135deg,var(--cyan),var(--pink));font-size:24px;cursor:pointer;box-shadow:0 8px 30px rgba(255,122,251,.5);color:#020617;z-index:50;transition:.2s}
.fab:hover{transform:scale(1.08)}
.muse-panel{max-width:760px;margin:0 auto}
.muse-thread{display:flex;flex-direction:column;gap:10px;max-height:380px;overflow-y:auto;padding:6px 2px 14px}
.muse-suggest{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}
.typing{display:inline-flex;gap:4px;padding:12px 16px}
.typing i{width:7px;height:7px;border-radius:50%;background:var(--pink);animation:tp 1s infinite}
.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}
@keyframes tp{0%,100%{opacity:.3}50%{opacity:1}}

@media(max-width:1200px){.kpis{grid-template-columns:repeat(2,1fr)}.platforms{grid-template-columns:repeat(3,1fr)}.grid-2{grid-template-columns:1fr}.inbox{grid-template-columns:1fr;height:auto}.kanban{grid-template-columns:repeat(6,260px)}}
@media(max-width:820px){.sidebar{display:none}.main{padding:18px}.kpis{grid-template-columns:1fr 1fr}.platforms{grid-template-columns:1fr 1fr}}

/* ---------- Contact drawer ---------- */
.backdrop{position:fixed;inset:0;background:rgba(2,6,23,.62);backdrop-filter:blur(2px);opacity:0;pointer-events:none;transition:opacity .25s;z-index:60}
.backdrop.show{opacity:1;pointer-events:auto}
.drawer{position:fixed;top:0;right:0;bottom:0;width:min(450px,94vw);background:linear-gradient(180deg,#0d1528,#080d1c);border-left:1px solid var(--line);z-index:61;transform:translateX(105%);transition:transform .32s cubic-bezier(.2,.8,.25,1);display:flex;flex-direction:column;box-shadow:-24px 0 60px rgba(0,0,0,.5)}
.drawer.open{transform:none}
.d-head{display:flex;gap:14px;align-items:center;padding:20px 20px 16px;border-bottom:1px solid var(--line)}
.d-ava{width:58px;height:58px;border-radius:18px;background:linear-gradient(135deg,var(--cyan),var(--pink));display:flex;align-items:center;justify-content:center;font-weight:800;font-size:19px;color:#020617;flex-shrink:0}
.d-id{flex:1;min-width:0}
.d-name{font-family:'Montserrat';font-weight:700;font-size:19px}
.d-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}
.d-quick{display:flex;gap:10px;padding:14px 20px;border-bottom:1px solid var(--line)}
.qbtn{flex:1;padding:10px;border-radius:12px;border:1px solid var(--line);background:rgba(148,163,184,.08);color:var(--text);font-weight:600;cursor:pointer;font-size:14px}
.qbtn:hover{border-color:var(--cyan)}
.d-body{overflow-y:auto;padding:18px 20px 30px;display:flex;flex-direction:column;gap:24px}
.d-sec h4{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:12px}
.info-row{display:flex;gap:12px;align-items:flex-start;padding:9px 0;border-bottom:1px solid rgba(148,163,184,.08);font-size:14px}
.info-row:last-child{border-bottom:none}
.info-ico{width:30px;height:30px;border-radius:9px;background:rgba(30,205,241,.1);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.info-row .lbl{color:var(--muted);font-size:12px;display:block}
.info-row .val{font-weight:600}
.pipe-card{background:rgba(148,163,184,.06);border:1px solid var(--line);border-radius:14px;padding:14px}
.pipe-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.pipe-name{font-weight:700}
.steps{display:flex;gap:5px;margin:12px 0 4px}
.step{flex:1;height:7px;border-radius:4px;background:rgba(148,163,184,.15)}
.step.done{background:var(--cyan)}
.step.now{background:var(--pink);box-shadow:0 0 10px rgba(255,122,251,.7)}
.step-lbls{display:flex;justify-content:space-between;font-size:10px;color:var(--muted2);margin-top:6px}
.pipe-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.note{background:rgba(148,163,184,.06);border:1px solid var(--line);border-radius:12px;padding:12px 14px;margin-bottom:10px}
.note .n-text{font-size:14px;line-height:1.5}
.note .n-meta{font-size:12px;color:var(--muted);margin-top:8px}
.note-add textarea{width:100%;background:rgba(148,163,184,.07);border:1px solid var(--line);border-radius:12px;color:var(--text);padding:10px 12px;font-family:inherit;font-size:14px;resize:vertical}
.note-add .btn-primary{margin-top:8px;width:100%}
.d-log{position:relative}
.log-item{display:flex;gap:12px;padding:10px 0;border-bottom:1px solid rgba(148,163,184,.08)}
.log-item:last-child{border-bottom:none}
.log-ico{width:34px;height:34px;border-radius:50%;background:rgba(30,205,241,.1);border:1px solid rgba(30,205,241,.25);display:flex;align-items:center;justify-content:center;font-size:15px;flex-shrink:0}
.log-item .l-title{font-weight:600;font-size:14px}
.log-item .l-meta{font-size:12px;color:var(--muted)}
.log-item .l-text{font-size:13px;color:var(--muted);margin-top:3px;line-height:1.45}
#screen-contacts tbody tr{cursor:pointer}
.kcard{cursor:pointer}
body.light .drawer{background:linear-gradient(180deg,#ffffff,#f2f6fb)}
body.light .qbtn{background:#fff}

/* ---------- Light theme ---------- */
body.light{
  --bg:#edf1f7; --panel:#ffffff; --panel2:#f5f8fc; --line:rgba(15,23,42,.12);
  --cyan:#0b9ec2; --pink:#d63fd6;
  --text:#0f172a; --muted:#475569; --muted2:#94a3b8;
}
body.light .bg-glow{opacity:.35}
body.light .sidebar{background:rgba(255,255,255,.94)}
body.light .card{background:linear-gradient(165deg,#ffffff,#f2f6fb);box-shadow:0 8px 26px rgba(15,23,42,.08)}
body.light .kpi{background:linear-gradient(160deg,#ffffff,#f2f6fb);box-shadow:0 8px 22px rgba(15,23,42,.07)}
body.light .platform{background:linear-gradient(165deg,#ffffff,#f2f6fb);box-shadow:0 6px 18px rgba(15,23,42,.06)}
body.light .kcol{background:rgba(255,255,255,.75)}
body.light .kcard{background:linear-gradient(165deg,#ffffff,#eef3f9)}
body.light .oh-card{background:linear-gradient(165deg,#ffffff,#f2f6fb)}
body.light .msg.them .msg-bubble{background:rgba(15,23,42,.07)}
body.light .nav-item:hover{background:rgba(11,158,194,.08)}
body.light .nav-item.active{background:linear-gradient(90deg,rgba(11,158,194,.14),rgba(214,63,214,.1))}
body.light .search input,body.light .inbox-search input,body.light .thread-reply input,body.light .table-tools input{background:#fff}
body.light .data-table tr:hover td{background:rgba(11,158,194,.05)}
body.light .convo.active{background:rgba(11,158,194,.09)}
body.light .funnel-bar{background:rgba(15,23,42,.08)}
body.light .icon-btn{background:#fff}
body.light .muse-teaser{background:linear-gradient(165deg,rgba(214,63,214,.08),#ffffff)}