:root{--bg:#0b0b0b;--side:#10100f;--panel:#131312;--panel2:#191817;--line:#2a2927;--line2:#363431;--text:#f2f0ed;--muted:#b0aaa2;--dim:#8f8982;--silver:#e5e2de;--green:#b9c9b1;--greenbg:#1b211a;--amber:#dcc9a2;--amberbg:#242118;--red:#e0a49a;--redbg:#2a1715;--blue:#c3cdd2;--bluebg:#1a2022;--r:8px}
*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);font-family:Montserrat,Arial,sans-serif;font-size:14px}
a{color:inherit}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}
::selection{background:#d0cbc5;color:#111}
:focus-visible{outline:2px solid #cfc9c2;outline-offset:2px}
.shell{display:flex;min-height:100vh}
.side{width:236px;flex-shrink:0;background:var(--side);border-right:1px solid #222120;padding:22px 14px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}
.side{transition:width .2s ease,padding .2s ease;z-index:5}
.sidebar-toggle{position:absolute;right:-13px;top:36px;width:26px;height:26px;border-radius:50%;border:1px solid #3a3733;background:#1b1a18;color:#e7e1d8;display:grid;place-items:center;z-index:7;cursor:pointer;box-shadow:0 2px 10px #0006}.sidebar-toggle:hover{background:#302d29;color:#fff}.sidebar-toggle span{font-size:18px;line-height:1}
.nav a{border-radius:10px}.nav a svg{stroke-width:1.7}.nav-group{border-radius:8px}
.sidebar-profile{border:1px solid #302d29;background:#151514;border-radius:12px;padding:10px 11px;color:var(--muted);font-size:11px}
.sidebar-profile .profile-email{margin-bottom:7px}.sidebar-profile .bar{height:4px;margin:0 0 7px;border-radius:5px;overflow:hidden;background:#292724}.sidebar-profile .bar i{display:block;height:100%;background:var(--orange);border-radius:5px}.profile-limit{display:flex;justify-content:space-between;gap:4px}.profile-limit b{color:var(--text);font-size:11px}
.shell.sidebar-collapsed .side{width:68px;padding:18px 8px}.shell.sidebar-collapsed .logo{justify-content:center;padding:0 0 26px}.shell.sidebar-collapsed .logo-wordmark,.shell.sidebar-collapsed .nav a span,.shell.sidebar-collapsed .nav a .cnt,.shell.sidebar-collapsed .nav-group:not(.dashboard-group),.shell.sidebar-collapsed .dashboard-group span,.shell.sidebar-collapsed .dashboard-group>b,.shell.sidebar-collapsed .sidebar-profile,.shell.sidebar-collapsed #logout span{display:none!important}.shell.sidebar-collapsed .nav{align-items:center;gap:5px}.shell.sidebar-collapsed .nav a{justify-content:center;width:48px;height:44px;padding:0;border-radius:12px}.shell.sidebar-collapsed .nav a svg{width:19px;height:19px}.shell.sidebar-collapsed #logout{width:48px;height:42px;margin:0 auto;padding:0;justify-content:center;border-radius:12px}.shell.sidebar-collapsed .sidebar-toggle{right:-13px}.shell.sidebar-collapsed .nav-group.dashboard-group{width:48px;height:44px;padding:0;justify-content:center;border-radius:12px}.shell.sidebar-collapsed .nav-group.dashboard-group svg{width:19px;height:19px}
.logo{display:flex;align-items:center;gap:11px;padding:0 8px 26px}.logo .mark{width:36px;height:36px;border:1px solid #77716b;border-radius:50%;display:grid;place-items:center;font-family:Georgia,serif;font-size:16px}
.logo b{font-weight:600;font-size:15px}.logo span{font-weight:400;color:#aaa}.logo small{display:block;font-size:10px;letter-spacing:.2em;color:var(--dim);margin-top:3px;font-weight:600}
.nav{display:flex;flex-direction:column;gap:2px}.nav a{display:flex;align-items:center;gap:11px;height:40px;padding:0 12px;border-radius:10px;text-decoration:none;color:var(--muted);font-size:14px}.nav a[hidden]{display:none!important}
.nav a:hover{background:#1c1b1a;color:#fff}.nav a.on{background:#252422;color:#fff}.nav a svg{width:17px;height:17px;flex-shrink:0}.nav a .cnt{margin-left:auto;font-size:11px;background:#302f2d;border-radius:4px;padding:2px 6px;color:#ddd}
.side .foot{margin-top:auto;display:flex;flex-direction:column;gap:10px}
.sendbox{border:1px solid var(--line);background:#151514;border-radius:var(--r);padding:12px;font-size:12px;color:var(--muted)}
.sendbox .row{display:flex;justify-content:space-between;align-items:center}.sendbox b{color:var(--text);font-weight:600}
.bar{height:4px;border-radius:3px;background:#2a2927;margin:9px 0 7px;overflow:hidden}.bar i{display:block;height:100%;background:var(--silver);border-radius:3px}
.dot{width:7px;height:7px;border-radius:50%;display:inline-block;background:#777;margin-right:6px}.dot.live{background:#a9bd9f;box-shadow:0 0 0 3px rgba(169,189,159,.15)}.dot.test{background:#dcc9a2}.dot.off{background:#e0a49a}
.main{flex:1;min-width:0;padding:0 34px 50px}
.top{height:62px;border-bottom:1px solid #222120;display:flex;align-items:center;justify-content:space-between;gap:12px;position:sticky;top:0;background:rgba(11,11,11,.92);backdrop-filter:blur(8px);z-index:5}
.crumb{color:var(--dim);font-size:13px}.crumb b{color:var(--text);font-weight:500}
.pill{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line2);border-radius:20px;padding:6px 11px;font-size:12px;color:var(--muted);background:#151514}
.head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;padding:28px 0 22px;flex-wrap:wrap}
.eyebrow{font-size:11px;letter-spacing:.16em;color:var(--dim);font-weight:600;text-transform:uppercase;margin:0 0 8px}
h1{font-size:32px;letter-spacing:-.045em;font-weight:500;margin:0;line-height:1.15}h1 i{font-style:normal;color:#9e978f}
.head h1.compact-title{font-size:28px}
h2{font-size:16px;font-weight:500;letter-spacing:-.02em;margin:0}h3{font-size:14px;font-weight:600;margin:0}
.sub{color:var(--muted);font-size:14px;margin:6px 0 0}
.btn{text-decoration:none;height:36px;padding:0 14px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:13px;font-weight:600;border:1px solid var(--line2);background:#171615;color:#e2ded9;white-space:nowrap;transition:.15s}
.btn:hover{background:#22211f}.btn.pri{background:var(--silver);color:#141312;border-color:var(--silver)}.btn.pri:hover{background:#fff}
.btn.danger{color:var(--red);border-color:#4a2b27}.btn.sm{height:30px;padding:0 10px;font-size:12px}.btn:disabled{opacity:.45;cursor:not-allowed}
.btn svg{width:15px;height:15px}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.grow{flex:1}
.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--r)}.pad{padding:18px}
.grid{display:grid;gap:14px}.g4{grid-template-columns:repeat(4,minmax(0,1fr))}.g2{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)}.g2e{grid-template-columns:1fr 1fr}
.kpi{padding:16px}.kpi .l{font-size:13px;color:var(--muted)}.kpi .v{font-size:28px;letter-spacing:-.05em;font-weight:500;margin:10px 0 4px}.kpi .s{font-size:12px;color:var(--dim)}
.chart{display:flex;align-items:flex-end;gap:6px;height:170px;padding-top:10px;border-bottom:1px solid var(--line)}
.chart .c{flex:1;display:flex;align-items:flex-end;justify-content:center;gap:3px;height:100%;position:relative}
.chart .c i{width:40%;max-width:14px;border-radius:2px 2px 0 0;background:linear-gradient(180deg,#ddd9d3,#7c776f);min-height:2px}.chart .c i.r{background:#6b665f}
.chart-x{display:flex;gap:6px;font-size:11px;color:var(--dim);margin-top:6px}.chart-x span{flex:1;text-align:center}
.legend{display:flex;gap:16px;font-size:12px;color:var(--muted);margin:12px 0 0}.legend span{display:flex;align-items:center;gap:6px}.legend i{width:8px;height:8px;border-radius:2px;background:#ddd9d3}.legend i.r{background:#6b665f}
table{width:100%;border-collapse:collapse}th{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--dim);font-weight:600;text-align:left;padding:11px 14px;border-bottom:1px solid var(--line);white-space:nowrap}
td{padding:12px 14px;border-bottom:1px solid #222120;font-size:13px;vertical-align:middle}tr:last-child td{border-bottom:0}tbody tr:hover{background:#171615}
tr.click{cursor:pointer}.muted{color:var(--muted)}.dim{color:var(--dim)}.small{font-size:12px}.strong{font-weight:600}
.badge{display:inline-flex;align-items:center;height:23px;border:1px solid var(--line2);border-radius:20px;padding:0 9px;font-size:12px;color:var(--muted);white-space:nowrap;gap:5px}
.b-lead,.b-draft,.b-new{}.b-contacted,.b-qualified,.b-scheduled{color:var(--blue);background:var(--bluebg);border-color:#303b3f}
.b-replied,.b-reply,.b-offer_sent{color:var(--amber);background:var(--amberbg);border-color:#49412c}
.b-interested,.b-active,.b-sent,.b-sending,.b-won,.b-finished,.b-customer,.b-simulated,.b-negotiation{color:var(--green);background:var(--greenbg);border-color:#3b4438}
.b-not_interested,.b-failed,.b-bounced,.b-bounce,.b-unsubscribed,.b-unsubscribe,.b-lost,.b-cancelled{color:var(--red);background:var(--redbg);border-color:#4a2b27}
.b-paused,.b-stopped,.b-auto_reply,.b-skipped,.b-queued{color:#cfc6b6;background:#1e1c19}
.tag{display:inline-block;font-size:11px;border-radius:4px;background:#252422;color:#d6d1cb;padding:2px 7px;margin:0 4px 3px 0}
input.in,select.in,textarea.in{width:100%;height:38px;background:#0f0f0e;border:1px solid var(--line2);border-radius:6px;padding:0 11px;color:var(--text);font-size:14px}
textarea.in{height:auto;min-height:150px;padding:10px 11px;line-height:1.55;resize:vertical}select.in{padding-right:28px}
input.in::placeholder,textarea.in::placeholder{color:#6f6a64}
label.f{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--muted);margin-bottom:13px}label.f .hint{font-size:12px;color:var(--dim)}
.check{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted)}
.toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:14px}.toolbar .in{width:auto}.search{flex:1;min-width:220px;max-width:380px}
.bulkbar{display:flex;gap:8px;align-items:center;padding:10px 14px;background:#1d1c1a;border:1px solid var(--line2);border-radius:var(--r);margin-bottom:12px;flex-wrap:wrap}
.empty{padding:50px 20px;text-align:center;color:var(--muted)}.empty b{display:block;color:var(--text);font-size:15px;font-weight:500;margin-bottom:6px}
.kanban{display:grid;grid-template-columns:repeat(6,minmax(210px,1fr));gap:12px;overflow-x:auto;padding-bottom:10px}
.col{background:#111110;border:1px solid var(--line);border-radius:var(--r);min-height:380px;display:flex;flex-direction:column}.col.over{border-color:#8f8982;background:#171615}
.col-h{padding:12px 13px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.col-h b{font-size:13px;font-weight:600}.col-h span{font-size:12px;color:var(--dim)}
.col-b{padding:10px;display:flex;flex-direction:column;gap:8px;flex:1}
.card{background:var(--panel2);border:1px solid var(--line2);border-radius:7px;padding:11px;cursor:grab}.card:hover{border-color:#57524c}.card .t{font-size:13px;font-weight:600}.card .m{font-size:12px;color:var(--muted);margin-top:4px}.card .v{display:flex;justify-content:space-between;margin-top:9px;font-size:12px}
.steps{display:flex;flex-direction:column;gap:12px;position:relative}
.step{display:grid;grid-template-columns:34px 1fr;gap:12px}.step .n{width:34px;height:34px;border-radius:50%;border:1px solid #4a4641;display:grid;place-items:center;font-size:13px;background:#181716;position:relative;z-index:1}.step:first-child .n{background:var(--silver);color:#141312;border-color:var(--silver)}
.steps:before{content:"";position:absolute;left:17px;top:14px;bottom:14px;width:1px;background:#35332f}
.step .box{background:#161514;border:1px solid var(--line2);border-radius:8px;padding:14px}
.wait{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted);margin-bottom:10px}.wait input{width:70px}
.vars{font-size:12px;color:var(--dim);line-height:1.8}.vars code{background:#232220;border-radius:4px;padding:1px 6px;color:#d8d3cd;cursor:pointer;font-family:inherit}
.timeline{display:flex;flex-direction:column}.ev{display:grid;grid-template-columns:12px 1fr;gap:10px;padding:10px 0;border-bottom:1px solid #222120}.ev:last-child{border:0}
.ev .d{width:8px;height:8px;border-radius:50%;margin-top:5px;background:#77716b}.ev.reply .d{background:var(--amber)}.ev.email_sent .d,.ev.email_simulated .d{background:var(--silver)}.ev.bounce .d,.ev.unsubscribe .d{background:var(--red)}
.ev .h{display:flex;justify-content:space-between;gap:8px;font-size:13px}.ev .h b{font-weight:600}.ev .b{font-size:13px;color:var(--muted);white-space:pre-wrap;margin-top:5px;max-height:160px;overflow:auto}
.scrim{position:fixed;inset:0;background:rgba(0,0,0,.72);backdrop-filter:blur(3px);display:grid;place-items:center;padding:18px;z-index:50}
.modal{width:min(560px,100%);max-height:calc(100vh - 36px);overflow:auto;background:#171615;border:1px solid #393633;border-radius:10px;padding:24px;box-shadow:0 30px 90px #000c}
.modal.wide{width:min(1040px,100%)}.modal .mh{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:18px}.modal .mh h2{font-size:20px}
.x{background:none;border:0;color:var(--muted);font-size:22px;line-height:1;padding:2px 6px}
.mf{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}
#toasts{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;gap:8px;z-index:60}
.toast{background:#eeebe6;color:#171615;border-radius:6px;padding:11px 16px;font-size:13px;font-weight:500;box-shadow:0 8px 30px #000a;animation:tin .2s ease-out;max-width:90vw}.toast.err{background:#e9b0a6}
@keyframes tin{from{opacity:0;transform:translateY(8px)}}
.alert{border:1px solid #49412c;background:var(--amberbg);color:var(--amber);border-radius:7px;padding:11px 13px;font-size:13px;line-height:1.5;margin-bottom:14px}.alert.red{border-color:#4a2b27;background:var(--redbg);color:var(--red)}.alert.green{border-color:#3b4438;background:var(--greenbg);color:var(--green)}
.seg{display:inline-flex;border:1px solid var(--line2);border-radius:7px;overflow:hidden}.seg button{border:0;background:#151514;color:var(--muted);padding:9px 14px;font-size:13px}.seg button.on{background:var(--silver);color:#141312;font-weight:600}
.login{min-height:100vh;display:grid;place-items:center;padding:20px}.login .box{width:min(380px,100%)}.login h1{font-size:34px;margin:18px 0 6px}
.progress{height:6px;background:#2a2927;border-radius:4px;overflow:hidden;min-width:90px}.progress i{display:block;height:100%;background:var(--silver)}
.preview{white-space:pre-wrap;background:#0f0f0e;border:1px solid var(--line2);border-radius:7px;padding:14px;font-size:13px;line-height:1.6;color:#dcd8d2}
.sec{margin-bottom:22px}.sec h3{margin-bottom:12px;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--dim)}
.list-item{display:flex;gap:12px;align-items:flex-start;padding:13px 16px;border-bottom:1px solid #222120;cursor:pointer}.list-item:hover{background:#171615}.list-item:last-child{border:0}
.av{width:34px;height:34px;border-radius:50%;background:#3a3633;display:grid;place-items:center;font-size:12px;font-weight:600;flex-shrink:0}
.ellip{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pager{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-top:1px solid var(--line);font-size:13px;color:var(--muted)}
.scroll{overflow-x:auto}
@media(max-width:1100px){.g4{grid-template-columns:repeat(2,minmax(0,1fr))}.g2,.g2e{grid-template-columns:1fr}}
@media(max-width:780px){.side{width:64px;padding:18px 8px}.logo{justify-content:center;padding:0 0 22px}.logo div,.nav a span,.nav a .cnt,.sendbox{display:none}.nav a{justify-content:center;padding:0}.main{padding:0 14px 40px}h1{font-size:26px}.hide-m{display:none}.g4{grid-template-columns:1fr 1fr}}
/* CRM structure, Luvio orange identity, global search */
:root{--orange:#f28c28}
.logo .mark{color:var(--orange);border-color:var(--orange);font-size:22px;font-weight:600;font-family:Montserrat,Arial,sans-serif}
.logo b span{color:var(--orange);font-weight:600}
.logo small{color:#a49d95}
.nav-group{font-size:10px;letter-spacing:.16em;color:#817a72;font-weight:700;padding:18px 12px 6px}
.nav-group.dashboard-group{width:100%;height:40px;display:flex;align-items:center;gap:11px;border:0;border-radius:10px;background:transparent;color:var(--muted);padding:0 12px;cursor:pointer;text-align:left;font:600 14px Montserrat,Arial,sans-serif;letter-spacing:0}.dashboard-group svg{width:17px;height:17px;flex:0 0 17px}.dashboard-group span{flex:1}.dashboard-group>b{font-size:14px;font-weight:500}.dashboard-group:hover{background:#1c1b1a;color:#fff}.nav a[data-dashboard-child]{margin-left:8px;height:38px;padding-left:16px}
.global-search{position:relative;width:min(350px,32vw);margin-left:auto;margin-right:16px}
.global-search input{height:34px;width:100%;background:#151514;border:1px solid #302e2b;border-radius:6px;padding:0 12px 0 34px;color:var(--text);font-size:12px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%239b948b' stroke-width='2' viewBox='0 0 24 24'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:11px center}
.global-search input::placeholder{color:#948e86}
.gresults{position:absolute;top:41px;left:0;right:0;max-height:min(70vh,620px);overflow:auto;background:#171615;border:1px solid #3a3733;border-radius:8px;box-shadow:0 18px 50px #000c;z-index:20;padding:5px}
.gs-label{font-size:10px;letter-spacing:.12em;color:#a59e95;font-weight:700;padding:10px 10px 4px;text-transform:uppercase}
.gs-row{width:100%;display:flex;align-items:center;gap:10px;background:transparent;border:0;border-radius:5px;text-align:left;padding:9px;color:#eee}
.gs-row:hover{background:#282623}.gs-row>span:last-child{display:flex;flex-direction:column;gap:4px;min-width:0}.gs-row b{font-size:13px;font-weight:600}.gs-row small{font-size:11px;color:#ada69e;display:flex;align-items:center;gap:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gs-icon{width:28px;height:28px;display:grid;place-items:center;border:1px solid #413d38;border-radius:5px;color:#d2c9bd;flex-shrink:0}.gs-icon svg{width:15px;height:15px}.gs-empty{padding:20px 12px;text-align:center;color:#aaa49c;font-size:13px}
.linkbtn{border:0;background:transparent;color:#e0d7cd;text-decoration:underline;text-decoration-color:#665d52;text-underline-offset:3px;padding:0;font-size:12px;text-align:left}
.custom-sec{padding-top:10px;border-top:1px solid var(--line)}
.custom-sec h3{color:var(--orange)}
.custom-sec select[multiple]{height:100px;padding:6px}.custom-sec .check{height:38px}
@media(max-width:780px){.global-search{width:min(240px,46vw);margin:0 8px}.nav-group{display:none}.nav{overflow-y:auto}.nav a{height:43px}.top{gap:6px}.pill{padding:5px 7px}}
.logo .mark{color:var(--orange);border-color:var(--orange);font-size:22px;font-weight:600;font-family:Montserrat,Arial,sans-serif}.logo b span{color:var(--orange);font-weight:600}
/* HubSpot-inspired CRM structure, adapted to Luvio's dark/orange identity. */
:root{--orange:#f28c28;--hub-teal:#53c3ae;--panel:#151514;--panel2:#1c1b19}
.nav-group{color:#87817a}.nav a.on{box-shadow:inset 2px 0 var(--orange)}
.company-toolbar{display:flex;flex-direction:column;gap:12px;margin:8px 0 14px}
.company-views{display:flex;align-items:center;gap:4px;border-bottom:1px solid var(--line2);overflow-x:auto;scrollbar-width:thin}
.company-views button{border:0;border-bottom:2px solid transparent;background:transparent;color:var(--muted);padding:11px 13px 10px;font-size:12px;white-space:nowrap}
.company-views button:hover{color:var(--text);background:#181716}.company-views button.on{border-color:var(--orange);color:var(--text);font-weight:600}
.company-views button span{font-size:11px;color:#a9a39c;margin-left:5px}.company-views .view-add{font-size:20px;color:#a9a39c;padding:7px 12px}
.company-board{display:flex;gap:10px;overflow-x:auto;padding:2px 0 12px;min-height:480px;scrollbar-width:thin}
.company-column{flex:0 0 255px;max-width:255px;background:#111110;border:1px solid #292725;border-radius:8px;display:flex;flex-direction:column;max-height:calc(100vh - 310px);min-height:380px}
.company-column>header{height:44px;display:flex;align-items:center;gap:8px;padding:0 11px;border-bottom:1px solid var(--line);position:sticky;top:0;background:#141413;border-radius:8px 8px 0 0}
.company-column>header b{font-size:12px;font-weight:600;flex:1}.company-column>header span{font-size:11px;color:var(--muted)}
.stage-dot{width:8px;height:8px;border-radius:50%;background:#22a8a5}.stage-dot.qualified{background:#8c6fe8}.stage-dot.opportunity{background:#d14c8d}.stage-dot.customer{background:#23a47a}.stage-dot.unresponsive{background:#85817b}
.company-cards{padding:8px;display:flex;flex-direction:column;gap:8px;overflow-y:auto;flex:1;min-height:0}
.company-card{background:#1b1a18;border:1px solid #383531;border-radius:7px;padding:11px 12px;cursor:pointer;transition:border .15s,transform .15s}
.company-card:hover{border-color:#8d8274;transform:translateY(-1px)}.company-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:6px}.company-card-head b{font-size:13px;line-height:1.4;color:#69cbbc;font-weight:600}.company-domain{font-size:11px;color:#aaa49c;margin-top:5px}.company-owner{font-size:12px;color:#ded9d2;margin-top:12px;padding-bottom:9px;border-bottom:1px solid #383531}.company-card-foot{display:flex;justify-content:space-between;gap:8px;margin-top:9px;color:#aaa49c;font-size:10px}
.plain{border:0;background:transparent;color:#a9a39d;padding:4px 6px;font-size:14px;border-radius:4px}.plain:hover{background:#282624;color:#fff}.add-company-inline{margin:0 8px 8px;padding:8px;border:0;background:transparent;color:#aaa49c;text-align:left;border-radius:4px;font-size:12px}.add-company-inline:hover{background:#22211f;color:#fff}.column-empty{padding:25px 8px;text-align:center;color:#817c76;font-size:12px}
.company-link{color:#69cbbc}.company-link:hover{text-decoration:underline}
.record-top{display:flex;align-items:center;justify-content:space-between;padding:16px 0 12px}.record-top a{text-decoration:none}.record-actions{display:flex;gap:7px}
.btn,.in,.company-card,.contact-card,.assoc-card,.association,.record-left,.record-center,.company-column,.contact-column,.modal,.global-search input,.filter-toggle,.settings-card{border-radius:10px}.btn{transition:background .14s,border-color .14s,transform .14s}.btn:active{transform:scale(.985)}.record-right{gap:12px}.association{border-radius:13px}.association>header{padding-left:14px;padding-right:14px}.assoc-card{border-radius:11px}.assoc-empty{padding-top:22px;padding-bottom:22px}
.record-layout{display:grid;grid-template-columns:minmax(230px,285px) minmax(400px,1fr) minmax(250px,315px);gap:12px;align-items:start;min-height:calc(100vh - 145px)}
.record-left,.record-center,.record-right{min-width:0}.record-left{background:#131312;border:1px solid var(--line);border-radius:9px;max-height:calc(100vh - 150px);overflow:auto;position:sticky;top:76px}
.record-company-heading{display:flex;gap:11px;align-items:flex-start;padding:17px 14px 12px}.company-avatar{flex:0 0 38px;height:38px;border-radius:7px;background:#2b2520;border:1px solid #57402c;color:var(--orange);display:grid;place-items:center;font-size:18px;font-weight:700}.record-company-heading h2{font-size:16px;line-height:1.35}.record-company-heading a{display:block;color:#70cdbf;font-size:11px;margin-top:5px;overflow-wrap:anywhere}.record-left-actions{padding:0 14px 14px}.record-section{border-top:1px solid var(--line);padding:0 0 10px}.record-section>header,.association>header{height:43px;display:flex;align-items:center;justify-content:space-between;padding:0 12px}.record-section>header b,.association>header b{font-size:13px}.record-section>header button,.association>header button{border:0;background:transparent;color:#a9a39c;font-size:12px}.record-fields{padding:0 14px}.record-field{padding:7px 0;display:flex;flex-direction:column;gap:4px}.record-field small,.record-about-grid small{font-size:11px;color:#aaa49c}.record-field span{font-size:12px;color:#ebe7e1;overflow-wrap:anywhere}
.record-center{border:1px solid var(--line);border-radius:9px;background:#131312;min-height:600px;overflow:hidden}.record-tabs{height:48px;display:flex;align-items:stretch;border-bottom:1px solid var(--line);padding:0 9px;gap:3px}.record-tabs button:not(.plain){border:0;border-bottom:2px solid transparent;background:transparent;color:#c3bdb5;padding:0 14px;font-size:12px}.record-tabs button.on{border-bottom-color:var(--orange)!important;color:#fff!important;font-weight:600}.record-tabs button:hover{background:#1d1c1a}.record-tabs .plain{margin-left:auto}
.activity-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding:8px 10px}.activity-tabs{display:flex;align-items:center;gap:4px}.activity-tabs button{border:0;background:transparent;color:#b6b0a9;padding:9px 10px;font-size:11px}.activity-tabs button.on{color:#fff;border-bottom:2px solid var(--orange)}.activity-toolbar .in{width:170px;height:31px;font-size:11px}.activity-feed{padding:8px 14px 22px}.activity-item{display:grid;grid-template-columns:14px 1fr;gap:10px;padding:14px 4px;border-bottom:1px solid #2a2927}.activity-dot{width:8px;height:8px;border-radius:50%;background:#7f7972;margin:5px auto}.activity-dot.email_sent,.activity-dot.note{background:var(--orange)}.activity-dot.created{background:#70cdbf}.activity-title{display:flex;justify-content:space-between;gap:8px;font-size:12px}.activity-title b{font-weight:600}.activity-title time{color:#aaa49c;font-size:10px;white-space:nowrap}.activity-item p{color:#bbb5ad;font-size:12px;line-height:1.55;margin:7px 0 0;white-space:pre-wrap}.record-about{padding:16px}.record-about h2{font-size:18px}.record-about-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:20px;padding-top:16px;border-top:1px solid var(--line)}.record-about-grid div{display:flex;flex-direction:column;gap:6px}.record-about-grid b{font-size:13px;font-weight:500}
.record-right{display:flex;flex-direction:column;gap:10px;max-height:calc(100vh - 150px);overflow:auto}.association{background:#131312;border:1px solid var(--line);border-radius:9px;overflow:hidden}.association>header{border-bottom:1px solid var(--line)}.association>header button{cursor:pointer;color:#d2cbc3}.assoc-tools{display:flex;justify-content:space-between;gap:7px;padding:9px}.assoc-tools input{width:100%;height:30px;background:#0f0f0e;border:1px solid #343230;border-radius:18px;padding:0 10px;color:var(--text);font-size:11px}.assoc-tools button{border:1px solid var(--line2);background:transparent;color:var(--muted);border-radius:17px;padding:4px 10px;font-size:11px;white-space:nowrap}.assoc-items{padding:0 9px;max-height:380px;overflow:auto}.assoc-card{border:1px solid #393633;border-radius:8px;padding:10px;margin:6px 0;display:flex;flex-direction:column;gap:6px;cursor:pointer}.assoc-card:hover{border-color:#80776b}.assoc-card b{font-size:12px;color:#69cbbc}.assoc-card span{font-size:11px;color:#c4bdb5}.assoc-card a{font-size:11px;color:#70cdbf}.assoc-card>span:last-child{display:inline-block;background:#262421;border-radius:16px;padding:4px 8px;width:max-content}.assoc-view{padding:10px 12px;background:transparent;border:0;color:#70cdbf;font-size:11px;text-align:left}.assoc-empty{padding:20px 13px;color:#aaa49c;font-size:12px;text-align:center;line-height:1.6}.assoc-empty button{display:block;margin:10px auto 0;border:1px solid var(--line2);background:#1c1b19;border-radius:5px;color:#ddd;padding:7px 11px}
@media(max-width:1100px){.record-layout{grid-template-columns:minmax(210px,260px) minmax(0,1fr)}.record-right{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;max-height:none}.record-left{top:70px}}
@media(max-width:760px){.company-column{flex-basis:240px;max-width:240px}.record-layout{grid-template-columns:1fr}.record-left{position:static;max-height:none}.record-right{display:flex;max-height:none}.record-center{min-height:450px}.activity-tabs{overflow-x:auto;max-width:100%}.activity-toolbar .row{width:100%}.record-top{align-items:flex-start;gap:8px;flex-direction:column}.record-actions{flex-wrap:wrap}.record-tabs{overflow-x:auto}.record-tabs button:not(.plain){padding:0 9px;font-size:11px}}
.composer-tabs{display:flex;align-items:center;gap:5px;border-bottom:1px solid var(--line);margin:-4px -4px 14px;padding:0 4px}.composer-tabs button:not(.plain){border:0;border-bottom:2px solid transparent;background:transparent;color:#aaa49c;padding:10px 12px;font-size:12px}.composer-tabs button.on{color:#f4f2ef;border-color:var(--orange)}.composer-line{display:flex;gap:20px;padding:10px 4px;border-bottom:1px solid #33312e;font-size:13px}.composer-line b{width:38px;color:#aaa49c}.composer-line span{color:#eee}.composer-template{margin:14px 0 10px!important}.composer-body{min-height:220px!important}.composer-footer{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:13px;margin-top:14px}.composer-footer .check{font-size:11px}.composer-footer .in{font-size:11px}.sequence-pick{margin-top:15px;border-top:1px solid var(--line)}.sequence-pick-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.sequence-pick-row>div{display:flex;flex-direction:column;gap:5px}.sequence-pick-row b{font-size:13px}.sequence-pick-row small{font-size:11px;color:var(--muted)}.sequence-pick-row button:disabled{opacity:.4;cursor:not-allowed}
/* Contact index board/list and full contact record workspace */
.contact-views{margin:4px 0 12px}.contact-column{flex:0 0 245px;max-width:245px;background:#111110;border:1px solid #292725;border-radius:8px;display:flex;flex-direction:column;max-height:calc(100vh - 345px);min-height:330px}.contact-column>header{height:43px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;border-bottom:1px solid var(--line);background:#141413}.contact-column>header b{font-size:12px}.contact-column>header span{font-size:11px;color:var(--muted)}.contact-column-body{padding:8px;display:flex;flex-direction:column;gap:8px;overflow-y:auto;flex:1}.contact-column.over{border-color:var(--orange);background:#211c16}.contact-card{display:flex;flex-direction:column;gap:5px;padding:11px;background:#1b1a18;border:1px solid #383531;border-radius:7px;cursor:grab}.contact-card:hover{border-color:#8d8274}.contact-card b{font-size:12px;color:#70cdbf}.contact-card small{font-size:11px;color:#bbb4ac}.contact-card .tag{width:max-content}.contact-board{display:flex;gap:10px;overflow-x:auto;min-height:360px;padding:3px 0 10px}
.contact-record-identity{display:flex;flex-direction:column;gap:5px}.contact-record-identity h2{font-size:15px;line-height:1.35}.contact-record-identity a{color:#70cdbf;font-size:11px;overflow-wrap:anywhere}
.contact-company-pill{display:flex;align-items:center;gap:7px;background:#24221f;border-radius:16px;padding:5px 8px;width:max-content;color:#d6d0c9;font-size:11px}
.record-field a{color:#70cdbf;text-decoration:none}.record-field a:hover{text-decoration:underline}
.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}.settings-card{display:flex;align-items:center;gap:13px;padding:18px;color:var(--text);text-decoration:none;transition:border-color .15s,transform .15s}.settings-card:hover{border-color:#765b3e;transform:translateY(-1px)}.settings-card>span:nth-child(2){display:flex;flex-direction:column;gap:5px;min-width:0;flex:1}.settings-card b{font-size:14px}.settings-card small{font-size:12px;line-height:1.5;color:var(--muted)}.settings-arrow{font-size:25px;color:var(--muted)}.company-link svg,.scroll td svg{width:15px!important;height:15px!important;display:inline-block;vertical-align:middle;flex-shrink:0}.record-company-heading .company-avatar svg{width:18px;height:18px}
@media(max-width:760px){.settings-grid{grid-template-columns:1fr}}
.invoice-form-parties{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:14px 0}.invoice-form-parties h3{font-size:14px;margin-bottom:12px}.invoice-line-head,.invoice-edit-line{display:grid;grid-template-columns:minmax(180px,1fr) 85px 125px 130px 38px;align-items:center;gap:8px}.invoice-line-head{padding:10px 0;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.08em}.invoice-edit-line{padding:6px 0}.invoice-edit-line>span{text-align:right;font-size:12px}.invoice-form-totals{display:grid;grid-template-columns:180px minmax(220px,300px);justify-content:end;align-items:end;gap:20px;border-top:1px solid var(--line);margin-top:12px;padding-top:12px}.invoice-form-totals>div{display:grid;grid-template-columns:1fr auto;gap:8px;font-size:12px}.invoice-form-totals>div span:last-of-type,.invoice-form-totals>div b:last-child{font-weight:700;color:var(--orange)}.invoice-form-totals .f{margin:0}.invoice-detail-meta{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 0 12px;color:var(--muted);font-size:12px}.invoice-detail-meta>div{display:flex;align-items:center;gap:10px}.invoice-detail-meta>div>b{font-size:19px;color:var(--text)}.invoice-preview-shell{overflow:auto;background:#292723;border:1px solid var(--line);border-radius:14px;padding:20px}.invoice-paper{max-width:820px;min-height:900px;margin:0 auto;background:#fff;color:#272521;padding:44px 48px;box-shadow:0 8px 34px #0003;font:12px/1.55 Arial,Helvetica,sans-serif}.invoice-paper-head{display:flex;justify-content:space-between;gap:20px;border-bottom:3px solid #e8872c;padding-bottom:25px}.invoice-kicker{font-size:10px;font-weight:700;letter-spacing:.16em;color:#b65d1d}.invoice-paper h2{font-size:30px;letter-spacing:-.04em;margin:8px 0 5px}.invoice-status{text-transform:uppercase;font-size:9px;letter-spacing:.1em;border:1px solid #dedbd5;border-radius:12px;padding:3px 9px;color:#57534d}.invoice-status.paid{color:#197047;border-color:#b8ddc8}.invoice-status.void{color:#9d3a34;border-color:#e4bfba}.invoice-paper-dates{display:flex;gap:25px;padding-top:10px}.invoice-paper-dates div{display:flex;flex-direction:column;gap:6px}.invoice-paper-dates small,.invoice-parties>div>small,.invoice-note>small,.invoice-bank>small{font-size:9px;letter-spacing:.12em;color:#89847c;font-weight:700}.invoice-parties{display:grid;grid-template-columns:1fr 1fr;gap:38px;padding:28px 0 32px}.invoice-parties>div,.invoice-party{display:flex;flex-direction:column;gap:8px}.invoice-party>b{font-size:14px;margin:3px 0}.invoice-party div{display:flex;justify-content:space-between;gap:8px;color:#5d5952}.invoice-party div span:first-child{color:#89847c}.invoice-items{width:100%;border-collapse:collapse;margin-top:4px}.invoice-items thead{background:#f5f2ee}.invoice-items th{text-align:left;padding:11px 10px;color:#716b63;font-size:9px;letter-spacing:.09em;text-transform:uppercase}.invoice-items th:not(:first-child),.invoice-items td:not(:first-child){text-align:right}.invoice-items td{padding:13px 10px;border-bottom:1px solid #ebe8e3;font-size:11px}.invoice-totals{width:300px;margin:22px 0 0 auto}.invoice-totals div{display:flex;justify-content:space-between;padding:7px 0;border-bottom:1px solid #eeeae5}.invoice-totals .grand{border:0;border-top:2px solid #302d28;margin-top:6px;padding-top:12px;font-size:16px}.invoice-totals .grand b{color:#b65d1d}.invoice-note,.invoice-bank{border-top:1px solid #ebe8e3;margin-top:28px;padding-top:15px}.invoice-note p{margin:8px 0 0;color:#5d5952}.invoice-bank{display:flex;flex-direction:column;gap:5px;color:#5d5952}.invoice-footer{margin-top:36px;padding-top:13px;border-top:1px solid #ebe8e3;text-align:center;color:#89847c;font-size:10px}.invoice-pdf-hint{text-align:center;margin:12px}.invoice-paper .invoice-party div{font-size:11px}
@media(max-width:760px){.invoice-form-parties{grid-template-columns:1fr}.invoice-line-head{display:none}.invoice-edit-line{grid-template-columns:minmax(120px,1fr) 64px 100px 34px}.invoice-edit-line>[data-line-total]{display:none}.invoice-form-totals{grid-template-columns:1fr}.invoice-detail-meta{align-items:flex-start;flex-direction:column}.invoice-preview-shell{padding:8px}.invoice-paper{padding:24px 20px;min-height:0}.invoice-paper-head{flex-direction:column}.invoice-parties{gap:15px;grid-template-columns:1fr}.invoice-party div{justify-content:flex-start;gap:8px}.invoice-totals{max-width:100%}}
@media(max-width:780px){.shell:not(.sidebar-collapsed) .side{width:236px;padding:22px 14px}.shell:not(.sidebar-collapsed) .logo{justify-content:flex-start;padding:0 8px 26px}.shell:not(.sidebar-collapsed) .logo-wordmark,.shell:not(.sidebar-collapsed) .nav a span,.shell:not(.sidebar-collapsed) .nav-group,.shell:not(.sidebar-collapsed) .sidebar-profile,.shell:not(.sidebar-collapsed) #logout span{display:initial!important}.shell:not(.sidebar-collapsed) .nav a{justify-content:flex-start;padding:0 12px;width:auto}.shell:not(.sidebar-collapsed) .nav{align-items:stretch}.shell:not(.sidebar-collapsed) .sidebar-profile{display:block!important}}
.invoice-form-parties{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:14px 0}.invoice-form-parties h3,.invoice-form-parties .panel>h3{font-size:14px;margin-bottom:12px}.invoice-line-head,.invoice-edit-line{display:grid;grid-template-columns:minmax(180px,1fr) 85px 125px 130px 38px;align-items:center;gap:8px}.invoice-line-head{padding:10px 0;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.08em}.invoice-edit-line{padding:6px 0}.invoice-edit-line>span{text-align:right;font-size:12px}.invoice-form-totals{display:grid;grid-template-columns:180px minmax(220px,300px);justify-content:end;align-items:end;gap:20px;border-top:1px solid var(--line);margin-top:12px;padding-top:12px}.invoice-form-totals>div{display:grid;grid-template-columns:1fr auto;gap:8px;font-size:12px}.invoice-form-totals>div span:last-of-type,.invoice-form-totals>div b:last-child{font-weight:700;color:var(--orange)}.invoice-form-totals .f{margin:0}.invoice-detail-meta{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 0 12px;color:var(--muted);font-size:12px}.invoice-detail-meta>div{display:flex;align-items:center;gap:10px}.invoice-detail-meta>div>b{font-size:19px;color:var(--text)}.invoice-preview-shell{overflow:auto;background:#292723;border:1px solid var(--line);border-radius:9px;padding:20px}.invoice-paper{max-width:820px;min-height:900px;margin:0 auto;background:#fff;color:#272521;padding:44px 48px;box-shadow:0 8px 34px #0003;font:12px/1.55 Arial,Helvetica,sans-serif}.invoice-paper-head{display:flex;justify-content:space-between;gap:20px;border-bottom:3px solid #e8872c;padding-bottom:25px}.invoice-kicker{font-size:10px;font-weight:700;letter-spacing:.16em;color:#b65d1d}.invoice-paper h2{font-size:30px;letter-spacing:-.04em;margin:8px 0 5px}.invoice-status{text-transform:uppercase;font-size:9px;letter-spacing:.1em;border:1px solid #dedbd5;border-radius:12px;padding:3px 9px;color:#57534d}.invoice-status.paid{color:#197047;border-color:#b8ddc8}.invoice-status.void{color:#9d3a34;border-color:#e4bfba}.invoice-paper-dates{display:flex;gap:25px;padding-top:10px}.invoice-paper-dates div{display:flex;flex-direction:column;gap:6px}.invoice-paper-dates small,.invoice-parties>div>small,.invoice-note>small,.invoice-bank>small{font-size:9px;letter-spacing:.12em;color:#89847c;font-weight:700}.invoice-parties{display:grid;grid-template-columns:1fr 1fr;gap:38px;padding:28px 0 32px}.invoice-parties>div,.invoice-party{display:flex;flex-direction:column;gap:8px}.invoice-party>b{font-size:14px;margin:3px 0}.invoice-party div{display:flex;justify-content:space-between;gap:8px;color:#5d5952}.invoice-party div span:first-child{color:#89847c}.invoice-items{width:100%;border-collapse:collapse;margin-top:4px}.invoice-items thead{background:#f5f2ee}.invoice-items th{text-align:left;padding:11px 10px;color:#716b63;font-size:9px;letter-spacing:.09em;text-transform:uppercase}.invoice-items th:not(:first-child),.invoice-items td:not(:first-child){text-align:right}.invoice-items td{padding:13px 10px;border-bottom:1px solid #ebe8e3;font-size:11px}.invoice-totals{width:300px;margin:22px 0 0 auto}.invoice-totals div{display:flex;justify-content:space-between;padding:7px 0;border-bottom:1px solid #eeeae5}.invoice-totals .grand{border:0;border-top:2px solid #302d28;margin-top:6px;padding-top:12px;font-size:16px}.invoice-totals .grand b{color:#b65d1d}.invoice-note,.invoice-bank{border-top:1px solid #ebe8e3;margin-top:28px;padding-top:15px}.invoice-note p{margin:8px 0 0;color:#5d5952}.invoice-bank{display:flex;flex-direction:column;gap:5px;color:#5d5952}.invoice-footer{margin-top:36px;padding-top:13px;border-top:1px solid #ebe8e3;text-align:center;color:#89847c;font-size:10px}.invoice-pdf-hint{text-align:center;margin:12px}.invoice-paper .invoice-party div{font-size:11px}
@media(max-width:760px){.invoice-form-parties{grid-template-columns:1fr}.invoice-line-head{display:none}.invoice-edit-line{grid-template-columns:minmax(120px,1fr) 64px 100px 34px}.invoice-edit-line>[data-line-total]{display:none}.invoice-form-totals{grid-template-columns:1fr}.invoice-detail-meta{align-items:flex-start;flex-direction:column}.invoice-preview-shell{padding:8px}.invoice-paper{padding:24px 20px;min-height:0}.invoice-paper-head{flex-direction:column}.invoice-parties{gap:15px;grid-template-columns:1fr}.invoice-party div{justify-content:flex-start;gap:8px}.invoice-totals{max-width:100%}}
@media(max-width:780px){.contact-column{flex-basis:225px;max-width:225px;max-height:calc(100vh - 300px)}.contact-views{max-width:calc(100vw - 90px)}.contact-views button{padding-left:9px;padding-right:9px}}
/* Company workspace refinements: collapsible filters, subdued scrollbars, configurable lifecycle stages. */
:root{scrollbar-color:#3b3834 #111110;scrollbar-width:thin}
*{scrollbar-color:#3b3834 #111110;scrollbar-width:thin}
*::-webkit-scrollbar{width:9px;height:9px}
*::-webkit-scrollbar-track{background:#111110;border-radius:8px}
*::-webkit-scrollbar-thumb{background:#3a3733;border:2px solid #111110;border-radius:9px}
*::-webkit-scrollbar-thumb:hover{background:#57514a}
.record-left::-webkit-scrollbar-track,.record-right::-webkit-scrollbar-track{background:#131312}
.record-left::-webkit-scrollbar-thumb,.record-right::-webkit-scrollbar-thumb{background:#34312d;border-color:#131312}
.company-control-row{display:flex;align-items:center;gap:9px;min-height:38px}
.filter-toggle{background:#171615!important}
.filter-summary{font-size:12px;color:#a8a198;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.company-filter-body{display:flex;align-items:flex-end;gap:10px;padding:11px 12px 7px;border:1px solid var(--line);background:#111110;border-radius:7px;margin:4px 0 2px}
.company-filter-body[hidden]{display:none!important}
.company-filter-body .f{flex:1;min-width:180px;margin:0}
.company-filter-body .in{height:34px}
.company-views{min-height:44px}
.company-column{transition:border-color .15s,background .15s}
.company-column.over{border-color:var(--orange);background:#201a14;box-shadow:0 0 0 1px #f28c2833}
.company-card[draggable=true]{cursor:grab}
.company-card[draggable=true]:active{cursor:grabbing;opacity:.75}
.company-card-head{align-items:center}
.company-card-logo{width:28px;height:28px;object-fit:contain;background:#f3f1ed;border-radius:5px;padding:2px;flex:0 0 28px}
.company-avatar{overflow:hidden;object-fit:cover}
.company-avatar img{width:100%;height:100%;object-fit:contain;background:#f4f2ee;padding:3px;border-radius:inherit}
.stage-swatch{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:8px}
.intelligence-page{display:flex;flex-direction:column;gap:13px;padding:14px}
.intelligence-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.intelligence-brand{display:flex;align-items:center;gap:12px;padding:12px 0 16px;border-bottom:1px solid var(--line)}
.intelligence-brand img{width:54px;height:54px;object-fit:contain;background:#f4f2ee;border-radius:8px;padding:4px}
.intelligence-brand h3{font-size:15px;margin:0 0 5px}
.intelligence-brand small{font-size:11px;color:var(--muted);overflow-wrap:anywhere}
.intelligence-description{font-size:13px;line-height:1.65;color:#d3cec7;white-space:pre-wrap}
.enrich-source{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:12px;font-size:12px;color:var(--muted)}
.enrich-source a{color:#70cdbf;overflow-wrap:anywhere}.enrich-source span{font-size:11px;color:var(--dim)}
.enrich-suggestions{display:flex;flex-direction:column;margin-top:10px}
.enrich-suggestion{display:flex;align-items:flex-start;gap:9px;padding:10px 0;border-bottom:1px solid var(--line);cursor:pointer}
.enrich-suggestion:last-child{border:0}.enrich-suggestion input{margin-top:4px;accent-color:var(--orange)}
.enrich-suggestion>span{display:flex;flex-direction:column;gap:4px;min-width:0}.enrich-suggestion b{font-size:12px}.enrich-suggestion small{font-size:12px;color:#c1bbb3;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.45}.enrich-suggestion em{font-size:11px;color:#d8b286;font-style:normal}
.intelligence-empty{min-height:250px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:9px}.intelligence-empty .company-avatar{font-size:23px}.intelligence-empty h3{margin:0}.intelligence-empty p{max-width:500px;color:var(--muted);font-size:13px;line-height:1.6}
@media(max-width:800px){.company-filter-body{align-items:stretch;flex-direction:column}.company-filter-body .f{width:100%;min-width:0}.intelligence-grid{grid-template-columns:1fr}.company-control-row{flex-wrap:wrap}}
/* Collapsible company search/filter controls and quieter record-pane scrollbars. */
.company-control-row{min-height:40px;padding:2px 0}.company-filter-body{transition:opacity .16s ease,transform .16s ease}.company-filter-body[hidden]{display:none!important}.filter-summary{min-width:0;max-width:48vw}.record-left,.record-right,.activity-feed,.company-cards{scrollbar-width:thin;scrollbar-color:#302e2a transparent}.record-left::-webkit-scrollbar,.record-right::-webkit-scrollbar,.activity-feed::-webkit-scrollbar,.company-cards::-webkit-scrollbar{width:7px}.record-left::-webkit-scrollbar-track,.record-right::-webkit-scrollbar-track,.activity-feed::-webkit-scrollbar-track,.company-cards::-webkit-scrollbar-track{background:transparent}.record-left::-webkit-scrollbar-thumb,.record-right::-webkit-scrollbar-thumb,.activity-feed::-webkit-scrollbar-thumb,.company-cards::-webkit-scrollbar-thumb{background:#302e2a;border:2px solid transparent;border-radius:10px;background-clip:padding-box}.record-left:hover::-webkit-scrollbar-thumb,.record-right:hover::-webkit-scrollbar-thumb{background:#4a4640;border:2px solid transparent;background-clip:padding-box}
/* Record documents, dashboard splits and email-period controls */
.doc-list{display:flex;flex-direction:column;padding:2px 10px 10px}.doc-row{display:flex;align-items:center;gap:9px;padding:9px 0;border-bottom:1px solid var(--line)}.doc-row:last-child{border-bottom:0}.doc-icon{width:27px;height:27px;display:grid;place-items:center;border:1px solid var(--line2);border-radius:5px;color:#c9c2b9;flex:0 0 27px}.doc-icon svg{width:14px;height:14px}.doc-info{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.doc-info b{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.doc-info small{font-size:10px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.record-documents{padding:0 4px 3px}.doc-record-link{color:#70cdbf;text-decoration:none;margin-right:6px}.doc-record-link:hover{text-decoration:underline}
.sales-stage-list{display:flex;flex-direction:column;gap:13px;margin-top:20px}.sales-stage-row{display:grid;grid-template-columns:150px 1fr 30px;align-items:center;gap:10px}.sales-stage-track{height:8px;background:#272522;border-radius:8px;overflow:hidden}.sales-stage-track i{display:block;height:100%;background:linear-gradient(90deg,#a95a18,#f28c28);border-radius:8px;min-width:3px}.sales-stage-row>b{text-align:right;font-size:12px;color:#d5cfc8}.dashboard-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.sales-note{margin-top:16px;padding:12px;border:1px solid #3d3326;background:#201a13;border-radius:6px;font-size:12px;color:#d9c4a9;line-height:1.55}.small-avatar{font-size:13px}.email-dash-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:0 0 14px}.email-dash-toolbar p{margin:0}.email-dash-toolbar .seg{overflow:auto}.email-dash-toolbar .seg button{white-space:nowrap}.email-chart{height:195px}.email-chart .c i{max-width:22px}

.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}.settings-card{display:flex;align-items:center;gap:13px;padding:18px;color:var(--text);text-decoration:none}.settings-card:hover{border-color:#765b3e}.settings-card>span:nth-child(2){display:flex;flex-direction:column;gap:5px;min-width:0;flex:1}.settings-card b{font-size:14px}.settings-card small{font-size:12px;line-height:1.5;color:var(--muted)}.settings-arrow{font-size:25px;color:var(--muted)}.company-link svg,.scroll td svg{width:15px!important;height:15px!important;display:inline-block;vertical-align:middle;flex-shrink:0}.record-company-heading .company-avatar svg{width:18px;height:18px}@media(max-width:760px){.settings-grid{grid-template-columns:1fr}}

/* Record side rail: every relationship list scrolls on its own, never through its heading. */
.record-right{position:sticky;top:76px;align-self:start;min-height:0;overscroll-behavior:contain;scrollbar-gutter:stable;}
.association{flex:0 0 auto;min-width:0;}
.association>header{position:relative;z-index:1;background:#131312;}
.assoc-items{max-height:230px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#56514a transparent;padding:3px 9px 7px;}
.assoc-items:has(.assoc-empty){max-height:none;}
.assoc-card{position:relative;min-width:0;overflow:visible;}
.assoc-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;min-width:0;}
.assoc-card-top>b{min-width:0;overflow-wrap:anywhere;}
.assoc-more{flex:0 0 auto;width:26px;height:24px;border:0;border-radius:6px;background:transparent;color:#b5afa7;font-size:19px;line-height:16px;cursor:pointer;}
.assoc-more:hover{background:#302e2a;color:#fff;}
.assoc-menu{position:absolute;right:6px;top:32px;z-index:20;min-width:180px;padding:5px;background:#201f1d;border:1px solid #45413c;border-radius:9px;box-shadow:0 12px 30px #0009;}
.assoc-menu button{display:block;width:100%;padding:9px 10px;text-align:left;background:transparent;border:0;border-radius:5px;color:#eee;font-size:12px;cursor:pointer;}
.assoc-menu button:hover{background:#34312d;}.assoc-menu .danger{color:#ff9387;}
.record-documents{max-height:230px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;}
.drawer-scrim{display:flex;justify-content:flex-end;align-items:stretch;padding:0;background:#05050599;}
.email-drawer{width:min(570px,100vw);height:100%;display:flex;flex-direction:column;background:#171716;border-left:1px solid #46413b;box-shadow:-20px 0 55px #0008;animation:drawer-in .18s ease-out;}
@keyframes drawer-in{from{transform:translateX(28px);opacity:.75}to{transform:translateX(0);opacity:1}}
.drawer-head{height:54px;flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid var(--line);font-size:15px;}
.drawer-head .x{border:0;background:transparent;color:#aaa;font-size:25px;cursor:pointer;}
.drawer-body{padding:15px 20px 22px;overflow:auto;min-height:0;flex:1;}
.drawer-body .composer-tabs{margin:0 -20px 12px;padding:0 16px;position:sticky;top:-15px;background:#171716;z-index:2;}
.drawer-body .composer-line{gap:12px;padding:12px 4px;}.drawer-body .composer-line b{flex:0 0 42px;}
.drawer-body .composer-body{min-height:180px!important;}
.drawer-attach{margin:14px 0;padding:11px 12px;border:1px solid #393633;border-radius:9px;background:#1b1a18;}
.drawer-attach summary{cursor:pointer;color:#e9e4dc;font-size:12px;font-weight:600;}
.drawer-attach summary span{float:right;color:var(--orange);}
.drawer-pick-list{display:grid;gap:5px;margin:13px 0;}
.drawer-pick-list>b{font-size:11px;color:#aaa49c;text-transform:uppercase;letter-spacing:.08em;margin-bottom:2px;}
.drawer-pick-list label{display:flex;gap:8px;align-items:flex-start;padding:7px;border-radius:6px;background:#22211f;cursor:pointer;font-size:12px;}
.drawer-pick-list label:hover{background:#2c2a27;}.drawer-pick-list label input{margin-top:3px;accent-color:var(--orange);}
.drawer-pick-list label span{min-width:0;overflow-wrap:anywhere;}.drawer-pick-list small{display:block;color:#999189;margin-top:3px;font-size:10px;}
.drawer-section{padding-top:10px;}.drawer-section h2{font-size:18px;margin:8px 0;}
.invoice-associations{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:6px;font-size:11px;color:var(--muted);}
@media(max-width:760px){.record-right{position:static;max-height:none}.assoc-items{max-height:260px}.drawer-body{padding:13px 14px 20px}.drawer-body .composer-tabs{margin:0 -14px 12px;padding:0 10px}}
/* Bulk campaigns: one dark, spacious workspace that belongs to the Luvio CRM. */
.campaign-workspace{--cw-bg:#0b0b0b;--cw-surface:#131312;--cw-raised:#191817;--cw-line:#2a2927;--cw-text:#f2f0ed;--cw-muted:#b0aaa2;--cw-dim:#8f8982;--cw-accent:var(--orange);min-height:calc(100vh - 62px);margin:0 -34px -50px;background:var(--cw-bg);color:var(--cw-text);}
.campaign-record-head{position:sticky;top:62px;z-index:8;min-height:58px;padding:0 30px;background:rgba(16,16,15,.97);border-bottom:1px solid var(--cw-line);color:var(--cw-text);}
.campaign-record-head .campaign-back{color:var(--cw-muted);font-size:13px;}
.campaign-record-head .campaign-back:hover{color:var(--cw-text);}
.campaign-record-title{max-width:40vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:600;letter-spacing:-.01em;}
.campaign-record-head .badge{background:#1a1918;color:#cbc5bd;border-color:#363431;border-radius:4px;}
.campaign-record-head .btn{height:34px;border-radius:4px;}
.campaign-record-head .btn.pri{background:var(--orange);border-color:var(--orange);color:#17120d;}
.campaign-record-head .btn.pri:hover{background:#ff9b3d;border-color:#ff9b3d;}
.campaign-workspace .campaign-warning{min-height:34px;display:flex;align-items:center;justify-content:center;padding:6px 16px;background:#221a11;border-bottom:1px solid #40301d;color:#efb76e;font-size:12px;font-weight:600;}
.campaign-tabs{position:sticky;top:120px;z-index:7;display:flex;align-items:center;min-height:55px;padding:0 30px;background:rgba(16,16,15,.98);border-bottom:1px solid var(--cw-line);}
.campaign-tabs nav{display:flex;align-self:stretch;align-items:stretch;gap:5px;max-width:100%;border:0;border-radius:0;padding:0;overflow-x:auto;scrollbar-width:none;}
.campaign-tabs nav::-webkit-scrollbar{display:none;}
.campaign-tabs nav button{height:55px;flex:0 0 auto;padding:0 15px;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--cw-muted);font-size:13px;font-weight:500;white-space:nowrap;}
.campaign-tabs nav button:hover{background:#181716;color:var(--cw-text);}
.campaign-tabs nav button.on{border-bottom-color:var(--cw-accent);background:transparent;color:var(--cw-text);font-weight:600;}
.campaign-tabs>.btn{margin-left:auto;background:transparent;color:var(--cw-muted);border-color:var(--cw-line);border-radius:4px;}
.campaign-workspace #campaign-tab-content{min-height:calc(100vh - 175px);padding:28px clamp(22px,3vw,42px) 56px;background:var(--cw-bg);color:var(--cw-text);}
.campaign-workspace h2,.campaign-workspace h3,.campaign-workspace b{color:var(--cw-text);}
.campaign-workspace h2{font-size:20px;letter-spacing:-.025em;font-weight:600;line-height:1.3;}
.campaign-workspace h3{font-size:14px;letter-spacing:0;font-weight:600;line-height:1.4;}
.campaign-workspace p{line-height:1.55;}
.campaign-workspace .eyebrow{margin:0 0 7px;color:var(--cw-dim);font-size:10px;letter-spacing:.14em;}
.campaign-workspace .campaign-tab-title{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:0 0 25px;}
.campaign-workspace .campaign-tab-title p:not(.eyebrow){max-width:720px;margin:7px 0 0;color:var(--cw-muted);font-size:13px;line-height:1.55;}
.campaign-workspace .campaign-tab-title>strong{color:var(--cw-accent);font-size:13px;white-space:nowrap;}
.campaign-workspace .panel,.campaign-workspace .campaign-filter-panel,.campaign-workspace .campaign-source-card,.campaign-workspace .campaign-step-sidebar,.campaign-workspace .campaign-step-composer,.campaign-workspace .campaign-schedule-card,.campaign-workspace .campaign-setting-card,.campaign-workspace .campaign-other-info,.campaign-workspace .campaign-step-results,.campaign-workspace .campaign-track-settings{background:var(--cw-surface);border-color:var(--cw-line);box-shadow:none;border-radius:5px;}
.campaign-workspace .btn{height:36px;padding:0 13px;border-radius:4px;background:#181716;color:var(--cw-text);border-color:#3a3733;font-size:13px;}
.campaign-workspace .btn:hover{background:#242220;border-color:#514b43;}
.campaign-workspace .btn.pri{background:var(--orange);border-color:var(--orange);color:#17120d;}
.campaign-workspace .btn.pri:hover{background:#ff9b3d;border-color:#ff9b3d;}
.campaign-workspace .btn.danger{background:transparent;color:#e59a8f;border-color:#56312c;}
.campaign-workspace input.in,.campaign-workspace select.in,.campaign-workspace textarea.in,.campaign-workspace .in{min-height:39px;background:#0f0f0e;color:var(--cw-text);border:1px solid #373431;border-radius:4px;font-size:13px;}
.campaign-workspace input.in:focus,.campaign-workspace select.in:focus,.campaign-workspace textarea.in:focus{border-color:#a5632b;outline:1px solid #a5632b;}
.campaign-workspace input.in::placeholder,.campaign-workspace textarea.in::placeholder{color:#77716a;}
.campaign-workspace label.f{margin-bottom:17px;color:var(--cw-muted);font-size:13px;line-height:1.45;}
.campaign-workspace .campaign-source-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin:0 0 26px;}
.campaign-workspace .campaign-source-card{min-height:102px;display:grid;grid-template-columns:32px 1fr;grid-template-rows:auto auto;align-content:center;column-gap:13px;row-gap:5px;padding:17px 4px;text-align:left;border:0;border-bottom:1px solid var(--cw-line);border-radius:0;background:transparent;color:var(--cw-text);}
.campaign-workspace .campaign-source-card .source-icon{grid-row:1/3;align-self:center;display:grid;place-items:center;width:30px;height:30px;border:1px solid #423b33;border-radius:4px;background:#1a1714;color:var(--orange);font-size:17px;}
.campaign-workspace .campaign-source-card b{font-size:14px;font-weight:600;}
.campaign-workspace .campaign-source-card small{max-width:620px;color:var(--cw-muted);font-size:12px;line-height:1.5;}
.campaign-workspace .campaign-source-card.selected{border-bottom-color:var(--orange);background:transparent;}
.campaign-workspace .campaign-source-card:hover{background:#11100f;}
.campaign-workspace .campaign-filter-panel{padding:20px 0 0;border-width:1px 0 0;border-radius:0;background:transparent;}
.campaign-workspace .campaign-filter-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 18px;}
.campaign-workspace .campaign-filter-heading>div{display:flex;flex-direction:column;gap:5px;}
.campaign-workspace .campaign-filter-heading b{font-size:14px;}
.campaign-workspace .campaign-filter-heading small{color:var(--cw-muted);font-size:12px;line-height:1.5;}
.campaign-workspace .campaign-filters{display:grid;grid-template-columns:repeat(3,minmax(150px,1fr)) auto;align-items:end;gap:14px;margin:0 0 18px;}
.campaign-workspace .campaign-filters .f{min-width:0;margin:0;}
.campaign-workspace .campaign-contact-list{max-height:390px;overflow-y:auto;border-top:1px solid var(--cw-line);}
.campaign-workspace .campaign-contact-row{min-height:58px;display:flex;align-items:center;gap:14px;padding:10px 8px;border-bottom:1px solid #22211f;background:transparent;}
.campaign-workspace .campaign-contact-row:hover{background:#171615;}
.campaign-workspace .campaign-contact-row input[type=checkbox]{flex:0 0 auto;accent-color:var(--orange);width:16px;height:16px;}
.campaign-workspace .campaign-contact-row>span{min-width:0;display:flex;flex-direction:column;gap:4px;}
.campaign-workspace .campaign-contact-row b{font-size:13px;font-weight:600;}
.campaign-workspace .campaign-contact-row small{color:var(--cw-muted);font-size:12px;line-height:1.4;}
.campaign-workspace .campaign-contact-row>i{margin-left:auto;color:var(--cw-dim);font-size:12px;font-style:normal;}
.campaign-workspace .campaign-import-status{margin:4px 0 12px;color:var(--cw-muted);font-size:13px;}
.campaign-workspace .campaign-audience-footer{position:sticky;bottom:0;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:14px;margin:16px -4px -8px;padding:13px 4px;background:linear-gradient(0deg,var(--cw-bg) 75%,transparent);color:var(--cw-muted);font-size:13px;}
.campaign-email-sequence-layout{display:grid;grid-template-columns:minmax(225px,27%) minmax(0,1fr);gap:30px;align-items:start;min-height:520px;}
.campaign-step-sidebar{position:sticky;top:188px;padding:0 22px 0 0;border:0;border-right:1px solid var(--cw-line);border-radius:0;background:transparent;}
.campaign-step-list{display:flex;flex-direction:column;gap:5px;}
.campaign-step-tab{min-height:74px;display:flex;flex-direction:column;align-items:flex-start;gap:5px;padding:11px 13px;border:0;border-left:2px solid transparent;border-radius:3px;background:transparent;text-align:left;cursor:pointer;}
.campaign-step-tab span{font-size:13px;font-weight:600;color:var(--cw-text);}
.campaign-step-tab small{font-size:12px;color:var(--cw-dim);}
.campaign-step-tab b{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:400;color:var(--cw-muted);}
.campaign-step-tab.active{border-left-color:var(--orange);background:#171513;}
.campaign-add-step{width:100%;height:38px!important;margin-top:13px;justify-content:center;border-color:#50402d!important;background:transparent!important;color:#efab67!important;}
.campaign-step-composer{min-width:0;display:flex;flex-direction:column;padding:0;border:0;border-radius:0;background:transparent;}
.campaign-step-name{max-width:460px;margin:0 0 23px!important;}
.campaign-step-name .in{max-width:440px;}
.sequence-subject-row{min-height:53px;display:flex;align-items:center;gap:12px;margin:0 0 12px;padding:5px 0;border:0;border-bottom:1px solid var(--cw-line);border-radius:0;background:transparent;}
.sequence-subject-row>span{flex:0 0 auto;color:var(--cw-muted);font-size:13px;font-weight:500;}
.sequence-subject-row .in{height:39px;flex:1;min-width:80px;border:0!important;background:transparent!important;box-shadow:none!important;font-size:14px!important;}
.sequence-subject-row .btn{flex:0 0 auto;}
.campaign-rich-toolbar{min-height:42px;display:flex;align-items:center;gap:5px;padding:0 4px;border:0;border-bottom:1px solid var(--cw-line);border-radius:0;background:transparent;}
.campaign-rich-toolbar button{width:32px;height:32px;min-width:32px;border:0;border-radius:3px;background:transparent;color:var(--cw-muted);font-size:14px;}
.campaign-rich-toolbar button:hover{background:#242220;color:var(--cw-text);}
.campaign-rich-toolbar>span{flex:1;}
.campaign-rich-toolbar select{height:30px;border:0;background:transparent;color:var(--cw-muted);font-size:13px;}
.campaign-workspace .campaign-step-body{width:100%;min-height:310px!important;padding:17px 4px!important;border:0!important;border-radius:0!important;background:transparent!important;resize:vertical;color:var(--cw-text);font-size:14px!important;line-height:1.8!important;}
.campaign-step-bottom{display:flex;align-items:center;gap:14px;margin-top:10px;padding:12px 0 0;border-top:1px solid var(--cw-line);}
.campaign-step-bottom>span{color:var(--cw-dim);font-size:12px;white-space:nowrap;}
.campaign-step-bottom .f{display:flex;flex-direction:row;align-items:center;gap:9px;margin:0;color:var(--cw-muted);font-size:12px;white-space:nowrap;}
.campaign-step-bottom .in{width:70px;height:34px;min-height:34px;}
.campaign-metric-grid{display:grid;grid-template-columns:repeat(4,minmax(125px,1fr)) minmax(220px,1.15fr);gap:0;align-items:stretch;border:1px solid var(--cw-line);border-radius:5px;background:var(--cw-surface);}
.campaign-metric{min-height:205px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:22px 18px;border:0;border-right:1px solid var(--cw-line);border-radius:0;background:transparent;}
.campaign-metric>b{color:var(--cw-muted);font-size:13px;font-weight:500;}
.campaign-donut{--metric:0%;--donut:var(--orange);position:relative;width:96px;height:96px;display:grid;place-items:center;margin:19px auto 16px;border-radius:50%;background:conic-gradient(var(--donut) var(--metric),#282624 0);}
.campaign-donut:before{content:"";position:absolute;inset:8px;border-radius:50%;background:var(--cw-surface);}
.campaign-donut span{position:relative;z-index:1;color:var(--cw-text);font-size:22px;font-weight:600;}
.campaign-metric-foot{width:100%;display:flex;justify-content:space-between;gap:8px;color:var(--cw-dim);font-size:12px;line-height:1.4;}
.campaign-metric-foot b{color:var(--cw-muted);font-weight:500;text-align:right;}
.campaign-other-info{display:flex;flex-direction:column;justify-content:center;gap:0;padding:17px 20px;border:0;border-radius:0;background:transparent;}
.campaign-other-info h3{margin:0 0 13px;font-size:14px;}
.campaign-info-tile{min-height:49px;display:flex;align-items:center;gap:11px;padding:8px 0;border:0;border-top:1px solid var(--cw-line);border-radius:0;background:transparent;}
.campaign-info-icon{width:25px;height:25px;display:grid;place-items:center;border-radius:3px;background:#2a1b17;color:#e7947d;font-size:14px;font-weight:700;}
.campaign-info-icon.amber{background:#292218;color:#e3b15f;}
.campaign-info-tile>div{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:18px;flex:1;}
.campaign-info-tile b{font-size:13px;font-weight:500;color:var(--cw-muted);}
.campaign-info-tile strong{font-size:14px;color:var(--cw-text);}
.campaign-step-results{margin-top:24px;padding:0 18px;border-radius:4px;background:var(--cw-surface);}
.campaign-step-results>header,.campaign-step-result{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:14px;align-items:center;padding:14px 4px;border-bottom:1px solid var(--cw-line);color:var(--cw-muted);font-size:13px;}
.campaign-step-results>header{color:var(--cw-dim);font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;}
.campaign-step-result b{font-size:13px;font-weight:500;color:var(--cw-text);}
.campaign-step-result:last-child{border-bottom:0;}
.campaign-analytics-note{margin:16px 0;color:var(--cw-dim);font-size:13px;}
.campaign-schedule-card{max-width:1080px;padding:24px 26px;border-radius:5px;background:var(--cw-surface);}
.campaign-schedule-card h3{margin-bottom:16px;font-size:14px;}
.campaign-schedule-card hr{margin:22px 0;border:0;border-top:1px solid var(--cw-line);}
.campaign-field-label{margin:0 0 12px;color:var(--cw-muted);font-size:13px;font-weight:500;}
.campaign-day-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px 22px;padding:3px 0 4px;}
.campaign-workspace .campaign-day{min-height:34px;display:flex;align-items:center;gap:8px;padding:3px 0;color:var(--cw-muted);font-size:13px;}
.campaign-day input{width:16px;height:16px;accent-color:var(--orange);}
.campaign-schedule-grid{grid-template-columns:1fr 1fr 1.25fr;gap:20px;max-width:100%;}
.campaign-schedule-grid .f{margin:0;}
.campaign-schedule-note{max-width:760px;margin:20px 0 0;color:var(--cw-dim);font-size:12px;line-height:1.55;font-style:normal;}
.campaign-send-start{display:flex;align-items:end;justify-content:flex-start;gap:14px;max-width:1080px;margin-top:18px;}
.campaign-send-start .f{width:min(330px,50%);margin:0;}
.campaign-settings-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:32px;align-items:start;}
.campaign-workspace .campaign-setting-card{padding:0;border:0;border-radius:0;background:transparent;}
.campaign-setting-card h3{margin:0 0 9px;font-size:15px;}
.campaign-setting-card>p{margin:0 0 13px;color:var(--cw-muted);font-size:13px;line-height:1.55;}
.campaign-account-choice{display:flex;align-items:center;gap:12px;min-height:60px;padding:11px 0;border:0;border-top:1px solid var(--cw-line);border-bottom:1px solid var(--cw-line);border-radius:0;background:transparent;}
.campaign-account-avatar{width:32px;height:32px;display:grid;place-items:center;border:1px solid #493a2d;border-radius:4px;background:#211a14;color:var(--orange);font-weight:700;}
.campaign-account-choice>span:nth-child(2){display:flex;flex-direction:column;gap:4px;min-width:0;flex:1;}
.campaign-account-choice b{font-size:13px;}
.campaign-account-choice small{color:var(--cw-muted);font-size:12px;overflow:hidden;text-overflow:ellipsis;}
.campaign-account-choice .badge{border-radius:4px;}
.campaign-setting-card .setting-row{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:43px;padding:9px 0;border-bottom:1px solid var(--cw-line);font-size:13px;}
.campaign-setting-card .setting-row span{color:var(--cw-muted);}
.campaign-setting-card .setting-row b{font-size:13px;font-weight:500;text-align:right;}
.campaign-track-settings{margin-top:28px;padding:18px 0;border:0;border-top:1px solid var(--cw-line)!important;border-bottom:1px solid var(--cw-line)!important;border-radius:0!important;background:transparent!important;}
.campaign-track-settings h3{margin:0 0 5px;font-size:15px;}
.campaign-track-row{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:58px;padding:10px 0;border-bottom:1px solid #242321;}
.campaign-track-row>div{display:flex;flex-direction:column;gap:4px;}
.campaign-track-row b{font-size:13px;font-weight:500;}
.campaign-track-row small,.campaign-track-settings>small{color:var(--cw-dim);font-size:12px;line-height:1.45;}
.campaign-toggle{position:relative;width:38px;height:21px;border-radius:15px;background:#383531;opacity:.8;}
.campaign-toggle:after{content:"";position:absolute;left:3px;top:3px;width:15px;height:15px;border-radius:50%;background:#807a72;}
.campaign-tracking-unavailable{max-width:760px;margin:12px 0 0;color:var(--cw-dim);font-size:12px;line-height:1.55;}
.campaign-optimization{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;}
.campaign-optimization>div{display:flex;align-items:center;gap:12px;}
.campaign-recommended{padding:3px 7px;border:1px solid #3a4436;border-radius:3px;background:#1a2118;color:#b6c9a7;font-size:11px;}
.campaign-text-only{display:flex;align-items:center;gap:8px;color:var(--cw-muted);font-size:12px;}
.campaign-text-only input{accent-color:var(--orange);}
.campaign-workspace .campaign-safety-note{max-width:1080px;margin-top:22px;padding:12px 14px;border:1px solid #40301d;border-radius:4px;background:#211a12;color:#d4b58f;font-size:12px;line-height:1.55;}
.campaign-workspace .campaign-tracking-note{margin-top:0;padding:0;border:0;border-radius:0;background:transparent;}
.template-picker{background:#141312!important;border:1px solid #393633!important;border-radius:6px!important;color:var(--text)!important;box-shadow:0 24px 70px #000b!important;}
.template-picker>header,.template-picker>footer,.template-picker-head{border-color:var(--line)!important;color:var(--muted)!important;}
.template-picker .in{background:#0f0f0e!important;color:var(--text)!important;border-color:var(--line2)!important;}
.template-result{background:transparent!important;border-color:var(--line)!important;color:var(--text)!important;}
.template-result:hover{background:#201e1b!important;border-color:#51402e!important;}
.template-result small,.template-result span{color:var(--muted)!important;}
/* Campaign index: keep the same dark surface, orange action and quiet dividers. */
.campaign-overview-stats{gap:0;border:1px solid var(--line);border-radius:5px;background:var(--panel);}
.campaign-overview-stats>.panel{min-width:0;border:0;border-right:1px solid var(--line);border-radius:0;background:transparent;box-shadow:none;}
.campaign-overview-stats>.panel:last-child{border-right:0;}
.campaign-overview-stats .kpi{padding:17px 20px;}
.campaign-overview-stats .kpi .v{margin:9px 0 4px;color:var(--text);font-size:26px;}
.campaign-list-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:31px 0 13px;}
.campaign-list-head>span{color:var(--dim);font-size:13px;}
.campaign-table-wrap{overflow:hidden;border-radius:5px;background:var(--panel);}
.campaign-table-wrap th{letter-spacing:.08em;}
.campaign-table-wrap td{padding-top:14px;padding-bottom:14px;}
.campaign-table-wrap .progress{min-width:85px;}
.campaign-empty{padding:76px 20px 84px;text-align:center;}
.campaign-empty-mark{width:48px;height:48px;display:grid;place-items:center;margin:0 auto 17px;border:1px solid #453a2d;border-radius:5px;background:#1c1711;color:var(--orange);font-size:22px;}
.campaign-empty h2{margin-bottom:8px;font-size:19px;}
.campaign-empty p{max-width:440px;margin:0 auto 20px;color:var(--muted);font-size:13px;line-height:1.55;}
.campaign-list-row:hover{background:#191816;}
.campaign-list-row .campaign-subject-preview{max-width:290px;margin-top:4px;color:var(--dim);}
@media(max-width:1100px){.campaign-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.campaign-other-info{grid-column:1/-1;border-top:1px solid var(--cw-line);}.campaign-email-sequence-layout{grid-template-columns:minmax(205px,30%) minmax(0,1fr);gap:22px;}.campaign-metric{min-height:175px;}.campaign-settings-grid{grid-template-columns:1fr;gap:25px;}}
@media(max-width:760px){.campaign-workspace{margin:0 -14px -40px;}.campaign-record-head{top:62px;min-height:54px;padding:0 12px;gap:8px;}.campaign-record-title{max-width:26vw;font-size:13px;}.campaign-record-head .btn{height:32px;padding:0 9px;font-size:12px;}.campaign-tabs{top:116px;min-height:51px;padding:0 8px;}.campaign-tabs nav{overflow-x:auto;}.campaign-tabs nav button{height:51px;padding:0 11px;font-size:12px;}.campaign-workspace #campaign-tab-content{padding:22px 14px 40px;}.campaign-workspace .campaign-tab-title{align-items:flex-start;margin-bottom:20px;}.campaign-workspace .campaign-source-cards{grid-template-columns:1fr;gap:10px;margin-bottom:18px;}.campaign-workspace .campaign-source-card{min-height:76px;}.campaign-workspace .campaign-filters{grid-template-columns:1fr;gap:10px;}.campaign-workspace .campaign-filter-heading{align-items:flex-start;flex-direction:column;}.campaign-email-sequence-layout{grid-template-columns:1fr;gap:23px;}.campaign-step-sidebar{position:static;padding:0 0 16px;border-right:0;border-bottom:1px solid var(--cw-line);}.campaign-step-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));}.campaign-step-tab{min-height:67px;padding:9px;}.campaign-step-bottom{align-items:flex-start;flex-wrap:wrap;}.campaign-step-bottom .f{width:100%;}.campaign-step-bottom .f .in{margin-left:auto;}.campaign-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.campaign-metric{min-height:155px;padding:14px 11px;}.campaign-metric:nth-child(2){border-right:0;}.campaign-other-info{grid-column:1/-1;}.campaign-schedule-grid{grid-template-columns:1fr;gap:13px;}.campaign-send-start{align-items:stretch;flex-direction:column;}.campaign-send-start .f{width:100%;}.campaign-settings-grid{grid-template-columns:1fr;}.campaign-optimization{align-items:flex-start;flex-direction:column;}.campaign-record-head .campaign-back{font-size:0;}.campaign-record-head .campaign-back:first-letter{font-size:20px;}.campaign-overview-stats{grid-template-columns:1fr 1fr;}.campaign-overview-stats>.panel:nth-child(2){border-right:0;}.campaign-overview-stats>.panel:nth-child(-n+2){border-bottom:1px solid var(--line);}.campaign-overview-stats .kpi{padding:13px 14px;}.campaign-table-wrap{overflow-x:auto;}.campaign-step-results{overflow-x:auto;}.campaign-step-results>header,.campaign-step-result{min-width:540px;}}

/* Campaign action spacing, deletion affordances and CRM audience filters. */
.campaign-record-head{display:flex;align-items:center;gap:18px;flex-wrap:nowrap;}
.campaign-record-title{min-width:150px;margin-left:2px;}
.campaign-record-head>.grow{flex:1 1 auto;min-width:12px;}
.campaign-head-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex:0 0 auto;}
.campaign-head-actions .btn{margin:0;}
.campaign-workspace .campaign-filters{column-gap:20px;row-gap:16px;}
.campaign-workspace .campaign-filters>.btn{margin-bottom:0;align-self:end;}
.campaign-workspace .campaign-filter-heading>.btn{flex:0 0 auto;margin-left:12px;}
.campaign-step-tab{position:relative;padding-right:42px;}
.campaign-step-remove{position:absolute;right:8px;top:10px;width:25px;height:25px;display:grid;place-items:center;border:1px solid transparent;border-radius:3px;background:transparent;color:var(--cw-dim);font-size:19px;line-height:1;opacity:.75;}
.campaign-step-remove:hover{border-color:#57352f;background:#251815;color:#ef9b8b;opacity:1;}
.campaign-table-wrap .campaign-row-delete{height:30px;padding:0 9px;font-size:12px;}
.campaign-table-wrap th:last-child,.campaign-table-wrap td:last-child{width:86px;text-align:right;}
.campaign-table-wrap .campaign-list-row:hover .campaign-row-delete{border-color:#75413a;background:#241714;color:#f0a196;}
.campaign-overview-stats>.panel{min-height:108px;}
.campaign-source-card:focus-visible,.campaign-step-tab:focus-visible{outline:2px solid var(--orange);outline-offset:2px;}
@media(max-width:920px){.campaign-record-head{gap:11px;padding:0 16px;}.campaign-record-title{min-width:90px;max-width:25vw;}.campaign-head-actions{gap:8px;}.campaign-head-actions .btn{padding:0 10px;}.campaign-workspace .campaign-filters{grid-template-columns:repeat(2,minmax(160px,1fr));gap:15px 18px;}.campaign-workspace .campaign-filters>.btn{min-height:39px;}}
@media(max-width:760px){.campaign-record-head{align-content:center;flex-wrap:wrap;gap:7px 9px;padding:7px 12px;}.campaign-record-title{flex:1 1 95px;min-width:0;max-width:none;margin:0;font-size:13px;}.campaign-record-head>.grow{display:none;}.campaign-head-actions{gap:7px;margin-left:auto;}.campaign-head-actions .btn{height:30px;padding:0 8px;font-size:11px;}.campaign-workspace .campaign-filters{grid-template-columns:1fr;gap:12px;}.campaign-workspace .campaign-filter-heading>.btn{margin:0;}.campaign-table-wrap .campaign-row-delete{height:28px;}.campaign-step-remove{opacity:1;}}
.campaign-workspace .campaign-warning{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;}
.campaign-warning-help{font-size:12px;font-weight:400;color:#d1ac7d;}
.campaign-workspace .campaign-warning .btn{height:28px;padding:0 10px;border-color:#69502f;background:#211a12;color:#e9c895;font-size:12px;}
.campaign-workspace .campaign-warning .btn:hover{background:#302215;}
.email-opening-state{min-height:170px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;color:var(--text)}.email-opening-state small,.email-open-error p{color:var(--muted);font-size:13px;line-height:1.5}.email-opening-spinner{width:27px;height:27px;border:2px solid #373431;border-top-color:var(--orange);border-radius:50%;animation:email-open-spin .8s linear infinite}@keyframes email-open-spin{to{transform:rotate(360deg)}}.email-open-error{padding:14px 0}.email-open-error .mf{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}
/* HubSpot-style saved-template chooser: search, metadata columns, and paging, without a create-new action. */
.template-picker-layer{position:fixed;inset:0;z-index:180;display:grid;place-items:center;padding:24px;background:rgba(5,5,5,.48);backdrop-filter:blur(5px);}
.template-picker{display:flex;width:min(870px,calc(100vw - 40px));max-height:min(690px,calc(100vh - 54px));flex-direction:column;overflow:hidden;border:1px solid #4b4741!important;border-radius:10px!important;background:#181817!important;color:var(--text)!important;box-shadow:0 26px 90px #000c!important;}
.template-picker>header{display:flex;min-height:58px;align-items:center;justify-content:space-between;padding:0 22px;border-bottom:1px solid #373532!important;color:var(--text)!important;}
.template-picker>header>b{font-size:16px;font-weight:600;}
.template-picker-close{width:32px;height:32px;border:0;border-radius:4px;background:transparent;color:var(--muted);font-size:22px;cursor:pointer;}
.template-picker-close:hover{background:#2b2926;color:var(--text);}
.template-picker-tools{display:flex;min-height:66px;align-items:center;gap:14px;padding:12px 22px;color:var(--text);font-size:12px;}
.template-picker-tools .in{width:min(290px,48%);height:36px;border-radius:18px;background:#111110!important;color:var(--text)!important;border:1px solid #5b5751!important;}
.template-picker-tools>span{color:#d4d0ca;white-space:nowrap;}
.template-picker-table{display:flex;min-height:0;flex:1;flex-direction:column;overflow:auto;padding:0 22px;}
.template-picker-head,.template-result{display:grid;width:100%;grid-template-columns:minmax(190px,1.7fr) minmax(120px,1fr) minmax(100px,.75fr) minmax(120px,.9fr);align-items:center;gap:16px;box-sizing:border-box;}
.template-picker-head{position:sticky;top:0;z-index:1;min-height:42px;padding:0 8px;border-bottom:1px solid #55514a!important;background:#181817;color:#c4beb5!important;font-size:11px;font-weight:500;}
.template-picker-head span{cursor:pointer;white-space:nowrap;}
.template-result{min-height:63px;padding:9px 8px;border:0!important;border-bottom:1px solid #373532!important;border-radius:0!important;background:transparent!important;color:var(--text)!important;text-align:left;cursor:pointer;}
.template-result:hover{background:#23211e!important;}
.template-result b{overflow:hidden;color:#f0a347;font-size:12px;font-weight:600;text-overflow:ellipsis;white-space:nowrap;}
.template-result span,.template-result small{overflow:hidden;color:#d1ccc4!important;font-size:12px;text-overflow:ellipsis;white-space:nowrap;}
.template-picker>footer{display:flex;min-height:58px;align-items:center;justify-content:space-between;gap:14px;padding:8px 22px;border-top:1px solid #373532!important;color:var(--muted)!important;font-size:12px;}
.template-picker-pagination{display:flex;align-items:center;gap:6px;}
.template-picker-pagination button{min-width:28px;height:28px;border:0;border-radius:4px;background:transparent;color:#ddd8d1;font-size:12px;}
.template-picker-pagination button:hover:not(:disabled),.template-picker-pagination button.active{background:#302e2a;color:var(--orange);}
.template-picker-pagination button:disabled{opacity:.4;cursor:default;}
.template-picker-empty{display:flex;min-height:180px;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--muted);text-align:center;}
.template-picker-empty b{color:var(--text);}
@media(max-width:640px){.template-picker-layer{padding:10px;}.template-picker{width:100%;max-height:calc(100vh - 20px);}.template-picker-tools{align-items:stretch;flex-direction:column;}.template-picker-tools .in{width:100%;}.template-picker-head,.template-result{grid-template-columns:minmax(150px,1.5fr) minmax(85px,.8fr) minmax(90px,.9fr);gap:9px;}.template-picker-head span:nth-child(3),.template-result span:nth-of-type(2){display:none;}.template-picker>footer{padding:8px 12px;}}
/* Saved templates live inside the composer, with direct preview/apply actions. */
.email-templates-panel{padding-top:8px;}
.email-templates-panel .tool-panel-head{align-items:center;padding:8px 2px 16px;}
.email-template-search{display:flex;align-items:center;gap:14px;margin:16px 0 10px;color:var(--muted);font-size:12px;}
.email-template-search .in{flex:1;max-width:420px;}
.email-template-list{display:flex;flex-direction:column;min-height:0;}
.email-template-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 9px;border-bottom:1px solid var(--line);border-radius:4px;}
.email-template-row:hover{background:#1d1b18;}
.email-template-copy{display:flex;min-width:0;flex-direction:column;gap:5px;}
.email-template-copy b{overflow:hidden;color:var(--text);font-size:13px;text-overflow:ellipsis;white-space:nowrap;}
.email-template-copy span{overflow:hidden;color:#d1ccc4;font-size:12px;text-overflow:ellipsis;white-space:nowrap;}
.email-template-copy small{color:var(--muted);font-size:11px;}
.email-template-row .btn{flex:0 0 auto;}
.email-template-empty{display:flex;flex-direction:column;gap:8px;color:var(--muted);}
.email-template-empty b{color:var(--text);}
.template-picker-layer{position:fixed;inset:0;z-index:140;display:grid;place-items:center;padding:24px;background:#0009;}
.template-picker{display:flex;width:min(760px,calc(100vw - 36px));max-height:min(680px,calc(100vh - 48px));flex-direction:column;overflow:hidden;}
.template-picker>header,.template-picker>footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border-bottom:1px solid var(--line);}
.template-picker>footer{margin-top:auto;border-top:1px solid var(--line);border-bottom:0;}
.template-picker-tools{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 18px;color:var(--muted);font-size:12px;}
.template-picker-tools .in{flex:1;max-width:360px;}
.template-picker-table{min-height:0;overflow:auto;padding:0 18px;}
.template-picker-head,.template-result{display:grid;width:100%;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) minmax(110px,.7fr);align-items:center;gap:14px;}
.template-picker-head{padding:10px;border-bottom:1px solid var(--line);font-size:11px;}
.template-result{min-height:56px;border:0;border-bottom:1px solid var(--line);text-align:left;cursor:pointer;}
.template-result b,.template-result span,.template-result small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
@media(max-width:600px){.email-template-search{align-items:flex-start;flex-direction:column;}.email-template-search .in{width:100%;max-width:none;}.email-template-row{align-items:flex-start;}.template-picker-tools{align-items:stretch;flex-direction:column;}.template-picker-tools .in{max-width:none;}.template-picker-head,.template-result{grid-template-columns:minmax(0,1fr) minmax(0,1fr);}.template-picker-head span:last-child,.template-result small{display:none;}}
/* The email composer is a floating window, not the obsolete side-drawer markup. */
.email-composer-window{position:fixed;right:28px;bottom:22px;z-index:120;width:min(680px,calc(100vw - 36px));height:min(680px,calc(100vh - 42px));min-width:min(520px,calc(100vw - 24px));min-height:480px;display:flex;flex-direction:column;overflow:hidden;background:#171716;border:1px solid #49443d;border-radius:9px;box-shadow:0 22px 70px #000c;color:var(--text);resize:both;animation:email-window-in .16s ease-out;}
@keyframes email-window-in{from{opacity:1;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
.composer-window-head{height:48px;min-height:48px;display:flex;align-items:center;gap:10px;padding:0 12px;background:#1d1c1a;border-bottom:1px solid var(--line);}
.composer-grip{width:27px;height:28px;border:0;border-radius:4px;background:transparent;color:var(--muted);font-size:20px;cursor:grab;touch-action:none;}
.composer-grip:active{cursor:grabbing;background:#2b2926;}
.composer-chevron{color:var(--dim);font-size:13px;}
.composer-window-title{font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.composer-window-head .grow{flex:1;}
.composer-window-head button:not(.composer-grip){width:30px;height:30px;display:grid;place-items:center;border:0;border-radius:4px;background:transparent;color:var(--muted);font-size:17px;}
.composer-window-head button:not(.composer-grip):hover{background:#302e2a;color:var(--text);}
.composer-window-body{display:flex;flex:1;min-height:0;flex-direction:column;overflow:hidden;padding:0 18px 16px;}
.composer-window-body>.composer-tabs{display:flex;flex:0 0 auto;align-items:center;gap:5px;width:100%;min-height:46px;box-sizing:border-box;margin:0 -18px 10px;padding:0 14px;position:sticky;top:0;z-index:2;background:#171716;overflow-x:auto;}
.composer-window-body>.composer-tabs button{flex:0 0 auto;}
.composer-workspace{display:flex;flex:1;min-width:0;min-height:0;flex-direction:column;overflow:hidden;}
.composer-email-pane{display:flex;flex:1;min-height:0;flex-direction:column;overflow-y:auto;padding:0 2px 5px;}
.composer-email-pane[hidden],.composer-tool-panel[hidden]{display:none!important;}
.composer-email-pane .composer-tabs{position:sticky;top:0;z-index:2;flex:0 0 auto;margin:0 -18px 10px;padding:0 14px;background:#171716;}
.composer-email-pane .composer-line{flex:0 0 auto;gap:12px;padding:10px 4px;border-bottom:1px solid #302e2b;color:var(--text);}
.composer-email-pane .composer-line b{flex:0 0 38px;width:38px;color:var(--muted);}
.composer-email-pane .recipient-chip{display:flex;align-items:center;gap:7px;flex-wrap:wrap;}
.composer-email-pane .recipient-chip small{color:var(--muted);}
.composer-form{display:flex;flex:1;min-height:0;flex-direction:column;padding-top:14px;}
.composer-form .f{margin-bottom:12px;}
.composer-form .composer-message-label{display:flex;flex:1;min-height:160px;flex-direction:column;}
.composer-form .composer-body{flex:1;min-height:155px!important;resize:vertical;background:#111110!important;}
.composer-toolbar-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:9px 1px;color:var(--muted);font-size:11px;}
.composer-attach-summary{margin:5px 0;padding:8px 10px;border:1px solid #3b3833;border-radius:5px;color:var(--muted);font-size:12px;}
.composer-footer{flex:0 0 auto;margin-top:5px;padding-top:11px;border-top:1px solid var(--line);}
.composer-footer .row{gap:12px;}
.composer-footer .check{font-size:12px;}
.composer-tool-panel{flex:1;min-height:0;overflow:auto;padding:12px 2px 5px;}
.composer-tool-panel .tool-panel-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-bottom:12px;border-bottom:1px solid var(--line);}
.composer-tool-panel .tool-panel-head>div{display:flex;flex-direction:column;gap:5px;}
.composer-tool-panel .tool-panel-head small{color:var(--muted);font-size:12px;}
.composer-tool-panel .empty{padding:32px 14px;}
.composer-tool-panel .drawer-pick-list{max-height:430px;overflow:auto;}
.composer-tool-panel .inline-sequence-create{margin-top:12px;padding:14px;border:1px solid var(--line);border-radius:6px;background:#141312;}
.email-composer-window.maximized{left:12px!important;top:12px!important;right:12px!important;bottom:12px!important;width:auto!important;height:auto!important;min-width:0;min-height:0;resize:none;border-radius:7px;}
.email-opening-state{min-height:170px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;color:var(--text);}
.email-opening-state small,.email-open-error p{color:var(--muted);font-size:13px;line-height:1.5;}
.email-opening-spinner{width:27px;height:27px;border:2px solid #373431;border-top-color:var(--orange);border-radius:50%;animation:email-open-spin .8s linear infinite;}
@keyframes email-open-spin{to{transform:rotate(360deg)}}
.email-open-error{padding:14px 0;}
.email-open-error .mf{display:flex;justify-content:flex-end;gap:10px;margin-top:20px;}
.template-picker-layer{z-index:140;}
@media(max-width:700px){.email-composer-window{left:8px!important;right:8px!important;bottom:8px!important;width:auto!important;height:min(78vh,720px)!important;min-width:0;min-height:320px;resize:vertical;}.email-composer-window.maximized{top:8px!important;bottom:8px!important;}}

/* Luvio UI polish v0.28: global visual consistency only, no workflow or component behavior changes. */
:root{
  --bg:#0e0e0d;--side:#111110;--panel:#151514;--panel2:#1b1a18;
  --line:#292826;--line2:#393734;--r:8px;--muted:#b7b1a9;--dim:#918b83;
}
html,body{font-size:14px;line-height:1.5;background:var(--bg);}
.main{padding:0 clamp(22px,3vw,44px) 56px;}
.top{height:64px;border-color:#252422;background:rgba(14,14,13,.94);}
.crumb{font-size:13px;}
.head{padding:32px 0 26px;gap:20px;}
h1{font-size:30px;letter-spacing:-.035em;font-weight:550;}
.head h1.compact-title{font-size:27px;}
h2{font-size:16px;font-weight:600;letter-spacing:-.015em;}
h3{font-size:14px;font-weight:600;}
.sub{line-height:1.6;color:#aaa49c;}
.nav a{height:39px;border-radius:7px;font-size:13px;}
.nav-group{padding-top:20px;padding-bottom:7px;letter-spacing:.13em;}
.nav a.on{background:#211f1c;box-shadow:inset 2px 0 var(--orange);}
.side{width:224px;border-color:#252422;background:var(--side);}
.logo{padding-bottom:30px;}
.btn{height:37px;padding:0 14px;border-radius:7px;font-size:13px;font-weight:600;}
.btn.sm{height:31px;padding:0 11px;font-size:12px;}
.btn:not(.pri):not(.danger){background:#171716;border-color:#393734;color:#e0dcd6;}
.btn:not(.pri):not(.danger):hover{background:#22211f;border-color:#504b44;}
.btn.pri{background:#ece8e2;border-color:#ece8e2;color:#171615;}
.btn.pri:hover{background:#fff;border-color:#fff;}
input.in,select.in,textarea.in{min-height:39px;border-radius:7px;border-color:#393734;background:#111110;font-size:13px;}
textarea.in{min-height:140px;padding:11px 12px;line-height:1.6;}
label.f{gap:7px;margin-bottom:16px;color:#c0bbb3;font-size:12px;}
.check{gap:9px;font-size:12px;}
.panel{border-color:#2b2a28;border-radius:8px;background:var(--panel);box-shadow:none;}
.pad{padding:21px;}
.grid{gap:16px;}
.g4{gap:15px;}
.toolbar{gap:9px;margin-bottom:17px;}
.bulkbar{gap:10px;padding:12px 15px;border-radius:8px;background:#171716;border-color:#302e2b;}
table{border-collapse:separate;border-spacing:0;}
th{padding:12px 15px;color:#9c968e;font-size:11px;letter-spacing:.075em;border-color:#302e2b;}
td{padding:14px 15px;border-color:#252422;font-size:13px;line-height:1.45;}
tbody tr:hover{background:#191817;}
.badge{height:24px;padding:0 9px;border-radius:6px;font-size:11px;font-weight:500;}
.tag{padding:3px 8px;border-radius:5px;font-size:11px;}
.empty{padding:58px 22px;color:#aaa49c;line-height:1.6;}
.empty b{margin-bottom:8px;font-weight:600;}
.record-top{padding:20px 0 15px;}
.record-layout{gap:15px;}
.record-left,.record-center,.record-right,.association{border-radius:8px;}
.record-left,.record-center,.association{border-color:#2b2a28;background:#141413;}
.record-company-heading{padding:19px 16px 14px;}
.record-section>header,.association>header{height:46px;padding:0 14px;}
.record-fields{padding:0 16px;}
.record-field{padding:9px 0;gap:5px;}
.record-field small,.record-about-grid small{font-size:11px;color:#9f9991;}
.record-field span{font-size:13px;line-height:1.45;}
.record-center{min-height:620px;}
.record-tabs{height:50px;border-color:#2b2a28;}
.record-tabs button:not(.plain){font-size:12px;}
.activity-toolbar{padding:9px 13px;border-color:#2b2a28;}
.activity-tabs button{padding:10px 11px;font-size:12px;}
.activity-toolbar .in{height:34px;font-size:12px;}
.activity-feed{padding:10px 18px 24px;}
.activity-item{padding:16px 4px;border-color:#2a2927;}
.activity-title{font-size:13px;}
.activity-title time{font-size:11px;}
.activity-item p{font-size:13px;line-height:1.6;}
.association>header{border-color:#2d2b29;}
.assoc-tools{gap:9px;padding:11px;}
.assoc-items{padding:0 11px;}
.assoc-card{padding:12px;border-radius:7px;border-color:#34322f;background:#191817;}
.assoc-card b{font-size:12px;}
.assoc-card span,.assoc-card a{font-size:12px;}
.kanban{gap:14px;}
.col,.company-column,.contact-column{border-color:#2b2a28;border-radius:8px;background:#121211;}
.col-h,.company-column>header,.contact-column>header{min-height:47px;padding:0 14px;border-color:#2b2a28;background:#161615;}
.col-b,.company-cards{padding:10px;gap:9px;}
.card,.company-card,.contact-card{border-color:#34322f;border-radius:7px;background:#1a1917;}
.card{padding:13px;}
.company-card{padding:13px;}
.company-card-head b,.company-link,.assoc-card b{color:#76c9bb;}
.settings-grid{gap:15px;margin-top:16px;}
.settings-card{min-height:96px;padding:20px;border-color:#2e2c29;border-radius:8px;background:#151514;}
.settings-card:hover{border-color:#604a34;background:#181715;}
.modal{padding:26px;border-radius:10px;background:#181817;border-color:#383633;}
.modal .mh{margin-bottom:22px;}
.modal .mh h2{font-size:19px;font-weight:600;}
.scrim{background:rgba(0,0,0,.62);backdrop-filter:blur(4px);}
.toast{padding:12px 16px;border-radius:8px;}
.pager{padding:14px 16px;border-color:#2b2a28;}
.company-toolbar{gap:14px;margin:12px 0 17px;}
.company-views{border-color:#302e2b;}
.company-views button{padding:12px 14px;font-size:12px;}
.company-board{gap:12px;min-height:500px;}
.company-column{flex-basis:260px;max-width:260px;}
.company-card{transition:border-color .15s,background .15s;}
.company-card:hover{transform:none;background:#1d1c1a;}
.campaign-workspace{line-height:1.55;}
.campaign-workspace #campaign-tab-content{padding-top:28px;}
.campaign-workspace .campaign-source-card,.campaign-workspace .campaign-step-composer,.campaign-workspace .campaign-schedule-card,.campaign-workspace .campaign-setting-card,.campaign-workspace .campaign-other-info{border-radius:7px;}
.campaign-workspace .campaign-source-cards{gap:14px;}
.campaign-workspace .campaign-filter-heading{margin-bottom:16px;}
.campaign-workspace .campaign-filters{gap:14px 18px;}
.campaign-workspace .campaign-step-results{border-radius:7px;}
.campaign-workspace .campaign-step-result{padding-top:14px;padding-bottom:14px;}
.invoice-preview-shell{border-radius:9px;}
@media(max-width:1100px){.main{padding-left:24px;padding-right:24px;}.record-layout{gap:12px;}}
@media(max-width:780px){.side{width:64px;padding:18px 8px;}.main{padding:0 16px 40px;}.head{padding:24px 0 20px;gap:14px;}h1{font-size:26px;}.pad{padding:16px;}.toolbar{gap:7px;}.record-layout{gap:10px;}.record-center{min-height:460px;}.activity-feed{padding:8px 12px 20px;}.settings-grid{gap:11px;}}
@media(max-width:520px){.main{padding-left:12px;padding-right:12px;}.head{align-items:flex-start;flex-direction:column;}.head h1{font-size:24px;}.record-tabs button:not(.plain){padding:0 10px;}.bulkbar{padding:10px;}.g4{grid-template-columns:1fr 1fr;gap:10px;}.kpi{padding:13px;}.kpi .v{font-size:24px;}}

/* HubSpot-inspired compact record-management layout for Companies, Contacts and Deals. */
:root{--hub-canvas:#10100f;--hub-surface:#151514;--hub-border:#302e2b;}
.main{padding-left:clamp(20px,2.25vw,34px);padding-right:clamp(20px,2.25vw,34px);}
.top{height:58px;gap:18px;padding:0 2px;border-bottom-color:#292725;}
.crumb{flex:0 0 auto;font-size:12px;color:#9b958d;}
.global-search{width:min(410px,40vw);margin:0 auto 0 18px;}
.global-search input{height:34px;border-radius:18px;background-color:#181817;border-color:#45413b;font-size:12px;}
.global-search input:focus{border-color:#827261;box-shadow:0 0 0 2px #f28c2819;outline:none;}
.top>#topright{margin-left:auto;}
.top .pill{height:30px;border-radius:16px;font-size:11px;background:#171716;}
.head{align-items:center;padding:19px 0 18px;gap:14px;}
.head h1,.head h1.compact-title{font-size:24px;line-height:1.2;font-weight:600;letter-spacing:-.03em;}
.head h1 i{color:var(--orange);}
.head .eyebrow{margin:0 0 4px;font-size:10px;letter-spacing:.13em;}
.head .sub{margin-top:4px;font-size:12px;line-height:1.45;color:#a8a29a;}
.head>.row{gap:7px;}
.head .btn{height:33px;padding:0 11px;border-radius:6px;font-size:12px;}
.toolbar{display:flex;align-items:center;gap:7px;margin:0 0 12px;padding:9px 0;border-top:1px solid #292725;border-bottom:1px solid #292725;}
.toolbar>.in,.toolbar>.seg,.toolbar>.btn{flex:0 0 auto;}
.toolbar .search{flex:1 1 220px;max-width:320px;}
.toolbar input.in,.toolbar select.in{height:32px;min-height:32px;border-radius:17px;padding-left:12px;padding-right:12px;font-size:12px;}
.toolbar .seg{height:32px;border-radius:17px;background:#171716;}
.toolbar .seg button{padding:0 12px;font-size:11px;}
.company-toolbar{gap:0;margin:0 0 13px;}
.company-views,.contact-views{min-height:40px;gap:2px;border-bottom:1px solid #393734;}
.company-views button,.contact-views button{height:39px;padding:0 12px;font-size:11px;color:#b9b3ab;}
.company-views button.on,.contact-views button.on{color:#f2f0ed;border-bottom-color:var(--orange);}
.company-views button span,.contact-views button span{font-size:10px;color:#928c84;}
.company-control-row{display:flex;align-items:center;gap:8px;min-height:44px;padding:6px 0;border-bottom:1px solid #292725;}
.company-control-row .filter-toggle{height:30px;border-radius:16px!important;padding:0 12px;font-size:11px;}
.company-control-row .seg button{padding:0 11px;}
.company-filter-body{display:grid;grid-template-columns:minmax(220px,1.3fr) minmax(160px,.8fr) minmax(160px,.8fr);gap:11px 14px;padding:14px 0 10px;}
.company-filter-body .f{margin:0;font-size:11px;}
.company-filter-body .in{height:33px;min-height:33px;font-size:12px;}
#company-view>.panel,.panel#ctable{border-radius:7px;}
.company-board,.contact-board,.kanban{gap:10px;padding-top:5px;}
.company-board{min-height:calc(100vh - 270px);}
.company-column,.contact-column,.col{flex:0 0 238px;max-width:238px;min-height:310px;max-height:calc(100vh - 292px);border:1px solid #302e2b;border-radius:7px;background:#141413;}
.company-column>header,.contact-column>header,.col-h{height:39px;min-height:39px;padding:0 10px;gap:7px;background:#181817;border-bottom-color:#302e2b;}
.company-column>header b,.contact-column>header b,.col-h b{font-size:11px;font-weight:600;}
.company-column>header span,.contact-column>header span,.col-h span{font-size:10px;color:#a39d95;}
.company-cards,.contact-column-body,.col-b{padding:7px;gap:7px;}
.company-card,.contact-card,.card{padding:9px 10px;border:1px solid #393734;border-radius:6px;background:#1a1918;box-shadow:none;}
.company-card:hover,.contact-card:hover,.card:hover{border-color:#665442;background:#1e1c19;transform:none;}
.company-card-head b,.contact-card b,.card .t{font-size:11px;line-height:1.4;}
.company-domain,.company-owner,.company-card-foot,.contact-card small,.card .m,.card .v{font-size:10px;line-height:1.45;}
.company-owner{margin-top:8px;padding-bottom:7px;}
.company-card-foot{margin-top:7px;}
.add-company-inline{height:31px;margin:0 7px 7px;padding:0 9px;font-size:11px;}
.contact-column{flex-basis:230px;max-width:230px;}
.contact-card{gap:4px;}
.kanban{overflow-x:auto;padding-bottom:12px;}
.col{flex:0 0 238px;}
.col-h{position:sticky;top:0;z-index:1;}
.col-b{gap:7px;}
.card .v{gap:5px;flex-wrap:wrap;}
#ctable table,#company-view table{min-width:760px;}
#ctable th,#company-view th{height:38px;padding:9px 12px;font-size:10px;}
#ctable td,#company-view td{padding:11px 12px;font-size:12px;}
#ctable .pager,#company-view .pager{min-height:43px;padding:7px 12px;font-size:11px;}
.record-top{padding:14px 0 10px;}
.record-layout{gap:10px;grid-template-columns:minmax(220px,260px) minmax(360px,1fr) minmax(230px,290px);}
.record-left,.record-center,.record-right,.association{border-radius:7px;}
.record-company-heading{padding:14px 12px 10px;}
.record-section>header,.association>header{height:39px;padding:0 11px;}
.record-section>header b,.association>header b{font-size:11px;}
.record-fields{padding:0 12px;}
.record-field{padding:7px 0;gap:3px;}
.record-field small{font-size:10px;}
.record-field span{font-size:11px;}
.record-center{min-height:540px;}
.record-tabs{height:42px;padding:0 7px;gap:1px;}
.record-tabs button:not(.plain){padding:0 11px;font-size:11px;}
.activity-toolbar{padding:6px 9px;gap:8px;}
.activity-tabs{gap:1px;}
.activity-tabs button{padding:8px 9px;font-size:10px;}
.activity-toolbar .in{width:145px;height:29px;font-size:10px;}
.activity-feed{padding:7px 12px 18px;}
.activity-item{padding:12px 3px;}
.activity-title{font-size:11px;}
.activity-title time{font-size:9px;}
.activity-item p{font-size:11px;line-height:1.5;}
.record-right{gap:8px;}
.assoc-tools{padding:7px;gap:5px;}
.assoc-tools input,.assoc-tools button{height:27px;font-size:10px;}
.assoc-items{padding:0 7px;}
.assoc-card{gap:4px;padding:8px;margin:5px 0;border-radius:6px;}
.assoc-card b,.assoc-card span,.assoc-card a{font-size:10px;}
@media(max-width:1120px){.record-layout{grid-template-columns:minmax(205px,240px) minmax(0,1fr);}.record-right{grid-column:1/-1;}.company-column,.contact-column,.col{flex-basis:220px;max-width:220px;}}
@media(max-width:780px){.main{padding:0 14px 38px;}.top{height:54px;gap:7px;}.crumb{font-size:10px;}.global-search{width:min(290px,48vw);margin-left:4px;}.head{padding:16px 0 13px;}.head h1,.head h1.compact-title{font-size:21px;}.head .sub{font-size:11px;}.head .btn{height:31px;padding:0 9px;font-size:11px;}.toolbar{flex-wrap:wrap;padding:8px 0;}.toolbar .search{flex:1 1 100%;max-width:none;}.company-filter-body{grid-template-columns:1fr;}.company-column,.contact-column,.col{flex-basis:210px;max-width:210px;max-height:calc(100vh - 250px);}.record-layout{grid-template-columns:1fr;}.record-right{grid-column:auto;}.record-left{position:static;max-height:none;}.record-center{min-height:420px;}}
@media(max-width:520px){.main{padding-left:10px;padding-right:10px;}.global-search{width:min(230px,43vw);}.top .pill{font-size:9px;padding:4px 7px;}.head>.row{width:100%;}.head .row .btn{flex:1 1 auto;}.company-views,.contact-views{overflow-x:auto;}.company-views button,.contact-views button{padding:0 9px;white-space:nowrap;}.company-control-row{flex-wrap:wrap;}.company-control-row>.grow{display:none;}.company-column,.contact-column,.col{flex-basis:195px;max-width:195px;}}

/* HubSpot-style application frame: full-width top bar, narrow icon rail, rounded workspace. */
:root{--frame-bar:#30302f;--frame-gutter:#242423;}
.shell{display:block;min-height:100vh;background:var(--frame-gutter);}
.side{position:fixed;left:0;top:52px;bottom:0;width:52px;height:auto;z-index:16;overflow-x:hidden;overflow-y:auto;align-items:center;gap:0;padding:10px 4px 9px;background:var(--frame-bar);border:0;border-radius:0;}
.sidebar-toggle{display:none!important;}
.logo{width:44px;justify-content:center;gap:0;padding:2px 0 15px;}
.logo .mark{width:30px;height:30px;font-size:17px;}
.logo-wordmark{display:none!important;}
.nav{width:100%;align-items:center;gap:4px;}
.nav-group:not(.dashboard-group){display:none!important;}
.nav a,.nav .dashboard-group{width:44px;height:42px;min-height:42px;justify-content:center;gap:0;padding:0;border-radius:7px;background:transparent;color:#d0ceca;}
.nav a span,.nav a .cnt,.nav .dashboard-group span,.nav .dashboard-group>b{display:none!important;}
.nav a svg,.nav .dashboard-group svg{width:18px;height:18px;}
.nav a:hover,.nav .dashboard-group:hover{background:#42413f;color:#fff;}
.nav a.on{background:#4a4947;box-shadow:none;color:#fff;}
.side .foot{width:100%;align-items:center;gap:6px;padding-top:10px;}
.side .foot .btn{width:44px;height:38px;justify-content:center;gap:0;padding:0;border:0;background:transparent;color:#d0ceca;}
.side .foot .btn:hover{background:#42413f;}
.side .foot .btn span{display:none!important;}
.main{min-height:100vh;margin-left:0;padding:64px 12px 12px 64px;background:var(--frame-gutter);}
.top{position:fixed;left:0;right:0;top:0;z-index:15;height:52px;justify-content:flex-start;gap:18px;padding:0 18px 0 64px;border:0;background:var(--frame-bar);backdrop-filter:none;}
.top::before{content:"L";position:absolute;left:15px;top:11px;width:28px;height:28px;display:grid;place-items:center;border:1px solid var(--orange);border-radius:50%;color:var(--orange);font-size:15px;font-weight:700;}
.crumb{min-width:max-content;color:#c1bdb7;font-size:12px;}
.crumb b{color:#fff;}
.global-search{flex:0 1 420px;width:min(420px,38vw);margin:0 auto 0 8px;}
.global-search input{height:32px;border-color:#575653;border-radius:18px;background-color:#3b3a38;color:#f4f2ef;}
.global-search input::placeholder{color:#d0ccc6;}
.global-search input:focus{border-color:#bcb5ab;box-shadow:0 0 0 2px #ffffff14;}
.top>#topright{margin-left:auto;}
.top .pill{height:29px;border-color:#565451;background:#3a3937;color:#eeeae5;}
#page{min-height:calc(100vh - 76px);padding:0 clamp(16px,1.8vw,28px) 26px;overflow:visible;border:1px solid #343331;border-radius:14px;background:#111110;box-shadow:0 2px 8px #0002;}
#page>.head{padding-top:18px;}
@media(max-width:780px){
  .side{top:50px;width:48px;padding:8px 2px;}
  .logo{width:42px;padding-bottom:10px;}
  .nav a,.nav .dashboard-group,.side .foot .btn{width:42px;}
  .main{padding:60px 7px 7px 54px;}
  .top{height:50px;padding-left:58px;padding-right:9px;gap:7px;}
  .top::before{left:13px;top:11px;width:26px;height:26px;}
  .global-search{flex:1 1 130px;width:auto;margin-left:0;}
  .crumb{display:none;}
  #page{min-height:calc(100vh - 67px);padding:0 12px 20px;border-radius:11px;}
}
/* Keep the same compact HubSpot rail whether the prior sidebar state was expanded or collapsed. */
.shell.sidebar-collapsed .side{width:52px;padding:10px 4px 9px;}
.shell.sidebar-collapsed .logo{width:44px;justify-content:center;padding:2px 0 15px;}
.shell.sidebar-collapsed .logo .mark{width:30px;height:30px;}
@media(max-width:780px){.shell.sidebar-collapsed .side{width:48px;padding:8px 2px;}.shell.sidebar-collapsed .logo{width:42px;padding-bottom:10px;}}

/* HubSpot frame correction: one brand mark, an expandable full navigation rail, dark outer chrome and gray CRM canvas. */
:root{--frame-ink:#0c0c0c;--frame-rail:#333332;--crm-canvas:#292928;}
.shell{background:var(--frame-ink);}
.side{position:fixed;left:0;top:52px;bottom:0;width:198px;height:auto;z-index:16;display:flex;align-items:stretch;overflow-x:hidden;overflow-y:auto;gap:0;padding:10px 9px 12px;background:var(--frame-rail);border:0;border-radius:0;transition:width .18s ease,padding .18s ease;}
.sidebar-toggle{display:grid!important;right:-11px;top:13px;width:22px;height:27px;border-radius:5px;border:1px solid #555451;background:#282827;color:#e4e0da;box-shadow:none;}
.sidebar-toggle:hover{background:#454442;color:#fff;}
.side>.logo{display:none!important;}
.side>.nav{width:100%;align-items:stretch;gap:3px;}
.nav-group:not(.dashboard-group){display:block!important;padding:15px 10px 5px;color:#aaa7a2;font-size:9px;letter-spacing:.12em;}
.nav-group.dashboard-group{width:100%;height:36px;min-height:36px;justify-content:flex-start;gap:9px;padding:0 10px;border-radius:6px;color:#e2dfda;}
.nav .dashboard-group span,.nav .dashboard-group>b{display:block!important;}
.nav .dashboard-group span{flex:1;text-align:left;font-size:12px;}
.nav .dashboard-group>b{font-size:12px;}
.nav a{width:100%;height:34px;min-height:34px;justify-content:flex-start;gap:10px;padding:0 10px;border-radius:6px;color:#d2d0cc;font-size:12px;}
.nav a span{display:block!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.nav a .cnt{display:inline-block!important;}
.nav a svg,.nav .dashboard-group svg{width:16px;height:16px;flex:0 0 16px;}
.nav a.on{background:#555553;box-shadow:inset 2px 0 var(--orange);color:#fff;}
.nav a:hover,.nav .dashboard-group:hover{background:#454544;color:#fff;}
.side .foot{width:100%;align-items:stretch;gap:6px;padding-top:10px;}
.side .foot .btn{width:100%;height:34px;justify-content:flex-start;gap:9px;padding:0 10px;border:0;border-radius:6px;background:transparent;color:#d2d0cc;font-size:12px;}
.side .foot .btn span{display:block!important;}
.side .foot .btn:hover{background:#454544;}
.main{min-height:100vh;margin:0;padding:64px 12px 12px 210px;background:var(--frame-ink);transition:padding-left .18s ease;}
.top{left:0;right:0;top:0;height:52px;z-index:18;justify-content:flex-start;gap:18px;padding:0 18px 0 60px;background:#0c0c0c;border:0;box-shadow:0 1px #242423;}
.top::before{content:"L";position:absolute;left:16px;top:11px;width:26px;height:26px;display:grid;place-items:center;border:1px solid var(--orange);border-radius:50%;color:var(--orange);font-size:15px;font-weight:700;}
.crumb{min-width:max-content;color:#aaa69f;font-size:12px;}
.crumb b{color:#f2f0ed;}
.global-search{flex:0 1 410px;width:min(410px,38vw);margin:0 auto 0 8px;}
.global-search input{height:32px;border-color:#484745;border-radius:18px;background-color:#1a1a19;color:#f4f2ef;}
.global-search input::placeholder{color:#c3beb6;}
.top .pill{height:29px;border-color:#434240;background:#181817;color:#dedbd6;}
.top>#topright{margin-left:auto;}
#page{min-height:calc(100vh - 76px);padding:0 clamp(16px,1.8vw,28px) 26px;overflow:visible;border:1px solid #3a3a38;border-radius:12px;background:var(--crm-canvas);box-shadow:none;color:var(--text);}
#page>.head{padding-top:18px;}
/* Existing cards, tables and boards remain dark for legibility against the new gray canvas. */
#page .panel,#page .company-column,#page .contact-column,#page .col,#page .record-left,#page .record-center,#page .association{background:#171716;border-color:#41403d;}
#page .company-column>header,#page .contact-column>header,#page .col-h{background:#1d1d1c;border-color:#41403d;}
#page .company-card,#page .contact-card,#page .card{background:#20201e;border-color:#494844;}
#page .toolbar{border-color:#484744;}
#page .company-views,#page .contact-views{border-color:#4a4946;}
#page td{border-color:#373634;}
#page tr:hover{background:#30302e;}
.shell.sidebar-collapsed .side{width:52px;align-items:center;padding:10px 4px 9px;}
.shell.sidebar-collapsed .side>.nav{align-items:center;gap:4px;}
.shell.sidebar-collapsed .nav-group:not(.dashboard-group),.shell.sidebar-collapsed .nav .dashboard-group span,.shell.sidebar-collapsed .nav .dashboard-group>b,.shell.sidebar-collapsed .nav a span,.shell.sidebar-collapsed .nav a .cnt,.shell.sidebar-collapsed .side .foot .btn span{display:none!important;}
.shell.sidebar-collapsed .nav a,.shell.sidebar-collapsed .nav .dashboard-group{width:44px;height:42px;min-height:42px;justify-content:center;gap:0;padding:0;}
.shell.sidebar-collapsed .side .foot{align-items:center;}
.shell.sidebar-collapsed .side .foot .btn{width:44px;height:38px;justify-content:center;padding:0;}
.shell.sidebar-collapsed .main{padding-left:64px;}
@media(max-width:780px){
  .side{top:50px;bottom:0;width:180px;padding:8px 7px;}
  .nav-group:not(.dashboard-group){padding-top:11px;}
  .nav a{height:33px;min-height:33px;}
  .main{padding:60px 7px 7px 192px;}
  .top{height:50px;padding-left:58px;padding-right:9px;gap:7px;}
  .top::before{left:13px;top:11px;width:26px;height:26px;}
  .global-search{flex:1 1 130px;width:auto;margin-left:0;}
  .crumb{display:none;}
  #page{min-height:calc(100vh - 67px);padding:0 12px 20px;border-radius:10px;}
  .shell.sidebar-collapsed .side{width:48px;padding:8px 2px;}
  .shell.sidebar-collapsed .nav a,.shell.sidebar-collapsed .nav .dashboard-group,.shell.sidebar-collapsed .side .foot .btn{width:42px;}
  .shell.sidebar-collapsed .main{padding-left:54px;}
}

/* Final frame pass: prevent duplicated workspace mark and align expanded/collapsed navigation geometry. */
.shell:not(.sidebar-collapsed) .side{width:198px;}
.shell:not(.sidebar-collapsed) .main{padding-left:210px;}
.shell.sidebar-collapsed .side{width:56px;padding-left:6px;padding-right:6px;}
.shell.sidebar-collapsed .main{padding-left:68px;}
.shell.sidebar-collapsed .top{padding-left:64px;}
.shell.sidebar-collapsed .top::before{left:17px;}
.shell:not(.sidebar-collapsed) .top::before{left:16px;}
/* The top-bar monogram is the sole brand mark in the frame; hide the legacy sidebar logo in all states. */
.side>.logo{display:none!important;}
@media(max-width:780px){
  .shell:not(.sidebar-collapsed) .side{width:180px;}
  .shell:not(.sidebar-collapsed) .main{padding-left:192px;}
  .shell.sidebar-collapsed .side{width:50px;padding-left:4px;padding-right:4px;}
  .shell.sidebar-collapsed .main{padding-left:56px;}
  .shell.sidebar-collapsed .top{padding-left:58px;}
}


/* v0.33: rebuild the frame as one explicit HubSpot-like shell; avoid pseudo-logo and legacy sidebar collisions. */
:root{--outer-black:#0b0b0b;--chrome:#0b0b0b;--rail:#343433;--workspace:#2c2c2b;--surface:#3a3a39;--surface-raised:#414140;--frame-stroke:#4b4b49;}
html,body,#app{min-height:100%;background:var(--outer-black)!important;}
.shell{display:block!important;min-height:100vh!important;background:var(--outer-black)!important;}
.side{position:fixed!important;left:0!important;top:52px!important;bottom:0!important;width:198px!important;height:auto!important;z-index:30!important;display:flex!important;align-items:stretch!important;overflow-x:hidden!important;overflow-y:auto!important;padding:11px 9px 12px!important;background:var(--rail)!important;border:0!important;border-right:1px solid #454544!important;border-radius:0!important;transition:width .18s ease,padding .18s ease!important;}
.side>.logo{display:none!important;}
.sidebar-toggle{display:grid!important;right:6px!important;top:10px!important;width:25px!important;height:25px!important;border:1px solid #5a5a58!important;border-radius:5px!important;background:#292928!important;color:#e8e6e2!important;box-shadow:none!important;}
.sidebar-toggle:hover{background:#4c4c4a!important;}
.side>.nav{width:100%!important;display:flex!important;align-items:stretch!important;gap:3px!important;padding-top:31px!important;}
.side .nav-group:not(.dashboard-group){display:block!important;padding:15px 10px 5px!important;color:#aaa9a5!important;font-size:9px!important;letter-spacing:.13em!important;}
.side .nav-group.dashboard-group{width:100%!important;height:35px!important;min-height:35px!important;display:flex!important;justify-content:flex-start!important;gap:9px!important;padding:0 10px!important;border-radius:5px!important;background:transparent!important;color:#e3e1dd!important;}
.side .dashboard-group span,.side .dashboard-group>b{display:block!important;}
.side .dashboard-group span{flex:1!important;font-size:12px!important;text-align:left!important;}
.side .dashboard-group>b{font-size:12px!important;}
.side .nav a{width:100%!important;height:34px!important;min-height:34px!important;display:flex!important;justify-content:flex-start!important;gap:10px!important;padding:0 10px!important;border:0!important;border-radius:5px!important;background:transparent!important;color:#d4d2ce!important;font-size:12px!important;}
.side .nav a span{display:block!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;}
.side .nav a .cnt{display:inline-block!important;}
.side .nav a svg,.side .dashboard-group svg{width:16px!important;height:16px!important;flex:0 0 16px!important;}
.side .nav a:hover,.side .dashboard-group:hover{background:#474746!important;color:#fff!important;}
.side .nav a.on{background:#555553!important;box-shadow:inset 2px 0 var(--orange)!important;color:#fff!important;}
.side .foot{width:100%!important;display:flex!important;align-items:stretch!important;gap:6px!important;padding-top:10px!important;}
.side .foot .btn{width:100%!important;height:34px!important;justify-content:flex-start!important;gap:9px!important;padding:0 10px!important;border:0!important;border-radius:5px!important;background:transparent!important;color:#d4d2ce!important;font-size:12px!important;}
.side .foot .btn span{display:block!important;}
.side .foot .btn:hover{background:#474746!important;}
.main{position:relative!important;min-height:100vh!important;margin:0!important;padding:64px 12px 12px 210px!important;background:var(--outer-black)!important;transition:padding-left .18s ease!important;}
.top{position:fixed!important;left:0!important;right:0!important;top:0!important;height:52px!important;z-index:40!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:14px!important;padding:0 16px!important;border:0!important;border-bottom:1px solid #242423!important;border-radius:0!important;background:var(--chrome)!important;backdrop-filter:none!important;}
.top::before{content:none!important;display:none!important;}
.top-brand{flex:0 0 28px!important;width:28px!important;height:28px!important;display:grid!important;place-items:center!important;text-decoration:none!important;}
.top-brand-mark{width:26px!important;height:26px!important;display:grid!important;place-items:center!important;border:1px solid var(--orange)!important;border-radius:50%!important;color:var(--orange)!important;font-size:15px!important;font-weight:700!important;line-height:1!important;}
.crumb{flex:0 0 auto!important;min-width:max-content!important;color:#aaa69f!important;font-size:12px!important;}
.crumb b{color:#f2f0ed!important;}
.global-search{flex:0 1 410px!important;width:min(410px,38vw)!important;margin:0 auto 0 4px!important;}
.global-search input{height:32px!important;border:1px solid #484745!important;border-radius:18px!important;background-color:#1a1a19!important;color:#f4f2ef!important;}
.global-search input::placeholder{color:#c3beb6!important;}
.top>#topright{margin-left:auto!important;}
.top .pill{height:29px!important;border-color:#434240!important;background:#181817!important;color:#dedbd6!important;}
#page{width:100%!important;min-height:calc(100vh - 76px)!important;margin:0!important;padding:0 clamp(16px,1.8vw,28px) 26px!important;overflow:visible!important;border:1px solid var(--frame-stroke)!important;border-radius:12px!important;background:var(--workspace)!important;color:var(--text)!important;box-shadow:none!important;}
#page>.head{padding-top:18px!important;}
/* A consistent charcoal surface replaces the near-black card-on-black stack. */
#page .panel,#page .company-column,#page .contact-column,#page .col,#page .record-left,#page .record-center,#page .association,#page .settings-card,#page .campaign-source-card,#page .campaign-step-composer,#page .campaign-schedule-card,#page .campaign-other-info{background:var(--surface)!important;border-color:#555553!important;box-shadow:none!important;}
#page .company-column>header,#page .contact-column>header,#page .col-h,#page .record-tabs,#page .activity-toolbar{background:var(--surface-raised)!important;border-color:#555553!important;}
#page .company-card,#page .contact-card,#page .card,#page .assoc-card{background:#454544!important;border-color:#60605e!important;}
#page .company-views,#page .contact-views,#page .toolbar{border-color:#555553!important;}
#page td{border-color:#4c4c4a!important;}
#page tbody tr:hover{background:#454544!important;}
#page input.in,#page select.in,#page textarea.in{background:#333332!important;border-color:#5a5a58!important;}
.shell.sidebar-collapsed .side{width:56px!important;align-items:center!important;padding:10px 6px 9px!important;}
.shell.sidebar-collapsed .side>.nav{align-items:center!important;gap:4px!important;padding-top:31px!important;}
.shell.sidebar-collapsed .side .nav-group:not(.dashboard-group),.shell.sidebar-collapsed .side .dashboard-group span,.shell.sidebar-collapsed .side .dashboard-group>b,.shell.sidebar-collapsed .side .nav a span,.shell.sidebar-collapsed .side .nav a .cnt,.shell.sidebar-collapsed .side .foot .btn span{display:none!important;}
.shell.sidebar-collapsed .side .nav a,.shell.sidebar-collapsed .side .nav .dashboard-group{width:42px!important;height:40px!important;min-height:40px!important;justify-content:center!important;gap:0!important;padding:0!important;}
.shell.sidebar-collapsed .side .foot{align-items:center!important;}
.shell.sidebar-collapsed .side .foot .btn{width:42px!important;height:38px!important;justify-content:center!important;padding:0!important;}
.shell.sidebar-collapsed .main{padding-left:68px!important;}
.shell.sidebar-collapsed .top{padding-left:16px!important;}
@media(max-width:780px){
 .side{top:50px!important;width:178px!important;padding:8px 7px!important;}
 .side>.nav{padding-top:28px!important;}
 .main{padding:60px 7px 7px 190px!important;}
 .top{height:50px!important;gap:7px!important;padding:0 9px!important;}
 .top-brand{flex-basis:27px!important;width:27px!important;}
 .crumb{display:none!important;}
 .global-search{flex:1 1 130px!important;width:auto!important;margin-left:0!important;}
 #page{min-height:calc(100vh - 67px)!important;padding:0 12px 20px!important;border-radius:10px!important;}
 .shell.sidebar-collapsed .side{width:48px!important;padding:8px 3px!important;}
 .shell.sidebar-collapsed .main{padding-left:56px!important;}
}


/* v0.34 frame repair: explicit dark chrome, calm charcoal work surface, aligned navigation controls. */
:root{--outer:#101010;--chrome:#101010;--rail:#1d1d1c;--workspace:#2b2b2a;--surface:#323231;--surface-raised:#393938;--frame-border:#444442;--frame-text:#f0eeea;}
html,body,#app{min-height:100%;background:var(--outer)!important;color:var(--frame-text);}
.shell{display:block!important;min-height:100vh!important;background:var(--outer)!important;}
.top{position:fixed!important;inset:0 0 auto 0!important;height:50px!important;z-index:50!important;display:flex!important;align-items:center!important;gap:15px!important;padding:0 16px!important;border:0!important;border-bottom:1px solid #292928!important;border-radius:0!important;background:var(--chrome)!important;backdrop-filter:none!important;}
.top::before{content:none!important;display:none!important;}
.top-brand{width:28px!important;height:28px!important;flex:0 0 28px!important;display:grid!important;place-items:center!important;padding:0!important;border:0!important;border-radius:50%!important;background:transparent!important;text-decoration:none!important;cursor:pointer!important;}
.top-brand-mark{width:26px!important;height:26px!important;display:grid!important;place-items:center!important;border:1px solid var(--orange)!important;border-radius:50%!important;color:var(--orange)!important;font-size:15px!important;font-weight:700!important;line-height:1!important;}
.top-brand:hover .top-brand-mark{background:#211b15!important;}
.top .crumb{display:block!important;min-width:max-content!important;color:#aaa69f!important;font-size:12px!important;}
.top .crumb b{color:#f2f0ed!important;}
.global-search{flex:0 1 400px!important;width:min(400px,38vw)!important;margin:0 auto 0 4px!important;}
.global-search input{height:32px!important;border:1px solid #444341!important;border-radius:17px!important;background:#1b1b1a!important;color:#f4f2ef!important;}
.global-search input::placeholder{color:#b8b4ad!important;}
.global-search input:focus{border-color:#77736d!important;box-shadow:0 0 0 2px #f28c281a!important;}
.top>#topright{margin-left:auto!important;}
.top .pill{height:28px!important;border-color:#3b3a38!important;background:#1b1b1a!important;color:#cfcbc5!important;}
.side{position:fixed!important;left:0!important;top:50px!important;bottom:0!important;width:188px!important;height:auto!important;z-index:40!important;display:flex!important;align-items:stretch!important;overflow-x:hidden!important;overflow-y:auto!important;padding:8px!important;border:0!important;border-right:1px solid #292928!important;border-radius:0!important;background:var(--rail)!important;transition:width .18s ease,padding .18s ease!important;}
.side>.logo{display:none!important;}
.sidebar-toggle{position:absolute!important;right:8px!important;top:7px!important;width:25px!important;height:25px!important;display:grid!important;place-items:center!important;padding:0!important;border:1px solid #444341!important;border-radius:5px!important;background:#292928!important;color:#dedbd5!important;box-shadow:none!important;z-index:3!important;}
.sidebar-toggle span{font-size:16px!important;line-height:1!important;}
.sidebar-toggle:hover{background:#383836!important;}
.side>.nav{width:100%!important;display:flex!important;align-items:stretch!important;gap:2px!important;padding-top:33px!important;}
.side .nav-group:not(.dashboard-group){display:block!important;padding:13px 9px 5px!important;color:#98948d!important;font-size:9px!important;letter-spacing:.13em!important;}
.side .nav-group.dashboard-group{width:100%!important;height:34px!important;min-height:34px!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important;padding:0 9px!important;border:0!important;border-radius:5px!important;background:transparent!important;color:#e0ddd7!important;}
.side .dashboard-group span,.side .dashboard-group>b{display:block!important;}
.side .dashboard-group span{flex:1!important;text-align:left!important;font-size:12px!important;}
.side .dashboard-group>b{font-size:11px!important;transition:transform .15s ease!important;}
.side .dashboard-group[aria-expanded="false"]>b{transform:rotate(-90deg)!important;}
.side .dashboard-group[aria-expanded="true"]>b{transform:none!important;}
.side .nav a{width:100%!important;height:33px!important;min-height:33px!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:9px!important;padding:0 9px!important;border:0!important;border-radius:5px!important;background:transparent!important;color:#d1cec8!important;font-size:12px!important;}
.side .nav a span{display:block!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;}
.side .nav a .cnt{display:inline-block!important;}
.side .nav a svg,.side .dashboard-group svg{width:15px!important;height:15px!important;flex:0 0 15px!important;}
.side .nav a:hover,.side .dashboard-group:hover{background:#30302e!important;color:#fff!important;}
.side .nav a.on{background:#383836!important;box-shadow:inset 2px 0 var(--orange)!important;color:#fff!important;}
.side .foot{width:100%!important;display:flex!important;align-items:stretch!important;gap:5px!important;padding-top:8px!important;}
.side .foot .btn{width:100%!important;height:33px!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:9px!important;padding:0 9px!important;border:0!important;border-radius:5px!important;background:transparent!important;color:#d1cec8!important;font-size:12px!important;}
.side .foot .btn span{display:block!important;}
.side .foot .btn:hover{background:#30302e!important;}
.main{position:relative!important;min-height:100vh!important;margin:0!important;padding:62px 10px 10px 198px!important;background:var(--outer)!important;transition:padding-left .18s ease!important;}
#page{width:100%!important;min-height:calc(100vh - 72px)!important;margin:0!important;padding:0 clamp(15px,1.7vw,24px) 23px!important;overflow:visible!important;border:1px solid var(--frame-border)!important;border-radius:11px!important;background:var(--workspace)!important;color:var(--frame-text)!important;box-shadow:none!important;}
#page>.head{padding-top:17px!important;}
#page .panel,#page .company-column,#page .contact-column,#page .col,#page .record-left,#page .record-center,#page .association,#page .settings-card,#page .campaign-source-card,#page .campaign-step-composer,#page .campaign-schedule-card,#page .campaign-other-info{background:var(--surface)!important;border-color:#494947!important;box-shadow:none!important;}
#page .company-column>header,#page .contact-column>header,#page .col-h,#page .record-tabs,#page .activity-toolbar{background:var(--surface-raised)!important;border-color:#494947!important;}
#page .company-card,#page .contact-card,#page .card,#page .assoc-card{background:#3a3a39!important;border-color:#525250!important;}
#page .toolbar,#page .company-views,#page .contact-views{border-color:#494947!important;}
#page td{border-color:#424240!important;}
#page tbody tr:hover{background:#393938!important;}
#page input.in,#page select.in,#page textarea.in{background:#252524!important;border-color:#525250!important;color:#f0eeea!important;}
#page .btn:not(.pri):not(.danger){background:#363635!important;border-color:#525250!important;color:#efede9!important;}
#page .btn:not(.pri):not(.danger):hover{background:#424241!important;}
.shell.sidebar-collapsed .side{width:54px!important;align-items:center!important;padding:8px 5px 10px!important;}
.shell.sidebar-collapsed .side>.nav{align-items:center!important;padding-top:33px!important;gap:3px!important;}
.shell.sidebar-collapsed .side .nav-group:not(.dashboard-group),.shell.sidebar-collapsed .side .dashboard-group span,.shell.sidebar-collapsed .side .dashboard-group>b,.shell.sidebar-collapsed .side .nav a span,.shell.sidebar-collapsed .side .nav a .cnt,.shell.sidebar-collapsed .side .foot .btn span{display:none!important;}
.shell.sidebar-collapsed .side .nav a,.shell.sidebar-collapsed .side .nav .dashboard-group{width:42px!important;height:39px!important;min-height:39px!important;justify-content:center!important;gap:0!important;padding:0!important;}
.shell.sidebar-collapsed .side .foot{align-items:center!important;}
.shell.sidebar-collapsed .side .foot .btn{width:42px!important;height:37px!important;justify-content:center!important;padding:0!important;}
.shell.sidebar-collapsed .main{padding-left:64px!important;}
@media(max-width:780px){
 .side{top:48px!important;width:174px!important;padding:7px 6px 9px!important;}
 .side>.nav{padding-top:32px!important;}
 .top{height:48px!important;gap:7px!important;padding:0 8px!important;}
 .top-brand{width:27px!important;height:27px!important;flex-basis:27px!important;}
 .top .crumb{display:none!important;}
 .global-search{flex:1 1 120px!important;width:auto!important;margin:0!important;}
 .main{padding:56px 6px 6px 182px!important;}
 #page{min-height:calc(100vh - 62px)!important;padding:0 11px 18px!important;border-radius:9px!important;}
 .shell.sidebar-collapsed .side{width:47px!important;padding:7px 2px 9px!important;}
 .shell.sidebar-collapsed .main{padding-left:53px!important;}
}


/* v0.35 nav behavior fix: hidden dashboard links must truly collapse; keep the rail toggle in normal flow. */
.side{flex-direction:column!important;}
.sidebar-toggle{position:static!important;align-self:flex-end!important;flex:0 0 25px!important;margin:0 1px 7px 0!important;}
.side>.nav{flex:0 0 auto!important;padding-top:0!important;}
.side .nav a[hidden]{display:none!important;}
.shell.sidebar-collapsed .side{align-items:center!important;}
.shell.sidebar-collapsed .sidebar-toggle{align-self:center!important;margin:0 0 7px!important;}
.shell.sidebar-collapsed .side>.nav{padding-top:0!important;}
.shell.sidebar-collapsed .side .nav a[hidden]{display:none!important;}
/* Screen gutters, including the far right and bottom edge, use the same black chrome. */
.main{background:#101010!important;}
#page{background:#2b2b2a!important;}

/* v0.36: user-approved contrast map. Black is reserved for navigation chrome; CRM surfaces stay graphite. */
:root{--outer:#101010;--chrome:#101010;--rail:#101010;--workspace:#2b2b2a;--surface:#333332;--surface-raised:#3a3a39;--frame-border:#4a4a48;}
.top{background:#101010!important;border-bottom:1px solid #292928!important;}
.side{background:#101010!important;border-right:1px solid #292928!important;}
/* Join the black rail cleanly to the header with a rounded cap, not a floating arrow or duplicate logo. */
.side{border-top-right-radius:12px!important;}
.sidebar-toggle{position:static!important;align-self:flex-end!important;margin:0 1px 7px 0!important;border-radius:5px!important;}
.shell.sidebar-collapsed .sidebar-toggle{align-self:center!important;margin:0 0 7px!important;}
/* The search/filter tray is part of the gray work surface, not a near-black island. */
.company-filter-body{background:#353534!important;border-color:#4a4a48!important;border-radius:7px!important;padding:11px 12px!important;}
#page .company-filter-body{background:#353534!important;border-color:#4a4a48!important;}
#page .company-filter-body input.in,#page .company-filter-body select.in{background:#292928!important;border-color:#575754!important;}
#page{background:#2b2b2a!important;border-color:#4a4a48!important;border-radius:12px!important;}
#page .panel,#page .company-column,#page .contact-column,#page .col,#page .record-left,#page .record-center,#page .association,#page .settings-card,#page .campaign-source-card,#page .campaign-step-composer,#page .campaign-schedule-card,#page .campaign-other-info{background:#333332!important;border-color:#4a4a48!important;}
#page .company-column>header,#page .contact-column>header,#page .col-h,#page .record-tabs,#page .activity-toolbar{background:#3a3a39!important;border-color:#4a4a48!important;}
#page .company-card,#page .contact-card,#page .card,#page .assoc-card{background:#3d3d3c!important;border-color:#555553!important;}
#page input.in,#page select.in,#page textarea.in{background:#292928!important;border-color:#565653!important;}
#page .btn:not(.pri):not(.danger){background:#393938!important;border-color:#555553!important;}
#page td{border-color:#494947!important;}
#page tbody tr:hover{background:#3d3d3c!important;}
@media(max-width:780px){.side{border-top-right-radius:10px!important;}}


/* v0.37: lighten only the near-black CRM islands to the same graphite family as the reference. */
#page .company-filter-body{background:#353534!important;border-color:#494947!important;}
#page .company-filter-body input.in,#page .company-filter-body select.in{background:#2d2d2c!important;border-color:#555553!important;}
#page .assoc-tools input,#page .record-center .activity-toolbar input.in{background:#2d2d2c!important;border-color:#555553!important;color:#f0eeea!important;}
#page .record-center .activity-toolbar input.in::placeholder,#page .assoc-tools input::placeholder{color:#aaa59d!important;}
#page .record-left input.in,#page .record-left select.in,#page .record-left textarea.in,#page .record-right input.in,#page .record-right select.in{background:#30302f!important;border-color:#51514e!important;}
#page .panel,.record-center .activity-toolbar{background:#333332;}

/* v0.38 explicit targets: graphite replacements for the exact dark controls shown in the user's screenshots. */
#page #company-filter-body,
#page .company-filter-body{background-color:#383837!important;border-color:#50504e!important;}
#page #company-filter-body input.in,
#page #company-filter-body select.in,
#page .company-filter-body input.in,
#page .company-filter-body select.in{background-color:#414140!important;border-color:#5d5d5a!important;}
#page .record-center .activity-toolbar input#activity-search,
#page .record-center .activity-toolbar input#contact-activity-search{background-color:#414140!important;border:1px solid #5d5d5a!important;color:#f0eeea!important;}
#page .record-center .activity-toolbar input#activity-search::placeholder,
#page .record-center .activity-toolbar input#contact-activity-search::placeholder{color:#b7b3ac!important;}
#page .record-right .association .assoc-tools input#assoc-search{background-color:#414140!important;border:1px solid #5d5d5a!important;color:#f0eeea!important;}
#page .record-right .association .assoc-tools input#assoc-search::placeholder{color:#b7b3ac!important;}
#page .record-left input.in,#page .record-left select.in,#page .record-left textarea.in,
#page .record-right input.in,#page .record-right select.in{background-color:#3a3a39!important;border-color:#575754!important;}

/* v0.39: graphite association headers; move the rail toggle down beside Logout, above its row. */
#page .association>header,#page .record-section>header{background:#414140!important;border-bottom:1px solid #555553!important;}
#page .association,#page .record-section{background:#333332!important;border-color:#4a4a48!important;}
#page .association .assoc-tools{background:#383837!important;}
#page .association .assoc-items{background:#333332!important;}
#page .association .assoc-card{background:#3d3d3c!important;border-color:#555553!important;}
#page .association .assoc-card>span:last-child{background:#292928!important;}
.side{display:flex!important;flex-direction:column!important;}
.side>.nav{order:1!important;flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;}
.side>.sidebar-toggle{order:2!important;align-self:flex-end!important;flex:0 0 25px!important;margin:8px 1px 6px 0!important;}
.side>.foot{order:3!important;flex:0 0 auto!important;margin-top:0!important;padding-top:0!important;}
.shell.sidebar-collapsed .side>.sidebar-toggle{align-self:center!important;margin:8px 0 6px!important;}
.shell.sidebar-collapsed .side>.nav{flex:1 1 auto!important;}
@media(max-width:780px){.side>.sidebar-toggle{margin-top:8px!important;}}

/* v0.40 campaign workspace theme integration: use the same graphite scale as the rest of the CRM. */
#page .campaign-workspace{
  --cw-bg:#2b2b2a!important;
  --cw-surface:#353534!important;
  --cw-raised:#3d3d3c!important;
  --cw-line:#50504e!important;
  --cw-text:#f0eeea!important;
  --cw-muted:#c1bdb6!important;
  --cw-dim:#a09b94!important;
  --cw-accent:#f28c28!important;
  background:#2b2b2a!important;
  color:#f0eeea!important;
}
#page .campaign-record-head,
#page .campaign-tabs{background:#30302f!important;border-color:#4a4a48!important;}
#page .campaign-workspace #campaign-tab-content{background:#2b2b2a!important;color:#f0eeea!important;}
#page .campaign-workspace .campaign-metric-grid,
#page .campaign-workspace .campaign-metric,
#page .campaign-workspace .campaign-step-results,
#page .campaign-workspace .campaign-other-info,
#page .campaign-workspace .campaign-source-card,
#page .campaign-workspace .campaign-filter-panel,
#page .campaign-workspace .campaign-step-sidebar,
#page .campaign-workspace .campaign-step-composer,
#page .campaign-workspace .campaign-schedule-card,
#page .campaign-workspace .campaign-setting-card,
#page .campaign-workspace .campaign-track-settings{background:#353534!important;border-color:#50504e!important;}
#page .campaign-workspace .campaign-step-result,
#page .campaign-workspace .campaign-step-results>header,
#page .campaign-workspace .campaign-contact-row,
#page .campaign-workspace .campaign-track-row{border-color:#50504e!important;}
#page .campaign-workspace .campaign-contact-row:hover,
#page .campaign-workspace .campaign-source-card:hover{background:#3d3d3c!important;}
#page .campaign-workspace input.in,
#page .campaign-workspace select.in,
#page .campaign-workspace textarea.in,
#page .campaign-workspace .in{background:#414140!important;border-color:#5d5d5a!important;color:#f0eeea!important;}
#page .campaign-workspace input.in::placeholder,
#page .campaign-workspace textarea.in::placeholder{color:#b2ada5!important;}
#page .campaign-workspace .campaign-step-body{background:#30302f!important;color:#f0eeea!important;}
#page .campaign-workspace .campaign-step-sidebar{border-right-color:#50504e!important;}
#page .campaign-workspace .campaign-warning{background:#3b3023!important;border-color:#655039!important;color:#f0c27f!important;}
#page .campaign-workspace .campaign-safety-note{background:#3b3023!important;border-color:#655039!important;color:#e7c994!important;}
#page .campaign-workspace .campaign-table-wrap{background:#353534!important;}
#page .campaign-workspace .campaign-table-wrap th,
#page .campaign-workspace .campaign-table-wrap td{border-color:#50504e!important;}
#page .campaign-workspace .campaign-table-wrap tbody tr:hover{background:#3d3d3c!important;}
#page .campaign-workspace .campaign-account-choice,
#page .campaign-workspace .campaign-contact-list{border-color:#50504e!important;}
#page .campaign-workspace .campaign-source-card.selected{border-bottom-color:#f28c28!important;}
#page .campaign-workspace .campaign-audience-footer{background:linear-gradient(0deg,#2b2b2a 75%,transparent)!important;}
#page .campaign-workspace .campaign-tabs nav button:hover{background:#3d3d3c!important;}
#page .campaign-workspace .campaign-tabs nav button.on{background:transparent!important;border-bottom-color:#f28c28!important;}
#page .campaign-workspace .campaign-metric{border-right-color:#50504e!important;}
/* Give campaign subpages the same rounded, clearly grouped surfaces as the core CRM. */
#page .campaign-workspace{border-radius:12px!important;overflow:clip;}
#page .campaign-workspace .campaign-record-head{min-height:64px!important;padding:0 24px!important;border:1px solid #50504e!important;border-bottom:0!important;border-radius:11px 11px 0 0!important;gap:14px!important;}
#page .campaign-workspace .campaign-record-title{font-size:16px!important;}
#page .campaign-workspace .campaign-record-head .badge{height:25px!important;padding:0 9px!important;border-radius:999px!important;}
#page .campaign-workspace .campaign-record-head .btn,
#page .campaign-workspace .campaign-tabs>.btn{height:36px!important;border-radius:9px!important;}
#page .campaign-workspace .campaign-tabs{min-height:54px!important;padding:0 18px!important;border:1px solid #50504e!important;border-top-color:#454543!important;border-radius:0 0 11px 11px!important;}
#page .campaign-workspace .campaign-tabs nav{gap:5px!important;}
#page .campaign-workspace .campaign-tabs nav button{height:48px!important;padding:0 15px!important;border-radius:8px 8px 0 0!important;font-size:13px!important;}
#page .campaign-workspace .campaign-tabs nav button:hover{border-radius:8px!important;}
#page .campaign-workspace #campaign-tab-content{padding:26px clamp(20px,2.4vw,34px) 42px!important;}
#page .campaign-workspace .campaign-tab-title{margin-bottom:22px!important;}
#page .campaign-workspace .campaign-tab-title h2{font-size:21px!important;}
#page .campaign-workspace .campaign-tab-title p:not(.eyebrow){font-size:13px!important;line-height:1.6!important;}
#page .campaign-workspace .panel,
#page .campaign-workspace .campaign-filter-panel,
#page .campaign-workspace .campaign-source-card,
#page .campaign-workspace .campaign-step-sidebar,
#page .campaign-workspace .campaign-step-composer,
#page .campaign-workspace .campaign-schedule-card,
#page .campaign-workspace .campaign-setting-card,
#page .campaign-workspace .campaign-other-info,
#page .campaign-workspace .campaign-step-results,
#page .campaign-workspace .campaign-track-settings{border-radius:11px!important;}
#page .campaign-workspace .btn{min-height:36px!important;border-radius:9px!important;font-size:13px!important;}
#page .campaign-workspace input.in,
#page .campaign-workspace select.in,
#page .campaign-workspace textarea.in,
#page .campaign-workspace .in{border-radius:9px!important;font-size:13px!important;}
#page .campaign-workspace .campaign-source-cards{gap:14px!important;margin-bottom:22px!important;}
#page .campaign-workspace .campaign-source-card{min-height:96px!important;grid-template-columns:38px minmax(0,1fr)!important;column-gap:14px!important;padding:16px!important;border:1px solid #50504e!important;border-radius:11px!important;text-align:left!important;}
#page .campaign-workspace .campaign-source-card .source-icon{width:34px!important;height:34px!important;border-radius:9px!important;}
#page .campaign-workspace .campaign-source-card.selected{border-color:#f28c28!important;background:#3d3d3c!important;}
#page .campaign-workspace .campaign-source-card small{line-height:1.55!important;}
#page .campaign-workspace .campaign-filter-panel{padding:16px!important;border:1px solid #50504e!important;background:#353534!important;}
#page .campaign-workspace .campaign-filters{gap:12px!important;}
#page .campaign-workspace .campaign-contact-list{overflow:hidden auto;border:1px solid #50504e!important;border-radius:10px!important;}
#page .campaign-workspace .campaign-contact-row{min-height:56px!important;padding:10px 13px!important;}
#page .campaign-workspace .campaign-email-sequence-layout{grid-template-columns:minmax(245px,29%) minmax(0,1fr)!important;gap:18px!important;min-height:540px!important;}
#page .campaign-workspace .campaign-step-sidebar{position:sticky!important;top:188px!important;padding:12px!important;border:1px solid #50504e!important;background:#353534!important;}
#page .campaign-workspace .campaign-step-list{gap:7px!important;}
#page .campaign-workspace .campaign-step-tab{position:relative!important;min-height:82px!important;padding:12px 30px 12px 13px!important;border:1px solid transparent!important;border-radius:9px!important;background:#3b3b39!important;gap:5px!important;}
#page .campaign-workspace .campaign-step-tab span{font-size:13px!important;line-height:1.35!important;}
#page .campaign-workspace .campaign-step-tab small{font-size:12px!important;line-height:1.4!important;}
#page .campaign-workspace .campaign-step-tab b{font-size:12px!important;line-height:1.45!important;}
#page .campaign-workspace .campaign-step-tab.active{border-color:#f28c28!important;background:#30302f!important;box-shadow:inset 3px 0 #f28c28!important;}
#page .campaign-workspace .campaign-step-remove{position:absolute!important;right:8px!important;top:8px!important;width:24px!important;height:24px!important;border-radius:7px!important;}
#page .campaign-workspace .campaign-add-step{min-height:38px!important;margin-top:10px!important;border:1px solid #62615e!important;border-radius:9px!important;}
#page .campaign-workspace .campaign-step-composer{min-height:540px!important;padding:17px!important;border:1px solid #50504e!important;background:#353534!important;}
#page .campaign-workspace .campaign-step-name{max-width:none!important;margin:0 0 16px!important;}
#page .campaign-workspace .campaign-step-name .in{max-width:520px!important;}
#page .campaign-workspace .sequence-subject-row{min-height:52px!important;gap:10px!important;padding:6px 10px!important;border:1px solid #555553!important;border-radius:9px!important;background:#414140!important;}
#page .campaign-workspace .sequence-subject-row .in{min-height:36px!important;border-radius:7px!important;}
#page .campaign-workspace .campaign-rich-toolbar{min-height:42px!important;padding:3px 7px!important;border:1px solid #555553!important;border-radius:9px 9px 0 0!important;background:#414140!important;}
#page .campaign-workspace .campaign-rich-toolbar button{border-radius:7px!important;}
#page .campaign-workspace .campaign-step-body{min-height:290px!important;padding:15px!important;border:1px solid #555553!important;border-top:0!important;border-radius:0 0 9px 9px!important;background:#30302f!important;line-height:1.65!important;}
#page .campaign-workspace .campaign-step-bottom{min-height:50px!important;flex-wrap:wrap;gap:12px!important;margin-top:13px!important;padding:10px 0 0!important;}
#page .campaign-workspace .campaign-metric-grid{gap:10px!important;padding:10px!important;border-radius:11px!important;}
#page .campaign-workspace .campaign-metric{min-height:180px!important;border:1px solid #50504e!important;border-radius:9px!important;}
#page .campaign-workspace .campaign-other-info{border:1px solid #50504e!important;}
#page .campaign-workspace .campaign-info-tile{min-height:54px!important;gap:12px!important;padding:8px!important;border:0!important;border-top:1px solid #50504e!important;border-radius:7px!important;}
#page .campaign-workspace .campaign-info-icon{width:30px!important;height:30px!important;border-radius:8px!important;}
#page .campaign-workspace .campaign-step-results{overflow:hidden;border:1px solid #50504e!important;}
#page .campaign-workspace .campaign-step-results>header,
#page .campaign-workspace .campaign-step-result{min-height:48px!important;padding:12px!important;}
#page .campaign-workspace .campaign-schedule-card{padding:21px!important;border:1px solid #50504e!important;}
#page .campaign-workspace .campaign-day{min-height:36px!important;padding:5px 8px!important;border:1px solid #50504e!important;border-radius:9px!important;}
#page .campaign-workspace .campaign-settings-grid{gap:16px!important;}
#page .campaign-workspace .campaign-setting-card{padding:17px!important;border:1px solid #50504e!important;background:#353534!important;}
#page .campaign-workspace .campaign-account-choice{min-height:66px!important;gap:12px!important;padding:11px!important;border:1px solid #50504e!important;border-radius:9px!important;background:#3b3b39!important;}
#page .campaign-workspace .campaign-account-avatar{width:36px!important;height:36px!important;border-radius:9px!important;}
#page .campaign-workspace .campaign-setting-card .setting-row{min-height:46px!important;padding:10px 4px!important;gap:14px!important;line-height:1.45!important;}
#page .campaign-workspace .campaign-track-settings{margin-top:18px!important;padding:17px!important;border:1px solid #50504e!important;background:#353534!important;}
#page .campaign-workspace .campaign-track-row{min-height:62px!important;padding:10px 4px!important;gap:14px!important;}
#page .campaign-workspace .campaign-toggle{flex:0 0 38px!important;}
#page .campaign-workspace .campaign-optimization{min-height:58px!important;padding:12px!important;border:1px solid #50504e!important;border-radius:9px!important;background:#3b3b39!important;}
#page .campaign-workspace .campaign-recommended{border-radius:999px!important;}
#page .campaign-workspace .campaign-audience-footer{border:1px solid #50504e!important;border-radius:10px!important;background:#353534!important;padding:13px!important;}
@media(max-width:760px){
 #page .campaign-workspace .campaign-record-head{padding:7px 12px!important;border-radius:10px 10px 0 0!important;}
 #page .campaign-workspace .campaign-tabs{padding:0 8px!important;border-radius:0 0 10px 10px!important;}
 #page .campaign-workspace .campaign-email-sequence-layout{grid-template-columns:1fr!important;}
 #page .campaign-workspace .campaign-step-sidebar{position:static!important;}
 #page .campaign-workspace .campaign-step-composer{min-height:0!important;padding:13px!important;}
 #page .campaign-workspace .campaign-source-cards{gap:9px!important;}
 #page .campaign-workspace .campaign-step-tab{min-height:74px!important;}
 #page .campaign-workspace .campaign-settings-grid{grid-template-columns:1fr!important;}
}
/* Replace black dividers and gutters in Bulk campaign panels with the same graphite gray as the CRM. */
#page .campaign-overview-stats{gap:12px!important;border:0!important;border-radius:0!important;background:transparent!important;}
#page .campaign-overview-stats>.panel{min-height:108px!important;border:1px solid #555553!important;border-radius:11px!important;background:#353534!important;box-shadow:none!important;}
#page .campaign-overview-stats .kpi{padding:17px 20px!important;}
#page .campaign-overview-stats .kpi .l{color:#c1bdb6!important;}
#page .campaign-overview-stats .kpi .v{color:#f0eeea!important;}
#page .campaign-overview-stats .kpi .s{color:#aaa49c!important;}
#page .campaign-workspace .campaign-metric-grid{gap:10px!important;padding:10px!important;border:1px solid #50504e!important;border-radius:11px!important;background:#353534!important;}
#page .campaign-workspace .campaign-metric{border:1px solid #50504e!important;border-radius:9px!important;background:#3b3b39!important;}
#page .campaign-workspace .campaign-other-info{border:1px solid #50504e!important;border-radius:9px!important;background:#3b3b39!important;}
#page .campaign-workspace .campaign-metric-foot{color:#b3aea6!important;}
#page .campaign-workspace .campaign-metric-foot b{color:#dedbd6!important;}
#page .campaign-workspace .campaign-step-results{border:1px solid #50504e!important;border-radius:11px!important;background:#353534!important;}
#page .campaign-workspace .campaign-step-results>header,
#page .campaign-workspace .campaign-step-result{border-color:#50504e!important;}
#page .campaign-workspace .campaign-info-tile{border-top-color:#50504e!important;}
/* Align Save schedule to the datetime control, not the label's bottom margin. */
#page .campaign-workspace .campaign-send-start{align-items:flex-end!important;gap:12px!important;}
#page .campaign-workspace .campaign-send-start>.f{display:flex!important;flex-direction:column!important;justify-content:flex-end!important;gap:7px!important;margin:0!important;}
#page .campaign-workspace #campaign-start-time{height:39px!important;min-height:39px!important;}
#page .campaign-workspace #campaign-save-schedule{height:36px!important;min-height:36px!important;margin-bottom:3px!important;align-self:flex-end!important;white-space:nowrap;}
@media(max-width:760px){
 #page .campaign-workspace .campaign-send-start{align-items:flex-start!important;flex-direction:column!important;}
 #page .campaign-workspace .campaign-send-start>.f{width:min(100%,420px)!important;}
 #page .campaign-workspace #campaign-save-schedule{align-self:flex-start!important;margin:0!important;}
}
@media(max-width:760px){
  #page .campaign-workspace{margin:0 -11px -18px!important;}
  #page .campaign-workspace .campaign-record-head{background:#30302f!important;}
  #page .campaign-workspace #campaign-tab-content{padding:22px 14px 40px!important;}
}


/* Company contacts: expose both association and creation actions in the relationship panel. */
#page .record-right .association>header .row{gap:6px!important;}
#page .record-right .association>header .btn{height:28px!important;padding:0 9px!important;font-size:10px!important;}
#page .record-right .association>header .btn.pri{background:#ece8e2!important;border-color:#ece8e2!important;color:#191817!important;}
@media(max-width:500px){#page .record-right .association>header{gap:5px;padding:0 8px;}#page .record-right .association>header .btn{padding:0 6px!important;font-size:9px!important;}}


/* Contacts and Deals index pages share the Companies page hierarchy and control placement. */
.crm-view-controls{display:flex;align-items:center;gap:8px;min-height:44px;padding:6px 0;border-bottom:1px solid #494947;}
.crm-view-controls .filter-toggle{height:30px;border-radius:16px!important;padding:0 12px;font-size:11px;}
.crm-filter-body{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:11px 14px;padding:14px 12px;margin:7px 0 9px;border:1px solid #494947;border-radius:7px;background:#353534;}
.crm-filter-body[hidden]{display:none!important;}
.crm-filter-body .f{min-width:0;margin:0;font-size:11px;}
.crm-filter-body .in{height:33px;min-height:33px;font-size:12px;}
#page .company-views.contact-views,#page .company-views.deal-views{margin:0;border-color:#494947;}
#page .company-views.contact-views button,#page .company-views.deal-views button{height:40px;padding:0 12px;font-size:11px;}
#page .company-views.contact-views button.on,#page .company-views.deal-views button.on{border-bottom-color:var(--orange);}
#page .company-views.contact-views button span,#page .company-views.deal-views button span{font-size:10px;color:#a09b94;margin-left:5px;}
#page .company-views .view-add{font-size:17px;}
.company-views .saved-view-tab{display:inline-flex;align-items:center;flex:0 0 auto;height:39px;border-bottom:2px solid transparent;white-space:nowrap}
.company-views .saved-view-select{height:37px!important;border-bottom:0!important;padding:0 5px 0 12px!important}
.company-views .saved-view-select.on{color:#f2f0ed!important;border-bottom:0!important}
.company-views .saved-view-remove{width:24px;height:30px!important;min-width:24px;padding:0 5px!important;border:0!important;border-radius:4px;background:transparent;color:#aaa49c;font-size:16px!important;line-height:1}
.company-views .saved-view-remove:hover{background:#51413a!important;color:#ffb080!important}
.company-views .saved-view-tab.on{border-bottom-color:var(--orange)}
.company-views .view-add{flex:0 0 auto;width:38px;height:38px!important;padding:0!important;font-size:19px!important}
#page .deal-board .company-column{flex:0 0 238px;max-width:238px;}
#page .deal-board .company-card{min-height:100px;cursor:grab;}
#page .deal-board .company-owner{color:#dfdbd5;}
#page .deal-board .company-card-foot{font-size:10px;}
#page #ctable{overflow:hidden;}
#page #ctable .contact-board{gap:10px;}
#page #ctable .contact-column{flex:0 0 230px;max-width:230px;}
@media(max-width:780px){
 .crm-view-controls{flex-wrap:wrap;}
 .crm-filter-body{grid-template-columns:1fr;}
 #page .company-views.contact-views,#page .company-views.deal-views{overflow-x:auto;}
 #page .company-views.contact-views button,#page .company-views.deal-views button{white-space:nowrap;}
 #page .deal-board .company-column{flex-basis:210px;max-width:210px;}
}


/* HubSpot-style creation drawer: new Contact, Company and Deal forms slide in from the right. */
.side-panel-scrim{display:flex!important;align-items:stretch!important;justify-content:flex-end!important;padding:0!important;background:rgba(0,0,0,.38)!important;backdrop-filter:none!important;}
.modal.side-panel{width:min(520px,46vw)!important;min-width:min(420px,100vw)!important;height:100vh!important;max-height:100vh!important;margin:0!important;padding:0!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;border:1px solid #4a4a48!important;border-right:0!important;border-radius:12px 0 0 12px!important;background:#2b2b2a!important;box-shadow:-18px 0 48px #0005!important;animation:side-panel-in .18s ease-out!important;}
@keyframes side-panel-in{from{transform:translateX(22px);opacity:.85}to{transform:translateX(0);opacity:1}}
.modal.side-panel .mh{flex:0 0 auto;align-items:center;margin:0;padding:17px 22px;border-bottom:1px solid #4a4a48;background:#30302f;}
.modal.side-panel .mh h2{font-size:17px;font-weight:600;}
.modal.side-panel .mh .x{width:32px;height:32px;display:grid;place-items:center;border-radius:5px;font-size:22px;}
.modal.side-panel .mb{flex:1 1 auto;min-height:0;overflow:auto;padding:20px 22px 26px;}
.modal.side-panel .mb form{min-height:100%;}
.modal.side-panel .mb .grid.g2e{grid-template-columns:1fr 1fr;gap:0 14px!important;}
.modal.side-panel .mb label.f{margin-bottom:15px;font-size:12px;}
.modal.side-panel .mb input.in,.modal.side-panel .mb select.in,.modal.side-panel .mb textarea.in{background:#353534!important;border-color:#595956!important;}
.modal.side-panel .mb input.in:focus,.modal.side-panel .mb select.in:focus,.modal.side-panel .mb textarea.in:focus{border-color:#a66a35!important;outline:1px solid #a66a35!important;}
.modal.side-panel .mb .mf{position:sticky;bottom:-26px;z-index:3;margin:20px -22px -26px;padding:14px 22px;border-top:1px solid #494947;background:rgba(43,43,42,.97);backdrop-filter:blur(8px);}
@media(max-width:700px){
 .side-panel-scrim{background:rgba(0,0,0,.52)!important;}
 .modal.side-panel{width:min(540px,100vw)!important;min-width:0!important;border-radius:0!important;}
 .modal.side-panel .mh{padding:14px 16px;}
 .modal.side-panel .mb{padding:16px 16px 24px;}
 .modal.side-panel .mb .mf{margin:18px -16px -24px;padding:12px 16px;}
 .modal.side-panel .mb .grid.g2e{grid-template-columns:1fr;}
}
@media(prefers-reduced-motion:reduce){.modal.side-panel{animation:none!important;}}


/* Contact board now uses the same exact structural components as the Company board. */
#page #ctable .contact-board{display:flex;gap:12px;min-height:calc(100vh - 270px);padding:5px 0 12px;overflow-x:auto;}
#page #ctable .contact-column{flex:0 0 260px;max-width:260px;min-height:380px;max-height:calc(100vh - 310px);background:#141413;border:1px solid #302e2b;border-radius:8px;}
#page #ctable .contact-column>header{height:44px;min-height:44px;display:flex;justify-content:flex-start;gap:8px;padding:0 11px;background:#181817;border-bottom:1px solid #302e2b;border-radius:8px 8px 0 0;}
#page #ctable .contact-column>header b{flex:1;font-size:12px;font-weight:600;}
#page #ctable .contact-column>header span{font-size:11px;color:#a39d95;}
#page #ctable .contact-column>header .plain{font-size:13px;}
#page #ctable .contact-column .contact-column-body{padding:8px;gap:8px;}
#page #ctable .contact-card{min-height:88px;display:flex;flex-direction:column;gap:5px;padding:11px 12px;background:#1b1a18;border:1px solid #383531;border-radius:7px;cursor:grab;}
#page #ctable .contact-card:hover{border-color:#8d8274;background:#1d1c1a;}
#page #ctable .contact-card .company-card-head{align-items:flex-start;}
#page #ctable .contact-card .company-card-head b{color:#69cbbc;font-size:13px;line-height:1.4;font-weight:600;}
#page #ctable .contact-card .company-domain{font-size:11px;color:#aaa49c;margin-top:3px;}
#page #ctable .contact-card .company-owner{font-size:12px;color:#ded9d2;margin:5px 0 0;padding-bottom:7px;border-bottom:1px solid #383531;}
#page #ctable .contact-card .company-card-foot{align-items:center;margin-top:6px;gap:7px;color:#aaa49c;font-size:10px;}
#page #ctable .contact-card .company-card-foot>span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#page #ctable .contact-card .tag{margin:0 3px 0 0;font-size:10px;}
#page #ctable .contact-column.over{border-color:var(--orange);background:#201a14;box-shadow:0 0 0 1px #f28c2833;}
@media(max-width:780px){#page #ctable .contact-column{flex-basis:240px;max-width:240px;max-height:calc(100vh - 280px);}}


/* Contacts board pixel alignment pass: match Companies toolbar rhythm, stage rails and card width behavior. */
#page .company-toolbar.contact-toolbar{display:flex;flex-direction:column;gap:0;margin:0 0 13px;}
#page .contact-toolbar .company-views{min-height:40px;gap:2px;border-bottom:1px solid #494947;}
#page .contact-toolbar .crm-view-controls{margin:0;}
#page .contact-toolbar .crm-filter-body{margin-top:7px;}
#page #ctable .contact-board{gap:12px!important;min-height:calc(100vh - 270px)!important;padding:5px 0 12px!important;}
#page #ctable .contact-column{flex:0 0 260px!important;max-width:260px!important;min-height:380px!important;max-height:calc(100vh - 310px)!important;background:#333332!important;border:1px solid #4a4a48!important;border-radius:8px!important;}
#page #ctable .contact-column>header{height:44px!important;min-height:44px!important;display:flex!important;justify-content:flex-start!important;gap:8px!important;padding:0 11px!important;background:#3a3a39!important;border-bottom:1px solid #4a4a48!important;border-radius:8px 8px 0 0!important;}
#page #ctable .contact-column>header b{flex:1;min-width:0;font-size:12px;font-weight:600;}
#page #ctable .contact-column>header span{font-size:11px;color:#a39d95;}
#page #ctable .contact-column .contact-column-body{padding:8px!important;gap:8px!important;}
#page #ctable .contact-card{min-width:0!important;min-height:88px;display:flex;flex-direction:column;gap:5px;padding:11px 12px!important;background:#3d3d3c!important;border:1px solid #555553!important;border-radius:7px!important;cursor:grab;}
#page #ctable .contact-card:hover{border-color:#8d8274!important;background:#424241!important;}
#page #ctable .contact-card .company-card-head{display:flex;min-width:0;align-items:center!important;gap:6px;}
#page #ctable .contact-card .company-card-head>b{flex:1;min-width:0;overflow-wrap:anywhere;word-break:break-word;color:#69cbbc;font-size:13px;line-height:1.4;font-weight:600;}
#page #ctable .contact-card .company-card-head .plain{flex:0 0 auto;}
#page #ctable .contact-card .company-domain{min-width:0;overflow-wrap:anywhere;font-size:11px;color:#aaa49c;margin-top:3px;}
#page #ctable .contact-card .company-owner{min-width:0;overflow-wrap:anywhere;word-break:break-word;font-size:12px;color:#ded9d2;margin:5px 0 0;padding-bottom:7px;border-bottom:1px solid #555553;}
#page #ctable .contact-card .company-card-foot{min-width:0;display:flex;align-items:center;margin-top:6px;gap:7px;color:#aaa49c;font-size:10px;}
#page #ctable .contact-card .company-card-foot>span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#page #ctable .contact-card .tag{margin:0 3px 0 0;font-size:10px;}
#page #ctable .contact-column.over{border-color:var(--orange)!important;background:#37302a!important;box-shadow:0 0 0 1px #f28c2833;}

/* v0.47 contact board finishes on the same graphite layer as company board. */
#page #ctable{background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible!important;}
#page #ctable .contact-board{background:transparent!important;}
#page #ctable .contact-column{background:#333332!important;border-color:#4a4a48!important;}
#page #ctable .contact-column>header{background:#3a3a39!important;border-color:#4a4a48!important;}
#page #ctable .contact-column .contact-column-body{background:#333332!important;}
#page #ctable .contact-card{background:#3d3d3c!important;border-color:#555553!important;}
#page #ctable .contact-card:hover{background:#424241!important;border-color:#8d8274!important;}
#page #ctable .contact-card .company-owner{border-bottom-color:#555553!important;}


/* CRM micro-interactions: fast, restrained, consistent, and disabled for reduced-motion users. */
:root{--motion-fast:150ms;--motion-ui:190ms;--motion-smooth:cubic-bezier(.2,.7,.25,1);}
html{scroll-behavior:smooth;}
button,a,.nav a,.nav-group,.company-views button,.record-tabs button,.activity-tabs button,.seg button,.plain,.filter-toggle,.assoc-card,.list-item,.card,.contact-card,.company-card,.company-column,.contact-column,.col,.settings-card,.global-search input,.in{transition:color var(--motion-fast) var(--motion-smooth),background-color var(--motion-fast) var(--motion-smooth),border-color var(--motion-fast) var(--motion-smooth),box-shadow var(--motion-fast) var(--motion-smooth),transform var(--motion-fast) var(--motion-smooth),opacity var(--motion-fast) var(--motion-smooth);}
button:active:not(:disabled),.btn:active:not(:disabled){transform:translateY(1px) scale(.985);}
button:focus-visible,a:focus-visible{outline-offset:3px;}
.nav a:hover,.nav .dashboard-group:hover{transform:translateX(2px);}
.shell.sidebar-collapsed .nav a:hover,.shell.sidebar-collapsed .nav .dashboard-group:hover{transform:scale(1.045);}
.nav a svg,.nav .dashboard-group svg{transition:transform var(--motion-fast) var(--motion-smooth),opacity var(--motion-fast) var(--motion-smooth);}
.nav a:hover svg,.nav .dashboard-group:hover svg{transform:scale(1.08);}
.company-card:hover,.contact-card:hover,.assoc-card:hover,.settings-card:hover,.card:hover{transform:translateY(-1px);}
.company-column,.contact-column,.col{transition:border-color var(--motion-fast) var(--motion-smooth),background-color var(--motion-fast) var(--motion-smooth),box-shadow var(--motion-fast) var(--motion-smooth);}
.company-views button,.record-tabs button,.activity-tabs button,.seg button{transition:color var(--motion-fast) var(--motion-smooth),background-color var(--motion-fast) var(--motion-smooth),border-color var(--motion-fast) var(--motion-smooth);}
input.in,select.in,textarea.in,.global-search input{transition:border-color var(--motion-fast) var(--motion-smooth),background-color var(--motion-fast) var(--motion-smooth),box-shadow var(--motion-fast) var(--motion-smooth);}
input.in:focus,select.in:focus,textarea.in:focus,.global-search input:focus{box-shadow:0 0 0 3px rgba(242,140,40,.12);}
.btn{transition:background-color var(--motion-fast) var(--motion-smooth),border-color var(--motion-fast) var(--motion-smooth),color var(--motion-fast) var(--motion-smooth),box-shadow var(--motion-fast) var(--motion-smooth),transform 120ms var(--motion-smooth);}
.btn:hover:not(:disabled){box-shadow:0 2px 8px rgba(0,0,0,.18);}
#page.page-enter{animation:page-soft-enter 190ms var(--motion-smooth) both;}
@keyframes page-soft-enter{from{opacity:.84;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
.scrim{animation:scrim-in 150ms ease-out both;}
.modal:not(.side-panel){animation:modal-in 180ms var(--motion-smooth) both;transform-origin:center center;}
.scrim.is-closing{animation:scrim-out 140ms ease-in both;pointer-events:none;}
.scrim.is-closing .modal{animation:modal-out 140ms ease-in both;}
@keyframes scrim-in{from{opacity:0}to{opacity:1}}
@keyframes scrim-out{from{opacity:1}to{opacity:0}}
@keyframes modal-in{from{opacity:0;transform:translateY(7px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes modal-out{from{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(5px) scale(.99)}}
.modal.side-panel{animation:side-panel-in 190ms var(--motion-smooth) both!important;}
.scrim.is-closing .modal.side-panel{animation:side-panel-out 150ms ease-in both!important;}
@keyframes side-panel-out{from{transform:translateX(0);opacity:1}to{transform:translateX(18px);opacity:.7}}
.email-composer-window.is-closing{animation:composer-out 140ms ease-in both!important;pointer-events:none;}
@keyframes composer-out{to{opacity:0;transform:translateY(5px) scale(.99)}}
.page-loading{min-height:160px;display:flex;align-items:center;justify-content:center;gap:10px;color:var(--muted);font-size:12px;animation:loading-soft 180ms ease-out both;}
.loading-spinner{width:16px;height:16px;border:2px solid #55534f;border-top-color:var(--orange);border-radius:50%;animation:loading-spin .75s linear infinite;}
@keyframes loading-spin{to{transform:rotate(360deg)}}
@keyframes loading-soft{from{opacity:0}to{opacity:1}}
.gresults:not([hidden]),.assoc-menu,.template-picker-layer{animation:dropdown-in 150ms var(--motion-smooth) both;transform-origin:top center;}
@keyframes dropdown-in{from{opacity:0;transform:translateY(-4px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}
#company-filter-body:not([hidden]),#contact-filter-body:not([hidden]),#deal-filter-body:not([hidden]){animation:filter-open 170ms var(--motion-smooth) both;transform-origin:top center;}
@keyframes filter-open{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}
.toast{animation:toast-in 170ms var(--motion-smooth) both;}
.toast.toast-out{animation:toast-out 150ms ease-in both;pointer-events:none;}
@keyframes toast-in{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@keyframes toast-out{to{opacity:0;transform:translateY(5px)}}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto!important;}
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;transition-delay:0ms!important;}
}

/* Project Management: visual workflow canvas and CRM-aware outcome tracking. */
.pm-shell{margin:0 0 28px;border:1px solid #3f4149;border-radius:12px;overflow:hidden;background:#101522;box-shadow:0 8px 30px #0003;}
.pm-toolbar{min-height:54px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:8px 14px;background:#151b2a;border-bottom:1px solid #303849;}
.pm-filters{display:flex;align-items:center;gap:6px;overflow-x:auto;scrollbar-width:none;}
.pm-filters button{height:32px;padding:0 12px;border:1px solid transparent;border-radius:7px;background:transparent;color:#aeb8ca;font-size:11px;white-space:nowrap;}
.pm-filters button span{margin-left:5px;color:#818da4;}
.pm-filters button:hover{background:#20283a;color:#f4f5f8;}
.pm-filters button.on{border-color:#5144a6;background:#282344;color:#fff;}
.pm-filters button.on span{color:#c0b5ff;}
.pm-toolbar-right{display:flex;align-items:center;gap:9px;}
.pm-search{height:33px;display:flex;align-items:center;gap:8px;padding:0 11px;border:1px solid #343e52;border-radius:7px;background:#101624;color:#96a2b7;}
.pm-search input{width:165px;height:30px!important;min-height:30px!important;padding:0!important;border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;color:#eef2f8!important;font-size:11px!important;}
.pm-search input::placeholder{color:#7e899d;}
.pm-stage-select{display:flex;align-items:center;gap:7px;color:#8c98ad;font-size:10px;}
.pm-stage-select select.in{width:auto;height:32px;min-height:32px;padding:0 10px;background:#101624!important;border-color:#343e52!important;color:#d8deeb!important;font-size:11px!important;}
.pm-workspace{display:grid;grid-template-columns:minmax(0,1fr) 0;min-height:calc(100vh - 250px);transition:grid-template-columns .2s ease;}
.pm-workspace:has(.pm-detail.is-open){grid-template-columns:minmax(0,1fr) 342px;}
.pm-canvas-scroll{min-width:0;min-height:620px;overflow:auto;background-color:#101522;background-image:radial-gradient(#45506a 0.7px,transparent 0.7px);background-size:18px 18px;scrollbar-color:#37435a transparent;}
.pm-canvas{position:relative;min-width:100%;min-height:100%;background:linear-gradient(180deg,rgba(14,20,34,.12),rgba(14,20,34,.04));}
.pm-links{position:absolute;left:0;top:0;z-index:1;overflow:visible;pointer-events:none;}
.pm-edge{fill:none;stroke:#7968e9;stroke-width:2.2;opacity:.76;filter:drop-shadow(0 0 3px #7564f255);}
.pm-edge-temp{stroke:#29d3b0;stroke-dasharray:6 5;opacity:.95;}
.pm-stage-caption{position:absolute;left:24px;top:15px;z-index:3;color:#8994aa;font-size:10px;letter-spacing:.08em;text-transform:uppercase;}
.pm-stage-row,.pm-project-zone{position:absolute;inset:0;z-index:2;pointer-events:none;}
.pm-node{position:absolute;pointer-events:auto;width:194px;overflow:visible;border:1px solid #434e65;border-radius:9px;background:#1a2233;color:#eaf0fa;box-shadow:0 7px 18px #05091055;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease;}
.pm-stage-node{width:194px;background:#1c2333;border-color:color-mix(in srgb,var(--node-accent) 65%,#3b4559);}
.pm-stage-node:before,.pm-project-node:before{content:"";position:absolute;inset:0 0 auto;height:3px;border-radius:9px 9px 0 0;background:var(--node-accent);}
.pm-node-head{min-height:58px;display:flex;align-items:center;gap:10px;padding:12px 12px 9px;border-bottom:1px solid #39445b;}
.pm-node-head>div{display:flex;min-width:0;flex:1;flex-direction:column;gap:4px;}
.pm-node-head small{color:#9aa7bc;font-size:9px;text-transform:uppercase;letter-spacing:.07em;}
.pm-node-head b{overflow:hidden;color:#f0f3fa;font-size:12px;text-overflow:ellipsis;white-space:nowrap;}
.pm-node-icon{width:28px;height:28px;flex:0 0 28px;display:grid;place-items:center;border-radius:7px;background:color-mix(in srgb,var(--node-accent) 22%,#20283a);color:var(--node-accent);font-size:15px;}
.pm-stage-count{color:#9faac0;font-size:10px;}
.pm-node-foot{min-height:31px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:5px 11px;color:#8f9bb0;font-size:9px;}
.pm-port{width:12px;height:12px;flex:0 0 12px;border:2px solid #a293ff;border-radius:50%;background:#282443;box-shadow:0 0 0 3px #8b75f522;cursor:crosshair;touch-action:none;transition:transform .15s ease,background .15s ease,box-shadow .15s ease;}
.pm-port:hover{transform:scale(1.25);background:#a293ff;box-shadow:0 0 0 5px #8b75f533;}
.pm-project-node{width:286px;min-height:178px;background:#202b40;border-color:#405578;}
.pm-project-node:hover{border-color:#8d7aff;box-shadow:0 9px 24px #05091088;}
.pm-project-node.selected{border-color:#9b8aff;box-shadow:0 0 0 2px #9b8aff44,0 10px 26px #05091088;}
.pm-project-node .pm-node-head{min-height:59px;cursor:grab;touch-action:none;}
.pm-project-node .pm-node-head:active{cursor:grabbing;}
.pm-node-menu{height:25px;width:27px;border:0;border-radius:5px;background:transparent;color:#aab4c8;font-size:17px;}
.pm-node-menu:hover{background:#34415a;color:white;}
.pm-node-body{padding:10px 12px 5px;}
.pm-node-body>p{min-height:16px;margin:0 0 9px;color:#aebbd0;font-size:10px;line-height:1.45;}
.pm-node-metric{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:7px 0 5px;color:#aab7cc;font-size:9px;}
.pm-node-metric b{color:#eff3fb;font-size:10px;}
.pm-progress{height:5px;overflow:hidden;border-radius:5px;background:#313d53;}
.pm-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#7162df,#9b80ff);transition:width .2s ease;}
.pm-progress.goal i{background:linear-gradient(90deg,#20bfa4,#4fe0bd);}
.pm-node-link{margin:7px 0 2px;color:#8f9bb0;font-size:9px;}
.pm-project-node .pm-node-foot{border-top:1px solid #38445a;}
.pm-canvas-hint{position:absolute;left:25px;bottom:16px;z-index:4;color:#77849b;font-size:10px;pointer-events:none;}
.pm-empty-stages{position:absolute;top:55px;left:25px;color:#9aa5b8;font-size:12px;}
.pm-detail{width:0;min-width:0;overflow:hidden;border-left:0 solid #374258;background:#182031;opacity:0;transition:width .2s ease,opacity .18s ease,border-width .2s ease;}
.pm-detail.is-open{width:342px;border-left-width:1px;opacity:1;overflow-y:auto;}
.pm-detail-empty{min-width:320px;min-height:450px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;text-align:center;color:#94a1b7;}
.pm-detail-empty>span{width:44px;height:44px;display:grid;place-items:center;margin-bottom:14px;border:1px solid #544b8c;border-radius:12px;background:#272342;color:#a594ff;font-size:20px;}
.pm-detail-empty b{color:#f0f3fa;font-size:14px;}
.pm-detail-empty p{max-width:240px;font-size:11px;line-height:1.55;}
.pm-detail-head{min-width:300px;display:flex;align-items:center;gap:11px;padding:16px 13px 13px;border-bottom:1px solid #354157;}
.pm-detail-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:9px;background:#272342;color:#a594ff;font-size:19px;}
.pm-detail-head>div:nth-child(2){min-width:0;flex:1;}
.pm-detail-head small{color:#94a1b7;font-size:9px;letter-spacing:.08em;text-transform:uppercase;}
.pm-detail-head h2{overflow:hidden;margin:3px 0;color:#f4f5fa;font-size:14px;text-overflow:ellipsis;white-space:nowrap;}
.pm-status{display:inline-flex;padding:3px 7px;border-radius:9px;background:#26344a;color:#aebbd0;font-size:9px;text-transform:capitalize;}
.pm-status.active{background:#14372f;color:#67dfbd;}.pm-status.on_hold{background:#403219;color:#f5c779;}.pm-status.completed{background:#283146;color:#b8c5dc;}
.pm-detail-close{align-self:flex-start;color:#98a3b8;font-size:18px;}
.pm-detail-tabs{min-width:300px;display:flex;gap:16px;padding:0 13px;border-bottom:1px solid #354157;}
.pm-detail-tabs button{height:39px;border:0;border-bottom:2px solid transparent;background:transparent;color:#9eabc0;font-size:10px;}
.pm-detail-tabs button.on{border-bottom-color:#8b75f6;color:#c2b6ff;}
.pm-detail-content{min-width:300px;padding:13px;}
.pm-detail-content .f{margin-bottom:10px;color:#aab5c8;font-size:10px;}
.pm-detail-content .in{height:32px;min-height:32px;padding:0 9px;background:#111a28!important;border-color:#344157!important;color:#e9edf6!important;font-size:10px!important;}
.pm-detail-content textarea.in{height:auto;min-height:58px;padding:8px;}
.pm-section-title{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:15px 0 8px;color:#e9edf5;font-size:11px;font-weight:600;}
.pm-subtitle{margin-top:7px;color:#9ba8be;font-size:9px;}
.pm-goal-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 9px;}
.pm-goal-readout{display:grid;grid-template-columns:1fr auto;gap:7px 10px;align-items:center;margin-top:8px;padding:10px;border:1px solid #344157;border-radius:7px;background:#1c2637;}
.pm-goal-readout .pm-progress{grid-column:1/-1;}
.pm-goal-readout b{color:#dfe6f2;font-size:10px;}
.pm-goal-readout small{color:#96a3b8;font-size:9px;text-align:right;}
.pm-linked-record{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#aab5c8;font-size:9px;}
.pm-linked-record .btn{height:27px;padding:0 8px;font-size:9px;}
.pm-task-list{display:flex;flex-direction:column;}
.pm-task{min-width:0;display:flex;align-items:center;gap:8px;padding:8px 2px;border-bottom:1px solid #303c51;color:#e1e7f1;font-size:10px;}
.pm-task input{accent-color:#31cba8;}
.pm-task span{min-width:0;flex:1;overflow-wrap:anywhere;}
.pm-task span.done{color:#8592a8;text-decoration:line-through;}
.pm-task small{color:#8b98ae;font-size:8px;white-space:nowrap;}
.pm-task .plain{color:#8b98ae;font-size:15px;}
.pm-empty-tasks{padding:14px 0;color:#8996ac;font-size:10px;}
.pm-detail-footer{position:sticky;bottom:0;min-width:300px;display:flex;justify-content:space-between;gap:8px;padding:11px 13px;border-top:1px solid #354157;background:rgba(24,32,49,.96);backdrop-filter:blur(8px);}
.pm-detail-footer .btn{height:31px;padding:0 10px;font-size:10px;}
.pm-detail-footer .btn.danger{background:transparent;color:#ed9a91;border-color:#69413e;}
@media(max-width:1000px){.pm-workspace:has(.pm-detail.is-open){grid-template-columns:minmax(0,1fr) 310px;}.pm-detail.is-open{width:310px;}}
@media(max-width:760px){.pm-toolbar{align-items:flex-start;flex-direction:column;padding:9px;}.pm-toolbar-right{width:100%;}.pm-search{flex:1;}.pm-search input{width:100%;}.pm-stage-select{flex:0 0 auto;}.pm-workspace,.pm-workspace:has(.pm-detail.is-open){grid-template-columns:1fr;}.pm-canvas-scroll{min-height:530px;}.pm-detail.is-open{width:100%;max-height:68vh;border-top:1px solid #374258;border-left:0;}.pm-detail-head,.pm-detail-tabs,.pm-detail-content,.pm-detail-footer{min-width:0;}}

.pm-links{pointer-events:none;}
.pm-edge{pointer-events:stroke;cursor:pointer;}
.pm-history-note{margin:7px 0 0;color:#8390a5;font-size:9px;line-height:1.45;}
/* HubSpot-inspired activity timeline for contact and company records. */
#page .activity-hub{padding:0 16px 24px;background:transparent;}
#page .activity-hub .activity-tabs{min-height:48px;display:flex;align-items:stretch;gap:3px;overflow-x:auto;border-bottom:1px solid #555553;scrollbar-width:thin;}
#page .activity-hub .activity-tabs button{height:48px;flex:0 0 auto;padding:0 13px;border:0;border-bottom:3px solid transparent;background:transparent;color:#d2cec8;font-size:12px;white-space:nowrap;}
#page .activity-hub .activity-tabs button:hover{background:#3b3b39;color:#fff;}
#page .activity-hub .activity-tabs button.on{border-bottom-color:var(--orange);color:#fff;font-weight:600;}
#page .activity-hub-toolbar{display:flex;align-items:center;gap:12px;min-height:52px;padding:9px 0 5px;}
#page .activity-search{position:relative;width:min(260px,55%);}
#page .activity-search .in{width:100%;height:34px;padding:0 34px 0 13px;border:1px solid #66635e;border-radius:18px;background:#333332!important;color:#f0efed;font-size:12px;}
#page .activity-search .in::placeholder{color:#bdb8b0;}
#page .activity-search>span{position:absolute;right:12px;top:5px;color:#c2bdb5;font-size:20px;line-height:22px;}
#page .activity-collapse-all{margin-left:auto;border:0;background:transparent;color:#f0efed;font-size:12px;font-weight:600;white-space:nowrap;cursor:pointer;}
#page .activity-action-row{display:flex;align-items:center;gap:8px;min-height:42px;padding:0 0 8px;}
#page .activity-action-row .grow{flex:1;}
#page .activity-action-row .btn{height:32px;padding:0 11px;font-size:11px;}
#page .activity-filter-toggle{border-radius:18px;}
#page .activity-filter-panel{display:flex;align-items:center;gap:12px;padding:10px 12px;margin:0 0 12px;border:1px solid #50504e;border-radius:7px;background:#333332;}
#page .activity-filter-panel[hidden]{display:none;}
#page .activity-filter-panel .f{display:flex;align-items:center;gap:10px;margin:0;color:#e2dfda;font-size:12px;}
#page .activity-filter-panel .in{height:32px;min-width:150px;background:#292928!important;border-color:#5a5a58!important;}
#page .activity-feed{display:flex;flex-direction:column;gap:14px;padding:10px 0 22px;}
#page .activity-month{display:flex;flex-direction:column;gap:9px;}
#page .activity-month[hidden]{display:none;}
#page .activity-month>h3{margin:7px 0 3px;color:#e9e6e2;font-size:13px;font-weight:500;}
#page details.activity-card{display:block;padding:0 15px;border:1px solid #565654;border-radius:13px;background:#373736;box-shadow:0 2px 7px #0002;}
#page details.activity-card[hidden]{display:none;}
#page .activity-card>summary{min-height:64px;display:flex;align-items:flex-start;gap:12px;padding:17px 4px 14px;list-style:none;cursor:pointer;}
#page .activity-card>summary::-webkit-details-marker{display:none;}
#page .activity-chevron{width:12px;flex:0 0 12px;color:#d4d0ca;font-size:18px;line-height:16px;transition:transform .15s ease;}
#page .activity-card[open] .activity-chevron{transform:rotate(90deg);}
#page .activity-summary-title{min-width:0;flex:1;color:#f0eeea;font-size:12px;line-height:1.5;overflow-wrap:anywhere;}
#page .activity-summary-title b{font-weight:600;}
#page .activity-contact-source{display:block;margin-top:2px;color:#b7b1a8;font-size:11px;}
#page .activity-card>summary time{flex:0 0 auto;color:#c0bbb3;font-size:11px;white-space:nowrap;}
#page .activity-card-body{padding:0 4px 13px 28px;color:#eeeae4;}
#page .activity-card-body p{margin:0;white-space:pre-wrap;line-height:1.55;font-size:12px;}
#page .activity-no-match{padding:24px 10px;text-align:center;color:#aaa49c;font-size:12px;}
#page .activity-no-match[hidden]{display:none;}
@media(max-width:760px){
 #page .activity-hub{padding:0 9px 18px;}
 #page .activity-hub .activity-tabs button{padding:0 9px;font-size:11px;}
 #page .activity-action-row{flex-wrap:wrap;}
 #page .activity-action-row .grow{display:none;}
 #page .activity-card>summary{flex-wrap:wrap;padding:13px 2px;}
 #page .activity-card>summary time{margin-left:24px;}
}
/* Supplier Desk: a clear supplier-to-brand availability directory. */
#page .supplier-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:2px 0 16px;}
#page .supplier-summary>div{display:flex;align-items:baseline;gap:9px;padding:13px 16px;border:1px solid #50504e;border-radius:10px;background:#353534;}
#page .supplier-summary b{color:#f0eeea;font-size:20px;font-weight:600;}
#page .supplier-summary span{color:#b6b1a9;font-size:12px;}
#page .supplier-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 14px;padding:0 1px;}
#page .supplier-toolbar .in{width:min(440px,100%);height:38px;border-radius:9px;background:#333332!important;border-color:#555553!important;}
#page .supplier-toolbar>span{color:#aaa49c;font-size:12px;white-space:nowrap;}
#page .supplier-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,330px),1fr));gap:13px;}
#page .supplier-card{min-width:0;display:flex;flex-direction:column;padding:15px;border:1px solid #555553;border-radius:11px;background:#353534;transition:border-color .15s ease,transform .15s ease,background-color .15s ease;}
#page .supplier-card:hover{border-color:#6c6861;background:#393938;transform:translateY(-1px);}
#page .supplier-card>header{display:flex;align-items:center;gap:10px;min-width:0;}
#page .supplier-avatar{width:38px;height:38px;flex:0 0 38px;display:grid;place-items:center;border:1px solid #68615a;border-radius:10px;background:#414140;color:#f3982b;font-size:16px;font-weight:650;}
#page .supplier-avatar.large{width:48px;height:48px;flex-basis:48px;font-size:19px;}
#page .supplier-title{min-width:0;flex:1;}
#page .supplier-title h2{overflow:hidden;margin:0;color:#f0eeea;font-size:14px;text-overflow:ellipsis;white-space:nowrap;}
#page .supplier-title>span{display:block;overflow:hidden;margin-top:4px;color:#aaa49c;font-size:11px;text-overflow:ellipsis;white-space:nowrap;}
#page .supplier-open{height:30px!important;min-height:30px!important;padding:0 10px!important;border-radius:8px!important;}
#page .supplier-card-meta{display:flex;flex-wrap:wrap;gap:7px 13px;margin:14px 0 13px;padding:0 2px;color:#aaa49c;font-size:11px;}
#page .supplier-card-meta a{color:#d5d0c8;text-decoration:none;}
#page .supplier-card-meta a:hover{color:#f3982b;}
#page .supplier-brands-head{display:flex;align-items:center;justify-content:space-between;margin:0 0 8px;color:#e5e2dd;font-size:11px;}
#page .supplier-brands-head>span{color:#aaa49c;}
#page .supplier-brand-chips{min-height:32px;display:flex;align-content:flex-start;flex-wrap:wrap;gap:6px;margin-bottom:12px;}
#page .supplier-brand-chip{max-width:100%;overflow:hidden;padding:5px 9px;border:1px solid #5a5956;border-radius:999px;background:#414140;color:#e4e0da;font-size:10px;text-overflow:ellipsis;white-space:nowrap;}
#page .supplier-brand-chip.more{color:#f3a24d;}
#page .supplier-no-brands{align-self:center;color:#98938c;font-size:11px;}
#page .supplier-card>footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding-top:10px;border-top:1px solid #50504e;}
#page .supplier-card>footer .plain{color:#b6b1a9;font-size:10px;}
#page .supplier-card>footer .plain:hover{color:#f3982b;}
#page .supplier-empty{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:280px;padding:24px;border:1px dashed #575653;border-radius:11px;color:#aaa49c;text-align:center;}
#page .supplier-empty>span{width:42px;height:42px;display:grid;place-items:center;margin-bottom:10px;border:1px solid #60584f;border-radius:12px;background:#414140;color:#f3982b;font-size:18px;}
#page .supplier-empty b{color:#f0eeea;font-size:14px;}
#page .supplier-empty p{margin:6px 0 14px;font-size:12px;}
#page .supplier-detail-head{display:flex;align-items:center;gap:13px;padding:5px 2px 14px;border-bottom:1px solid #50504e;}
#page .supplier-detail-head .eyebrow{margin:0 0 4px;font-size:9px;}
#page .supplier-detail-head h2{margin:0;color:#f0eeea;font-size:18px;}
#page .supplier-detail-head p:not(.eyebrow){margin:5px 0 0;color:#b6b1a9;font-size:12px;}
#page .supplier-detail-meta{display:flex;flex-wrap:wrap;gap:8px 18px;padding:13px 2px;color:#c3beb6;font-size:11px;}
#page .supplier-brand-section{margin-top:7px;padding:14px;border:1px solid #50504e;border-radius:10px;background:#353534;}
#page .supplier-brand-section>header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px;}
#page .supplier-brand-section h3{margin:0;color:#f0eeea;font-size:13px;}
#page .supplier-brand-section header p{margin:4px 0 0;color:#aaa49c;font-size:11px;}
#page .supplier-brand-list{display:flex;flex-direction:column;}
#page .supplier-brand-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 4px;border-top:1px solid #50504e;}
#page .supplier-brand-row>div{min-width:0;display:flex;flex-direction:column;gap:3px;}
#page .supplier-brand-row b{color:#ece9e4;font-size:12px;}
#page .supplier-brand-row span{overflow-wrap:anywhere;color:#aaa49c;font-size:10px;}
#page .supplier-brand-delete{width:26px;height:26px;flex:0 0 26px;border-radius:7px;color:#c4bdb4;font-size:16px;}
#page .supplier-brand-delete:hover{background:#4c3c36;color:#ffb08a;}
#page .supplier-brand-empty{padding:18px 4px;color:#aaa49c;font-size:11px;text-align:center;}
#page .supplier-modal-actions{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin-top:16px;}
#page .supplier-modal-actions .grow{flex:1;}
#page .supplier-modal-actions .btn{min-height:32px;height:32px;padding:0 10px;border-radius:8px;font-size:11px;}
#page .supplier-modal-actions .btn.danger{color:#e59a8f;border-color:#69413e;background:transparent;}
#page #supplier-new-company[hidden]{display:none!important;}
@media(max-width:700px){
 #page .supplier-summary{grid-template-columns:1fr;gap:7px;}
 #page .supplier-summary>div{padding:10px 12px;}
 #page .supplier-toolbar{align-items:stretch;flex-direction:column;}
 #page .supplier-toolbar .in{width:100%;}
 #page .supplier-card>footer{align-items:flex-start;flex-direction:column;}
 #page .supplier-detail-meta{flex-direction:column;gap:7px;}
 #page .supplier-modal-actions .grow{display:none;}
 #page .supplier-modal-actions .btn,#page .supplier-modal-actions>a{flex:1 1 auto;justify-content:center;}
}

/* Supplier Desk map controls and brand linking. */
#page .supplier-map-shell .pm-canvas-scroll{position:relative;isolation:isolate;}
#page .supplier-map-shell .supplier-map-zoom{position:sticky;top:12px;z-index:8;display:flex;align-items:center;gap:5px;width:max-content;margin:12px 14px -38px auto;padding:5px;border:1px solid #46516a;border-radius:10px;background:#171f30;box-shadow:0 8px 22px #05091088;}
#page .supplier-map-zoom button{width:32px;height:30px;display:grid;place-items:center;padding:0;border:1px solid #414c62;border-radius:7px;background:#222c40;color:#f1f4fa;font-size:18px;line-height:1;cursor:pointer;}
#page .supplier-map-zoom button:hover{border-color:#7994c7;background:#2a3750;color:#fff;}
#page .supplier-map-zoom span{min-width:43px;color:#d2d9e7;font-size:11px;text-align:center;font-variant-numeric:tabular-nums;}
#page .supplier-map-legend{display:flex;align-items:center;gap:18px;min-height:32px;margin:0 0 8px;color:#aeb9cc;font-size:11px;}
#page .supplier-map-shell .pm-canvas-hint{display:none;}
#page .supplier-link-controls{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:9px;margin:8px 0 12px;}
#page .supplier-link-controls .in{width:100%;min-width:0;height:38px;min-height:38px;padding:0 11px;border:1px solid #52617c!important;border-radius:8px;background:#202a3b!important;color:#edf2fb!important;font-size:12px!important;}
#page .supplier-link-controls .btn{min-height:38px;height:38px;padding:0 13px;border-radius:8px;white-space:nowrap;}
@media(max-width:760px){
 #page .supplier-map-shell .pm-workspace:has(.pm-detail.is-open){grid-template-columns:minmax(0,1fr);}
 #page .supplier-map-shell .pm-detail.is-open{width:100%;max-height:46vh;border-left:0;border-top:1px solid #374258;}
 #page .supplier-map-shell .supplier-map-zoom{margin-right:8px;}
 #page .supplier-link-controls{grid-template-columns:minmax(0,1fr);}
}

/* Custom properties: show all object types, including company fields. */
#page .properties-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:14px;}
#page .properties-panel{min-width:0;overflow:hidden;}
#page .properties-panel .pad{padding:18px 16px 8px;}
#page .properties-panel .pad h2{margin:0;font-size:18px;}
#page .properties-panel table{min-width:390px;}
#page .properties-panel .scroll{overflow-x:auto;}
#page [data-prop-delete]{white-space:nowrap;}
@media(max-width:1100px){#page .properties-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:760px){#page .properties-grid{grid-template-columns:minmax(0,1fr);}}

/* Deal record header: stage and edit action share a baseline; stage color follows the pipeline setting. */
#page .deal-record-heading{align-items:flex-start;gap:11px;padding:17px 14px 14px;}
#page .deal-record-title{min-width:0;flex:1;}
#page .deal-record-title h2{margin:0;font-size:16px;line-height:1.35;overflow-wrap:anywhere;}
#page .deal-record-stage-row{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:8px;}
#page .deal-stage-badge{min-height:27px;display:inline-flex;align-items:center;padding:4px 11px;border:1px solid color-mix(in srgb,var(--deal-stage-color) 70%,#ffffff 10%);border-radius:8px;background:color-mix(in srgb,var(--deal-stage-color) 18%,#171716);color:color-mix(in srgb,var(--deal-stage-color) 75%,#ffffff 25%);font-size:12px;font-weight:500;line-height:1.3;}
#page .deal-record-stage-row #deal-left-edit{min-height:32px;height:32px;align-self:center;}
@media(max-width:760px){#page .deal-record-stage-row{gap:7px;margin-top:7px;}#page .deal-stage-badge{font-size:11px;}}

/* Consistent stage chips on contact/company records. */
#page .entity-record-heading{align-items:flex-start;gap:11px;}
#page .entity-record-title{min-width:0;flex:1;}
#page .entity-record-title h2{margin:0;font-size:16px;line-height:1.35;overflow-wrap:anywhere;}
#page .entity-record-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:7px;}
#page .entity-record-meta>a{display:block;max-width:100%;margin:0;overflow-wrap:anywhere;}
#page .record-stage-chip{min-height:26px;display:inline-flex;align-items:center;padding:4px 10px;border:1px solid color-mix(in srgb,var(--record-stage-color) 70%,#ffffff 10%);border-radius:8px;background:color-mix(in srgb,var(--record-stage-color) 18%,#171716);color:color-mix(in srgb,var(--record-stage-color) 78%,#ffffff 22%);font-size:11px;font-weight:500;line-height:1.3;}

/* Company record: HubSpot three-column record layout in the Luvio dark palette. */
#page .hsr{--hsr-card:#333332;--hsr-raised:#3c3c3b;--hsr-tab:#2f2f2e;--hsr-line:#4a4a48;--hsr-line-soft:#454543;--hsr-text:#f0eeea;--hsr-muted:#bdb8b0;--hsr-link:#7fd0c2;--hsr-accent:var(--orange,#f28c28);
  display:grid;grid-template-columns:406px minmax(0,1fr) 422px;gap:0 18px;height:calc(100vh - 86px);min-height:520px;padding-top:4px;color:var(--hsr-text);font-size:14px;line-height:1.45;}
#page .hsr-col{min-width:0;height:100%;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#5a5a58 transparent;}
#page .hsr-left,#page .hsr-right{display:flex;flex-direction:column;gap:16px;padding:0 8px 24px 0;}
#page .hsr-center{padding:0 8px 24px 6px;}
#page .hsr-i{width:18px;height:18px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;}
#page .hsr-card{flex:0 0 auto;border:1px solid var(--hsr-line);border-radius:8px;background:var(--hsr-card);}
#page .hsr-text-btn{display:inline-flex;align-items:center;gap:5px;height:28px;padding:0 4px;border:0;border-radius:4px;background:transparent;color:var(--hsr-text);font:inherit;font-size:14px;font-weight:600;cursor:pointer;}
#page .hsr-text-btn .hsr-i{width:15px;height:15px;stroke-width:2;}
#page .hsr-text-btn:hover{color:var(--hsr-link);}
#page .hsr-round{width:30px;height:30px;display:grid;place-items:center;padding:0;border:1px solid #6a6a67;border-radius:50%;background:transparent;color:var(--hsr-text);cursor:pointer;}
#page .hsr-round .hsr-i{width:16px;height:16px;}
#page .hsr-round:hover{border-color:var(--hsr-link);color:var(--hsr-link);}
#page .hsr-copy{display:inline-grid;place-items:center;width:20px;height:20px;margin-left:4px;padding:0;border:0;background:transparent;color:var(--hsr-link);vertical-align:-4px;cursor:pointer;}
#page .hsr-copy .hsr-i{width:14px;height:14px;}
#page .hsr-link{color:var(--hsr-link);font-weight:600;}

/* Left: identity card */
#page .hsr-head-bar{display:flex;align-items:center;justify-content:space-between;height:46px;padding:0 22px;border-bottom:1px solid var(--hsr-line);}
#page .hsr-back{display:inline-flex;align-items:center;gap:8px;color:var(--hsr-text);font-size:14px;font-weight:600;text-decoration:none;}
#page .hsr-back .hsr-i{width:14px;height:14px;stroke-width:2.2;}
#page .hsr-back:hover{color:var(--hsr-link);}
#page .hsr-head-bar .hsr-text-btn{font-weight:500;color:var(--hsr-muted);}
#page .hsr-menu-wrap{position:relative;}
#page .hsr-menu{position:absolute;right:0;top:calc(100% + 6px);z-index:20;min-width:180px;padding:6px;border:1px solid var(--hsr-line);border-radius:8px;background:var(--hsr-raised);box-shadow:0 12px 28px #0008;}
#page .hsr-menu[hidden]{display:none;}
#page .hsr-menu button{display:block;width:100%;padding:9px 12px;border:0;border-radius:5px;background:transparent;color:var(--hsr-text);font:inherit;font-size:14px;text-align:left;cursor:pointer;}
#page .hsr-menu button:hover{background:#484847;}
#page .hsr-menu [data-hsr-action="archive"]{color:#eba59a;}
#page .hsr-identity{display:flex;align-items:center;gap:14px;padding:18px 22px 0;}
#page .hsr-avatar{width:44px;height:44px;flex:0 0 44px;display:grid;place-items:center;overflow:hidden;border-radius:50%;background:#4a4a48;color:var(--hsr-text);}
#page .hsr-avatar img{width:100%;height:100%;object-fit:contain;background:#fff;}
#page .hsr-avatar .hsr-i{width:22px;height:22px;}
#page .hsr-identity h1{margin:0;min-width:0;overflow-wrap:anywhere;color:var(--hsr-text);font-size:22px;font-weight:600;line-height:1.25;letter-spacing:0;}
#page .hsr-domain{display:flex;align-items:center;gap:4px;padding:12px 22px 0;font-size:14px;}
#page .hsr-domain a{display:inline-flex;align-items:center;gap:6px;min-width:0;color:var(--hsr-link);font-weight:600;text-decoration:none;overflow-wrap:anywhere;}
#page .hsr-domain a .hsr-i{width:14px;height:14px;}
#page .hsr-domain a:hover{text-decoration:underline;}
#page .hsr-quick{display:grid;grid-template-columns:repeat(6,1fr);gap:4px;padding:18px 12px 18px;}
#page .hsr-quick button{display:flex;flex-direction:column;align-items:center;gap:8px;padding:0;border:0;background:transparent;color:var(--hsr-text);font:inherit;font-size:14px;cursor:pointer;}
#page .hsr-quick button>span{width:38px;height:38px;display:grid;place-items:center;border:1px solid #6a6a67;border-radius:50%;background:var(--hsr-card);transition:border-color .15s,background-color .15s,color .15s;}
#page .hsr-quick button:hover>span{border-color:var(--hsr-accent);background:#3d3a36;color:var(--hsr-accent);}

/* Collapsible cards (left properties and right associations) */
#page details.hsr-card>summary{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:70px;padding:0 22px;list-style:none;cursor:pointer;}
#page details.hsr-card>summary::-webkit-details-marker{display:none;}
#page .hsr-card-title{display:flex;align-items:center;gap:12px;min-width:0;}
#page .hsr-card-title b{color:var(--hsr-text);font-size:18px;font-weight:600;white-space:nowrap;}
#page .hsr-card-title .hsr-i{width:16px;height:16px;stroke-width:2.2;transform:rotate(-90deg);transition:transform .15s ease;}
#page details.hsr-card[open] .hsr-card-title .hsr-i{transform:none;}
#page .hsr-card-actions{display:flex;align-items:center;gap:14px;}
#page .hsr-props .hsr-card-actions .hsr-text-btn{font-weight:600;}
#page .hsr-fields{display:flex;flex-direction:column;gap:14px;padding:4px 22px 24px;}
#page .hsr-field small{display:block;color:var(--hsr-muted);font-size:14px;line-height:1.45;}
#page .hsr-field>div{margin-top:3px;color:var(--hsr-text);font-size:14px;line-height:1.45;overflow-wrap:anywhere;}
#page .hsr-stage{display:inline-flex;align-items:center;gap:8px;}
#page .hsr-stage i{width:9px;height:9px;border-radius:50%;}
#page .hsr-chip{display:inline-flex;align-items:center;margin:2px 6px 2px 0;padding:3px 8px;border-radius:3px;background:color-mix(in srgb,var(--hsr-accent) 26%,#333332);color:#ffe2c4;font-size:12px;font-weight:600;}
#page .hsr-notes{margin:0;padding:0 22px 22px;color:var(--hsr-muted);white-space:pre-wrap;}

/* Center: boxed record tabs + activity timeline */
#page .hsr-tabs-row{display:flex;align-items:stretch;gap:14px;margin-bottom:10px;}
#page .hsr-tabs{flex:1;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;border:1px solid var(--hsr-line);border-radius:4px 4px 0 0;overflow:hidden;background:var(--hsr-tab);}
#page .hsr-tabs button{height:46px;padding:0 10px;border:0;border-left:1px solid var(--hsr-line);background:var(--hsr-tab);color:var(--hsr-text);font:inherit;font-size:14px;cursor:pointer;}
#page .hsr-tabs button:first-child{border-left:0;}
#page .hsr-tabs button:hover{background:#383837;}
#page .hsr-tabs button.on{background:var(--hsr-card);font-weight:600;box-shadow:inset 0 -2px 0 var(--hsr-accent);}
#page .hsr-customize{display:inline-flex;align-items:center;gap:7px;padding:0 2px;border:0;background:transparent;color:var(--hsr-text);font:inherit;font-size:14px;font-weight:600;white-space:nowrap;cursor:pointer;}
#page .hsr-customize .hsr-i{width:16px;height:16px;}
#page .hsr .activity-hub{padding:0 0 24px;}
#page .hsr .activity-hub .activity-tabs{min-height:44px;gap:22px;padding:0 4px;border-bottom:1px solid var(--hsr-line);}
#page .hsr .activity-hub .activity-tabs button{height:44px;padding:0;border-bottom:3px solid transparent;color:var(--hsr-text);font-size:14px;}
#page .hsr .activity-hub .activity-tabs button:hover{background:transparent;color:var(--hsr-link);}
#page .hsr .activity-hub .activity-tabs button.on{border-bottom-color:var(--hsr-accent);font-weight:600;}
#page .hsr .activity-hub-toolbar{min-height:auto;padding:16px 0 12px;}
#page .hsr .activity-search{width:188px;}
#page .hsr .activity-search .in{box-sizing:border-box;height:32px!important;min-height:32px!important;padding:0 34px 0 15px;border-color:#6a6a67;border-radius:16px;background:var(--hsr-card)!important;font-size:14px;}
#page .hsr .activity-search>span{top:4px;font-size:19px;}
#page .hsr .activity-collapse-all{font-size:14px;}
#page .hsr .activity-action-row{gap:10px;min-height:0;padding:0 0 14px;}
#page .hsr .activity-action-row .btn{height:32px;min-height:32px;padding:0 15px;border:1px solid #6a6a67!important;border-radius:16px!important;background:transparent!important;color:var(--hsr-text);font-size:14px;font-weight:500;}
#page .hsr .activity-action-row .btn:hover{border-color:var(--hsr-link)!important;background:#3a3a39!important;color:var(--hsr-link);}
#page .hsr .activity-action-row .btn.pri{border-color:var(--hsr-accent)!important;color:var(--hsr-accent);}
#page .hsr .activity-action-row .btn.pri:hover{background:color-mix(in srgb,var(--hsr-accent) 14%,transparent)!important;color:#ffb766;}
#page .hsr .activity-feed{gap:20px;padding:4px 0 24px;}
#page .hsr .activity-month{gap:10px;}
#page .hsr .activity-month>h3{margin:4px 0 6px;color:var(--hsr-text);font-size:16px;font-weight:500;}
#page .hsr details.activity-card{padding:0 22px 0 16px;border:1px solid var(--hsr-line);border-radius:8px;background:var(--hsr-card);box-shadow:none;}
#page .hsr details.activity-card[hidden]{display:none;}
#page .hsr details.activity-card[data-activity-kind="Notes"]{background:#3b362b;border-color:#5b5240;}
#page .hsr .activity-card>summary{min-height:0;gap:10px;padding:18px 0 12px;}
#page .hsr .activity-chevron{width:10px;flex-basis:10px;font-size:18px;line-height:20px;}
#page .hsr .activity-summary-title{font-size:14px;line-height:1.45;}
#page .hsr .activity-card>summary time{color:var(--hsr-muted);font-size:13px;}
#page .hsr .activity-card-body{padding:0 0 18px 20px;}
#page .hsr .activity-card-body p{font-size:14px;line-height:1.6;}

/* Right: association cards */
#page .hsr-assoc .hsr-card-actions .hsr-text-btn{color:var(--hsr-text);}
#page .hsr-card-body{padding:0 22px 20px;}
#page .hsr-tools{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 14px;}
#page .hsr-search{position:relative;display:flex;align-items:center;width:150px;height:28px;border:1px solid #6a6a67;border-radius:14px;color:var(--hsr-text);}
#page .hsr-search .hsr-i{position:absolute;left:7px;width:14px;height:14px;}
#page .hsr-search input{width:100%;height:100%;padding:0 10px 0 27px;border:0;border-radius:14px;outline:0;background:transparent;color:var(--hsr-text);font:inherit;font-size:13px;}
#page .hsr-search:focus-within{border-color:var(--hsr-link);}
#page .hsr-pill{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 14px 0 10px;border:1px solid #6a6a67;border-radius:14px;background:transparent;color:var(--hsr-text);font:inherit;font-size:13px;cursor:pointer;}
#page .hsr-pill .hsr-i{width:14px;height:14px;}
#page .hsr-list{display:flex;flex-direction:column;gap:12px;max-height:390px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#5a5a58 transparent;}
#page .hsr-mini{position:relative;padding:14px 14px 16px;border:1px solid var(--hsr-line);border-radius:8px;background:var(--hsr-card);cursor:pointer;transition:border-color .15s;}
#page .hsr-mini[hidden]{display:none;}
#page .hsr-mini:hover{border-color:#6c6a66;}
#page .hsr-mini-top{display:flex;align-items:center;gap:10px;margin-bottom:8px;}
#page .hsr-mini-top>b{flex:1;min-width:0;overflow-wrap:anywhere;font-size:14px;}
#page .hsr-mini-icon{width:22px;height:22px;flex:0 0 22px;display:grid;place-items:center;border:1px solid #5d5d5a;border-radius:50%;color:var(--hsr-muted);}
#page .hsr-mini-icon .hsr-i{width:13px;height:13px;}
#page .hsr-mini p{margin:0;color:var(--hsr-text);font-size:14px;line-height:1.45;overflow-wrap:anywhere;}
#page .hsr-mini .assoc-more{margin-left:auto;width:28px;height:26px;border-radius:5px;color:var(--hsr-text);font-size:18px;}
#page .hsr-mini .assoc-more:hover{background:#4a4a48;}
body>.assoc-menu{position:fixed;right:auto;z-index:300;min-width:190px;padding:6px;border:1px solid #4a4a48;border-radius:8px;background:#3c3c3b;box-shadow:0 12px 28px #0008;}
body>.assoc-menu button{padding:9px 12px;color:#f0eeea;font:inherit;font-size:14px;}
body>.assoc-menu button:hover{background:#484847;}
body>.assoc-menu .danger{color:#eba59a;}
/* Contacts board: HubSpot-style columns; cards keep their natural height and never overlap. */
#page #ctable:has(.ckb){padding:0;border:0;background:transparent!important;}
#page .ckb{display:flex;align-items:flex-start;gap:12px;overflow-x:auto;padding:2px 2px 12px;scrollbar-width:thin;scrollbar-color:#5a5a58 transparent;}
#page .ckb-col{flex:0 0 268px;display:flex;flex-direction:column;height:calc(100vh - 342px);min-height:320px;border-radius:8px;background:#2f2f2e;}
#page .ckb-col.over{box-shadow:inset 0 0 0 2px var(--orange,#f28c28);}
#page .ckb-col>header{display:flex;align-items:center;gap:8px;padding:14px 14px 10px;color:#f0eeea;font-size:14px;}
#page .ckb-col>header i{width:9px;height:9px;flex:0 0 9px;border-radius:50%;}
#page .ckb-col>header b{font-weight:600;}
#page .ckb-col>header span{color:#a9a49c;font-weight:600;}
#page .ckb-body{flex:1;min-height:0;display:flex;flex-direction:column;gap:10px;overflow-y:auto;padding:2px 10px 12px;scrollbar-width:thin;scrollbar-color:#5a5a58 transparent;}
#page .ckb-card{flex:0 0 auto;display:flex;flex-direction:column;padding:12px 14px;border:1px solid #4a4a48;border-radius:8px;background:#3a3a39;color:#f0eeea;cursor:pointer;transition:border-color .15s,background-color .15s;}
#page .ckb-card:hover{border-color:#7a756d;background:#3f3f3e;}
#page .ckb-card[draggable="true"]:active{cursor:grabbing;}
#page .ckb-card-top{display:flex;align-items:flex-start;gap:8px;min-width:0;}
#page .ckb-name{flex:1;min-width:0;color:#7fd0c2;font-size:14px;font-weight:600;line-height:1.35;overflow-wrap:anywhere;}
#page .ckb-more{flex:0 0 auto;width:24px;height:22px;margin:-2px -4px 0 0;padding:0;border:0;border-radius:4px;background:transparent;color:#bdb8b0;font-size:15px;line-height:1;cursor:pointer;}
#page .ckb-more:hover{background:#4a4a48;color:#fff;}
#page .ckb-line{margin:6px 0 0;font-size:13px;line-height:1.4;color:#e4e0da;overflow-wrap:anywhere;}
#page .ckb-line+.ckb-line{margin-top:2px;}
#page .ckb-dim{color:#a9a49c!important;}
#page .ckb-sep{height:1px;margin:10px 0;background:#4c4c4a;}
#page .ckb-company{display:flex;align-items:center;gap:8px;min-width:0;font-size:13px;color:#e4e0da;}
#page .ckb-company>span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#page img.ckb-logo,#page .ckb-logo{width:22px;height:22px;flex:0 0 22px;padding:2px;border-radius:50%;}
#page .ckb-logo-empty{display:grid;place-items:center;padding:0;border:1px solid #5d5d5a;background:transparent;color:#a9a49c;}
#page .ckb-logo-empty .hsr-i{width:12px;height:12px;}
#page .ckb-pill{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border:1px solid #5d5d5a;border-radius:4px;color:#e4e0da;font-size:12px;}
#page .ckb-pill .hsr-i{width:13px;height:13px;}
#page .ckb-pill i{font-style:normal;padding-right:6px;border-right:1px solid #5d5d5a;color:#a9a49c;}
#page .ckb-empty{padding:28px 8px;text-align:center;color:#8f8a83;font-size:13px;}
#page .ckb-load{flex:0 0 auto;padding:9px;border:1px dashed #5d5d5a;border-radius:8px;background:transparent;color:#d9d5ce;font:inherit;font-size:13px;cursor:pointer;}
#page .ckb-load:hover{border-color:#7fd0c2;color:#7fd0c2;}
@media(max-width:700px){#page .ckb-col{flex-basis:240px;max-height:calc(100vh - 250px);}}
#page .deal-ckb .ckb-col{height:calc(100vh - 384px);}
#page .ckb-col>header em{margin-left:auto;color:#cfcac3;font-size:12px;font-style:normal;font-weight:500;}
#page .ckb-card-top .ckb-logo{margin-top:-1px;}
#page .ckb-add{display:flex;align-items:center;gap:6px;margin:0 10px 10px;padding:8px 6px;border:0;border-radius:6px;background:transparent;color:#bdb8b0;font:inherit;font-size:13px;cursor:pointer;}
#page .ckb-add .hsr-i{width:14px;height:14px;}
#page .ckb-add:hover{background:#3a3a39;color:#fff;}
#page #company-view:has(.ckb),#page #deal-view:has(.ckb){padding:0;border:0;background:transparent!important;}

/* Equal gutters like HubSpot: 12px between the workspace frame and the bars, 24px inside it on every side. */
.main{padding:62px 12px 12px 200px!important;}
.shell.sidebar-collapsed .main{padding-left:66px!important;}
#page{min-height:calc(100vh - 74px)!important;padding:24px!important;}
#page>.head{padding-top:0!important;}
#page .hsr{height:calc(100vh - 124px);padding-top:0;}
@media(max-width:780px){.main{padding:56px 8px 8px 184px!important;}#page{padding:14px!important;}#page .hsr{height:auto;}}
/* Connect with Microsoft */
.ms-connect{margin:4px 0 14px;}
.ms-btn{display:inline-flex;align-items:center;gap:12px;height:42px;padding:0 18px;border:1px solid #8c8c8c;border-radius:4px;background:#fff;color:#5e5e5e;font:600 15px "Segoe UI",Arial,sans-serif;cursor:pointer;}
.ms-btn:hover{background:#f3f3f3;}
.ms-logo{display:grid;grid-template-columns:9px 9px;gap:2px;}
.ms-logo i{width:9px;height:9px;}
.ms-logo i:nth-child(1){background:#f25022;}.ms-logo i:nth-child(2){background:#7fba00;}.ms-logo i:nth-child(3){background:#00a4ef;}.ms-logo i:nth-child(4){background:#ffb900;}
.ms-status{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid #4f6a4a;border-radius:8px;background:#2f3a2d;}
.ms-status>div{flex:1;min-width:0;}
.ms-status b{display:block;color:#e6f2e2;}
.ms-status small{color:#c3d1bf;overflow-wrap:anywhere;}
.ms-dot{width:10px;height:10px;flex:0 0 10px;border-radius:50%;background:#5cc46b;box-shadow:0 0 0 3px #5cc46b33;}
.ms-dot.err{background:#e0645a;box-shadow:0 0 0 3px #e0645a33;}
.mb-head{display:flex;flex-direction:column;gap:3px;margin:0 0 10px;}
.mb-head b{color:#f0eeea;font-size:14px;}
.mb-head small{color:#a9a49c;font-size:12px;}
.mb-empty{margin:0 0 12px;padding:16px;border:1px dashed #5d5d5a;border-radius:8px;color:#a9a49c;font-size:13px;text-align:center;}
.mb-setup{margin:0 0 12px;font-size:12px;}
.mb-list{display:flex;flex-direction:column;gap:8px;margin-bottom:12px;}
.mb-row{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:10px 12px;border:1px solid #4a4a48;border-radius:8px;background:#363635;}
.mb-row.off{opacity:.6;}
.mb-who{flex:1 1 220px;min-width:0;}
.mb-who b{display:block;color:#f0eeea;overflow-wrap:anywhere;}
.mb-who small{color:#bdb8b0;}
.mb-err{color:#f0a49a;}
.mb-limit{display:flex;align-items:center;gap:6px;margin:0;color:#bdb8b0;font-size:12px;}
.mb-limit .in{width:76px;height:32px;}
.mb-active{margin:0;font-size:13px;}
.mb-pick{display:flex;flex-direction:column;gap:6px;margin-top:8px;}
.mb-pick-row{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid #4a4a48;border-radius:6px;cursor:pointer;}
.mb-pick-row:has(input:checked){border-color:var(--orange,#f28c28);background:#3a332b;}
.mb-pick-row.off{opacity:.55;}
.mb-pick-row span{display:flex;flex-direction:column;min-width:0;}
.mb-pick-row b{overflow-wrap:anywhere;}
.mb-pick-row small{color:#a9a49c;font-size:12px;}
.seq-senders{border-bottom:1px solid var(--line,#4a4a48);}
.composer-from{height:32px;max-width:100%;font-size:13px;}
.ms-advanced{margin:6px 0 10px;padding:10px 12px;border:1px solid #4a4a48;border-radius:8px;}
.ms-advanced summary{cursor:pointer;color:#cfcac3;font-size:13px;}
.ms-advanced[open] summary{margin-bottom:10px;}
.hs-import-help{margin-bottom:14px;color:#cfcac3;font-size:13px;line-height:1.6;}
.hs-import-help p{margin:0 0 8px;}
.hs-import-help ol{margin:0;padding-left:20px;}
.hs-import-help li{margin:3px 0;}
#hs-import-result .alert{line-height:1.7;}
#hs-import-result details{margin-top:8px;}
#page .hsr-tag{display:inline-block;margin-top:7px;padding:2px 7px;border:1px solid #5a5a57;border-radius:3px;background:#3f3f3e;color:var(--hsr-text);font-size:12px;}
#page .hsr-empty{padding:18px 4px;color:var(--hsr-muted);font-size:14px;text-align:center;}
#page .hsr-view-all{display:inline-flex;align-items:center;gap:6px;margin:0 22px 22px;padding:0;border:0;background:transparent;color:var(--hsr-link);font:inherit;font-size:14px;font-weight:600;cursor:pointer;}
#page .hsr-view-all .hsr-i{width:14px;height:14px;}
#page .hsr-view-all:hover{text-decoration:underline;}
#page .hsr .record-documents{font-size:14px;}
/* Company logos: round white badges like HubSpot, reused on records, association cards and boards. */
#page img.company-logo{display:block;flex:0 0 auto;box-sizing:border-box;object-fit:contain;border-radius:50%;background:#fff;}
#page .hsr-avatar img.company-logo{width:100%;height:100%;padding:5px;}
#page img.hsr-mini-logo{width:24px;height:24px;padding:2px;}
#page .company-card-head img.company-card-logo{width:24px;height:24px;flex:0 0 24px;margin-right:8px;padding:2px;border-radius:50%;background:#fff;}
#page .company-card-head img.company-card-logo+b{flex:1;min-width:0;text-align:left;}
#page .hsr-initials{color:var(--hsr-text);font-size:16px;font-weight:600;}
#page .hsr-subline{padding:8px 22px 0;}
#page .hsr-subline>p{margin:0 0 4px;color:var(--hsr-text);font-size:14px;}
#page .hsr-subline .hsr-domain{padding:2px 0 0;}
#page .hsr-flags{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px;}
#page .hsr .deal-record-stage-row{display:flex;align-items:center;gap:10px;margin-top:10px;}
#page .hsr .deal-record-stage-row .btn{height:30px;min-height:30px;padding:0 12px;border-radius:4px;font-size:13px;}
#page .hsr-revenue{padding:22px;}
#page .hsr-revenue>small{color:var(--hsr-muted);font-size:14px;}
#page .hsr-revenue>h2{margin:4px 0 16px;color:var(--hsr-text);font-size:28px;font-weight:600;}
#page .hsr-revenue-row{display:grid;grid-template-columns:minmax(0,1fr) auto 120px;gap:16px;align-items:center;padding:12px 0;border-top:1px solid var(--hsr-line);cursor:pointer;}
#page .hsr-revenue-row>span:last-child{color:var(--hsr-muted);text-align:right;}
@media(max-width:1400px){#page .hsr{grid-template-columns:340px minmax(0,1fr) 360px;}}
@media(max-width:1100px){
 #page .hsr{grid-template-columns:minmax(0,1fr);height:auto;gap:16px;}
 #page .hsr-col{height:auto;overflow:visible;padding-right:0;}
 #page .hsr-center{order:3;padding-left:0;}
}
@media(max-width:560px){
 #page details.hsr-card>summary{flex-wrap:wrap;min-height:56px;padding:12px 14px;}
 #page .hsr-card-title b{white-space:normal;font-size:16px;}
 #page .hsr-head-bar,#page .hsr-identity,#page .hsr-domain,#page .hsr-fields,#page .hsr-card-body{padding-left:14px;padding-right:14px;}
 #page .hsr-identity h1{font-size:18px;}
 #page .hsr-quick{grid-template-columns:repeat(3,1fr);row-gap:14px;}
 #page .hsr-tabs{grid-auto-flow:row;grid-template-columns:repeat(2,1fr);}
 #page .hsr-tabs-row{flex-direction:column;}
 #page .hsr .activity-search{width:100%;}
}