:root{--ink:#172b4d;--muted:#8290a5;--line:#e8edf3;--bg:#f5f7fa;--white:#fff;--navy:#102544;--blue:#3978ef;--blue-soft:#edf4ff;--green:#14886b;--green-soft:#eaf7f2;--amber:#b97818;--amber-soft:#fff6e7;--red:#d75461;--red-soft:#fff0f1;--shadow:0 2px 8px #1b35500a,0 10px 30px #1b355006}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:14px;-webkit-font-smoothing:antialiased}button,select,input{font:inherit}button{cursor:pointer}.sidebar{position:fixed;z-index:10;inset:0 auto 0 0;width:248px;background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column;padding:22px 15px 14px}.brand{display:flex;align-items:center;gap:10px;padding:0 10px 22px;text-decoration:none;color:var(--ink)}.brand-mark{width:37px;height:37px;background:var(--navy);border-radius:11px;display:grid;place-items:center}.brand-mark svg{width:28px;fill:#fff}.brand-name{font:800 15px Manrope,sans-serif;letter-spacing:.04em}.brand-name b{color:#4382ec}.brand-name small{display:block;color:#9aa7b8;font:700 10px 'DM Sans';letter-spacing:.2em;margin-top:1px}.workspace{margin:3px 0 27px;padding:11px 10px;border:1px solid var(--line);border-radius:10px;display:flex;gap:10px;align-items:center}.workspace-avatar{width:31px;height:31px;border-radius:9px;background:#edf2fb;color:#264d83;display:grid;place-items:center;font-weight:700}.workspace b,.user-row b{display:block;font-size:13px;font-weight:700}.workspace small,.user-row small,.sidebar-help small{display:block;color:var(--muted);font-size:12px;margin-top:3px}.chevron{color:#9aa7b8;margin-left:auto}.nav-label{font-size:11px;font-weight:700;letter-spacing:.13em;color:#a1adbd;padding:0 12px 10px}.nav-label-spaced{padding-top:27px}.nav{display:flex;flex-direction:column;gap:4px}.nav-item{height:42px;border:0;background:transparent;color:#718098;text-align:left;padding:0 12px;border-radius:8px;display:flex;align-items:center;gap:12px;font-size:14px;font-weight:600;transition:.15s}.nav-item:hover{background:#f5f8fc;color:var(--ink)}.nav-item.active{background:#edf4ff;color:#2d6fe0;font-weight:700}.nav-icon{width:17px;text-align:center;font-size:18px}.nav-count{margin-left:auto;background:#dce9ff;color:#3978ef;border-radius:10px;padding:2px 7px;font-size:12px}.sidebar-bottom{margin-top:auto}.sidebar-help{border:1px solid var(--line);border-radius:9px;padding:12px;display:flex;align-items:center;gap:10px;margin-bottom:13px}.help-orb{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#edf4ff;color:#427be0;font-weight:700}.sidebar-help b{font-size:12px}.sidebar-help .chevron{font-size:14px}.user-row{border-top:1px solid var(--line);padding:15px 2px 3px;display:flex;align-items:center;gap:9px}.avatar{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:700}.avatar-dark{background:#dbe7f4;color:#28496c}.avatar-blue{background:#e0ebff;color:#326fcf}.icon-button{background:none;border:0;color:#738199;font-size:18px;padding:7px;border-radius:7px}.icon-button:hover{background:#f0f4f8}.main-shell{margin-left:248px;min-height:100vh}.topbar{height:61px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 38px}.breadcrumbs{display:flex;align-items:center;gap:10px;color:#98a3b1;font-size:13px}.breadcrumbs b{color:#354763;font-weight:600}.crumb-sep{color:#c4ccd6}.top-actions{display:flex;align-items:center;gap:16px}.demo-pill{border:1px solid #f2dfbd;background:#fff9ee;color:#aa741f;border-radius:5px;font-size:11px;font-weight:700;letter-spacing:.08em;padding:6px 8px}.demo-pill i,.live-label i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#eba840;margin-right:5px;vertical-align:1px}.notification{position:relative;font-size:18px}.notification i{position:absolute;right:5px;top:5px;width:5px;height:5px;background:#e66d73;border-radius:50%}.filters{background:#fff;border-bottom:1px solid var(--line);padding:12px 38px 13px;display:flex;align-items:center;gap:24px}.filter-title{white-space:nowrap;display:flex;align-items:center;gap:8px;font-size:13px}.filter-icon{font-size:18px;color:#8090a5}.filter-muted{color:#a2adbb;font-size:12px}.filter-controls{display:flex;align-items:center;gap:8px;flex:1}.filter-controls label{height:32px;border:1px solid var(--line);border-radius:6px;padding:3px 9px;display:flex;align-items:center;gap:9px;min-width:136px;background:#fff}.filter-controls label span{color:#9aa6b6;font-size:11px;white-space:nowrap}.filter-controls select{border:0;outline:0;color:#3b4d67;background:transparent;font-size:12px;min-width:55px;max-width:132px;font-weight:600}.reset-button{border:0;background:none;color:#5881c5;font-size:12px;font-weight:600;padding:8px 5px}.page-wrap{max-width:1500px;margin:auto;padding:29px 38px 18px}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:22px}.eyebrow{font-size:11px;color:#9ba8b9;font-weight:700;letter-spacing:.13em}.live-label{margin-left:10px;background:#eef4fc;color:#5d79a2;padding:4px 6px;border-radius:4px;letter-spacing:.06em;font-size:10px}.live-label i{background:#72a0e8;width:5px;height:5px}h1,h2,h3,p{margin-top:0}h1{font:700 26px Manrope,sans-serif;letter-spacing:-.045em;margin:10px 0 5px;color:#172c4c}.wave{font-size:18px;color:#e9ac56;vertical-align:3px} .page-heading p{margin:0;color:#8592a5;font-size:13px}.primary-button{border:0;border-radius:7px;background:var(--navy);color:#fff;padding:10px 14px;font-size:12px;font-weight:600;box-shadow:0 3px 8px #10254420}.primary-button:hover{background:#1c3d67}.primary-button span{font-size:15px;margin-right:6px}.page-footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:13px;margin-top:23px;font-size:11px;color:#a2adba}.page-footer b{font-weight:600;color:#8491a1}.grid{display:grid;gap:13px}.kpi-grid{grid-template-columns:repeat(6,minmax(0,1fr));margin-bottom:14px}.card{background:#fff;border:1px solid #e9eef3;border-radius:10px;box-shadow:var(--shadow)}.kpi{padding:15px 14px 13px;min-height:108px}.kpi-top{display:flex;align-items:center;justify-content:space-between;color:#8290a2;font-size:12px;font-weight:500}.kpi-icon{width:25px;height:25px;border-radius:7px;display:grid;place-items:center;color:#4a7ed1;background:#eff5ff;font-size:14px}.kpi-value{font:700 21px Manrope,sans-serif;letter-spacing:-.04em;color:#192d4c;margin-top:12px}.kpi-foot{display:flex;align-items:center;gap:5px;margin-top:6px;font-size:11px;color:#9ba7b5}.trend-up{color:#168568;font-weight:700}.trend-down{color:#d15c68;font-weight:700}.content-grid{grid-template-columns:minmax(0,1.55fr) minmax(280px,1fr);margin-bottom:14px}.card-head{padding:15px 17px 10px;display:flex;align-items:center;justify-content:space-between}.card-title{font:700 14px Manrope,sans-serif;color:#233958}.card-subtitle{color:#9ba7b6;font-size:11px;margin-top:4px}.select-small{border:1px solid var(--line);background:white;border-radius:5px;color:#75849a;padding:5px 7px;font-size:11px}.chart-card{padding-bottom:10px}.chart-legend{display:flex;gap:14px;color:#8290a3;font-size:11px}.legend-dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:5px}.chart-area{padding:4px 15px 0;height:205px}.chart-area svg{width:100%;height:100%;overflow:visible}.grid-line{stroke:#edf1f5;stroke-width:1}.axis-text{font:11px 'DM Sans';fill:#a7b1be}.chart-line{fill:none;stroke:#4481ed;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}.chart-line.second{stroke:#73c5a5;stroke-width:2}.chart-fill{fill:url(#areaFill)}.chart-legend .spend{background:#4481ed}.chart-legend .leads{background:#73c5a5}.chart-foot{display:flex;justify-content:space-between;padding:0 17px;color:#9ba7b5;font-size:11px}.channel-card{padding-bottom:11px}.channel-row{padding:12px 17px 10px;display:grid;grid-template-columns:94px 1fr 61px;gap:10px;align-items:center;border-top:1px solid #f0f3f6}.channel-name{font-size:12px;font-weight:600;color:#445670}.channel-meta{color:#a0abba;font-size:10px;margin-top:4px}.bar-track{height:6px;background:#f0f3f7;border-radius:8px;overflow:hidden}.bar-fill{height:100%;background:#4a82e7;border-radius:8px}.bar-fill.meta{background:#5579db}.bar-fill.google{background:#35a881}.bar-fill.youtube{background:#e17c72}.bar-fill.website{background:#aa89dc}.channel-roas{text-align:right;font-size:12px;font-weight:700;color:#335d9e}.channel-roas small{display:block;font-size:10px;font-weight:400;color:#a0abba;margin-top:3px}.lower-grid{grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr)}.table-card{overflow:hidden}.table-head{padding:15px 17px 12px;display:flex;align-items:center;justify-content:space-between}.text-link{border:0;background:none;color:#4377ce;font-size:11px;font-weight:600}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}th{text-align:left;padding:9px 13px;background:#fafbfd;border-top:1px solid #eff2f6;border-bottom:1px solid #eff2f6;color:#9aa6b5;font-size:10px;letter-spacing:.06em;font-weight:700}td{padding:10px 13px;border-bottom:1px solid #f1f3f6;color:#56677f;font-size:11px}tbody tr:last-child td{border-bottom:0}.person-cell{display:flex;align-items:center;gap:8px;color:#344a68;font-weight:600}.mini-avatar{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#e8f0fc;color:#4673b6;font-size:10px;font-weight:700}.score-track{width:54px;height:4px;background:#eef1f5;border-radius:5px;display:inline-block;vertical-align:middle;margin-right:5px}.score-fill{display:block;height:100%;border-radius:5px;background:#68b99d}.alert-list{padding:0 16px 10px}.alert-row{display:flex;gap:10px;padding:11px 0;border-top:1px solid #f0f3f6;align-items:flex-start}.alert-mark{width:23px;height:23px;border-radius:7px;display:grid;place-items:center;flex:none;font-size:13px}.alert-mark.amber{background:var(--amber-soft);color:#cb8b24}.alert-mark.red{background:var(--red-soft);color:#d25f6a}.alert-mark.blue{background:var(--blue-soft);color:#5182d7}.alert-text{font-size:12px;color:#455771;line-height:1.5}.alert-text small{display:block;color:#a1adbb;font-size:10px;margin-top:3px}.alert-pill{margin-left:auto;border-radius:10px;background:#fff2d9;color:#ad791f;font-size:10px;padding:3px 6px;white-space:nowrap}.section-row{display:flex;justify-content:space-between;align-items:center;margin:18px 0 10px}.section-row h2{font:700 14px Manrope;margin:0}.section-row span{color:#99a5b4;font-size:11px}.view{display:none}.view.visible{display:block}.toolbar{display:flex;gap:9px;align-items:center;margin:0 0 12px}.search-box{height:34px;display:flex;align-items:center;gap:7px;padding:0 10px;border:1px solid var(--line);background:white;border-radius:7px;flex:1;max-width:300px;color:#a0adbd}.search-box input{border:0;outline:0;min-width:0;font-size:12px;color:var(--ink);width:100%}.toolbar select,.secondary-button{height:34px;padding:0 10px;border:1px solid var(--line);border-radius:7px;background:white;color:#60718a;font-size:12px}.secondary-button{font-weight:600}.status{display:inline-block;border-radius:10px;padding:4px 7px;font-size:10px;font-weight:600}.status.new{background:#edf4ff;color:#4b7dc9}.status.contacted{background:#eff3fa;color:#73839d}.status.qualified{background:#e9f7f1;color:#2c9672}.status.proposal{background:#f3edff;color:#8b6ac2}.status.won{background:#e8f7ef;color:#309369}.status.lost{background:#fff0f1;color:#cf6470}.lead-name{font-size:12px;color:#304764;font-weight:700}.lead-sub{font-size:10px;color:#9aa6b6;margin-top:3px}.clickable-row{cursor:pointer}.clickable-row:hover{background:#fafcff}.table-count{font-size:11px;color:#98a4b2;padding:10px 14px}.analytics-kpis{grid-template-columns:repeat(4,1fr)}.ad-dot{width:7px;height:7px;border-radius:50%;display:inline-block;margin-right:6px}.ad-dot.meta{background:#5078df}.ad-dot.google{background:#35a881}.ad-dot.youtube{background:#e1776c}.split-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:5px 17px 16px}.split-stat{padding:12px;border:1px solid #edf1f5;border-radius:8px}.split-stat small{display:block;color:#9da9b7;font-size:10px}.split-stat b{display:block;font:700 16px Manrope;margin-top:6px}.split-stat span{font-size:10px;color:#8493a6}.sales-cards{grid-template-columns:repeat(4,1fr);margin-bottom:14px}.sales-person{padding:16px}.sales-person-top{display:flex;align-items:center;gap:10px}.sales-person .mini-avatar{width:36px;height:36px;font-size:12px}.sales-person h3{margin:0;color:#2b4161;font-size:13px}.sales-person small{color:#9ba7b5;font-size:11px}.sales-big{font:700 22px Manrope;margin:17px 0 3px}.sales-label{font-size:11px;color:#9aa6b5}.sales-person-stats{display:flex;justify-content:space-between;border-top:1px solid #f0f3f6;margin-top:13px;padding-top:11px;color:#8390a2;font-size:11px}.revenue-kpis{grid-template-columns:repeat(4,1fr);margin-bottom:14px}.recon{color:#278e70;font-size:11px;font-weight:600}.recon::before{content:'●';font-size:9px;margin-right:5px}.recon.pending{color:#bb842b}.recon.pending::before{color:#e5ad47}.payment-ref{color:#9ba8b6;font-size:10px}.settings-layout{grid-template-columns:1fr 1fr}.integration-row{display:flex;align-items:center;padding:13px 16px;border-top:1px solid #f0f3f6;gap:11px}.integration-logo{width:31px;height:31px;border-radius:9px;display:grid;place-items:center;background:#f2f5fa;color:#486182;font-weight:700}.integration-info{flex:1}.integration-info b{display:block;font-size:12px;color:#40536f}.integration-info small{display:block;color:#a1adba;font-size:10px;margin-top:3px}.connection{font-size:10px;border-radius:10px;padding:4px 7px;background:#fff5e5;color:#b47c27}.connection.demo{background:#edf4ff;color:#5680bf}.integration-row button{border:1px solid var(--line);border-radius:5px;background:#fff;color:#62748e;padding:5px 8px;font-size:10px}.settings-tabs{display:flex;gap:16px;border-bottom:1px solid var(--line);padding:0 16px}.settings-tab{border:0;background:none;color:#8b98aa;padding:12px 0;font-size:11px}.settings-tab.active{color:#3674db;border-bottom:2px solid #4480e7;font-weight:700}.timeline{padding:6px 17px 16px}.timeline-item{display:grid;grid-template-columns:20px 1fr;gap:10px;padding:10px 0}.timeline-icon{width:19px;height:19px;border-radius:50%;background:#edf4ff;color:#4a7ed1;display:grid;place-items:center;font-size:11px}.timeline-text{font-size:11px;color:#52647e;line-height:1.5}.timeline-text b{color:#344a68}.timeline-text small{display:block;color:#9ba7b5;font-size:10px;margin-top:3px}.empty-state{text-align:center;padding:35px;color:#9ba7b5;font-size:13px}.toast{position:fixed;z-index:30;bottom:20px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;transition:.2s;background:#183557;color:white;border-radius:8px;padding:11px 16px;font-size:12px;box-shadow:0 8px 28px #10254438}.toast.show{opacity:1;transform:translate(-50%,0)}.menu-toggle{display:none}
@media(max-width:1200px){.sidebar{width:220px}.main-shell{margin-left:220px}.topbar,.filters{padding-left:25px;padding-right:25px}.page-wrap{padding-left:25px;padding-right:25px}.filters{gap:12px}.filter-muted{display:none}.filter-controls label{min-width:120px;padding:3px 6px}.kpi-grid{grid-template-columns:repeat(3,1fr)}.channel-row{grid-template-columns:80px 1fr 50px}}
@media(max-width:900px){.sidebar{transform:translateX(-100%);transition:.2s;box-shadow:0 0 0 transparent}.sidebar.open{transform:translateX(0);box-shadow:10px 0 30px #142b4c20}.main-shell{margin-left:0}.menu-toggle{display:block;margin-right:8px}.topbar{justify-content:flex-start}.top-actions{margin-left:auto}.filters{align-items:flex-start;flex-direction:column;gap:9px}.filter-controls{width:100%;flex-wrap:wrap}.filter-controls label{flex:1;min-width:140px}.content-grid,.lower-grid{grid-template-columns:1fr}.sales-cards{grid-template-columns:repeat(2,1fr)}.settings-layout{grid-template-columns:1fr}.page-footer{flex-wrap:wrap;gap:8px}}
@media(max-width:560px){.topbar{height:54px;padding:0 14px}.breadcrumbs{font-size:12px}.top-actions{gap:7px}.demo-pill{font-size:10px;padding:5px}.notification{display:none}.filters{padding:11px 14px}.filter-title{font-size:12px}.filter-controls{gap:6px}.filter-controls label{min-width:calc(50% - 4px);height:31px}.filter-controls label span{font-size:10px}.filter-controls select{font-size:11px;max-width:105px}.page-wrap{padding:22px 14px 15px}.page-heading{align-items:flex-start;gap:12px}.page-heading h1{font-size:21px}.page-heading p{font-size:12px;line-height:1.5;max-width:270px}.primary-button{padding:9px;font-size:11px;white-space:nowrap}.primary-button span{margin-right:2px}.kpi-grid{grid-template-columns:repeat(2,1fr);gap:8px}.kpi{min-height:101px;padding:12px}.kpi-value{font-size:19px}.kpi-top{font-size:11px}.chart-area{height:170px}.chart-legend{font-size:10px;gap:9px}.channel-row{grid-template-columns:78px 1fr 46px;padding:11px 12px}.card-head,.table-head{padding-left:13px;padding-right:13px}.sales-cards{gap:8px}.sales-person{padding:12px}.sales-person-top{gap:7px}.sales-person h3{font-size:12px}.sales-big{font-size:19px}.sales-person-stats{font-size:10px}.analytics-kpis,.revenue-kpis{grid-template-columns:repeat(2,1fr)}.toolbar{flex-wrap:wrap}.search-box{max-width:none;flex-basis:100%}.toolbar select{flex:1}.page-footer{font-size:10px}.eyebrow{font-size:10px}.live-label{display:inline-block;margin-left:4px}.settings-tabs{gap:11px}.settings-tab{font-size:10px}}
.lower-grid{grid-template-columns:1.05fr 1.2fr .9fr}.mini-funnel{padding:2px 16px 8px}.mini-funnel-row{display:grid;grid-template-columns:minmax(72px,1fr) 45px;gap:6px;align-items:center;margin:11px 0}.mini-funnel-row span{font-size:11px;color:#78889f}.mini-funnel-row b{text-align:right;color:#344b69;font-size:12px}.mini-funnel-row i{grid-column:1/3;height:5px;border-radius:5px;background:#f0f3f7;overflow:hidden}.mini-funnel-row em{display:block;height:100%;border-radius:5px;background:#5486e3}.funnel-list{padding:2px 17px 8px}.funnel-stage{width:100%;display:grid;grid-template-columns:30px minmax(0,1fr) 62px 42px;gap:10px;align-items:center;text-align:left;border:0;border-top:1px solid #f0f3f6;background:#fff;padding:11px 0;color:var(--ink)}.funnel-stage:hover{background:#fafcff}.funnel-index{width:24px;height:24px;border-radius:7px;background:#eef4fd;color:#5d83be;display:grid;place-items:center;font-size:10px;font-weight:700}.funnel-stage-main b{font-size:12px;color:#40536f}.funnel-stage-main small{display:block;color:#9aa7b6;font-size:10px;margin-top:2px}.funnel-stage-main i{height:4px;display:block;background:#edf1f6;border-radius:5px;margin-top:7px;overflow:hidden}.funnel-stage-main em{height:100%;display:block;background:#4b83e8;border-radius:5px}.funnel-stage strong{text-align:right;font:700 14px Manrope}.funnel-rate{text-align:right;color:#8d9aab;font-size:11px}.notice-card{margin-top:13px;border:1px solid #dfe9f7;border-radius:8px;background:#f8fbff;padding:13px 15px;color:#71829a;font-size:11px;line-height:1.55}.notice-card b{color:#385d92;margin-right:5px}.kpi[title]{cursor:help}
@media(max-width:560px){.lower-grid{grid-template-columns:1fr}.funnel-list{padding-left:12px;padding-right:12px}.funnel-stage{grid-template-columns:25px minmax(0,1fr) 48px 34px;gap:7px}.funnel-stage strong{font-size:12px}.funnel-stage-main b{font-size:11px}.funnel-stage-main small{font-size:9px}}
@media(max-width:900px){.lower-grid{grid-template-columns:1fr}}
.demo-pill.live{background:#eaf7f1;border-color:#d6eee3;color:#287c5f}.demo-pill.live i{background:#35a881}.demo-pill.error{background:#fff0f1;border-color:#f1dadd;color:#b45360}.demo-pill.error i{background:#d45f6c}.kpi.live-kpi{border-color:#cfe9dc}.meta-setup-card{padding:15px 17px;margin-bottom:14px}.meta-setup-card .table-head{padding:0 0 12px}.meta-setup-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;align-items:end}.meta-setup-form label{display:grid;gap:6px;color:#60718a;font-size:11px;font-weight:600}.meta-setup-form input{height:36px;min-width:0;border:1px solid var(--line);border-radius:6px;padding:0 10px;color:var(--ink);font:12px 'DM Sans',sans-serif}.meta-setup-form input:focus{outline:2px solid #dce9fb;border-color:#82a8e6}.meta-privacy-note,.meta-form-result{grid-column:1/-1;margin:0;color:#8b98aa;font-size:11px;line-height:1.55}.meta-form-result:not(:empty){color:#3e6e5c}.meta-setup-form button{justify-self:start}.meta-reconfigure{border-top:1px solid #eef1f5;padding-top:10px}.meta-reconfigure summary{cursor:pointer;color:#5879ac;font-size:11px;font-weight:600;margin-bottom:12px}.meta-sync-button{margin-left:8px}.meta-live-notice{margin:0 0 13px;display:flex;gap:6px;align-items:baseline}.meta-live-notice span{color:#60738e}.meta-live-error{background:#fff8f8;border-color:#f1dddd}.meta-live-error b{color:#b45260}
@media(max-width:700px){.meta-setup-form{grid-template-columns:1fr}.meta-privacy-note,.meta-form-result{grid-column:auto}.meta-live-notice{display:block}.meta-live-notice b{display:block;margin-bottom:3px}}
.brand{justify-content:center;padding:2px 8px 19px}.brand img{display:block;width:170px;max-width:100%;height:auto;object-fit:contain}
.filters{align-items:flex-start;flex-wrap:wrap}.filter-title{padding-top:8px}.filter-controls{flex-wrap:wrap}.custom-date-fields{display:flex;align-items:center;gap:6px}.custom-date-fields[hidden]{display:none!important}.custom-date-fields label{min-width:130px}.custom-date-fields input{border:0;outline:0;color:#3b4d67;background:transparent;font-size:12px;max-width:135px}.apply-date-button{height:30px;white-space:nowrap}.source-tabs{display:flex;gap:7px;overflow-x:auto;border-bottom:1px solid var(--line);margin-bottom:15px;padding-bottom:8px}.source-tab{flex:none;border:1px solid #e6ebf2;background:#fff;color:#65758c;border-radius:7px;padding:9px 12px;font-size:12px;font-weight:600}.source-tab.active{border-color:#cbdcf7;background:#eef4ff;color:#316dc8}.source-panel-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:5px 0 13px;padding:14px 16px;background:#fff;border:1px solid #e9eef3;border-radius:9px}.source-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.source-demo-notice{margin:0 0 14px}.source-demo-notice b{display:block;margin:0 0 3px}.source-panel-head .card-subtitle{max-width:620px}.source-metrics .kpi-value{font-size:20px}.source-metrics .kpi{min-height:101px}
@media(max-width:900px){.source-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.filter-title{width:100%}.custom-date-fields{flex-wrap:wrap}}
@media(max-width:560px){.source-tabs{margin-right:-14px;padding-right:14px}.source-tab{padding:8px 10px;font-size:11px}.source-panel-head{align-items:flex-start;flex-direction:column}.source-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.source-metrics .kpi{padding:12px}.custom-date-fields{width:100%}.custom-date-fields label{min-width:calc(50% - 4px)}.custom-date-fields input{max-width:100%;width:100%}}
.connection.connected{background:#e8f7ef;color:#278765}.connection.pending{background:#fff5e5;color:#b47c27}
.meta-campaign-control{display:flex;align-items:center;gap:8px;margin-left:auto;color:#71829a;font-size:11px;font-weight:600;white-space:nowrap}.meta-campaign-control select{max-width:260px;min-width:190px;height:34px;padding:0 10px;border:1px solid #e1e8f0;border-radius:7px;background:#fff;color:#334967;font:12px 'DM Sans',sans-serif}.meta-campaign-breakdown{margin-top:20px}.meta-campaign-breakdown .section-row{align-items:flex-end}.meta-campaign-breakdown .section-row h2{margin-bottom:3px}.meta-campaign-breakdown .section-row span,.meta-campaign-breakdown .section-row>b{font-size:11px;color:#8c9aae}.meta-spend-share{display:flex;align-items:center;gap:8px;min-width:100px}.meta-spend-share i{display:block;min-width:2px;height:6px;border-radius:5px;background:#5285e5}.meta-spend-share span{font-size:11px;color:#6e7f95;white-space:nowrap}
.filters[hidden]{display:none!important}
@media(max-width:700px){.source-panel-head{flex-wrap:wrap}.meta-campaign-control{width:100%;margin-left:0;justify-content:space-between}.meta-campaign-control select{flex:1;max-width:none;min-width:0}}
.daily-report-head{align-items:center}.daily-report-head>div:first-child{display:grid;gap:3px}.daily-report-head .meta-campaign-control{margin-left:auto}

/* PHD Capital glass refresh: the purple and green logo accents sit on a calm graphite base. */
:root{--ink:#17171c;--muted:#777783;--line:#e9e7ef;--bg:#f7f6fa;--white:#fff;--navy:#17171c;--blue:#7154c8;--blue-soft:#f0ebfb;--green:#24a953;--green-soft:#e9f8ee;--shadow:0 10px 30px #291b4b0a,0 2px 8px #17171c08}
body{background:radial-gradient(ellipse at 82% -5%,#e9e2f8 0,transparent 30%),radial-gradient(ellipse at 12% 38%,#eef8f0 0,transparent 25%),#f7f6fa;color:#202026}
.sidebar,.topbar,.filters{background:#ffffffd9;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.sidebar{border-right-color:#ffffff;border-right-width:1px;box-shadow:8px 0 30px #24143a08}
.brand-mark{background:#17171c}.brand-name b{color:#7154c8}.workspace{background:#ffffff9c;border-color:#ece9f2}
.nav-item{transition:background .22s ease,color .22s ease,transform .22s ease}.nav-item:hover{background:#f1edf9;color:#4f3c8c;transform:translateX(2px)}.nav-item.active{background:linear-gradient(105deg,#efeafb,#f3f8f1);color:#5c43a7;box-shadow:inset 3px 0 #7154c8}
.topbar{border-bottom-color:#ffffff}.filters{box-shadow:0 8px 22px #18131e06}.filter-controls label{background:#ffffffa8;border-color:#e9e5ef;border-radius:9px;transition:border .2s,box-shadow .2s}.filter-controls label:focus-within,.date-filter-group label:focus-within{border-color:#a493dc;box-shadow:0 0 0 3px #7154c81a}
.page-wrap{animation:page-rise .45s cubic-bezier(.2,.75,.25,1) both}@keyframes page-rise{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
.page-heading h1{color:#18181e}.eyebrow{color:#827f90}.live-label{background:#f0ebfb;color:#6349b1}.live-label i{background:#36ba67}
.card{background:linear-gradient(145deg,#ffffffed,#ffffffd6);border:1px solid #ffffff;box-shadow:0 12px 32px #3021480a,0 2px 8px #18131e08;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.card:hover{transform:translateY(-2px);border-color:#e5def5;box-shadow:0 18px 40px #30214812,0 3px 9px #18131e08}
.kpi{position:relative;overflow:hidden;border-radius:14px}.kpi:after{content:"";position:absolute;right:-20px;top:-27px;width:88px;height:88px;border-radius:50%;background:radial-gradient(circle,#7658ca18,transparent 70%);pointer-events:none}.kpi-icon{color:#654bb1;background:linear-gradient(140deg,#f2edfb,#edf7ef);border:1px solid #fff}.kpi-value{color:#1c1b22}.kpi-foot .trend-up{color:#1d9a50}
.chart-card,.channel-card,.table-card,.sales-person,.source-panel-head,.ad-spend-chart{border-radius:15px}.chart-area{height:225px}.chart-line{stroke:#7154c8;stroke-width:3}.chart-line.second{stroke:#2ab35a;stroke-width:2.5}.chart-fill{opacity:.9}.grid-line{stroke:#eeeaf3}.chart-legend .spend{background:#7154c8}.chart-legend .leads{background:#2ab35a}
.section-row h2,.card-title{color:#23212a}.table-card{overflow:hidden}.table-wrap th{color:#868293;background:#faf9fc}.table-wrap td{border-top-color:#f0eef4}.table-wrap tbody tr{transition:background .18s ease}.table-wrap tbody tr:hover{background:#f7f4fc}.table-wrap{scrollbar-color:#c6b9e7 transparent;scrollbar-width:thin}
.primary-button{background:linear-gradient(120deg,#17171c,#35313e);box-shadow:0 6px 16px #17171c20;transition:transform .2s,box-shadow .2s}.primary-button:hover{background:linear-gradient(120deg,#25232b,#4d4561);transform:translateY(-1px);box-shadow:0 9px 20px #17171c26}.status.qualified{background:#eaf8ee;color:#268d48}.notice-card{border-radius:12px;background:linear-gradient(120deg,#f5f1fc,#f4faf5);border-color:#e9e4f1}
.source-panel-head{padding:17px 19px;background:linear-gradient(115deg,#ffffffef,#f7f3ffcc);border:1px solid #fff;box-shadow:var(--shadow);margin-bottom:13px}.source-metrics{gap:12px}.ad-metric-grid .kpi{min-height:112px}.ad-metric-grid .kpi:nth-child(4n+2):after{background:radial-gradient(circle,#34b7681b,transparent 70%)}
.meta-campaign-breakdown .card{border-radius:14px}.meta-spend-share i,.sales-person:before{background:linear-gradient(90deg,#7558c9,#a48be5)}.meta-spend-share i{box-shadow:0 2px 8px #7154c833}.sales-person{overflow:hidden}.sales-person:before{height:3px}.sales-big{color:#272230}.funnel-index,.funnel-rate,.funnel-stage i em{background:linear-gradient(100deg,#7154c8,#37b55d)}
.ad-spend-chart{padding-bottom:16px;margin:0 0 15px}.ad-spend-chart .card-head{padding-bottom:13px}.ad-spend-bars{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 28px;padding:5px 18px 2px}.ad-spend-row{min-width:0}.ad-spend-meta{display:flex;justify-content:space-between;gap:12px;align-items:center;color:#312d39;font-size:12px}.ad-spend-meta b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ad-spend-meta span{font-weight:700;white-space:nowrap}.ad-spend-track{height:9px;border-radius:10px;background:#f0edf5;overflow:hidden;margin:9px 0 6px}.ad-spend-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#7154c8,#9f86df 72%,#38b761);box-shadow:0 2px 8px #7154c83c;transition:width .6s cubic-bezier(.2,.75,.25,1)}.ad-spend-row small{font-size:11px;color:#858190}.ad-spend-row small span{color:#b8b4c1;padding:0 3px}
.daily-report-head{flex-wrap:wrap;gap:10px;padding:12px 14px;margin:0 0 10px;border:1px solid #ffffff;background:#ffffffa6;border-radius:14px;box-shadow:var(--shadow);backdrop-filter:blur(12px)}.daily-report-head>div:first-child{min-width:160px;margin-right:auto}.daily-report-head .date-filter-group{display:flex;align-items:center;gap:7px;margin-left:0}.date-filter-group>label,.date-filter-group .custom-date-fields>label{height:34px;border:1px solid #e9e5ef;border-radius:9px;background:#fff;padding:3px 10px;display:flex;align-items:center;gap:9px}.date-filter-group label span{font-size:11px;color:#898595;white-space:nowrap}.date-filter-group select{border:0;outline:0;background:transparent;color:#352f43;font-weight:700;font-size:12px;max-width:145px}.date-filter-group .custom-date-fields{display:flex;align-items:center;gap:6px}.date-filter-group input{border:0;background:transparent;color:#352f43;font-size:12px;max-width:118px}.date-filter-group .secondary-button{height:34px;border:0;border-radius:8px;padding:0 11px;background:#7154c8;color:#fff;font-weight:700;font-size:12px}.daily-report-head .meta-campaign-control{height:34px;display:flex;align-items:center;gap:8px;margin-left:0;padding:3px 10px;border:1px solid #e9e5ef;border-radius:9px;background:#fff}.daily-report-head .meta-campaign-control span{font-size:11px;color:#898595}.daily-report-head .meta-campaign-control select{border:0;background:transparent;color:#352f43;font-weight:700;font-size:12px;max-width:170px}
.daily-report-head .meta-sort-control{height:34px;display:flex;align-items:center;gap:8px;padding:3px 10px;border:1px solid #e9e5ef;border-radius:9px;background:#fff}.daily-report-head .meta-sort-control span{color:#898595;font-size:11px;white-space:nowrap}.daily-report-head .meta-sort-control select{max-width:155px;border:0;background:transparent;color:#352f43;font-size:12px;font-weight:700;outline:0}
button,select,input{transition:color .2s ease,background-color .2s ease,border-color .2s ease,box-shadow .2s ease}button:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #7154c83b;outline-offset:2px}
@media(max-width:980px){.ad-spend-bars{gap:16px}.source-panel-head{align-items:flex-start}}
@media(max-width:700px){.daily-report-head{align-items:stretch}.daily-report-head>div:first-child{width:100%}.daily-report-head .date-filter-group{width:100%;flex-wrap:wrap}.daily-report-head .meta-campaign-control,.daily-report-head .meta-sort-control{margin-left:0;flex:1;justify-content:space-between;min-width:0}.daily-report-head .meta-campaign-control select,.daily-report-head .meta-sort-control select{max-width:none;min-width:0;flex:1}.date-filter-group .custom-date-fields{width:100%;flex-wrap:wrap}.date-filter-group .custom-date-fields>label{flex:1;min-width:130px}.ad-spend-bars{grid-template-columns:1fr}.page-wrap{padding-top:21px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
.meta-campaign-breakdown{margin:0 0 20px;padding:0 0 2px}.meta-campaign-breakdown>.section-row{margin:0 0 12px;align-items:flex-end}.meta-campaign-breakdown>.section-row h2{font-size:15px}.meta-campaign-breakdown>.section-row>div>span{display:block;line-height:1.5}.meta-campaign-visual-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.meta-campaign-visual-card{padding:16px 17px 14px;border-radius:15px;min-width:0}.meta-campaign-visual-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.meta-campaign-kicker{display:block;color:#9692a1;font-size:10px;font-weight:700;letter-spacing:.1em}.meta-campaign-visual-head h3{margin:4px 0 0;color:#292632;font:700 14px Manrope,sans-serif}.meta-campaign-share{flex:none;padding:6px 9px;border-radius:9px;background:#f2edfb;color:#6448b4;font-size:12px;font-weight:800}.meta-campaign-share small{font-size:10px;font-weight:600;color:#827b92}.meta-campaign-spend{display:flex;align-items:baseline;gap:8px;margin-top:13px;color:#1d1b23;font:800 22px Manrope,sans-serif;letter-spacing:-.04em}.meta-campaign-spend span{color:#8d8996;font:500 11px 'DM Sans',sans-serif;letter-spacing:0}.meta-campaign-bar,.meta-campaign-stat>i{display:block;height:7px;border-radius:10px;background:#f0edf5;overflow:hidden}.meta-campaign-bar{height:9px;margin:9px 0 14px}.meta-campaign-bar i{display:block;height:100%;min-width:3px;border-radius:inherit;background:linear-gradient(90deg,#7154c8,#a38ce1 70%,#31b65c);box-shadow:0 2px 8px #7154c82b;transition:width .55s ease}.meta-campaign-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 14px}.meta-campaign-stat{min-width:0}.meta-campaign-stat>div{display:flex;justify-content:space-between;align-items:baseline;gap:5px;margin-bottom:6px}.meta-campaign-stat span{color:#858190;font-size:11px}.meta-campaign-stat b{color:#393541;font-size:12px;font-weight:700;white-space:nowrap}.meta-campaign-stat>i{height:4px}.meta-campaign-stat>i:after{content:"";display:block;width:var(--bar);height:100%;border-radius:inherit;background:linear-gradient(90deg,#7154c8,#9a83d6);transition:width .55s ease}.meta-campaign-stat>i.clicks:after{background:linear-gradient(90deg,#2da755,#7bc58c)}.meta-campaign-stat.compact{display:flex;justify-content:space-between;align-items:baseline;gap:5px;border-top:1px solid #f0edf4;padding-top:8px}.meta-campaign-footnote{padding:9px 2px 0;color:#938f9d;font-size:10px}.meta-campaign-breakdown+.source-metrics{margin-top:0}

/* Unified PHD Capital premium glass theme across every dashboard section. */
:root{--ink:#211a38;--muted:#817b95;--line:#e6e0f2;--bg:#f5f1ff;--white:#fff;--navy:#30205f;--blue:#6545d5;--blue-soft:#f0eaff;--shadow:0 8px 28px #45316e0d,0 2px 8px #45316e08}
body{background:radial-gradient(ellipse at 85% 0%,#e9dfff 0,transparent 38%),radial-gradient(ellipse at 8% 36%,#eef8f0 0,transparent 27%),linear-gradient(145deg,#f7f3ff,#f1effb 55%,#f5f7fc);color:var(--ink)}
.sidebar{background:#ffffffd9;border-right-color:#e8e1f2;box-shadow:8px 0 30px #33205f08;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.workspace,.sidebar-help{background:#ffffffa8;border-color:#e9e3f1;border-radius:14px;box-shadow:0 5px 18px #4b347109}
.nav-item{border-radius:12px;color:#706985}.nav-item:hover{background:#f3effb;color:#352365}.nav-item.active{background:linear-gradient(105deg,#eee8ff,#f1f8f2);color:#5a3fc5;box-shadow:inset 3px 0 #7455d3,0 5px 16px #5738aa0a}
.topbar,.filters{background:#ffffffc9;border-color:#e8e2f0;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.page-wrap{padding-top:30px}.page-heading{margin-bottom:24px}h1{color:#211a38}.page-heading p,.filter-muted{color:#807a93}
.card,.notice-card,.daily-report-head,.source-panel-head,.settings-panel,.integration-card,.metric-card{background:linear-gradient(145deg,#ffffffed,#ffffffc7);border-color:#ffffff;box-shadow:0 12px 34px #3c2c5d0c,0 2px 8px #32204f07;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.card{border-radius:16px}.card:hover{border-color:#dfd4f5;box-shadow:0 18px 42px #3b285d14,0 4px 12px #32204f0a}
.page-heading .eyebrow,.nav-label{color:#928ba5}.card-title,.section-row h2,.table-head h2{color:#29213e}
.filter-controls label,.date-filter-group>label,.date-filter-group .custom-date-fields>label,.daily-report-head .meta-campaign-control,.daily-report-head .meta-sort-control,.select-small{background:#ffffffb8;border-color:#e7e0f0;border-radius:10px}
.filter-controls select,.date-filter-group select,.daily-report-head select{color:#342553}.reset-button,.text-link{color:#6245ca}
.primary-button{background:linear-gradient(120deg,#6746db,#4d34bf);box-shadow:0 8px 20px #5d3bc72c}.primary-button:hover{background:linear-gradient(120deg,#7557e5,#563bc9)}
.demo-pill,.live-label{border-color:#e5dcf5;background:linear-gradient(110deg,#f1eaff,#eef8f1);color:#6348b5;border-radius:8px}
.kpi,.alert-row,.channel-row,.sales-person,.source-card,.integration-card,.settings-card{border-radius:15px}
.kpi-icon,.help-orb{color:#6445c7;background:linear-gradient(145deg,#eee8ff,#eef8f1);border-color:#fff}
.kpi-grid .kpi-value{color:#281d45}.chart-line{stroke:#6948d2}.chart-line.second{stroke:#31a867}.chart-legend .spend{background:#6948d2}.chart-legend .leads{background:#31a867}
.bar-track,.score-track{background:#eeeaf5}.bar-fill,.bar-fill.meta{background:linear-gradient(90deg,#6244cc,#8e72e2)}
th{background:#f8f6fc;color:#88819a}td{color:#5c5670}.table-wrap tbody tr:hover{background:#f7f3ff}
.status,.badge,.tag,.nav-count{border-radius:999px}.nav-count{background:#ece6ff;color:#6546cc}
input,select,textarea{accent-color:#6546ce}button:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible{outline-color:#7254d45c}
.notice-card{background:linear-gradient(110deg,#f4efffdd,#f1faf3db);border-color:#e9e1f4}
.meta-campaign-total-card,.meta-campaign-result-hero,.meta-campaign-result-chart{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.source-tabs,.settings-tabs{gap:8px;border-bottom-color:#e7e0f0}
.source-tab,.settings-tab{border:1px solid #e6def1;border-radius:11px;background:#ffffffa8;color:#706985;box-shadow:0 3px 12px #38265308}
.source-tab:hover,.settings-tab:hover{background:#f3effb;color:#4f37a8}
.source-tab.active,.settings-tab.active{border-color:#d8ccf3;background:linear-gradient(110deg,#eee8ff,#f0f8f2);color:#5d40bf;box-shadow:inset 0 -2px #704ed0,0 4px 14px #6243be0c}
.secondary-button,.apply-date-button,.meta-sync-button{border:1px solid #e4dcf1;border-radius:10px;background:#ffffffbd;color:#5f49a0}
.secondary-button:hover,.apply-date-button:hover,.meta-sync-button:hover{border-color:#d4c6ef;background:#f4f0fc}
.meta-setup-form,.settings-panel,.settings-card,.integration-row{border-color:#e9e3f0;border-radius:15px;background:linear-gradient(145deg,#ffffffed,#ffffffc7);box-shadow:0 8px 26px #3c2c5d0b}
.meta-setup-form input,.settings-panel input,.settings-panel select,.meta-setup-form select,.meta-setup-form textarea{border:1px solid #e5deef;border-radius:10px;background:#ffffffc7;color:#342553}
.meta-setup-form input:focus,.settings-panel input:focus,.settings-panel select:focus,.meta-setup-form textarea:focus{border-color:#aa95e1;box-shadow:0 0 0 3px #7154c81a}
.integration-logo{border-radius:12px;background:linear-gradient(145deg,#f0eaff,#eff8f2)}
.alert-pill{border-radius:999px;background:#f4efff;color:#6548bf}
.status{padding:5px 9px}
.meta-campaign-total-card{position:relative;overflow:hidden;background:radial-gradient(ellipse at 92% 8%,#5c69b72e 0,transparent 34%),radial-gradient(ellipse at 0% 100%,#7047bc35 0,transparent 43%),linear-gradient(128deg,#171d43 0%,#202752 53%,#183c4b 100%);border:1px solid #546087;box-shadow:0 18px 42px #1720442e,0 4px 12px #171b3820;color:#f8f7ff}
.meta-campaign-total-card:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,#ffffff07,transparent 45%,#7ce1b00a);pointer-events:none}
.meta-campaign-total-card .meta-campaign-total-head,.meta-campaign-total-card .meta-campaign-total-stats,.meta-campaign-total-card .meta-campaign-result-layout,.meta-campaign-total-card .meta-campaign-total-note{position:relative;z-index:1}
.meta-campaign-total-card .meta-campaign-total-head>div>span,.meta-campaign-total-card .meta-campaign-kicker,.meta-campaign-total-card .meta-campaign-total-spend span{color:#b8bfdc}
.meta-campaign-total-card .meta-campaign-total-head h3,.meta-campaign-total-card .meta-campaign-total-spend b{color:#fff}
.meta-campaign-total-card .meta-campaign-total-stat{border:1px solid #ffffff14;border-radius:11px;background:linear-gradient(135deg,#ffffff12,#ffffff09);box-shadow:inset 0 1px #ffffff08}
.meta-campaign-total-card .meta-campaign-total-stat span,.meta-campaign-total-card .meta-campaign-total-note{color:#b6bfd7}
.meta-campaign-total-card .meta-campaign-total-stat b{color:#fff}
.meta-campaign-total-card .meta-campaign-result-hero{border-color:#8a74d766;background:linear-gradient(135deg,#7654d34a,#4a4f8952 60%,#277c6c45)}
.meta-campaign-total-card .meta-campaign-result-label{color:#d2c8ff}
.meta-campaign-total-card .meta-campaign-result-hero strong{color:#fff}
.meta-campaign-total-card .meta-campaign-result-caption,.meta-campaign-total-card .meta-campaign-chart-head span{color:#d0d3e5}
.meta-campaign-total-card .meta-campaign-result-chart{border-color:#ffffff20;background:#ffffff0d}
.meta-campaign-total-card .meta-campaign-chart-head b,.meta-campaign-total-card .meta-campaign-result-row-label span,.meta-campaign-total-card .meta-campaign-result-row-label b{color:#f4f2ff}
.meta-campaign-total-card .meta-campaign-chart-total{background:#d9f6e422;color:#a4f1c0}
.meta-campaign-total-card .meta-campaign-result-track,.meta-campaign-total-card .meta-campaign-result-meter{background:#ffffff22}
@media(max-width:700px){.meta-campaign-total-card{padding:15px}}
@media(max-width:700px){.page-wrap{padding-left:16px;padding-right:16px}.topbar{padding-left:18px;padding-right:18px}.filters{padding-left:16px;padding-right:16px}.card{border-radius:14px}}
@media(max-width:820px){.meta-campaign-visual-grid{grid-template-columns:1fr}.meta-campaign-visual-card{padding:14px}}
.meta-campaign-total-card{position:relative;overflow:hidden;margin:0 0 14px;padding:15px 18px 13px;border-radius:15px;background:linear-gradient(112deg,#fff 0%,#f5f0fc 54%,#eff9f1 100%);border:1px solid #fff;box-shadow:0 13px 32px #34214c0d}.meta-campaign-total-card:after{content:"";position:absolute;right:-35px;top:-78px;width:190px;height:190px;border-radius:50%;background:radial-gradient(circle,#7154c81a,transparent 70%);pointer-events:none}.meta-campaign-total-head{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;gap:14px}.meta-campaign-total-head h3{margin:4px 0;color:#26232e;font:800 15px Manrope,sans-serif}.meta-campaign-total-head small{color:#898593;font-size:11px}.meta-campaign-total-spend{display:grid;gap:3px;text-align:right}.meta-campaign-total-spend span{color:#817c8d;font-size:11px}.meta-campaign-total-spend b{color:#211e29;font:800 21px Manrope,sans-serif;letter-spacing:-.035em}.meta-campaign-total-stats{position:relative;z-index:1;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:13px}.meta-campaign-total-stats>div{display:grid;gap:4px;padding:9px 10px;border-radius:9px;background:#ffffffb8;border:1px solid #ffffff}.meta-campaign-total-stats span{color:#858190;font-size:11px}.meta-campaign-total-stats b{color:#393541;font-size:13px;font-weight:800}.meta-campaign-total-track{position:relative;z-index:1;height:5px;margin-top:10px;border-radius:6px;background:#e9e3f3;overflow:hidden}.meta-campaign-total-track i{display:block;width:100%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#7154c8 0%,#957bd7 58%,#35b55d 100%)}
@media(max-width:700px){.meta-campaign-total-head{align-items:flex-start}.meta-campaign-total-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.meta-campaign-total-spend b{font-size:18px}}
.meta-campaign-total-stats{grid-template-columns:repeat(4,minmax(0,1fr))}.meta-campaign-total-note{position:relative;z-index:1;padding:8px 2px 0;color:#878391;font-size:10px;line-height:1.5}
@media(max-width:700px){.meta-campaign-total-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
.meta-campaign-result-layout{position:relative;z-index:1;display:grid;grid-template-columns:minmax(205px,.78fr) minmax(0,1.5fr);gap:14px;margin-top:15px}.meta-campaign-result-hero{position:relative;display:flex;flex-direction:column;justify-content:center;min-height:148px;overflow:hidden;padding:17px 19px;border:1px solid #e7def8;border-radius:13px;background:linear-gradient(135deg,#f2ecff 0%,#f8f5ff 56%,#eef8f1 100%)}.meta-campaign-result-hero:after{content:"";position:absolute;width:150px;height:150px;right:-58px;bottom:-78px;border-radius:50%;background:radial-gradient(circle,#7354c92a,transparent 68%);pointer-events:none}.meta-campaign-result-label{position:relative;z-index:1;display:flex;align-items:center;gap:7px;color:#6b51b0;font-size:11px;font-weight:800;letter-spacing:.07em}.meta-campaign-result-label i{width:7px;height:7px;border-radius:50%;background:#38ae64;box-shadow:0 0 0 4px #38ae641b}.meta-campaign-result-hero strong{position:relative;z-index:1;margin:8px 0 2px;color:#34205e;font:800 39px/1 Manrope,sans-serif;letter-spacing:-.055em}.meta-campaign-result-caption{position:relative;z-index:1;color:#827b91;font-size:11px;line-height:1.5}.meta-campaign-result-meter{position:relative;z-index:1;height:5px;margin-top:13px;border-radius:9px;background:#e4dcef;overflow:hidden}.meta-campaign-result-meter i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#7657ca,#a98de5 56%,#39b363);box-shadow:0 1px 7px #7657ca44;transition:width .5s ease}.meta-campaign-result-chart{min-width:0;padding:14px 16px;border:1px solid #fff;border-radius:13px;background:#ffffffbd}.meta-campaign-chart-head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px}.meta-campaign-chart-head>div{display:grid;gap:3px}.meta-campaign-chart-head b{color:#373240;font-size:12px}.meta-campaign-chart-head span{color:#928d9b;font-size:10px}.meta-campaign-chart-head .meta-campaign-chart-total{flex:none;padding:5px 8px;border-radius:7px;background:#edf8f0;color:#28814a;font-size:11px;font-weight:800}.meta-campaign-result-row+.meta-campaign-result-row{margin-top:12px}.meta-campaign-result-row-label{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:6px}.meta-campaign-result-row-label span{overflow:hidden;color:#635e6d;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.meta-campaign-result-row-label b{flex:none;color:#33234f;font:800 13px Manrope,sans-serif}.meta-campaign-result-track{height:11px;overflow:hidden;border-radius:10px;background:#f0edf5}.meta-campaign-result-track i{display:block;height:100%;min-width:0;border-radius:inherit;background:linear-gradient(90deg,#7555c8,#a78ae1 63%,#37b45f);box-shadow:0 2px 8px #7154c82b;transition:width .55s cubic-bezier(.2,.75,.25,1)}.meta-campaign-chart-empty{padding:20px 0;color:#928d9b;font-size:11px}.meta-campaign-result-layout+.meta-campaign-total-stats{margin-top:12px}
@media(max-width:700px){.meta-campaign-result-layout{grid-template-columns:1fr;gap:9px}.meta-campaign-result-hero{min-height:132px;padding:15px}.meta-campaign-result-hero strong{font-size:34px}.meta-campaign-result-chart{padding:12px}}
.daily-report-head{display:grid;grid-template-columns:minmax(190px,1fr) max-content max-content max-content;align-items:center;gap:10px;padding:13px 16px}.daily-report-head>div:first-child{min-width:0;margin:0;gap:4px}.daily-report-head>div:first-child h2{line-height:1.25}.daily-report-head>div:first-child>span{line-height:1.35}.daily-report-head .date-filter-group,.daily-report-head .meta-campaign-control,.daily-report-head .meta-sort-control{margin:0;min-width:0}.daily-report-head .meta-campaign-control{padding-left:9px;padding-right:9px}.daily-report-head .meta-campaign-control select{max-width:145px}.daily-report-head .meta-sort-control select{max-width:135px}
@media(max-width:900px){.daily-report-head{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.daily-report-head>div:first-child{grid-column:1/-1}.daily-report-head .date-filter-group,.daily-report-head .meta-campaign-control,.daily-report-head .meta-sort-control{width:100%;justify-content:space-between}.daily-report-head .date-filter-group>label,.daily-report-head .meta-campaign-control,.daily-report-head .meta-sort-control{min-width:0}.daily-report-head .date-filter-group select,.daily-report-head .meta-campaign-control select,.daily-report-head .meta-sort-control select{max-width:none;min-width:0;flex:1}}
@media(max-width:560px){.daily-report-head{grid-template-columns:1fr;gap:8px;padding:12px}.daily-report-head>div:first-child{grid-column:auto}.daily-report-head .date-filter-group,.daily-report-head .meta-campaign-control,.daily-report-head .meta-sort-control{width:100%}.daily-report-head .date-filter-group>label{flex:1}.daily-report-head .meta-campaign-control,.daily-report-head .meta-sort-control{flex:initial}}

/* Keep the brand mark inside the workspace switcher. */
.workspace-avatar{width:56px;height:34px;flex:none;overflow:hidden;border-radius:6px;background:#fff}.workspace-avatar img{display:block;width:100%;height:100%;object-fit:contain}.workspace>span:nth-child(2){min-width:0}.workspace>span:nth-child(2) b,.workspace>span:nth-child(2) small{white-space:nowrap}


/* Deep blue highlight treatment for the all-campaign summary card. */
.meta-campaign-total-card{position:relative;overflow:hidden;background:radial-gradient(ellipse at 92% 8%,#5c69b72e 0,transparent 34%),radial-gradient(ellipse at 0% 100%,#7047bc35 0,transparent 43%),linear-gradient(128deg,#171d43 0%,#202752 53%,#183c4b 100%);border:1px solid #546087;box-shadow:0 18px 42px #1720442e,0 4px 12px #171b3820;color:#f8f7ff}
.meta-campaign-total-card:after{background:radial-gradient(circle,#8d91ff2b,transparent 70%)}
.meta-campaign-total-card .meta-campaign-total-head>div>span,.meta-campaign-total-card .meta-campaign-kicker,.meta-campaign-total-card .meta-campaign-total-head small,.meta-campaign-total-card .meta-campaign-total-spend span{color:#b8bfdc}
.meta-campaign-total-card .meta-campaign-total-head h3,.meta-campaign-total-card .meta-campaign-total-spend b{color:#fff}
.meta-campaign-total-card .meta-campaign-total-stats>div{border:1px solid #ffffff14;border-radius:11px;background:linear-gradient(135deg,#ffffff12,#ffffff09);box-shadow:inset 0 1px #ffffff08}
.meta-campaign-total-card .meta-campaign-total-stats span,.meta-campaign-total-card .meta-campaign-total-note{color:#b6bfd7}
.meta-campaign-total-card .meta-campaign-total-stats b{color:#fff}
.meta-campaign-total-card .meta-campaign-result-hero{border-color:#8a74d766;background:linear-gradient(135deg,#7654d34a,#4a4f8952 60%,#277c6c45)}
.meta-campaign-total-card .meta-campaign-result-label{color:#d2c8ff}
.meta-campaign-total-card .meta-campaign-result-hero strong{color:#fff}
.meta-campaign-total-card .meta-campaign-result-caption,.meta-campaign-total-card .meta-campaign-chart-head span{color:#d0d3e5}
.meta-campaign-total-card .meta-campaign-result-chart{border-color:#ffffff20;background:#ffffff0d}
.meta-campaign-total-card .meta-campaign-chart-head b,.meta-campaign-total-card .meta-campaign-result-row-label span,.meta-campaign-total-card .meta-campaign-result-row-label b{color:#f4f2ff}
.meta-campaign-total-card .meta-campaign-chart-total{background:#d9f6e422;color:#a4f1c0}
.meta-campaign-total-card .meta-campaign-result-track,.meta-campaign-total-card .meta-campaign-result-meter{background:#ffffff22}

/* Frosted-glass result highlight inside the dark campaign summary. */
.meta-campaign-total-card .meta-campaign-result-hero{border:1px solid #ffffff38;background:linear-gradient(135deg,#ffffff20,#ffffff0c 58%,#d6e6ff16);box-shadow:inset 0 1px #ffffff26,0 10px 24px #0a102820;backdrop-filter:blur(18px) saturate(145%);-webkit-backdrop-filter:blur(18px) saturate(145%)}
.meta-campaign-total-card .meta-campaign-result-hero:after{background:radial-gradient(circle,#ffffff21,transparent 68%)}
.meta-campaign-total-card .meta-campaign-result-label{color:#e2dcff}
.meta-campaign-total-card .meta-campaign-result-caption{color:#e0e3f2}
.meta-campaign-breakdown>.section-row{display:grid;grid-template-columns:minmax(0,1fr) max-content max-content;align-items:center;gap:12px}
.meta-campaign-breakdown>.section-row>.date-filter-group{display:flex;align-items:center;gap:7px;margin:0}
.meta-campaign-breakdown>.section-row>.date-filter-group>label,.meta-campaign-breakdown>.section-row>.date-filter-group .custom-date-fields>label{height:36px;border:1px solid #e4dcf1;border-radius:10px;background:#ffffffbd;padding:3px 10px;display:flex;align-items:center;gap:8px}
.meta-campaign-breakdown>.section-row>.date-filter-group label span{font-size:11px;color:#898595;white-space:nowrap}
.meta-campaign-breakdown>.section-row>.date-filter-group select,.meta-campaign-breakdown>.section-row>.date-filter-group input{border:0;outline:0;background:transparent;color:#352f43;font-size:12px;font-weight:700}
.meta-campaign-breakdown>.section-row>.date-filter-group .custom-date-fields{display:flex;align-items:center;gap:6px}
.daily-report-head{grid-template-columns:minmax(190px,1fr) max-content max-content}
@media(max-width:900px){.meta-campaign-breakdown>.section-row{grid-template-columns:minmax(0,1fr) max-content;row-gap:9px}.meta-campaign-breakdown>.section-row>div:first-child{grid-column:1/-1}.meta-campaign-breakdown>.section-row>.date-filter-group{grid-column:1}.meta-campaign-breakdown>.section-row>b{grid-column:2;grid-row:2;text-align:right}}
@media(max-width:560px){.meta-campaign-breakdown>.section-row{grid-template-columns:minmax(0,1fr) max-content}.meta-campaign-breakdown>.section-row>.date-filter-group{flex-wrap:wrap}.meta-campaign-breakdown>.section-row>.date-filter-group .custom-date-fields{width:100%;flex-wrap:wrap}.daily-report-head{grid-template-columns:1fr}}

.demo-result-button{display:block;width:100%;border:0;text-align:left;font:inherit;color:inherit;cursor:pointer}.meta-campaign-visual-card[role=button]{cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}.meta-campaign-visual-card[role=button]:hover,.meta-campaign-visual-card[role=button]:focus-visible{transform:translateY(-2px);box-shadow:0 12px 30px #26214a20;outline:2px solid #7a5bdd}


/* Demo drill-downs and lead-detail windows */
.demo-result-button{display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:0;min-width:0;padding:17px 19px;background:transparent;font-family:inherit;line-height:1.45;white-space:normal;}
.demo-result-button .meta-campaign-result-label{display:flex;line-height:1.4;}
.demo-result-button strong{display:block;line-height:1;margin:8px 0 3px;}
.demo-result-button .meta-campaign-result-caption{display:block;line-height:1.45;}
.demo-result-button .meta-campaign-result-meter{width:100%;flex:none;}
.detail-overlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(13,20,43,.55);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);}
.detail-panel{width:min(860px,100%);max-height:min(90vh,900px);overflow:auto;border:1px solid #ffffffd9;border-radius:20px;background:linear-gradient(145deg,#fff 0%,#fbf9ff 68%,#f2faf5 100%);box-shadow:0 24px 80px #12172f45;}
.detail-top{position:sticky;top:0;z-index:2;display:flex;align-items:center;gap:10px;padding:12px 18px;border-bottom:1px solid #ece8f3;background:#ffffffed;backdrop-filter:blur(12px);}
.detail-top [data-demo-close]{margin-left:auto;font-size:24px;}
.detail-body{padding:20px;}
.detail-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:16px 0;}
.detail-fields>div{display:grid;gap:5px;min-width:0;padding:12px;border:1px solid #ece8f3;border-radius:12px;background:#ffffffc9;}
.detail-fields small,.detail-body small{color:#838095;font-size:11px;line-height:1.45;}
.detail-fields b{color:#27243a;font-size:13px;overflow-wrap:anywhere;}
.detail-body .section-row{margin:16px 0 10px;}
.detail-body .card{overflow:hidden;}
.detail-body .card p{margin:10px 0 6px;color:#302c3d;line-height:1.6;}
.detail-body .table-wrap{overflow:auto;}
.demo-detail-overlay .clickable-row{cursor:pointer;}
.demo-detail-overlay .clickable-row:hover{background:#f4f0ff;}
@media(max-width:640px){.detail-overlay{padding:8px;align-items:flex-end}.detail-panel{max-height:94vh;border-radius:18px 18px 12px 12px}.detail-body{padding:14px}.detail-fields{grid-template-columns:1fr}.demo-result-button{min-height:132px;padding:15px;}}

/* Organic-source shortcuts and audience breakdown */
.organic-lead-fetch{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin:-2px 0 12px;padding:12px 14px;border:1px solid #ffffff;border-radius:13px;background:linear-gradient(115deg,#ffffffc9,#f4efff9c,#eef9f2b5);box-shadow:var(--shadow);}
.organic-lead-fetch b{color:#29253a;font-size:13px;}
.organic-lead-fetch span{margin-right:auto;color:#88859a;font-size:12px;}
.organic-lead-fetch button,.demo-demographic-tabs button{border:1px solid #e7e1f0;border-radius:9px;padding:7px 11px;background:#ffffffd9;color:#55458c;font-size:12px;font-weight:700;}
.organic-lead-fetch button:hover,.demo-demographic-tabs button.active{background:#7051ca;color:#fff;border-color:#7051ca;}
.demo-demographics{margin:16px 0;padding:6px 16px 12px;}
.demo-demographic-tabs{display:flex;flex-wrap:wrap;gap:7px;padding:0 16px 12px;}
.demo-demographic-rows{display:grid;gap:12px;padding:0 16px 8px;}
.demo-demographic-row{display:grid;grid-template-columns:minmax(110px,1fr) minmax(100px,3fr) 42px;align-items:center;gap:11px;color:#625d70;font-size:12px;}
.demo-demographic-row>div{height:9px;border-radius:99px;overflow:hidden;background:#efecf5;}
.demo-demographic-row i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#7253ca,#a58ae4 65%,#35b66a);}
.demo-demographic-row b{text-align:right;color:#343044;font-size:12px;}
@media(max-width:620px){.organic-lead-fetch span{flex-basis:100%;order:3}.organic-lead-fetch button{flex:1}.demo-demographic-row{grid-template-columns:90px minmax(60px,1fr) 36px;gap:7px}}

/* Demographic cards and campaign health guidance */
.demo-demographics-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:16px 0 8px}
.demo-demographic-card{min-width:0;padding:8px 12px 14px;border:1px solid #ffffff;background:linear-gradient(145deg,#ffffffdc,#f8f5ffbd);box-shadow:var(--shadow);border-radius:16px}
.demo-demographic-card .card-head{padding:4px 2px 12px}
.demo-demographic-rows{display:grid;gap:11px;padding:2px 3px 4px}
.demo-demographic-row{display:grid;grid-template-columns:minmax(74px,1fr) minmax(70px,2fr) 34px;align-items:center;gap:8px;color:#625d70;font-size:12px}
.demo-demographic-row>div{height:8px;border-radius:99px;overflow:hidden;background:#efecf5}.demo-demographic-row i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#7253ca,#a58ae4 65%,#35b66a)}.demo-demographic-row b{text-align:right;color:#343044;font-size:12px}
.demo-demographic-note{margin:5px 0 14px}
.campaign-card-badges{display:flex;flex-direction:column;align-items:flex-end;gap:7px}
.campaign-health{display:inline-flex;align-items:center;white-space:nowrap;border-radius:999px;padding:5px 9px;font-size:10px;font-weight:800;line-height:1.2}
.campaign-health.health-good{color:#16804c;background:#e9f8ef}.campaign-health.health-monitor{color:#946000;background:#fff5d9}.campaign-health.needs-attention{color:#b4384b;background:#fff0f1}
.demo-performance-insights{padding:16px;margin:14px 0;background:linear-gradient(145deg,#ffffffdc,#f4f0ffbd);border:1px solid #ffffff;border-radius:16px;box-shadow:var(--shadow)}
.demo-insight-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.demo-insight-row{min-width:0;padding:12px;border:1px solid #ece7f5;border-radius:12px;background:#ffffffa8}
.demo-insight-title{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#302c3d}.demo-insight-facts,.demo-insight-row p{margin:7px 0 0;color:#777287;font-size:12px;line-height:1.5}.demo-insight-row p b{color:#55458c}
.demo-adset-card{padding:14px;margin:12px 0}.adset-health-summary{display:flex;flex-wrap:wrap;gap:10px;margin:10px 0;color:#777287;font-size:12px}.adset-health-summary span{padding:7px 9px;border-radius:9px;background:#f7f4fc}.adset-health-summary b{color:#302c3d}.demo-recommendation{display:grid;gap:4px;margin-top:12px;padding:11px 12px;border:1px solid #e7dfff;border-radius:11px;background:linear-gradient(100deg,#f7f2ff,#f0fbf4);color:#625d70;font-size:12px;line-height:1.5}.demo-recommendation b{color:#6548b8}.live-demographics-grid{margin-bottom:10px}.live-demographic-empty{padding:10px 2px 8px;color:#818095;font-size:12px;line-height:1.5;min-height:55px}
@media(max-width:900px){.demo-demographics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-demographic-card:last-child{grid-column:1/-1}}
@media(max-width:620px){.demo-demographics-grid,.demo-insight-list{grid-template-columns:1fr}.demo-demographic-card:last-child{grid-column:auto}.campaign-card-badges{align-items:flex-start}.demo-insight-title{align-items:flex-start;flex-direction:column}}

/* Health panel placement and health-state glass gradients */
.demo-performance-insights{transition:background .25s ease,border-color .25s ease}
.demo-performance-insights.demo-health-good{background:linear-gradient(135deg,rgba(239,251,244,.96),rgba(220,246,230,.78) 58%,rgba(247,255,249,.92));border-color:#ccebd6}
.demo-performance-insights.demo-health-monitor{background:linear-gradient(135deg,rgba(255,250,232,.97),rgba(255,241,204,.75) 58%,rgba(255,253,245,.94));border-color:#f1dda7}
.demo-performance-insights.demo-health-attention{background:linear-gradient(135deg,rgba(255,242,243,.98),rgba(255,222,226,.8) 58%,rgba(255,249,249,.95));border-color:#f0c6cc}
.demo-health-good .demo-insight-row{background:rgba(255,255,255,.72);border-color:#d9eddf}
.demo-health-monitor .demo-insight-row{background:rgba(255,255,255,.72);border-color:#f0e2bc}
.demo-health-attention .demo-insight-row{background:rgba(255,255,255,.72);border-color:#f1d4d8}

/* Compact campaign health panel */
.demo-performance-insights{padding:10px 12px;margin:10px 0;border-radius:14px}
.demo-performance-insights .card-head{padding:0 2px 7px;gap:8px}
.demo-performance-insights .card-title{font-size:13px;line-height:1.25}
.demo-performance-insights .card-subtitle{font-size:10px;line-height:1.3}
.demo-performance-insights .demo-insight-list{gap:8px}
.demo-performance-insights .demo-insight-row{padding:8px 10px;border-radius:10px}
.demo-performance-insights .demo-insight-title{font-size:12px;line-height:1.25}
.demo-performance-insights .demo-insight-facts,.demo-performance-insights .demo-insight-row p{font-size:10px;line-height:1.35;margin-top:4px}
.demo-performance-insights .campaign-health{padding:4px 7px;font-size:9px}
.demo-performance-insights .table-count{margin-top:6px;font-size:9px;line-height:1.3}

/* CEO overview source-attributed revenue and spend chart */
.filters{display:none!important}
.source-economics-card{padding:14px 16px;margin:0 0 16px;border:1px solid #ffffff;background:linear-gradient(125deg,#ffffffdc,#f8f5ffbc 57%,#effaf3b8);box-shadow:var(--shadow);border-radius:16px}
.source-economics-card .card-head{padding:0 1px 9px}
.source-period-tabs{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:6px}.source-period-button{border:1px solid #e3ddef;border-radius:8px;padding:6px 9px;background:#ffffffaa;color:#756f84;font:700 10px 'DM Sans',sans-serif;cursor:pointer}.source-period-button:hover,.source-period-button.active{border-color:#7051ca;background:#7051ca;color:#fff;box-shadow:0 4px 10px #7051ca2b}.source-period-tabs .connection{margin-left:3px}
.total-economics-chart{margin:0 0 10px;padding:12px 13px;border:1px solid #e4ddf2;border-radius:13px;background:linear-gradient(115deg,#f8f4ff,#f0fbf4)}.total-economics-head{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) auto;gap:12px;align-items:center}.total-economics-head>div{display:grid;gap:2px;min-width:0}.total-economics-head span{color:#858191;font-size:10px}.total-economics-head b{color:#2b2636;font:800 19px Manrope,sans-serif;letter-spacing:-.04em}.total-economics-head small{color:#938f9e;font-size:9px}.total-economics-head strong{display:grid;gap:2px;padding:7px 10px;border-radius:10px;background:#ffffffb8;color:#6548b8;font:800 16px Manrope,sans-serif;text-align:center}.total-economics-head strong small{font:600 9px 'DM Sans',sans-serif}.total-economics-bars{display:grid;gap:7px;margin-top:10px}.total-economics-bars>div{display:grid;grid-template-columns:58px minmax(60px,1fr) 58px;align-items:center;gap:8px;color:#777386;font-size:10px}.total-economics-bars i{display:block;height:9px;border-radius:99px}.total-economics-bars b{text-align:right;color:#4a4655;font-size:10px}
.total-economics-area{height:154px;margin-top:8px;padding-bottom:2px}.total-economics-area svg{width:100%;height:100%;overflow:visible}.total-economics-area text{fill:#918c9a;font:10px 'DM Sans',sans-serif}.total-area-grid{stroke:#dcd7e6;stroke-dasharray:3 4}.total-area-revenue{fill:url(#revenueArea)}.total-area-spend{fill:url(#spendArea)}.total-line-revenue,.total-line-spend{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:3}.total-line-revenue{stroke:#35a966}.total-line-spend{stroke:#7554ca}
.source-economics-legend{display:flex;align-items:center;gap:15px;padding:0 2px 7px;color:#747184;font-size:11px}.source-economics-legend span{display:flex;align-items:center;gap:6px}.source-economics-legend i{width:9px;height:9px;border-radius:50%}.source-legend-revenue{background:#35a966}.source-legend-spend{background:#7554ca}.source-economics-legend small{margin-left:auto;color:#9995a3;font-size:10px}
.source-economics-rows{display:grid}.source-economics-row{display:grid;grid-template-columns:minmax(150px,1.05fr) minmax(280px,2fr);gap:18px;align-items:center;padding:9px 2px;border-top:1px solid #ebe7f1}.source-economics-name{display:grid;gap:3px;min-width:0}.source-economics-name b{overflow:hidden;color:#302c3d;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.source-economics-name span{color:#898596;font-size:10px}.source-economics-bars{display:grid;gap:5px}.source-economics-measure{display:grid;grid-template-columns:112px minmax(50px,1fr);gap:8px;align-items:center;color:#777386;font-size:10px}.source-economics-measure span{display:flex;justify-content:space-between;gap:5px}.source-economics-measure b{color:#4a4655;font-size:10px}.source-economics-measure>i{display:block;height:7px;min-width:0;border-radius:99px}.source-bar-revenue{background:linear-gradient(90deg,#299b58,#80cd91)}.source-bar-spend{background:linear-gradient(90deg,#7050c5,#a189df)}.source-economics-note{padding-top:8px;border-top:1px solid #ebe7f1;color:#858191;font-size:10px;line-height:1.45}
.unified-source-row{grid-template-columns:minmax(135px,1fr) minmax(230px,1.5fr) minmax(210px,1.15fr);gap:14px}.source-lead-customer-bars{display:grid;gap:5px;padding-left:14px;border-left:1px solid #e5e0ec}.source-lead-customer-bars>div{display:grid;grid-template-columns:72px minmax(36px,1fr);gap:7px;align-items:center}.source-lead-customer-bars span{display:flex;justify-content:space-between;color:#858191;font-size:10px}.source-lead-customer-bars b{color:#4a4655;font-size:10px}.source-lead-customer-bars i{display:block;height:7px;min-width:2px;border-radius:99px}
.unified-source-row{cursor:pointer;transition:background .18s ease,transform .18s ease}.unified-source-row:hover{background:#ffffff8c;transform:translateX(2px)}.unified-source-row:focus-within{outline:2px solid #7354ca66}
.source-conversion-chart{margin:14px 0 8px;padding:12px;border:1px solid #e6e0f0;border-radius:12px;background:#ffffff91}.source-conversion-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;padding-bottom:8px}.source-conversion-head>div:first-child{display:grid;gap:3px}.source-conversion-head b{color:#343044;font-size:12px}.source-conversion-head span{color:#898596;font-size:10px}.source-conversion-head>div:last-child{display:flex;align-items:center;gap:6px;color:#777386;font-size:10px;white-space:nowrap}.source-conversion-head i{width:8px;height:8px;border-radius:50%}.source-legend-leads,.source-leads-bar{background:linear-gradient(90deg,#4085df,#79afea)}.source-legend-customers,.source-customers-bar{background:linear-gradient(90deg,#299b58,#80cd91)}.source-conversion-row{display:grid;grid-template-columns:minmax(145px,1fr) minmax(150px,2fr) minmax(150px,2fr);gap:12px;align-items:center;padding:8px 0;border-top:1px solid #eeebf3}.source-conversion-row>b{color:#4a4655;font-size:11px}.source-conversion-row>div{display:grid;grid-template-columns:68px minmax(25px,1fr);gap:7px;align-items:center}.source-conversion-row span{display:flex;justify-content:space-between;color:#868191;font-size:10px}.source-conversion-row em{color:#4a4655;font-style:normal;font-weight:800}.source-conversion-row i{display:block;height:7px;min-width:2px;border-radius:99px}
@media(max-width:980px){.unified-source-row{grid-template-columns:minmax(135px,1fr) minmax(210px,1.5fr)}.source-lead-customer-bars{grid-column:2;padding-top:7px;border-top:1px solid #eeeaf3;border-left:0;padding-left:0;grid-template-columns:1fr 1fr}.total-economics-head{grid-template-columns:1fr 1fr auto}.total-economics-head strong{grid-column:1/-1;grid-template-columns:auto auto;justify-content:center;align-items:baseline}}@media(max-width:700px){.total-economics-head{grid-template-columns:1fr 1fr}.source-economics-row{grid-template-columns:1fr;gap:7px;padding:10px 2px}.source-economics-measure{grid-template-columns:105px minmax(40px,1fr)}.source-economics-legend{flex-wrap:wrap}.source-economics-legend small{flex-basis:100%;margin:0}.source-lead-customer-bars{grid-column:auto;grid-template-columns:1fr;padding-left:0}.source-conversion-head{display:grid}.source-conversion-row{grid-template-columns:1fr;gap:6px}.source-conversion-row>div{grid-template-columns:68px minmax(25px,1fr)}}
@media(max-width:700px){.source-economics-card .card-head{align-items:flex-start}.source-period-tabs{justify-content:flex-start}.source-period-tabs .connection{width:100%;margin:2px 0 0}}

/* Sidebar controls */
.sidebar-collapse{margin-left:auto;width:24px;height:24px;border:1px solid #e6dff0;border-radius:8px;background:#ffffffb8;color:#6e54ba;font-size:19px;line-height:1;cursor:pointer}.history-back{display:inline-flex;align-items:center;gap:5px;margin-right:12px;padding:6px 9px;border:1px solid #e5dff0;border-radius:8px;background:#ffffffaa;color:#65538a;font:700 11px 'DM Sans',sans-serif;cursor:pointer}.history-back:disabled{opacity:.42;cursor:default}.sidebar-minimized .sidebar{width:76px}.sidebar-minimized .main-shell{margin-left:76px}.sidebar-minimized .workspace{justify-content:center;padding:10px}.sidebar-minimized .workspace-copy,.sidebar-minimized .workspace .chevron,.sidebar-minimized .nav-label{display:none}.sidebar-minimized .nav-item{justify-content:center;padding:12px 8px;font-size:0}.sidebar-minimized .nav-icon{margin:0;font-size:15px}.sidebar-minimized .nav-count{display:none}.sidebar-minimized .sidebar-bottom{padding:14px 8px}.sidebar-minimized .sidebar-help>div,.sidebar-minimized .sidebar-help .chevron,.sidebar-minimized .user-row>div:not(.avatar),.sidebar-minimized .user-row .icon-button{display:none}.sidebar-minimized .sidebar-help{justify-content:center;padding:12px}.sidebar-minimized .user-row{justify-content:center}.sidebar-minimized .sidebar-collapse{position:absolute;right:-12px;top:15px;transform:rotate(180deg);background:#fff;box-shadow:0 3px 10px #30215318}
@media(max-width:900px){.sidebar-minimized .sidebar{width:260px}.sidebar-minimized .main-shell{margin-left:0}.sidebar-minimized .workspace-copy,.sidebar-minimized .workspace .chevron,.sidebar-minimized .nav-label{display:block}.sidebar-minimized .nav-item{justify-content:flex-start;padding:11px 12px;font-size:12px}.sidebar-minimized .nav-icon{margin-right:9px;font-size:14px}.sidebar-minimized .sidebar-bottom{padding:16px}.sidebar-minimized .sidebar-help>div,.sidebar-minimized .sidebar-help .chevron,.sidebar-minimized .user-row>div:not(.avatar),.sidebar-minimized .user-row .icon-button{display:block}.sidebar-minimized .sidebar-collapse{position:static;transform:none;box-shadow:none}.history-back span{display:none}.history-back{margin-right:8px;padding:6px 8px}}

/* Contact pipeline */
.contact-pipeline-card{overflow:hidden}.contact-pipeline-list{padding:1px 15px 7px}.contact-pipeline-row{position:relative;display:grid;grid-template-columns:27px minmax(0,1fr) 48px;gap:9px;align-items:center;width:100%;padding:9px 0 12px;border:0;border-top:1px solid #ede9f2;background:transparent;color:var(--ink);text-align:left;cursor:pointer}.contact-pipeline-row:first-child{border-top:0}.contact-pipeline-row:hover,.contact-pipeline-row.active{margin:0 -8px;padding-left:8px;padding-right:8px;border-radius:10px;background:#f6f2ff}.contact-pipeline-row>span:nth-child(2){display:grid;gap:2px;min-width:0}.contact-pipeline-row b{font-size:12px;color:#393449}.contact-pipeline-row small{color:#888496;font-size:10px}.contact-pipeline-row strong{text-align:right;font:800 14px Manrope;color:#332c48}.contact-pipeline-row i{position:absolute;left:36px;right:56px;bottom:5px;height:3px;border-radius:99px;background:#ece8f1;overflow:hidden}.contact-pipeline-row em{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#7554ca,#39b46a)}.contact-pipeline-marker{display:grid;width:23px;height:23px;place-items:center;border-radius:7px;background:#eee8ff;color:#6950bd;font-size:9px;font-weight:800}.marker-followup{background:#fff2d9;color:#aa7020}.marker-membership{background:#e4f7eb;color:#258956}.marker-not-interested{background:#ffeaec;color:#bd5d6a}.lead-group-filters{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin:-2px 0 10px}.lead-group-filters>span{color:#7e7a8d;font-size:11px;font-weight:700;margin-right:2px}.lead-group-filters button{border:1px solid #e5dff0;border-radius:999px;background:#ffffffba;color:#685d7c;padding:6px 10px;font:700 11px 'DM Sans',sans-serif;cursor:pointer}.lead-group-filters button:hover,.lead-group-filters button.active{border-color:#7a5ad1;background:#f0ebff;color:#5e42b3}@media(max-width:560px){.contact-pipeline-list{padding-left:12px;padding-right:12px}.lead-group-filters{gap:5px}.lead-group-filters>span{width:100%;margin-bottom:1px}.lead-group-filters button{padding:5px 8px;font-size:10px}}

/* Customer database: Funnel & Customers, Lead & WhatsApp platforms */
.nav-count[hidden]{display:none}
.crm-kpi{width:100%;text-align:left;font:inherit;color:inherit;cursor:pointer}
.crm-kpi.active{border-color:#a493dc;box-shadow:0 0 0 3px #7154c81f,0 12px 32px #3021480a}
.crm-overview-grid{margin-top:2px}
.crm-total-row td{background:#faf9fc;border-top:1px solid #ece8f3}
.crm-section-row{flex-wrap:wrap;gap:10px;margin-top:22px}
.crm-section-row>div:first-child{display:grid;gap:3px}
.crm-actions{display:flex;flex-wrap:wrap;gap:7px}
.crm-actions .primary-button,.crm-actions .secondary-button{height:34px}
.crm-toolbar{flex-wrap:wrap}
.crm-pager{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:4px 14px 10px 0}
.crm-pager .secondary-button:disabled{opacity:.45;cursor:default}
.crm-alert-text{color:#c2505d!important;font-weight:700}
.status.expiring{background:#fff3df;color:#ad6f12}
.crm-platform-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:14px}
.crm-platform-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;padding:2px 17px 12px}
.crm-platform-stats>div{display:grid;gap:4px;padding:11px;border:1px solid #ece8f3;border-radius:11px;background:#ffffffb8;min-width:0}
.crm-platform-stats span{color:#868293;font-size:11px}
.crm-platform-stats b{font:700 18px Manrope,sans-serif;color:#1c1b22}
.crm-platform-stats small{color:#9a96a6;font-size:10px}
.crm-feed-tabs{padding:0 17px;margin:0 0 6px}
.crm-feed{padding:0 12px 10px;max-height:430px;overflow:auto}
.crm-feed-row{display:grid;grid-template-columns:22px minmax(0,1fr) auto;gap:10px;align-items:start;width:100%;padding:10px 5px;border:0;border-top:1px solid #f0eef4;background:transparent;color:#4b4760;font:12px 'DM Sans',sans-serif;text-align:left;cursor:pointer;line-height:1.45}
.crm-feed-row:hover{background:#f7f4fc;border-radius:9px}
.crm-feed-row b{color:#2d2a3a}
.crm-feed-row small{display:block;color:#8d899b;font-size:11px;margin-top:2px;overflow-wrap:anywhere}
.crm-feed-row time{color:#8d899b;font-size:10px;white-space:nowrap;text-align:right}
.crm-modal-title{font:700 20px Manrope,sans-serif;margin:4px 0 4px;color:#1c1b22}
.detail-top [data-crm-close]{margin-left:auto;font-size:24px}
.crm-profile-pills{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.crm-details{margin:10px 0}
.crm-details>summary{cursor:pointer;color:#5e42b3;font-size:12px;font-weight:700;margin-bottom:10px}
.crm-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;align-items:end;padding:14px;border:1px solid #ece8f3;border-radius:12px;background:#ffffffd6;margin:8px 0}
.crm-form label{display:grid;gap:5px;color:#60718a;font-size:11px;font-weight:600;min-width:0}
.crm-form input,.crm-form select,.crm-form textarea{height:34px;min-width:0;width:100%;border:1px solid var(--line);border-radius:7px;padding:0 9px;background:#fff;color:var(--ink);font:12px 'DM Sans',sans-serif}
.crm-form textarea{height:64px;padding:8px 9px;resize:vertical}
.crm-form input[type=file]{padding:6px 9px;height:auto}
.crm-form input:focus,.crm-form select:focus,.crm-form textarea:focus{outline:2px solid #e3dbf7;border-color:#a493dc}
.crm-form .wide,.crm-form-actions{grid-column:1/-1}
.crm-form .crm-check{display:flex;align-items:center;gap:7px;height:34px}
.crm-form .crm-check input{width:auto;height:auto}
.crm-form-actions{display:flex;align-items:center;flex-wrap:wrap;gap:9px}
.crm-form-msg{color:#b33c53;font-size:12px}
.crm-hint{color:#7d7990;font-size:12px;line-height:1.55;margin:6px 0}
.crm-note{white-space:pre-wrap;color:#3b374a;margin-top:3px}
.crm-timeline{padding:4px 2px 6px}
.crm-import-preview .notice-card{line-height:1.6}
@media(max-width:900px){.crm-platform-grid{grid-template-columns:1fr}.crm-platform-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.crm-form{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.crm-form{grid-template-columns:1fr}.crm-actions{width:100%}.crm-actions button{flex:1}.crm-feed-row{grid-template-columns:22px minmax(0,1fr)}.crm-feed-row time{grid-column:2;text-align:left}}
.funnel-index{color:#fff}.funnel-rate{background:none!important;color:#5e42b3;font-weight:700}

/* Layout fixes: sidebar header text no longer runs under the collapse button; plan table fits laptop widths. */
.workspace .chevron{display:none}
.workspace-copy{flex:1;min-width:0;overflow:hidden}
.workspace-copy b,.workspace-copy small{overflow:hidden;text-overflow:ellipsis}
.sidebar-collapse{flex:none}
.card-head,.table-head{gap:12px}
.card-head .connection,.table-head .connection{flex:none;white-space:nowrap}
.crm-overview-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.crm-plans-card th,.crm-plans-card td{padding-left:10px;padding-right:10px}
@media(max-width:900px){.crm-overview-grid{grid-template-columns:1fr}}.sidebar .workspace>span.workspace-copy b{white-space:normal;overflow:visible;text-overflow:clip;line-height:1.2}

/* ===== Both themes: line icons, minimized sidebar layout, theme switch ===== */
.ico{display:block;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.nav-icon{display:grid;place-items:center;width:20px;flex:none;font-size:0}
.help-orb .ico{width:16px;height:16px}
.sidebar-collapse{display:grid;place-items:center;padding:0}.sidebar-collapse .ico{width:15px;height:15px;stroke-width:2.2}
.icon-button .ico{width:17px;height:17px;margin:auto}
html[data-theme] .icon-button.theme-toggle .ico-moon,html[data-theme="light"] .icon-button.theme-toggle .ico-sun{display:none}
html[data-theme="light"] .icon-button.theme-toggle .ico-moon{display:block}
.theme-toggle .ico{transition:transform .35s ease}.theme-toggle:hover .ico{transform:rotate(25deg)}
@media(min-width:901px){
.sidebar-minimized .sidebar{width:76px;padding:18px 10px 14px}
.sidebar-minimized .main-shell{margin-left:76px}
.sidebar-minimized .workspace{position:static;justify-content:center;padding:0;margin:2px 0 22px;border:0;background:none;box-shadow:none}
.sidebar-minimized .workspace-avatar{width:44px;height:30px;padding:3px}
.sidebar-minimized .sidebar-collapse{position:absolute;top:25px;right:-12px;width:24px;height:24px;border-radius:50%;transform:rotate(180deg);background:#fff;border:1px solid #e6dff0;box-shadow:0 4px 14px #30215326;z-index:30}
.sidebar-minimized .nav{align-items:center}
.sidebar-minimized .nav-item{width:48px;height:44px;padding:0;margin:0 auto 4px;justify-content:center;gap:0;font-size:0}
.sidebar-minimized .nav-item:hover{transform:none}
.sidebar-minimized .nav-icon{margin:0;width:20px}
.sidebar-minimized .nav-label-spaced{display:block;width:32px;height:1px;padding:0;margin:12px auto 14px;background:var(--line);font-size:0}
.sidebar-minimized .sidebar-bottom{padding:0;display:flex;flex-direction:column;align-items:center}
.sidebar-minimized .sidebar-help{width:48px;height:44px;padding:0;margin:0 0 10px;justify-content:center}
.sidebar-minimized .user-row{width:100%;padding:12px 0 2px;justify-content:center}
}

/* ===== Lead & WhatsApp: platform windows, lead comparison, WhatsApp thread ===== */
.crm-tabs-row{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;flex-wrap:wrap;margin:0 0 14px}
.crm-tabs{display:flex;gap:8px;flex-wrap:wrap}
.crm-tab{display:flex;align-items:center;gap:10px;min-width:220px;padding:10px 14px;border:1px solid var(--line);border-radius:14px;background:#ffffffb8;color:var(--ink);text-align:left;cursor:pointer;font-family:'DM Sans',sans-serif;transition:border-color .2s,box-shadow .2s,transform .2s}
.crm-tab:hover{transform:translateY(-1px)}
.crm-tab b{display:block;font:700 14px Manrope,sans-serif}
.crm-tab small{display:block;color:var(--muted);font-size:11px;margin-top:2px}
.crm-tab-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;flex:none;background:#7154c81a;color:#6545d5}
.crm-tab-myoperator .crm-tab-icon{background:#2563eb1a;color:#2563eb}
.crm-tab-interakt .crm-tab-icon{background:#16a34a1a;color:#15803d}
.crm-tab.active{border-color:#7154c8;box-shadow:0 0 0 3px #7154c81f}
.crm-tab-myoperator.active{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}
.crm-tab-interakt.active{border-color:#16a34a;box-shadow:0 0 0 3px #16a34a1f}
.crm-period{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px;font-weight:600}
.crm-period select{padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);font:600 12px 'DM Sans',sans-serif}
.crm-tab-panel>.card,.crm-tab-panel>.grid{margin-bottom:14px}
.crm-platform-mo{border-top:3px solid #2563eb}
.crm-platform-ik{border-top:3px solid #16a34a}
.crm-kpi-strip{grid-template-columns:repeat(auto-fit,minmax(116px,1fr))}
.crm-pf-tag{display:inline-block;padding:1px 7px;border-radius:999px;border:1px solid transparent;font:700 10px 'DM Sans',sans-serif;vertical-align:1px;white-space:nowrap}
.crm-pf-interakt{background:#16a34a17;color:#15803d;border-color:#16a34a33}
.crm-pf-myoperator{background:#2563eb14;color:#1d4ed8;border-color:#2563eb33}
.crm-pf-other{background:#64748b14;color:#5b6474;border-color:#64748b33}
.crm-compare{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:4px 17px 17px}
.crm-compare-col{display:flex;flex-direction:column;gap:10px;padding:14px;border:1px solid var(--line);border-radius:14px;background:#ffffff8c}
.crm-compare-head{display:grid;gap:2px;justify-items:start}
.crm-compare-head b{margin-top:6px;font:800 26px Manrope,sans-serif;color:var(--ink)}
.crm-compare-head small{color:var(--muted);font-size:11px}
.crm-compare dl{display:grid;gap:6px;margin:0}
.crm-compare dl>div{display:flex;justify-content:space-between;gap:10px;padding-bottom:6px;border-bottom:1px dashed var(--line);font-size:12px}
.crm-compare dt{color:var(--muted)}
.crm-compare dd{margin:0;font-weight:700;color:var(--ink);text-align:right}
.crm-compare dd small{margin-left:4px;color:var(--muted);font-weight:500}
.crm-compare-bar{display:block;height:6px;margin-top:auto;border-radius:6px;background:#7154c81a;overflow:hidden}
.crm-compare-bar em{display:block;height:100%;border-radius:6px;background:linear-gradient(90deg,#7154c8,#a78bfa)}
.crm-pf-col-interakt .crm-compare-bar em{background:linear-gradient(90deg,#16a34a,#4ade80)}
.crm-pf-col-myoperator .crm-compare-bar em{background:linear-gradient(90deg,#2563eb,#60a5fa)}
.crm-bars{display:grid;gap:9px;padding:4px 17px 17px}
.crm-bar-row{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,2fr) 44px;gap:10px;align-items:center;font-size:12px;color:var(--ink)}
.crm-bar-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.crm-bar-row i{height:8px;border-radius:8px;background:#7154c81a;overflow:hidden}
.crm-bar-row em{display:block;height:100%;border-radius:8px;background:linear-gradient(90deg,#7154c8,#a78bfa)}
.crm-bar-row b{text-align:right}
.crm-feed-row{grid-template-columns:26px minmax(0,1fr) auto}
.crm-feed-row .timeline-icon,.crm-timeline .timeline-icon{width:24px;height:24px}
.timeline-icon .ico{width:13px;height:13px;stroke-width:2}
.crm-ic-call{background:#2563eb1a;color:#2563eb}
.crm-ic-whatsapp{background:#16a34a1a;color:#15803d}
.crm-ic-campaign{background:#f59e0b1f;color:#b45309}
.crm-ic-automation{background:#7c3aed1a;color:#6d28d9}
.crm-chat{display:flex;flex-direction:column;gap:8px;max-height:420px;overflow:auto;margin-bottom:6px;padding:14px;border:1px solid var(--line);border-radius:14px;background:#f6f3fb}
.crm-bubble{max-width:78%;padding:8px 11px;border-radius:12px;font-size:12px;line-height:1.45;box-shadow:0 1px 2px #0000000d}
.crm-bubble.in{align-self:flex-start;background:#fff;border:1px solid var(--line);border-top-left-radius:4px}
.crm-bubble.out{align-self:flex-end;background:#dcf8e6;border:1px solid #bfe9cf;border-top-right-radius:4px}
.crm-bubble-campaign.out{background:#fff4dc;border-color:#f3dfb0}
.crm-bubble-automation{background:#efe9ff;border-color:#ddd2fb}
.crm-bubble small{display:block;margin-bottom:2px;color:var(--muted);font-size:10px;font-weight:700}
.crm-bubble p{margin:0;color:var(--ink);white-space:pre-wrap;overflow-wrap:anywhere}
.crm-bubble time{display:block;margin-top:3px;color:var(--muted);font-size:10px;text-align:right}
.detail-panel.crm-wide{width:min(1180px,100%)}
/* Funnel & Customers: minimal glass cards for the joining funnel and plans */
.crm-section-card{margin:0 0 16px;padding:18px;border:1px solid #ffffffd9;border-radius:20px;background:linear-gradient(150deg,#ffffffb3,#ffffff73);box-shadow:0 10px 30px #45316e0d,inset 0 1px 0 #fff;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.crm-section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;flex-wrap:wrap;margin-bottom:14px}
.crm-section-head h2{margin:0;font:700 17px Manrope,sans-serif;color:var(--ink)}
.crm-section-head>div>span{display:block;margin-top:3px;color:var(--muted);font-size:12px}
.crm-stage-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
.crm-stage{display:flex;flex-direction:column;gap:3px;padding:14px;border:1px solid #ffffffe6;border-radius:16px;background:linear-gradient(160deg,#ffffffcc,#f6f2ffa6);box-shadow:0 6px 18px #45316e0f,inset 0 1px 0 #fff;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.crm-stage-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.crm-stage-index{padding:3px 7px;border-radius:999px;background:#7154c814;color:#7154c8;font:800 10px Manrope,sans-serif;letter-spacing:.08em}
.crm-stage-rate{padding:2px 8px;border-radius:999px;background:#16a34a14;color:#15803d;font:700 11px 'DM Sans',sans-serif}
.crm-stage-count{font:800 26px Manrope,sans-serif;line-height:1.1;color:var(--ink)}
.crm-stage-label{font:700 13px 'DM Sans',sans-serif;color:var(--ink)}
.crm-stage small{min-height:30px;color:var(--muted);font-size:11px;line-height:1.35}
.crm-stage-bar{display:block;height:5px;margin-top:10px;border-radius:5px;background:#7154c814;overflow:hidden}
.crm-stage-bar em{display:block;height:100%;border-radius:5px;background:linear-gradient(90deg,#7154c8,#35a966)}
/* Operations pages (ops.js): sub-tabs, campaign and event funnels, contacts tags, targets, support, compliance */
.ops-subtabs{display:inline-flex;gap:4px;margin:0 0 14px;padding:4px;border:1px solid var(--line);border-radius:999px;background:#ffffffa6}
.ops-subtabs button{padding:7px 16px;border:0;border-radius:999px;background:none;color:var(--muted);font:700 12px 'DM Sans',sans-serif;cursor:pointer}
.ops-subtabs button:hover{color:var(--ink)}
.ops-subtabs button.active{background:#7154c8;color:#fff;box-shadow:0 4px 12px #7154c840}
.ops-card{margin-bottom:14px}
.ops-kpis{padding-bottom:16px}
.ops-note{margin:4px 0 18px;color:var(--muted);font-size:11.5px}
.ops-tabs button span{margin-left:3px;opacity:.65}
.ops-actions{display:flex;flex-wrap:wrap;gap:8px;margin-left:auto}
.ops-tagcloud{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px}
.ops-tag{padding:5px 11px;border:1px solid var(--line);border-radius:999px;background:#ffffffa6;color:var(--ink);font:600 11.5px 'DM Sans',sans-serif;cursor:pointer}
.ops-tag b{margin-left:3px;color:var(--muted);font-weight:700}
.ops-tag:hover{border-color:#a493dc}
.ops-tag.active{border-color:#7154c8;background:#7154c8;color:#fff}.ops-tag.active b{color:#ffffffcc}
.ops-tag.clear{border-style:dashed;color:var(--muted)}
.ops-chips{display:flex;flex-wrap:wrap;gap:4px}
.ops-chips span{padding:1px 7px;border-radius:999px;background:#7154c814;color:#5e42b3;font-size:10.5px;font-weight:700;white-space:nowrap}
.ops-chips.warn span{background:#d977061a;color:#b45309}
.ops-chips.warn span.ok{background:#16a34a17;color:#15803d}
.ops-funnel{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px;padding:2px 17px 17px}
.detail-body .ops-funnel{padding:0}
.ops-funnel>div{display:grid;gap:2px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:#ffffff8c}
.ops-funnel span{color:var(--muted);font-size:11px}
.ops-funnel b{font:800 20px Manrope,sans-serif;color:var(--ink)}
.ops-funnel small{color:#15803d;font-size:11px;font-weight:700}
.ops-funnel i{display:block;height:5px;margin-top:6px;border-radius:5px;background:#7154c814;overflow:hidden}
.ops-funnel em{display:block;height:100%;border-radius:5px;background:linear-gradient(90deg,#7154c8,#35a966)}
.ops-reasons{display:flex;flex-wrap:wrap;gap:8px}
.ops-reasons span{padding:6px 12px;border-radius:10px;background:#dc26260f;color:#b91c1c;font-size:12px}
.ops-event-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px;padding:2px 17px 17px}
.ops-event-card{display:grid;gap:4px;justify-items:start;padding:14px;border:1px solid var(--line);border-radius:14px;background:#ffffff8c;color:inherit;font:inherit;text-align:left;cursor:pointer;transition:border-color .2s,transform .2s}
.ops-event-card:hover{border-color:#a493dc;transform:translateY(-1px)}
.ops-event-card b{font:700 14px Manrope,sans-serif;color:var(--ink)}
.ops-event-card small,.ops-event-card em{color:var(--muted);font-size:11px;font-style:normal}
.ops-event-card strong{font:800 18px Manrope,sans-serif;color:var(--ink)}
.ops-dots{display:inline-flex;gap:4px}
.ops-dots i{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#94a3b81f;color:var(--muted);font-size:9.5px;font-style:normal;font-weight:800}
.ops-dots i.read,.ops-dots i.clicked{background:#16a34a;color:#fff}
.ops-dots i.delivered{background:#2563eb;color:#fff}
.ops-dots i.sent{background:#94a3b8;color:#fff}
.ops-dots i.failed{background:#dc2626;color:#fff}
.ops-person-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:10px}
.ops-person{--tone:#7154c8;display:flex;flex-direction:column;gap:12px;padding:16px;border:1px solid #ffffffe6;border-left:4px solid var(--tone);border-radius:18px;background:linear-gradient(160deg,#ffffffd9,#ffffff8c);box-shadow:0 8px 24px #45316e12,inset 0 1px 0 #fff}
.ops-tone-green{--tone:#16a34a}.ops-tone-blue{--tone:#2563eb}.ops-tone-amber{--tone:#d97706}.ops-tone-red{--tone:#dc2626}.ops-tone-grey{--tone:#94a3b8}
.ops-person header{display:flex;align-items:center;gap:12px}
.ops-person header>div{flex:1;min-width:0}
.ops-person header b{display:block;font:800 16px Manrope,sans-serif;color:var(--ink)}
.ops-person header small{color:var(--tone);font-size:12px;font-weight:700}
.ops-progress>div{display:flex;align-items:baseline;gap:8px;margin-bottom:6px}
.ops-progress span{color:var(--muted);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}
.ops-progress b{font:800 20px Manrope,sans-serif;color:var(--ink)}
.ops-progress small{color:var(--muted);font-size:12px}
.ops-meter{position:relative;display:block;height:6px;border-radius:6px;background:#7154c814;overflow:visible}
.ops-meter.big{height:12px}
.ops-meter em{display:block;height:100%;border-radius:6px;background:var(--tone)}
.ops-meter u{position:absolute;top:-4px;bottom:-4px;width:2px;border-radius:2px;background:var(--ink);opacity:.55}
.ops-person-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.ops-person-stats>div{display:grid;gap:3px;padding:9px 10px;border:1px solid var(--line);border-radius:12px;background:#ffffff8c}
.ops-person-stats span{color:var(--muted);font-size:10.5px}
.ops-person-stats b{font:800 15px Manrope,sans-serif;color:var(--ink);white-space:nowrap}
.ops-person-stats small{color:var(--muted);font-size:10.5px}
.ops-history{display:flex;gap:14px;align-items:flex-end}
.ops-history>div{display:grid;justify-items:center;gap:2px}
.ops-history i{display:flex;align-items:flex-end;width:26px;height:42px;border-radius:6px;background:#7154c80f;overflow:hidden}
.ops-history em{display:block;width:100%;border-radius:6px 6px 0 0;background:linear-gradient(180deg,#a78bfa,#7154c8)}
.ops-history small{color:var(--muted);font-size:10px}
.ops-history b{font-size:11px;color:var(--ink)}
.ops-summary-btn{margin-right:8px}
.ops-wa{padding:18px;border-radius:14px;background:#e5ddd5 repeating-linear-gradient(45deg,#ffffff0d 0 10px,transparent 10px 20px)}
.ops-wa-bubble{max-width:430px;padding:10px 12px 6px;border-radius:10px 10px 10px 2px;background:#fff;color:#111b21;font:13.5px/1.55 'DM Sans',sans-serif;box-shadow:0 1px 1px #0000001f}
.ops-wa-bubble time{display:block;margin-top:4px;color:#667781;font-size:10.5px;text-align:right}
@media(max-width:1100px){.ops-person-grid{grid-template-columns:1fr}}
@media(max-width:600px){.ops-person-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.ops-subtabs{display:flex;flex-wrap:wrap;border-radius:14px}.ops-actions{margin-left:0}}

/* Salesperson Performance */
.crm-rep-blue{--tone:#2563eb}.crm-rep-green{--tone:#16a34a}.crm-rep-amber{--tone:#d97706}.crm-rep-grey{--tone:#94a3b8}
.nav-live{margin-left:auto;min-width:18px;padding:1px 6px;border-radius:999px;background:#2563eb;color:#fff;font-size:10px;font-weight:800;text-align:center;box-shadow:0 0 0 3px #2563eb2e;animation:crm-pulse 1.6s ease-in-out infinite}
.nav-live[hidden]{display:none}
@keyframes crm-pulse{50%{box-shadow:0 0 0 6px #2563eb12}}
.crm-team-actions{display:flex;align-items:center;gap:10px}
.crm-live-dot{display:inline-block;width:8px;height:8px;margin-left:6px;border-radius:50%;background:#16a34a;vertical-align:2px;animation:crm-live 1.6s ease-in-out infinite}
@keyframes crm-live{0%,100%{box-shadow:0 0 0 0 #16a34a66}60%{box-shadow:0 0 0 6px #16a34a00}}
.crm-team-summary{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;padding:12px 16px}
.crm-team-chips{display:flex;flex-wrap:wrap;gap:8px}
.crm-team-chip{display:inline-flex;align-items:center;gap:7px;padding:6px 12px;border:1px solid var(--line);border-radius:999px;background:#ffffffa6;color:var(--ink);font-size:12px}
.crm-team-chip i{width:8px;height:8px;border-radius:50%;background:var(--tone)}
.crm-team-chip b{font:800 14px Manrope,sans-serif}
.crm-team-totals{display:flex;flex-wrap:wrap;gap:22px}
.crm-team-totals small{display:block;color:var(--muted);font-size:10.5px}
.crm-team-totals b{font:800 15px Manrope,sans-serif;color:var(--ink);white-space:nowrap}
.crm-rep-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:16px}
.crm-rep{display:flex;flex-direction:column;gap:12px;padding:16px;border:1px solid #ffffffe6;border-left:4px solid var(--tone);border-radius:18px;background:linear-gradient(160deg,#ffffffd9,#ffffff8c);box-shadow:0 8px 24px #45316e12,inset 0 1px 0 #fff;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.crm-rep header{display:flex;align-items:center;gap:12px}
.crm-rep-avatar{position:relative;display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:14px;background:linear-gradient(140deg,#7c5cff,#3b82f6);color:#fff;font:800 15px Manrope,sans-serif}
.crm-rep-avatar i{position:absolute;right:-3px;bottom:-3px;width:13px;height:13px;border:2px solid #fff;border-radius:50%;background:var(--tone)}
.crm-rep-blue .crm-rep-avatar i{animation:crm-oncall 1.4s ease-in-out infinite}
@keyframes crm-oncall{50%{box-shadow:0 0 0 5px #2563eb33}}
.crm-rep-who{flex:1;min-width:0}
.crm-rep-who b{display:block;font:800 16px Manrope,sans-serif;color:var(--ink)}
.crm-rep-who small{display:block;color:var(--muted);font-size:12px}
.crm-rep-who small b{display:inline;font:inherit;font-weight:700;color:var(--ink)}
.crm-rep-pill{flex:none;padding:4px 10px;border-radius:999px;background:color-mix(in srgb,var(--tone) 14%,transparent);color:var(--tone);font-size:11px;font-weight:800;letter-spacing:.03em;text-transform:uppercase}
.crm-rep-last{padding:8px 10px;border-radius:10px;background:#7154c80a;color:var(--ink);font-size:12px;line-height:1.45}
.crm-rep-last>span{color:var(--muted);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}
.crm-rep-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.crm-rep-stats div,.crm-rep-tiles div{min-width:0;padding:9px 10px;border:1px solid var(--line);border-radius:12px;background:#ffffff8c}
.crm-rep-stats small,.crm-rep-tiles small{display:block;overflow:hidden;color:var(--muted);font-size:10.5px;text-overflow:ellipsis;white-space:nowrap}
.crm-rep-stats b,.crm-rep-tiles b{display:block;font:800 17px Manrope,sans-serif;color:var(--ink);white-space:nowrap}
.crm-rep-stats em,.crm-rep-tiles em{display:block;overflow:hidden;color:var(--muted);font-size:10.5px;font-style:normal;text-overflow:ellipsis;white-space:nowrap}
.crm-rep footer{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.crm-rep-note{margin:-4px 0 0;color:var(--muted);font-size:10.5px}
.crm-presence{display:inline-flex;padding:3px;border:1px solid var(--line);border-radius:999px;background:#ffffffa6}
.crm-presence button{padding:5px 12px;border:0;border-radius:999px;background:none;color:var(--muted);font:700 11px 'DM Sans',sans-serif;cursor:pointer}
.crm-presence button:hover{color:var(--ink)}
.crm-presence button.active{background:#7154c8;color:#fff;box-shadow:0 3px 10px #7154c840}
.crm-day{position:relative}
.crm-day-track{position:relative;height:16px;overflow:hidden;border-radius:6px;background:#7154c80d}
.crm-day.large .crm-day-track{height:30px;border-radius:8px}
.crm-day-band{position:absolute;top:0;bottom:0}
.crm-day-band.available{background:#16a34a2b}
.crm-day-band.break{background:repeating-linear-gradient(135deg,#d9770640 0 4px,#d977061f 4px 8px)}
.crm-day-band.estimated{opacity:.6}
.crm-day-call{position:absolute;top:22%;bottom:22%;min-width:2px;border-radius:2px;background:#94a3b8}
.crm-day-call.connected{background:#2563eb}
.crm-day-call.live{background:#2563eb;animation:crm-oncall 1.4s ease-in-out infinite}
.crm-day-now{position:absolute;top:0;bottom:0;width:2px;background:#dc2626}
.crm-day-hours{position:relative;height:14px;margin-top:3px;color:var(--muted);font-size:9.5px}
.crm-day-hours span{position:absolute;transform:translateX(-50%)}
.crm-day-hours span:first-child{transform:none}
.crm-day-hours span:last-child{transform:translateX(-100%)}
.crm-rep-title{display:inline-flex;align-items:center;gap:12px}
.crm-rep-title .crm-rep-avatar{width:38px;height:38px;font-size:13px}
.crm-rep-head{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:10px;color:var(--ink);font-size:13px}
.crm-rep-head .crm-presence{margin-left:auto}
.crm-rep-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px}
.crm-rep-legend{display:flex;flex-wrap:wrap;gap:14px;margin:14px 0 6px;color:var(--muted);font-size:11px}
.crm-rep-legend i{display:inline-block;width:12px;height:8px;margin-right:5px;border-radius:2px;vertical-align:0}
.crm-rep-legend .available{background:#16a34a2b}.crm-rep-legend .break{background:#d9770640}.crm-rep-legend .call{background:#2563eb}.crm-rep-legend .missed{background:#94a3b8}.crm-rep-legend .now{width:2px;background:#dc2626}
.crm-hourly{display:grid;grid-template-columns:repeat(13,minmax(0,1fr));gap:6px;align-items:end;height:130px;padding:10px 12px;border:1px solid var(--line);border-radius:14px;background:#ffffff8c}
.crm-hourly div{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;gap:3px}
.crm-hourly i{display:block;width:100%;max-width:28px;min-height:2px;border-radius:5px 5px 2px 2px;background:linear-gradient(180deg,#7c5cff,#3b82f6)}
.crm-hourly b{order:-1;color:var(--ink);font-size:10px}
.crm-hourly span{color:var(--muted);font-size:9.5px}
.crm-rep-recent{max-height:360px;padding:0}
@media(max-width:1100px){.crm-rep-grid{grid-template-columns:1fr}}
@media(max-width:600px){.crm-rep-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.crm-team-totals{gap:12px}.crm-rep-head .crm-presence{margin-left:0}}
.crm-pipeline-card{padding:16px 18px}
.crm-pipeline-card .crm-section-head{margin-bottom:12px}
.crm-flow{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border:1px solid #ffffffe6;border-radius:16px;background:linear-gradient(160deg,#ffffffcc,#f7f4ffa6);box-shadow:0 6px 18px #45316e0d,inset 0 1px 0 #fff}
.crm-flow-step{position:relative;display:flex;flex-direction:column;gap:2px;min-width:0;padding:12px 16px 12px 20px;border:0;border-right:1px solid var(--line);background:none;color:inherit;font:inherit;text-align:left;cursor:pointer;transition:background .2s}
.crm-flow-step:first-child{border-radius:16px 0 0 16px}
.crm-flow-step:last-child{border-right:0;border-radius:0 16px 16px 0}
.crm-flow-step:not(:last-child)::after{content:'';position:absolute;z-index:1;top:50%;right:-6px;width:10px;height:10px;margin-top:-5px;border-top:1px solid var(--line);border-right:1px solid var(--line);background:#faf8ff;transform:rotate(45deg)}
.crm-flow-step:hover{background:#7154c80f}
.crm-flow-step:focus-visible,.crm-status-chip:focus-visible{outline:2px solid #7154c8;outline-offset:-2px}
.crm-flow-label{color:var(--muted);font-size:10.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase}
.crm-flow-step b{font:800 24px Manrope,sans-serif;line-height:1.2;color:var(--ink)}
.crm-flow-meta{overflow:hidden;color:var(--muted);font-size:11px;text-overflow:ellipsis;white-space:nowrap}
.crm-flow-meta em{font-style:normal;font-weight:700;color:#15803d}
.crm-flow-bar{display:block;height:4px;margin-top:8px;border-radius:4px;background:#7154c814;overflow:hidden}
.crm-flow-bar span{display:block;height:100%;border-radius:4px;background:linear-gradient(90deg,#7154c8,#35a966)}
.crm-status-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:10px}
.crm-status-chip{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:10px;align-items:center;min-width:0;padding:9px 12px;border:1px solid var(--line);border-radius:12px;background:#ffffff8c;color:inherit;font:inherit;text-align:left;cursor:pointer;transition:border-color .2s,transform .2s,background .2s}
.crm-status-chip:hover{border-color:#a493dc;background:#ffffffd9;transform:translateY(-1px)}
.crm-status-chip span{display:flex;align-items:baseline;justify-content:space-between;gap:8px;min-width:0}
.crm-status-chip small{overflow:hidden;color:var(--ink);font-size:12px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}
.crm-status-chip b{font:800 17px Manrope,sans-serif;color:var(--ink)}
.crm-status-chip em{grid-column:2;overflow:hidden;color:var(--muted);font-size:10.5px;font-style:normal;text-overflow:ellipsis;white-space:nowrap}
.crm-dot{grid-row:1/3;width:9px;height:9px;border-radius:50%}
.crm-dot-green{background:#16a34a;box-shadow:0 0 0 4px #16a34a1f}
.crm-dot-amber{background:#d97706;box-shadow:0 0 0 4px #d977061f}
.crm-dot-red{background:#dc2626;box-shadow:0 0 0 4px #dc26261f}
.crm-dot-violet{background:#7154c8;box-shadow:0 0 0 4px #7154c81f}
.crm-dot-grey{background:#94a3b8;box-shadow:0 0 0 4px #94a3b82e}
@media(max-width:1200px){.crm-flow{grid-template-columns:repeat(3,minmax(0,1fr))}.crm-flow-step{border-bottom:1px solid var(--line);border-radius:0!important}.crm-flow-step:nth-child(3n){border-right:0}.crm-flow-step:nth-child(n+4){border-bottom:0}.crm-flow-step::after{display:none}.crm-status-strip{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.crm-flow{grid-template-columns:repeat(2,minmax(0,1fr))}.crm-flow-step:nth-child(3n){border-right:1px solid var(--line)}.crm-flow-step:nth-child(2n){border-right:0}.crm-flow-step:nth-child(n+4){border-bottom:1px solid var(--line)}.crm-flow-step:nth-child(n+5){border-bottom:0}.crm-status-strip{grid-template-columns:1fr}}
.crm-plan-totals{display:flex;flex-wrap:wrap;gap:8px}
.crm-plan-totals span{padding:6px 12px;border:1px solid #ffffffe6;border-radius:999px;background:#ffffffa6;color:var(--muted);font-size:12px}
.crm-plan-totals b{margin-right:3px;color:var(--ink)}
.crm-plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.crm-plan-silver{--plan:#64748b;--plan2:#94a3b8}
.crm-plan-diamond{--plan:#4f46e5;--plan2:#22d3ee}
.crm-plan-super-diamond{--plan:#d97706;--plan2:#a855f7}
.crm-plan-card{position:relative;display:flex;flex-direction:column;border:1px solid #ffffffe6;border-radius:18px;background:linear-gradient(160deg,#ffffffd9,#ffffff8c);box-shadow:0 8px 24px #45316e12,inset 0 1px 0 #fff;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);overflow:hidden}
.crm-plan-card::before{content:'';position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,var(--plan),var(--plan2))}
.crm-plan-head{display:flex;align-items:center;gap:12px;width:100%;padding:18px 18px 12px;border:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}
.crm-plan-gem{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,var(--plan),var(--plan2));color:#fff;box-shadow:0 6px 16px color-mix(in srgb,var(--plan) 35%,transparent)}
.crm-plan-gem .ico{width:20px;height:20px}
.crm-plan-name{flex:1;min-width:0}
.crm-plan-name b{display:block;font:800 18px Manrope,sans-serif;color:var(--ink)}
.crm-plan-name small{color:var(--muted);font-size:11px}
.crm-plan-open{color:var(--plan);font-size:11px;font-weight:700;white-space:nowrap}
.crm-plan-head:hover .crm-plan-open{text-decoration:underline}
.crm-plan-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:0 18px 14px}
.crm-plan-stats div{min-width:0;padding:10px;border:1px solid #ffffffd9;border-radius:12px;background:#ffffffa6}
.crm-plan-stats b{display:block;overflow:hidden;font:800 17px Manrope,sans-serif;color:var(--ink);text-overflow:ellipsis;white-space:nowrap}
.crm-plan-stats small{color:var(--muted);font-size:10px}
.crm-plan-terms{display:grid;gap:6px;padding:0 12px 14px}
.crm-plan-term{display:grid;grid-template-columns:1.2fr .7fr .8fr 1.1fr;gap:6px;align-items:center;width:100%;padding:9px 10px;border:1px solid var(--line);border-radius:12px;background:#ffffff80;color:inherit;font:inherit;text-align:left;cursor:pointer;transition:border-color .2s,transform .2s}
.crm-plan-term:hover{border-color:var(--plan);transform:translateY(-1px)}
.crm-plan-term b{display:block;color:var(--ink);font-size:12px;white-space:nowrap}
.crm-plan-term small{color:var(--muted);font-size:10px}
.crm-plan-term span:not(:first-child){text-align:right}
.crm-plan-title{display:inline-flex;align-items:center;gap:10px}
.crm-plan-title .crm-plan-gem{width:34px;height:34px}
.crm-plan-filters{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;margin-bottom:12px}
.crm-plan-filters button span{margin-left:3px;opacity:.65}
@media(max-width:1200px){.crm-stage-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1100px){.crm-plan-grid{grid-template-columns:1fr}}
@media(max-width:600px){.crm-stage-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.crm-plan-term{grid-template-columns:1fr 1fr}.crm-plan-term span:not(:first-child){text-align:left}}
.crm-export-overlay{z-index:1010}
.detail-panel.crm-export-panel{width:min(720px,100%)}
.crm-export-presets{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 16px}
.crm-export-preset{padding:8px 14px;border:1px solid var(--line);border-radius:999px;background:#ffffffb8;color:var(--ink);font:600 12px 'DM Sans',sans-serif;cursor:pointer}
.crm-export-preset:hover{border-color:#a493dc}
.crm-export-preset.active{border-color:#7154c8;background:#7154c8;color:#fff;box-shadow:0 4px 14px #7154c840}
.crm-export-columns{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px}
.crm-export-columns fieldset{display:grid;gap:7px;align-content:start;margin:0;padding:10px 12px;border:1px solid var(--line);border-radius:12px}
.crm-export-columns legend{padding:0 4px;color:var(--muted);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.crm-export-columns .crm-check,.crm-export-options .crm-check{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--ink);cursor:pointer}
.crm-export-options{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px 20px;margin-bottom:14px}
.crm-export-options>label:first-child{display:grid;gap:5px;color:var(--muted);font-size:11px;font-weight:600}
.crm-export-options select{padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);font:600 12px 'DM Sans',sans-serif}
.crm-export-options [hidden]{display:none}
@media(max-width:700px){.crm-export-columns{grid-template-columns:repeat(2,minmax(0,1fr))}}
.crm-list-count{display:inline-block;margin-left:6px;padding:2px 10px;border-radius:999px;background:#7154c81a;color:#5e42b3;font-size:14px;vertical-align:4px}
.crm-list-toolbar{justify-content:space-between}
.crm-list-toolbar .search-box{flex:1;max-width:420px}
.crm-contact-link{color:inherit;text-decoration:none;font-weight:600;white-space:nowrap}
.crm-contact-link:hover{color:#6545d5;text-decoration:underline}
.crm-wa-link{display:inline-block;margin-left:4px;padding:1px 6px;border-radius:999px;background:#16a34a17;color:#15803d;font-size:10px;font-weight:700;text-decoration:none;white-space:nowrap}
.crm-wa-link:hover{background:#16a34a2b}
.crm-kpi-open{display:block;margin-top:4px;color:#6545d5;font-size:10px;font-weight:700;opacity:0;transition:opacity .2s}
.crm-kpi:hover .crm-kpi-open,.crm-kpi:focus-visible .crm-kpi-open{opacity:1}
.crm-back{margin-right:4px;padding:5px 10px;font-size:11px}
.crm-team-card th,.crm-team-card td{padding-left:8px;padding-right:8px}
.crm-team-card th{white-space:normal;line-height:1.25}
.crm-demo-banner{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}
.crm-demo-banner>div{flex:1;min-width:0}
.crm-demo-banner button{flex:none}
.crm-demo-actions{display:flex;flex-wrap:wrap;gap:8px;flex:none}
.crm-period-title{display:grid;gap:3px}
.crm-period-title b{font:700 16px Manrope,sans-serif;color:var(--ink)}
.crm-period-title small{color:var(--muted);font-size:12px}
.kpi-icon .ico{width:15px;height:15px}
.crm-inline-bar{display:block;height:4px;margin-top:5px;border-radius:4px;background:#7154c81a;overflow:hidden;max-width:140px}
.crm-inline-bar em{display:block;height:100%;border-radius:4px;background:linear-gradient(90deg,#7154c8,#35a966)}
.crm-alert-row{width:100%;border:0;background:none;font:inherit;color:inherit;text-align:left;cursor:pointer;border-radius:10px}
.crm-alert-row:hover{background:#7154c80d}
@media(max-width:900px){.crm-compare{grid-template-columns:1fr}.crm-tab{min-width:0;flex:1 1 100%}.crm-demo-banner{flex-direction:column;align-items:flex-start}}
@media(max-width:560px){.crm-feed-row{grid-template-columns:26px minmax(0,1fr)}.crm-bubble{max-width:92%}}

/* ===== Dark glass: generated overrides (gen-dark.mjs) ===== */
html[data-theme="dark"] .sidebar{background:#ffffff0a;border-right-color:#ffffff17}
html[data-theme="dark"] .brand-mark svg{fill:#ffffff14}
html[data-theme="dark"] .workspace-avatar{background:#4176d51f;color:#93a6c1;background:#ffffff0a}
html[data-theme="dark"] .nav-item:hover{background:#417ac61f;background:#6b41c01f;color:#a79ec6;background:#7141d01f;color:#9a91b2}
html[data-theme="dark"] .nav-item.active{background:#418bff1f;color:#96b7f0;background:var(--sub);color:#aea1d3;color:#ad9fe2}
html[data-theme="dark"] .nav-count{background:#4188ff1f;background:#6f41ff1f;color:#b2a3e6}
html[data-theme="dark"] .help-orb{background:#418bff1f}
html[data-theme="dark"] .avatar-dark{background:#4180c51f;color:#94a4b6}
html[data-theme="dark"] .avatar-blue{background:#4184ff1f;color:#99b7e7}
html[data-theme="dark"] .icon-button:hover{background:#4174a61f}
html[data-theme="dark"] .topbar{background:#ffffff0a;border-bottom-color:#ffffff17}
html[data-theme="dark"] .breadcrumbs b{color:#9aa3b1}
html[data-theme="dark"] .demo-pill{border-color:#ffffff17;background:#ffbc411f}
html[data-theme="dark"] .filters{background:#ffffff0a}
html[data-theme="dark"] .filter-controls label{background:#ffffff0a;border-color:#ffffff17}
html[data-theme="dark"] .filter-controls select{color:#9da6b3}
html[data-theme="dark"] .live-label{background:#4184dd1f;background:#7141d91f;color:#b1a4d8}
html[data-theme="dark"] h1{color:#8b96a6;color:#908d9c}
html[data-theme="dark"] .card{background:#ffffff0a;border-color:#ffffff17;background:var(--sub)}
html[data-theme="dark"] .kpi-icon{background:#4188ff1f;color:#b2a5d8;background:var(--sub);border-color:#ffffff17}
html[data-theme="dark"] .kpi-value{color:#8c96a6;color:#f1effa}
html[data-theme="dark"] .trend-up{color:#8bc2b4}
html[data-theme="dark"] .card-title{color:#919cac}
html[data-theme="dark"] .select-small{background:#ffffff0a}
html[data-theme="dark"] .channel-row{border-top-color:#ffffff17}
html[data-theme="dark"] .channel-name{color:#a2abb8}
html[data-theme="dark"] .bar-track{background:#41679a1f}
html[data-theme="dark"] .channel-roas{color:#99aecf}
html[data-theme="dark"] .text-link{color:#a1bbe7}
html[data-theme="dark"] th{background:#ffffff0a;border-top-color:#ffffff17;border-bottom-color:#ffffff17}
html[data-theme="dark"] td{border-bottom-color:#ffffff17;color:#abb3bf;color:#c4c0d4}
html[data-theme="dark"] .person-cell{color:#9aa5b4}
html[data-theme="dark"] .mini-avatar{background:#4183e61f;color:#a3b9db}
html[data-theme="dark"] .score-track{background:#41638f1f}
html[data-theme="dark"] .alert-row{border-top-color:#ffffff17}
html[data-theme="dark"] .alert-text{color:#a2abb8}
html[data-theme="dark"] .alert-pill{background:#ffbe411f;background:#7c41ff1f;color:#b2a4df}
html[data-theme="dark"] .search-box{background:#ffffff0a}
html[data-theme="dark"] .toolbar select,html[data-theme="dark"] .secondary-button{background:#ffffff0a;color:#b0b8c5}
html[data-theme="dark"] .status.new{background:#418bff1f}
html[data-theme="dark"] .status.contacted{background:#4171c41f}
html[data-theme="dark"] .status.qualified{background:#41ba861f;background:#41c0651f;color:#93c6a4}
html[data-theme="dark"] .status.proposal{background:#8041ff1f}
html[data-theme="dark"] .status.won{background:#41bd7b1f}
html[data-theme="dark"] .status.lost{background:#ff414e1f}
html[data-theme="dark"] .lead-name{color:#98a3b2}
html[data-theme="dark"] .clickable-row:hover{background:#ffffff0a}
html[data-theme="dark"] .split-stat{border-color:#ffffff17}
html[data-theme="dark"] .sales-person h3{color:#95a0b0}
html[data-theme="dark"] .sales-person-stats{border-top-color:#ffffff17}
html[data-theme="dark"] .integration-row{border-top-color:#ffffff17}
html[data-theme="dark"] .integration-logo{background:#416db61f;color:#a4b0c1;background:var(--sub)}
html[data-theme="dark"] .integration-info b{color:#a0a9b7}
html[data-theme="dark"] .connection{background:#ffb6411f}
html[data-theme="dark"] .connection.demo{background:#418bff1f}
html[data-theme="dark"] .integration-row button{background:#ffffff0a;color:#b1bac7}
html[data-theme="dark"] .settings-tab.active{color:#9bbaed}
html[data-theme="dark"] .timeline-icon{background:#418bff1f}
html[data-theme="dark"] .timeline-text{color:#a9b2bf}
html[data-theme="dark"] .timeline-text b{color:#9aa5b4}
html[data-theme="dark"] .mini-funnel-row b{color:#9aa5b4}
html[data-theme="dark"] .mini-funnel-row i{background:#41679a1f}
html[data-theme="dark"] .funnel-stage{border-top-color:#ffffff17;background:#ffffff0a}
html[data-theme="dark"] .funnel-stage:hover{background:#ffffff0a}
html[data-theme="dark"] .funnel-index{background:#4184e91f}
html[data-theme="dark"] .funnel-stage-main b{color:#a0a9b7}
html[data-theme="dark"] .funnel-stage-main i{background:#416ba01f}
html[data-theme="dark"] .notice-card{border-color:#ffffff17;background:#ffffff0a;background:var(--sub)}
html[data-theme="dark"] .notice-card b{color:#9caec9}
html[data-theme="dark"] .demo-pill.live{background:#41b7801f;border-color:#ffffff17;color:#94beaf}
html[data-theme="dark"] .demo-pill.error{background:#ff414e1f;border-color:#ffffff17;color:#daa9b0}
html[data-theme="dark"] .kpi.live-kpi{border-color:#ffffff17}
html[data-theme="dark"] .meta-setup-form label{color:#b0b8c5}
html[data-theme="dark"] .meta-form-result:not(:empty){color:#9fb7ae}
html[data-theme="dark"] .meta-reconfigure{border-top-color:#ffffff17}
html[data-theme="dark"] .meta-live-notice span{color:#b0b9c7}
html[data-theme="dark"] .meta-live-error{background:#ffffff0a;border-color:#ffffff17}
html[data-theme="dark"] .meta-live-error b{color:#daa9b0}
html[data-theme="dark"] .custom-date-fields input{color:#9da6b3}
html[data-theme="dark"] .source-tab{border-color:#ffffff17;background:#ffffff0a}
html[data-theme="dark"] .source-tab.active{border-color:#ffffff17;background:#4184ff1f;color:#98b6e4}
html[data-theme="dark"] .source-panel-head{background:#ffffff0a;border-color:#ffffff17;background:var(--sub)}
html[data-theme="dark"] .connection.connected{background:#41bd7b1f;color:#93c3b2}
html[data-theme="dark"] .connection.pending{background:#ffb6411f}
html[data-theme="dark"] .meta-campaign-control select{border-color:#ffffff17;background:#ffffff0a;color:#99a4b3}
html[data-theme="dark"] .sidebar,html[data-theme="dark"] .topbar,html[data-theme="dark"] .filters{background:#ffffff0a}
html[data-theme="dark"] .brand-name b{color:#b8aae4}
html[data-theme="dark"] .workspace{background:#ffffff0a;border-color:#ffffff17}
html[data-theme="dark"] .page-heading h1{color:#f1effa}
html[data-theme="dark"] .card:hover{border-color:#ffffff17}
html[data-theme="dark"] .section-row h2,html[data-theme="dark"] .card-title{color:#f1effa}
html[data-theme="dark"] .table-wrap th{background:#ffffff0a}
html[data-theme="dark"] .table-wrap td{border-top-color:#ffffff17}
html[data-theme="dark"] .table-wrap tbody tr:hover{background:#7541cb1f;background:#8041ff1f}
html[data-theme="dark"] .sales-big{color:#939198}
html[data-theme="dark"] .ad-spend-meta{color:#f1effa}
html[data-theme="dark"] .ad-spend-track{background:#6141951f}
html[data-theme="dark"] .daily-report-head{border-color:#ffffff17;background:#ffffff0a}
html[data-theme="dark"] .date-filter-group>label,html[data-theme="dark"] .date-filter-group .custom-date-fields>label{border-color:#ffffff17;background:#ffffff0a}
html[data-theme="dark"] .date-filter-group select{color:#9a97a1}
html[data-theme="dark"] .date-filter-group input{color:#9a97a1}
html[data-theme="dark"] .daily-report-head .meta-campaign-control{border-color:#ffffff17;background:#ffffff0a}
html[data-theme="dark"] .daily-report-head .meta-campaign-control select{color:#9a97a1}
html[data-theme="dark"] .daily-report-head .meta-sort-control{border-color:#ffffff17;background:#ffffff0a}
html[data-theme="dark"] .daily-report-head .meta-sort-control select{color:#9a97a1}
html[data-theme="dark"] .meta-campaign-visual-head h3{color:#f1effa}
html[data-theme="dark"] .meta-campaign-share{background:#7641d51f;color:#b2a4da}
html[data-theme="dark"] .meta-campaign-spend{color:#f1effa}
html[data-theme="dark"] .meta-campaign-bar,html[data-theme="dark"] .meta-campaign-stat>i{background:#6141951f}
html[data-theme="dark"] .meta-campaign-stat b{color:#f1effa}
html[data-theme="dark"] .meta-campaign-stat.compact{border-top-color:#ffffff17}
html[data-theme="dark"] .workspace,html[data-theme="dark"] .sidebar-help{background:#ffffff0a;border-color:#ffffff17}
html[data-theme="dark"] .nav-item{color:#c4c0d4}
html[data-theme="dark"] .topbar,html[data-theme="dark"] .filters{background:#ffffff0a;border-color:#ffffff17}
html[data-theme="dark"] .card,html[data-theme="dark"] .notice-card,html[data-theme="dark"] .daily-report-head,html[data-theme="dark"] .source-panel-head,html[data-theme="dark"] .settings-panel,html[data-theme="dark"] .integration-card,html[data-theme="dark"] .metric-card{background:var(--sub);border-color:#ffffff17}
html[data-theme="dark"] .card-title,html[data-theme="dark"] .section-row h2,html[data-theme="dark"] .table-head h2{color:#94909f}
html[data-theme="dark"] .filter-controls label,html[data-theme="dark"] .date-filter-group>label,html[data-theme="dark"] .date-filter-group .custom-date-fields>label,html[data-theme="dark"] .daily-report-head .meta-campaign-control,html[data-theme="dark"] .daily-report-head .meta-sort-control,html[data-theme="dark"] .select-small{background:#ffffff0a;border-color:#ffffff17}
html[data-theme="dark"] .filter-controls select,html[data-theme="dark"] .date-filter-group select,html[data-theme="dark"] .daily-report-head select{color:#9a92a9}
html[data-theme="dark"] .reset-button,html[data-theme="dark"] .text-link{color:#b1a2e5}
html[data-theme="dark"] .demo-pill,html[data-theme="dark"] .live-label{border-color:#ffffff17;background:var(--sub);color:#b1a4da}
html[data-theme="dark"] .kpi-icon,html[data-theme="dark"] .help-orb{color:#b2a2e3;background:var(--sub);border-color:#ffffff17}
html[data-theme="dark"] .kpi-grid .kpi-value{color:#948ea2}
html[data-theme="dark"] .bar-track,html[data-theme="dark"] .score-track{background:#6541a51f}
html[data-theme="dark"] .source-tabs,html[data-theme="dark"] .settings-tabs{border-bottom-color:#ffffff17}
html[data-theme="dark"] .source-tab,html[data-theme="dark"] .settings-tab{border-color:#ffffff17;background:#ffffff0a;color:#c4c0d4}
html[data-theme="dark"] .source-tab:hover,html[data-theme="dark"] .settings-tab:hover{background:#7141d01f;color:#a79bd4}
html[data-theme="dark"] .source-tab.active,html[data-theme="dark"] .settings-tab.active{border-color:#ffffff17;background:var(--sub);color:#aea0df}
html[data-theme="dark"] .secondary-button,html[data-theme="dark"] .apply-date-button,html[data-theme="dark"] .meta-sync-button{border-color:#ffffff17;background:#ffffff0a;color:#afa4d0}
html[data-theme="dark"] .secondary-button:hover,html[data-theme="dark"] .apply-date-button:hover,html[data-theme="dark"] .meta-sync-button:hover{border-color:#ffffff17;background:#7441d91f}
html[data-theme="dark"] .meta-setup-form,html[data-theme="dark"] .settings-panel,html[data-theme="dark"] .settings-card,html[data-theme="dark"] .integration-row{border-color:#ffffff17;background:var(--sub)}
html[data-theme="dark"] .meta-setup-form input,html[data-theme="dark"] .settings-panel input,html[data-theme="dark"] .settings-panel select,html[data-theme="dark"] .meta-setup-form select,html[data-theme="dark"] .meta-setup-form textarea{border-color:#ffffff17;background:#ffffff0a;color:#9a92a9}
html[data-theme="dark"] .meta-campaign-total-card{background:var(--sub);border-color:#ffffff17}
html[data-theme="dark"] .meta-campaign-total-head h3{color:#f1effa}
html[data-theme="dark"] .meta-campaign-total-spend b{color:#f1effa}
html[data-theme="dark"] .meta-campaign-total-stats>div{background:#ffffff0a;border-color:#ffffff17}
html[data-theme="dark"] .meta-campaign-total-stats b{color:#f1effa}
html[data-theme="dark"] .meta-campaign-total-track{background:#6a41ae1f}
html[data-theme="dark"] .meta-campaign-result-hero{border-color:#ffffff17;background:var(--sub)}
html[data-theme="dark"] .meta-campaign-result-label{color:#b5a8d8}
html[data-theme="dark"] .meta-campaign-result-hero strong{color:#9a90af}
html[data-theme="dark"] .meta-campaign-result-meter{background:#6c41a81f}
html[data-theme="dark"] .meta-campaign-result-chart{border-color:#ffffff17;background:#ffffff0a}
html[data-theme="dark"] .meta-campaign-chart-head b{color:#f1effa}
html[data-theme="dark"] .meta-campaign-chart-head .meta-campaign-chart-total{background:#41b5611f;color:#94c0a5}
html[data-theme="dark"] .meta-campaign-result-row-label span{color:#c4c0d4}
html[data-theme="dark"] .meta-campaign-result-row-label b{color:#9991a7}
html[data-theme="dark"] .meta-campaign-result-track{background:#6141951f}
html[data-theme="dark"] .meta-campaign-breakdown>.section-row>.date-filter-group>label,html[data-theme="dark"] .meta-campaign-breakdown>.section-row>.date-filter-group .custom-date-fields>label{border-color:#ffffff17;background:#ffffff0a}
html[data-theme="dark"] .meta-campaign-breakdown>.section-row>.date-filter-group select,html[data-theme="dark"] .meta-campaign-breakdown>.section-row>.date-filter-group input{color:#9a97a1}
html[data-theme="dark"] .detail-panel{border-color:#ffffff17;background:var(--sub)}
html[data-theme="dark"] .detail-top{border-bottom-color:#ffffff17;background:#ffffff0a}
html[data-theme="dark"] .detail-fields>div{border-color:#ffffff17;background:#ffffff0a}
html[data-theme="dark"] .detail-fields b{color:#93929d}
html[data-theme="dark"] .detail-body .card p{color:#f1effa}
html[data-theme="dark"] .demo-detail-overlay .clickable-row:hover{background:#7441ff1f}
html[data-theme="dark"] .organic-lead-fetch{border-color:#ffffff17;background:var(--sub)}
html[data-theme="dark"] .organic-lead-fetch b{color:#94929d}
html[data-theme="dark"] .organic-lead-fetch button,html[data-theme="dark"] .demo-demographic-tabs button{border-color:#ffffff17;background:#ffffff0a;color:#aaa2c6}
html[data-theme="dark"] .demo-demographic-row{color:#c4c0d4}
html[data-theme="dark"] .demo-demographic-row>div{background:#5f419b1f}
html[data-theme="dark"] .demo-demographic-row b{color:#9a98a2}
html[data-theme="dark"] .demo-demographic-card{border-color:#ffffff17;background:var(--sub)}
html[data-theme="dark"] .campaign-health.health-good{color:#8bc0a6;background:#41c3751f}
html[data-theme="dark"] .campaign-health.health-monitor{color:#cab080;background:#ffcd411f}
html[data-theme="dark"] .campaign-health.needs-attention{color:#da9ca5;background:#ff414e1f}
html[data-theme="dark"] .demo-performance-insights{background:var(--sub);border-color:#ffffff17}
html[data-theme="dark"] .demo-insight-row{border-color:#ffffff17;background:#ffffff0a}
html[data-theme="dark"] .demo-insight-title{color:#f1effa}
html[data-theme="dark"] .demo-insight-row p b{color:#aaa2c6}
html[data-theme="dark"] .adset-health-summary span{background:#7541cb1f}
html[data-theme="dark"] .adset-health-summary b{color:#f1effa}
html[data-theme="dark"] .demo-recommendation{border-color:#ffffff17;background:var(--sub);color:#c4c0d4}
html[data-theme="dark"] .demo-recommendation b{color:#b2a4dc}
html[data-theme="dark"] .demo-performance-insights.demo-health-good{border-color:#ffffff17}
html[data-theme="dark"] .demo-performance-insights.demo-health-monitor{border-color:#ffffff17}
html[data-theme="dark"] .demo-performance-insights.demo-health-attention{border-color:#ffffff17}
html[data-theme="dark"] .demo-health-good .demo-insight-row{border-color:#ffffff17}
html[data-theme="dark"] .demo-health-monitor .demo-insight-row{border-color:#ffffff17}
html[data-theme="dark"] .demo-health-attention .demo-insight-row{border-color:#ffffff17}
html[data-theme="dark"] .source-economics-card{border-color:#ffffff17;background:var(--sub)}
html[data-theme="dark"] .source-period-button{border-color:#ffffff17;background:#ffffff0a;color:#c4c0d4}
html[data-theme="dark"] .total-economics-chart{border-color:#ffffff17;background:var(--sub)}
html[data-theme="dark"] .total-economics-head b{color:#95939b}
html[data-theme="dark"] .total-economics-head strong{background:#ffffff0a;color:#b2a4dc}
html[data-theme="dark"] .total-economics-bars b{color:#c4c0d4}
html[data-theme="dark"] .source-economics-row{border-top-color:#ffffff17}
html[data-theme="dark"] .source-economics-name b{color:#f1effa}
html[data-theme="dark"] .source-economics-measure b{color:#c4c0d4}
html[data-theme="dark"] .source-economics-note{border-top-color:#ffffff17}
html[data-theme="dark"] .source-lead-customer-bars{border-left-color:#ffffff17;border-top-color:#ffffff17}
html[data-theme="dark"] .source-lead-customer-bars b{color:#c4c0d4}
html[data-theme="dark"] .unified-source-row:hover{background:#ffffff0a}
html[data-theme="dark"] .source-conversion-chart{border-color:#ffffff17;background:#ffffff0a}
html[data-theme="dark"] .source-conversion-head b{color:#9a98a2}
html[data-theme="dark"] .source-conversion-row{border-top-color:#ffffff17}
html[data-theme="dark"] .source-conversion-row>b{color:#c4c0d4}
html[data-theme="dark"] .source-conversion-row em{color:#c4c0d4}
html[data-theme="dark"] .sidebar-collapse{border-color:#ffffff17;background:#ffffff0a;color:#b7aadd}
html[data-theme="dark"] .history-back{border-color:#ffffff17;background:#ffffff0a;color:#b2a9c5}
html[data-theme="dark"] .sidebar-minimized .sidebar-collapse{background:#ffffff0a}
html[data-theme="dark"] .contact-pipeline-row{border-top-color:#ffffff17}
html[data-theme="dark"] .contact-pipeline-row:hover,html[data-theme="dark"] .contact-pipeline-row.active{background:#7b41ff1f}
html[data-theme="dark"] .contact-pipeline-row b{color:#9c9aa4}
html[data-theme="dark"] .contact-pipeline-row strong{color:#9996a4}
html[data-theme="dark"] .contact-pipeline-row i{background:#62418b1f}
html[data-theme="dark"] .contact-pipeline-marker{background:#7341ff1f;color:#b4a8de}
html[data-theme="dark"] .marker-followup{background:#ffbe411f}
html[data-theme="dark"] .marker-membership{background:#41c7721f;color:#92c4ab}
html[data-theme="dark"] .marker-not-interested{background:#ff41531f;color:#deaeb5}
html[data-theme="dark"] .lead-group-filters button{border-color:#ffffff17;background:#ffffff0a;color:#c4c0d4}
html[data-theme="dark"] .lead-group-filters button:hover,html[data-theme="dark"] .lead-group-filters button.active{background:#7141ff1f;color:#afa1d9}
html[data-theme="dark"] .crm-total-row td{background:#ffffff0a;border-top-color:#ffffff17}
html[data-theme="dark"] .crm-alert-text{color:#e1a8ae!important}
html[data-theme="dark"] .status.expiring{background:#ffb8411f}
html[data-theme="dark"] .crm-platform-stats>div{border-color:#ffffff17;background:#ffffff0a}
html[data-theme="dark"] .crm-platform-stats b{color:#f1effa}
html[data-theme="dark"] .crm-feed-row{border-top-color:#ffffff17;color:#c4c0d4}
html[data-theme="dark"] .crm-feed-row:hover{background:#7541cb1f}
html[data-theme="dark"] .crm-feed-row b{color:#f1effa}
html[data-theme="dark"] .crm-modal-title{color:#f1effa}
html[data-theme="dark"] .crm-details>summary{color:#afa1d9}
html[data-theme="dark"] .crm-form{border-color:#ffffff17;background:#ffffff0a}
html[data-theme="dark"] .crm-form label{color:#b0b8c5}
html[data-theme="dark"] .crm-form input,html[data-theme="dark"] .crm-form select,html[data-theme="dark"] .crm-form textarea{background:#ffffff0a}
html[data-theme="dark"] .crm-form-msg{color:#d99ea9}
html[data-theme="dark"] .crm-note{color:#f1effa}
html[data-theme="dark"] .funnel-rate{color:#afa1d9}
/* ===== end generated overrides ===== */

/* ===== Dark glass theme: translucent panels over a deep violet background. Loaded last, overrides the light layers above. ===== */
html[data-theme="dark"]{--ink:#eceaf6;--muted:#9a95ae;--line:#ffffff14;--bg:#0b0a14;--navy:#f4f2ff;--blue:#a78bfa;--blue-soft:#a78bfa1f;--green:#4ade80;--green-soft:#4ade801a;--amber:#fbbf24;--amber-soft:#fbbf241a;--red:#f87171;--red-soft:#f871711a;--shadow:0 12px 32px #00000038;--glass:linear-gradient(150deg,#ffffff10,#ffffff05);--glass-line:#ffffff17;--glass-hi:inset 0 1px 0 #ffffff12;--sub:#ffffff07;--track:#ffffff12;--accent:#a78bfa;color-scheme:dark}
html[data-theme="dark"],html[data-theme="dark"] body{background:#0b0a14}
html[data-theme="dark"] body{color:var(--ink);background:radial-gradient(900px 620px at 8% -8%,#6d4aff36,transparent 62%),radial-gradient(760px 520px at 100% 0%,#1fb98a20,transparent 60%),radial-gradient(900px 700px at 55% 112%,#3b5bff1f,transparent 62%),#0b0a14;background-attachment:fixed}
html[data-theme="dark"] ::selection{background:#a78bfa55;color:#fff}
html[data-theme="dark"] ::-webkit-scrollbar{width:10px;height:10px}html[data-theme="dark"] ::-webkit-scrollbar-thumb{background:#ffffff1c;border-radius:10px;border:2px solid transparent;background-clip:padding-box}html[data-theme="dark"] ::-webkit-scrollbar-track{background:transparent}

/* Chrome: sidebar, top bar, filters */
html[data-theme="dark"] .sidebar,html[data-theme="dark"] .topbar,html[data-theme="dark"] .filters{background:#100e1cb8;border-color:var(--glass-line);box-shadow:none;backdrop-filter:blur(24px) saturate(140%);-webkit-backdrop-filter:blur(24px) saturate(140%)}
html[data-theme="dark"] .sidebar{border-right:1px solid var(--glass-line)}
html[data-theme="dark"] .topbar{border-bottom:1px solid var(--glass-line)}
html[data-theme="dark"] .filters{border-bottom:1px solid var(--glass-line)}
html[data-theme="dark"] .breadcrumbs,html[data-theme="dark"] .breadcrumbs span,html[data-theme="dark"] .crumb-sep{color:var(--muted)}html[data-theme="dark"] .breadcrumbs b{color:var(--ink)}
html[data-theme="dark"] .workspace,html[data-theme="dark"] .sidebar-help{background:var(--glass);border:1px solid var(--glass-line);box-shadow:var(--glass-hi)}
html[data-theme="dark"] .workspace b,html[data-theme="dark"] .user-row b,html[data-theme="dark"] .sidebar-help b{color:#fff}
html[data-theme="dark"] .workspace small,html[data-theme="dark"] .user-row small,html[data-theme="dark"] .sidebar-help small{color:var(--muted)}
html[data-theme="dark"] .workspace-avatar{background:#fff;border-radius:9px;padding:3px 5px;box-shadow:0 4px 14px #00000047}
html[data-theme="dark"] .user-row{border-top-color:var(--glass-line)}
html[data-theme="dark"] .nav-label,html[data-theme="dark"] .page-heading .eyebrow{color:#6f6a85}
html[data-theme="dark"] .nav-item{color:#a09cb5}
html[data-theme="dark"] .nav-item:hover{background:#ffffff0d;color:#fff}
html[data-theme="dark"] .nav-item.active{background:linear-gradient(105deg,#7c5cff3d,#22c58e12);color:#fff;box-shadow:inset 3px 0 #a78bfa,0 6px 20px #7c5cff26}
html[data-theme="dark"] .nav-count{background:#a78bfa2e;color:#d6c8ff}
html[data-theme="dark"] .ico{display:block;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
html[data-theme="dark"] .nav-icon{display:grid;place-items:center;width:20px;flex:none;font-size:0}
html[data-theme="dark"] .help-orb{background:#a78bfa24;color:#c4b5fd;border:0}html[data-theme="dark"] .help-orb .ico{width:16px;height:16px}
html[data-theme="dark"] .sidebar-collapse{display:grid;place-items:center;padding:0;background:#ffffff0d;border:1px solid var(--glass-line);color:#c4b5fd}html[data-theme="dark"] .sidebar-collapse .ico{width:15px;height:15px;stroke-width:2.2}
html[data-theme="dark"] .sidebar-collapse:hover{background:#a78bfa33;color:#fff}
html[data-theme="dark"] .icon-button .ico{width:17px;height:17px;margin:auto}

/* Minimized sidebar: one centred column of icon tiles, collapse tab on the sidebar edge */
@media(min-width:901px){
html[data-theme="dark"] .sidebar-minimized .sidebar{width:76px;padding:18px 10px 14px}
html[data-theme="dark"] .sidebar-minimized .main-shell{margin-left:76px}
html[data-theme="dark"] .sidebar-minimized .workspace{position:static;justify-content:center;padding:0;margin:2px 0 22px;border:0;background:none;box-shadow:none}
html[data-theme="dark"] .sidebar-minimized .workspace-avatar{width:50px;height:32px;padding:3px 4px}
html[data-theme="dark"] .sidebar-minimized .sidebar-collapse{position:absolute;top:24px;right:-13px;width:26px;height:26px;border-radius:50%;transform:rotate(180deg);background:#1b1830;border-color:#a78bfa55;box-shadow:0 4px 14px #00000066;z-index:30}
html[data-theme="dark"] .sidebar-minimized .nav{align-items:center}
html[data-theme="dark"] .sidebar-minimized .nav-item{width:48px;height:44px;padding:0;margin:0 auto 4px;justify-content:center;gap:0;font-size:0}
html[data-theme="dark"] .sidebar-minimized .nav-item:hover{transform:none}
html[data-theme="dark"] .sidebar-minimized .nav-item.active{box-shadow:inset 0 0 0 1px #a78bfa66,0 6px 20px #7c5cff33}
html[data-theme="dark"] .sidebar-minimized .nav-icon{margin:0;width:20px}
html[data-theme="dark"] .sidebar-minimized .nav-label-spaced{display:block;width:32px;height:1px;padding:0;margin:12px auto 14px;background:var(--glass-line);font-size:0}
html[data-theme="dark"] .sidebar-minimized .sidebar-bottom{padding:0;display:flex;flex-direction:column;align-items:center}
html[data-theme="dark"] .sidebar-minimized .sidebar-help{width:48px;height:44px;padding:0;margin:0 0 10px;justify-content:center}
html[data-theme="dark"] .sidebar-minimized .user-row{width:100%;padding:12px 0 2px;justify-content:center}
}

/* Glass panels */
html[data-theme="dark"] .card,html[data-theme="dark"] .metric-card,html[data-theme="dark"] .settings-card,html[data-theme="dark"] .settings-panel,html[data-theme="dark"] .integration-card,html[data-theme="dark"] .notice-card,html[data-theme="dark"] .source-economics-card,html[data-theme="dark"] .demo-demographic-card,html[data-theme="dark"] .meta-campaign-total-card,html[data-theme="dark"] .health-monitor,html[data-theme="dark"] .campaign-health{background:var(--glass);border-color:var(--glass-line);box-shadow:var(--glass-hi),0 14px 34px #0000002e;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);color:var(--ink)}
html[data-theme="dark"] .table-wrap{background:transparent;border-color:var(--glass-line)}
html[data-theme="dark"] .adset-health-summary,html[data-theme="dark"] .crm-feed-row,html[data-theme="dark"] .crm-platform-stats,html[data-theme="dark"] .crm-total-row,html[data-theme="dark"] .daily-report-head,html[data-theme="dark"] .demo-demographic-row,html[data-theme="dark"] .demo-demographic-tabs,html[data-theme="dark"] .demo-insight-row,html[data-theme="dark"] .demo-performance-insights,html[data-theme="dark"] .demo-recommendation,html[data-theme="dark"] .detail-fields,html[data-theme="dark"] .detail-top,html[data-theme="dark"] .funnel-stage,html[data-theme="dark"] .funnel-stage-main,html[data-theme="dark"] .integration-row,html[data-theme="dark"] .lead-group-filters,html[data-theme="dark"] .meta-campaign-breakdown,html[data-theme="dark"] .meta-campaign-chart-head,html[data-theme="dark"] .meta-campaign-chart-total,html[data-theme="dark"] .meta-campaign-control,html[data-theme="dark"] .meta-campaign-result-chart,html[data-theme="dark"] .meta-campaign-result-hero,html[data-theme="dark"] .meta-campaign-share,html[data-theme="dark"] .meta-campaign-stat,html[data-theme="dark"] .meta-campaign-total-stat,html[data-theme="dark"] .meta-campaign-total-stats,html[data-theme="dark"] .meta-setup-form,html[data-theme="dark"] .mini-funnel-row,html[data-theme="dark"] .section-row,html[data-theme="dark"] .source-conversion-chart,html[data-theme="dark"] .source-panel-head,html[data-theme="dark"] .toolbar,html[data-theme="dark"] .total-economics-chart,html[data-theme="dark"] .total-economics-head,html[data-theme="dark"] .unified-source-row,html[data-theme="dark"] .contact-pipeline-row,html[data-theme="dark"] .organic-lead-fetch,html[data-theme="dark"] .custom-date-fields,html[data-theme="dark"] .date-filter-group,html[data-theme="dark"] .filter-controls,html[data-theme="dark"] .crm-form,html[data-theme="dark"] .meta-live-error{background:var(--sub);border-color:var(--glass-line);box-shadow:none;color:var(--ink)}
html[data-theme="dark"] .ad-spend-track,html[data-theme="dark"] .bar-track,html[data-theme="dark"] .score-track,html[data-theme="dark"] .meta-campaign-result-track,html[data-theme="dark"] .meta-campaign-total-track,html[data-theme="dark"] .meta-campaign-result-meter{background:var(--track)}
html[data-theme="dark"] .kpi-icon,html[data-theme="dark"] .integration-logo,html[data-theme="dark"] .timeline-icon,html[data-theme="dark"] .mini-avatar{background:#a78bfa21;color:#c4b5fd;border-color:#ffffff14}
html[data-theme="dark"] .avatar-dark,html[data-theme="dark"] .avatar-blue{background:linear-gradient(140deg,#7c5cff,#3b82f6);color:#fff;border-color:#ffffff26}

/* Overlays and modals */
html[data-theme="dark"] .demo-detail-overlay{background:#05040ab8;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
html[data-theme="dark"] .detail-panel{background:#14121fee;border:1px solid var(--glass-line);box-shadow:0 30px 80px #000000a0;color:var(--ink);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}

/* Controls */
html[data-theme="dark"] input,html[data-theme="dark"] select,html[data-theme="dark"] textarea,html[data-theme="dark"] .search-box,html[data-theme="dark"] .select-small{background:#ffffff0a;border-color:#ffffff1f;color:var(--ink)}
html[data-theme="dark"] input::placeholder,html[data-theme="dark"] textarea::placeholder{color:#76718c}
html[data-theme="dark"] input:focus,html[data-theme="dark"] select:focus,html[data-theme="dark"] textarea:focus{border-color:#a78bfa99;box-shadow:0 0 0 3px #a78bfa29;outline:none}
html[data-theme="dark"] option,html[data-theme="dark"] optgroup{background:#16141f;color:#eceaf6}
html[data-theme="dark"] input[type=date]::-webkit-calendar-picker-indicator{filter:invert(.85)}
html[data-theme="dark"] .secondary-button,html[data-theme="dark"] .icon-button,html[data-theme="dark"] .history-back,html[data-theme="dark"] .reset-button,html[data-theme="dark"] .source-tab,html[data-theme="dark"] .settings-tab,html[data-theme="dark"] .source-period-button,html[data-theme="dark"] .meta-sort-control,html[data-theme="dark"] .meta-sync-button,html[data-theme="dark"] .apply-date-button,html[data-theme="dark"] .demo-demographic-tabs button,html[data-theme="dark"] .lead-group-filters button{background:#ffffff0b;border-color:#ffffff1f;color:var(--ink)}
html[data-theme="dark"] .secondary-button:hover,html[data-theme="dark"] .icon-button:hover,html[data-theme="dark"] .history-back:hover:not(:disabled),html[data-theme="dark"] .reset-button:hover,html[data-theme="dark"] .source-tab:hover,html[data-theme="dark"] .settings-tab:hover,html[data-theme="dark"] .source-period-button:hover,html[data-theme="dark"] .meta-sync-button:hover{background:#ffffff16;color:#fff}
html[data-theme="dark"] .history-back:disabled{opacity:.45}
html[data-theme="dark"] .source-tab.active,html[data-theme="dark"] .settings-tab.active,html[data-theme="dark"] .source-period-button.active,html[data-theme="dark"] .demo-demographic-tabs .active,html[data-theme="dark"] .lead-group-filters .active{background:#a78bfa2e;border-color:#a78bfa66;color:#fff}
html[data-theme="dark"] .primary-button{background:linear-gradient(135deg,#8b5cf6,#6d4aff);border-color:#a78bfa55;color:#fff;box-shadow:0 8px 24px #6d4aff47,inset 0 1px 0 #ffffff33}
html[data-theme="dark"] .primary-button:hover{filter:brightness(1.1)}

/* Tables */
html[data-theme="dark"] table th{background:transparent;color:var(--muted);border-color:var(--glass-line)}
html[data-theme="dark"] table td{border-color:var(--glass-line);color:var(--ink)}
html[data-theme="dark"] tbody tr:hover td,html[data-theme="dark"] .clickable-row:hover td{background:#ffffff08}
html[data-theme="dark"] .clickable-row:hover{background:transparent}

/* Status chips */
html[data-theme="dark"] .status,html[data-theme="dark"] .badge,html[data-theme="dark"] .tag,html[data-theme="dark"] .connection,html[data-theme="dark"] .alert-pill,html[data-theme="dark"] .demo-pill,html[data-theme="dark"] .live-label{background:#ffffff0f;border-color:#ffffff1f;color:var(--ink)}
html[data-theme="dark"] .status.won,html[data-theme="dark"] .status.active,html[data-theme="dark"] .connection.connected,html[data-theme="dark"] .connection.live,html[data-theme="dark"] .health-good,html[data-theme="dark"] .live-label{background:#4ade801c;border-color:#4ade8040;color:#86efac}
html[data-theme="dark"] .status.lost,html[data-theme="dark"] .status.error,html[data-theme="dark"] .connection.error,html[data-theme="dark"] .needs-attention,html[data-theme="dark"] .alert-pill{background:#f871711c;border-color:#f8717140;color:#fca5a5}
html[data-theme="dark"] .status.proposal,html[data-theme="dark"] .status.pending,html[data-theme="dark"] .status.expiring,html[data-theme="dark"] .connection.pending{background:#fbbf241a;border-color:#fbbf2440;color:#fcd34d}
html[data-theme="dark"] .status.new,html[data-theme="dark"] .status.contacted,html[data-theme="dark"] .status.qualified,html[data-theme="dark"] .connection.demo,html[data-theme="dark"] .demo-pill{background:#a78bfa21;border-color:#a78bfa45;color:#d6c8ff}

/* Misc */
html[data-theme="dark"] .page-heading h1,html[data-theme="dark"] h1,html[data-theme="dark"] h2,html[data-theme="dark"] h3,html[data-theme="dark"] h4{color:#f6f4ff}
html[data-theme="dark"] .page-heading p,html[data-theme="dark"] .page-footer,html[data-theme="dark"] .page-footer span{color:var(--muted)}
html[data-theme="dark"] .page-footer{border-top-color:var(--glass-line)}
html[data-theme="dark"] .page-footer b{color:var(--ink)}
html[data-theme="dark"] .funnel-rate{color:#c4b5fd}
html[data-theme="dark"] .toast{background:#1b1830f0;color:#fff;border:1px solid var(--glass-line);box-shadow:0 14px 40px #00000080}
html[data-theme="dark"] hr{border-color:var(--glass-line)}
html[data-theme="dark"] .search-box input{background:transparent;border:0;box-shadow:none}
html[data-theme="dark"] .demo-performance-insights{background:var(--glass);border-color:var(--glass-line)}
html[data-theme="dark"] .demo-performance-insights.demo-health-good{background:linear-gradient(135deg,#4ade801f,#4ade8008 60%,#ffffff05);border-color:#4ade8038}
html[data-theme="dark"] .demo-performance-insights.demo-health-monitor{background:linear-gradient(135deg,#fbbf241c,#fbbf2408 60%,#ffffff05);border-color:#fbbf2438}
html[data-theme="dark"] .demo-performance-insights.demo-health-attention{background:linear-gradient(135deg,#f871711f,#f8717108 60%,#ffffff05);border-color:#f8717138}
html[data-theme="dark"] .demo-performance-insights .demo-insight-row{background:#ffffff08;border-color:var(--glass-line)}
html[data-theme="dark"] .campaign-health.health-monitor{background:#fbbf241a;border-color:#fbbf2440;color:#fcd34d}
@media(min-width:901px){html[data-theme="dark"] .sidebar-minimized .workspace-avatar{width:44px;height:30px;padding:3px}html[data-theme="dark"] .sidebar-minimized .sidebar-collapse{width:24px;height:24px;right:-12px;top:25px}}

/* Dark glass: Lead & WhatsApp platform windows */
html[data-theme="dark"] .crm-tab{background:#ffffff08;border-color:var(--glass-line);color:var(--ink)}
html[data-theme="dark"] .crm-tab-icon{background:#a78bfa24;color:#c4b5fd}
html[data-theme="dark"] .crm-tab-myoperator .crm-tab-icon{background:#60a5fa24;color:#93c5fd}
html[data-theme="dark"] .crm-tab-interakt .crm-tab-icon{background:#4ade8024;color:#86efac}
html[data-theme="dark"] .crm-tab.active{background:#a78bfa1a;border-color:#a78bfa;box-shadow:0 0 0 3px #a78bfa26,0 10px 30px #7c5cff26}
html[data-theme="dark"] .crm-tab-myoperator.active{background:#60a5fa14;border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa24,0 10px 30px #2563eb26}
html[data-theme="dark"] .crm-tab-interakt.active{background:#4ade8012;border-color:#4ade80;box-shadow:0 0 0 3px #4ade8022,0 10px 30px #16a34a24}
html[data-theme="dark"] .crm-period select{background:#ffffff0a;border-color:#ffffff1f;color:var(--ink)}
html[data-theme="dark"] .card.crm-platform-mo{border-top:3px solid #60a5fa}
html[data-theme="dark"] .card.crm-platform-ik{border-top:3px solid #4ade80}
html[data-theme="dark"] .crm-pf-interakt{background:#4ade801a;color:#86efac;border-color:#4ade8038}
html[data-theme="dark"] .crm-pf-myoperator{background:#60a5fa1a;color:#93c5fd;border-color:#60a5fa38}
html[data-theme="dark"] .crm-pf-other{background:#ffffff0f;color:#c4c0d4;border-color:#ffffff1f}
html[data-theme="dark"] .crm-compare-col{background:#ffffff06;border-color:var(--glass-line)}
html[data-theme="dark"] .crm-compare dl>div{border-bottom-color:#ffffff12}
html[data-theme="dark"] .crm-compare-bar,html[data-theme="dark"] .crm-bar-row i{background:#ffffff12}
html[data-theme="dark"] .crm-ic-call{background:#60a5fa24;color:#93c5fd}
html[data-theme="dark"] .crm-ic-whatsapp{background:#4ade8021;color:#86efac}
html[data-theme="dark"] .crm-ic-campaign{background:#fbbf2421;color:#fcd34d}
html[data-theme="dark"] .crm-ic-automation{background:#a78bfa24;color:#c4b5fd}
html[data-theme="dark"] .crm-chat{background:#00000026;border-color:var(--glass-line)}
html[data-theme="dark"] .crm-bubble.in{background:#ffffff0d;border-color:#ffffff1a}
html[data-theme="dark"] .crm-bubble.out{background:#14532d73;border-color:#4ade8033}
html[data-theme="dark"] .crm-bubble-campaign.out{background:#78350f59;border-color:#fbbf2433}
html[data-theme="dark"] .crm-bubble-automation{background:#4c1d9559;border-color:#a78bfa33}html[data-theme="dark"] .crm-inline-bar{background:#ffffff12}
html[data-theme="dark"] .crm-alert-row:hover{background:#ffffff08}
html[data-theme="dark"] .crm-period-title b{color:#f6f4ff}html[data-theme="dark"] .crm-list-count{background:#a78bfa26;color:#d6c8ff}
html[data-theme="dark"] .crm-contact-link:hover{color:#c4b5fd}
html[data-theme="dark"] .crm-wa-link{background:#4ade801a;color:#86efac}
html[data-theme="dark"] .crm-kpi-open{color:#c4b5fd}html[data-theme="dark"] .crm-export-preset{background:#ffffff0b;border-color:#ffffff1f;color:var(--ink)}
html[data-theme="dark"] .crm-export-preset.active{background:linear-gradient(135deg,#8b5cf6,#6d4aff);border-color:#a78bfa;color:#fff}
html[data-theme="dark"] .crm-export-columns fieldset{border-color:var(--glass-line);background:#ffffff05}
html[data-theme="dark"] .crm-export-options select{background:#ffffff0a;border-color:#ffffff1f;color:var(--ink)}html[data-theme="dark"] .crm-section-card{background:linear-gradient(150deg,#ffffff0d,#ffffff04);border-color:var(--glass-line);box-shadow:var(--glass-hi),0 14px 34px #0000002e}
html[data-theme="dark"] .crm-stage{background:linear-gradient(160deg,#ffffff10,#ffffff05);border-color:var(--glass-line);box-shadow:var(--glass-hi)}
html[data-theme="dark"] .crm-stage-index{background:#a78bfa24;color:#c4b5fd}
html[data-theme="dark"] .crm-stage-rate{background:#4ade801a;color:#86efac}
html[data-theme="dark"] .crm-stage-bar{background:#ffffff12}
html[data-theme="dark"] .crm-plan-totals span{background:#ffffff08;border-color:var(--glass-line)}
html[data-theme="dark"] .crm-plan-card{background:linear-gradient(160deg,#ffffff10,#ffffff04);border-color:var(--glass-line);box-shadow:var(--glass-hi),0 14px 34px #0000002e}
html[data-theme="dark"] .crm-plan-stats div{background:#ffffff08;border-color:#ffffff12}
html[data-theme="dark"] .crm-plan-term{background:#ffffff06;border-color:#ffffff14}
html[data-theme="dark"] .crm-plan-silver{--plan:#94a3b8;--plan2:#cbd5e1}
html[data-theme="dark"] .crm-plan-diamond{--plan:#818cf8;--plan2:#22d3ee}
html[data-theme="dark"] .crm-plan-super-diamond{--plan:#f59e0b;--plan2:#c084fc}html[data-theme="dark"] .crm-flow{background:linear-gradient(160deg,#ffffff0e,#ffffff04);border-color:var(--glass-line);box-shadow:var(--glass-hi)}
html[data-theme="dark"] .crm-flow-step{border-color:#ffffff14}
html[data-theme="dark"] .crm-flow-step:not(:last-child)::after{background:#17151f;border-color:#ffffff1f}
html[data-theme="dark"] .crm-flow-step:hover{background:#a78bfa14}
html[data-theme="dark"] .crm-flow-meta em{color:#86efac}
html[data-theme="dark"] .crm-flow-bar{background:#ffffff12}
html[data-theme="dark"] .crm-status-chip{background:#ffffff07;border-color:var(--glass-line)}
html[data-theme="dark"] .crm-status-chip:hover{background:#ffffff0f;border-color:#a78bfa66}
html[data-theme="dark"] .crm-dot-green{background:#4ade80;box-shadow:0 0 0 4px #4ade8024}
html[data-theme="dark"] .crm-dot-amber{background:#fbbf24;box-shadow:0 0 0 4px #fbbf2424}
html[data-theme="dark"] .crm-dot-red{background:#f87171;box-shadow:0 0 0 4px #f8717124}
html[data-theme="dark"] .crm-dot-violet{background:#a78bfa;box-shadow:0 0 0 4px #a78bfa24}
html[data-theme="dark"] .crm-dot-grey{background:#94a3b8;box-shadow:0 0 0 4px #94a3b824}html[data-theme="dark"] .crm-rep-blue{--tone:#60a5fa} html[data-theme="dark"] .crm-rep-green{--tone:#4ade80} html[data-theme="dark"] .crm-rep-amber{--tone:#fbbf24} html[data-theme="dark"] .crm-rep-grey{--tone:#94a3b8}
html[data-theme="dark"] .crm-team-chip{background:#ffffff08;border-color:var(--glass-line)}
html[data-theme="dark"] .crm-rep{background:linear-gradient(160deg,#ffffff10,#ffffff04);border-color:var(--glass-line);border-left-color:var(--tone);box-shadow:var(--glass-hi),0 14px 34px #0000002e}
html[data-theme="dark"] .crm-rep-avatar i{border-color:#15131f}
html[data-theme="dark"] .crm-rep-last{background:#ffffff08}
html[data-theme="dark"] .crm-rep-stats div,html[data-theme="dark"] .crm-rep-tiles div{background:#ffffff06;border-color:#ffffff14}
html[data-theme="dark"] .crm-presence{background:#ffffff08;border-color:var(--glass-line)}
html[data-theme="dark"] .crm-presence button.active{background:linear-gradient(135deg,#8b5cf6,#6d4aff)}
html[data-theme="dark"] .crm-day-track{background:#ffffff0a}
html[data-theme="dark"] .crm-day-band.available,html[data-theme="dark"] .crm-rep-legend .available{background:#4ade802e}
html[data-theme="dark"] .crm-day-call.connected,html[data-theme="dark"] .crm-day-call.live,html[data-theme="dark"] .crm-rep-legend .call{background:#60a5fa}
html[data-theme="dark"] .crm-day-call{background:#64748b}
html[data-theme="dark"] .crm-day-now,html[data-theme="dark"] .crm-rep-legend .now{background:#f87171}
html[data-theme="dark"] .crm-hourly{background:#ffffff06;border-color:var(--glass-line)}
html[data-theme="dark"] .crm-live-dot{background:#4ade80}html[data-theme="dark"] .ops-subtabs{background:#ffffff08;border-color:var(--glass-line)}
html[data-theme="dark"] .ops-subtabs button.active{background:linear-gradient(135deg,#8b5cf6,#6d4aff)}
html[data-theme="dark"] .ops-tag{background:#ffffff08;border-color:var(--glass-line)}
html[data-theme="dark"] .ops-tag.active{background:linear-gradient(135deg,#8b5cf6,#6d4aff);border-color:#a78bfa}
html[data-theme="dark"] .ops-chips span{background:#a78bfa24;color:#d6c8ff}
html[data-theme="dark"] .ops-chips.warn span{background:#fbbf241f;color:#fcd34d}
html[data-theme="dark"] .ops-chips.warn span.ok{background:#4ade801a;color:#86efac}
html[data-theme="dark"] .ops-funnel>div,html[data-theme="dark"] .ops-event-card,html[data-theme="dark"] .ops-person-stats>div{background:#ffffff07;border-color:var(--glass-line)}
html[data-theme="dark"] .ops-funnel small{color:#86efac}
html[data-theme="dark"] .ops-funnel i,html[data-theme="dark"] .ops-meter,html[data-theme="dark"] .ops-history i{background:#ffffff12}
html[data-theme="dark"] .ops-reasons span{background:#f8717114;color:#fca5a5}
html[data-theme="dark"] .ops-person{background:linear-gradient(160deg,#ffffff10,#ffffff04);border-color:var(--glass-line);border-left-color:var(--tone);box-shadow:var(--glass-hi),0 14px 34px #0000002e}
html[data-theme="dark"] .ops-tone-green{--tone:#4ade80} html[data-theme="dark"] .ops-tone-blue{--tone:#60a5fa} html[data-theme="dark"] .ops-tone-amber{--tone:#fbbf24} html[data-theme="dark"] .ops-tone-red{--tone:#f87171}
html[data-theme="dark"] .ops-meter u{background:#fff}
html[data-theme="dark"] .ops-dots i{background:#ffffff14}
html[data-theme="dark"] .ops-wa{background:#0b141a repeating-linear-gradient(45deg,#ffffff05 0 10px,transparent 10px 20px)}
html[data-theme="dark"] .ops-wa-bubble{background:#202c33;color:#e9edef}
html[data-theme="dark"] .ops-wa-bubble time{color:#8696a0}