:root{color-scheme:dark;--ink:#050810;--night:#080d16;--nav:#0b111d;--panel:#111827;--panel-hi:#171f31;--field:#0b1220;--text:#f7f8fb;--muted:#aeb5c7;--line:#2a344d;--line-soft:#212a3e;--gold:#bf8f2f;--gold-hi:#f1d37a;--gold-low:#805c16;--green:#078b46;--green-hi:#15b866;--burgundy:#7b2435;--burgundy-hi:#aa3d52;--blue:#42b6dd;--purple:#8f7ff7;--amber:#d18c29}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:var(--ink);color:var(--text);font:15px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,select{font:inherit}.topbar{height:78px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:28px;padding:0 30px;border-bottom:1px solid var(--line-soft);background:rgba(6,9,16,.98);position:sticky;top:0;z-index:50}.brand{display:flex;align-items:center;gap:16px;text-decoration:none}.brand img{width:184px;height:50px;object-fit:contain;object-position:left}.brand span{font-size:11px;font-weight:850;letter-spacing:.24em;color:#bbb5d9}.top-tabs{height:100%;display:flex;justify-content:center;align-items:stretch;gap:4px}.top-tabs a{display:flex;align-items:center;padding:0 12px;color:#aeb4c3;text-decoration:none;font-size:13px;font-weight:700;border-bottom:2px solid transparent}.top-tabs a:hover,.top-tabs a.active{color:#fff;border-bottom-color:var(--gold)}.top-actions,.account{display:flex;align-items:center;gap:15px}.account{color:var(--muted);font-size:13px}.system-ready{display:flex;align-items:center;gap:7px;color:#85d7aa;font-size:10px;font-weight:850;letter-spacing:.12em}.system-ready i{width:7px;height:7px;border-radius:50%;background:#2dd27d;box-shadow:0 0 12px #2dd27d}.text-button{padding:8px 0;border:0;background:none;color:#d6d9e2;cursor:pointer}.shell{width:100%}.app-layout{display:grid;grid-template-columns:250px minmax(0,1fr);min-height:calc(100vh - 78px)}.sidebar{padding:30px 12px;background:var(--nav);border-right:1px solid var(--line-soft)}.sidebar-title,.nav-section{padding:0 14px;color:#6f788c;font-size:10px;font-weight:850;letter-spacing:.16em}.sidebar-title{margin-bottom:16px;color:var(--gold-hi)}.nav-section{margin:25px 0 8px}.sidebar nav{display:flex;flex-direction:column;gap:5px}.nav-item{min-height:44px;display:flex;align-items:center;gap:11px;padding:10px 13px;border-radius:8px;color:#d5d9e4;text-decoration:none;font-weight:650}.nav-item:hover{background:#151d2d}.nav-item.active{background:linear-gradient(90deg,#2f315f,#494878);color:#fff}.nav-icon{width:18px;text-align:center;color:#d6c987}.counter{margin-left:auto;min-width:22px;padding:2px 6px;border-radius:99px;text-align:center;background:#242c3f;color:#aeb6c9;font-size:10px}.content{min-width:0;padding:44px clamp(24px,3.5vw,58px) 72px;background:radial-gradient(circle at 72% -8%,rgba(67,75,131,.12),transparent 32%),var(--night)}.content-heading,.section-title,.panel-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:22px}.content-heading{margin-bottom:28px}.content-heading h1{margin:8px 0 6px;font-size:36px;line-height:1.14;letter-spacing:-.03em;font-weight:630}.content-heading p,.panel p{margin:0;color:var(--muted)}.eyebrow{color:var(--gold-hi);font-size:10px;font-weight:900;letter-spacing:.19em}.work-controls{display:flex;align-items:flex-end;gap:12px}.work-controls label{color:#8f97aa;font-size:10px;font-weight:800;letter-spacing:.09em}.work-controls select{min-width:180px;margin-top:6px;padding:9px 34px 9px 11px}.live-badge,.record-state,.required-note{white-space:nowrap;border-radius:99px;padding:8px 12px;font-size:10px;font-weight:850;letter-spacing:.08em}.live-badge{color:#83dfad;background:#102d24;border:1px solid #1f654c}.record-state{color:#c9cfdb;background:#222a3d}.required-note{color:#dfc579;background:#2a2416}.panel,.metric,.sso-card{border:1px solid var(--line);background:linear-gradient(145deg,var(--panel-hi),var(--panel));box-shadow:0 14px 38px rgba(0,0,0,.2)}.panel{border-radius:15px;padding:28px}.panel h2,.modal h2{margin:5px 0 6px;font-size:25px;letter-spacing:-.02em}.sso-card{max-width:620px;margin:12vh auto;padding:46px;border-radius:16px}.sso-card h1{font-size:34px;margin:9px 0}.sso-card p{color:var(--muted);margin-bottom:28px}.button,button{border:0;border-radius:9px;padding:12px 18px;font-weight:800;cursor:pointer}.primary{background:linear-gradient(135deg,var(--gold-hi) 0%,#d8b251 38%,var(--gold) 72%,var(--gold-low) 125%);color:#151006;box-shadow:0 8px 22px rgba(191,143,47,.2)}.secondary{background:#29334b;color:#f4f5f9;border:1px solid #465372}.call{background:linear-gradient(135deg,var(--green-hi),var(--green));color:#fff;box-shadow:0 8px 22px rgba(7,139,70,.2)}.hangup{background:linear-gradient(135deg,var(--burgundy-hi),var(--burgundy));color:#fff}.ghost{background:#151c2b;color:#fff;border:1px solid #39445e}.danger{border-color:#703143;color:#efb2bd}.primary:disabled,.call:disabled,.hangup:disabled{opacity:.42;cursor:not-allowed;box-shadow:none}input,select{width:100%;display:block;margin-top:7px;padding:12px 13px;border:1px solid #35415d;border-radius:8px;background:var(--field);color:#fff;outline:0}input:focus,select:focus{border-color:#887bc9;box-shadow:0 0 0 3px rgba(136,123,201,.13)}form label{display:block;margin:16px 0 7px;color:var(--muted);font-size:13px}.password-panel{margin-bottom:22px}.password-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.password-grid input{margin:0}.workspace-row{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(290px,.75fr);gap:22px;margin-bottom:22px}.phone-panel,.presence-panel{min-height:255px}.dial-label{display:block;margin-top:25px;color:var(--muted);font-size:12px}.dial-label input{font-size:23px;letter-spacing:.035em}.status{padding:7px 11px;border-radius:99px;background:#222b3e;color:#bcc3d3;font-size:11px}.status[data-tone=online]{background:#11372c;color:#8be1b6}.status[data-tone=active],.status[data-tone=ringing]{background:#40341a;color:#f2d788}.call-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:13px}.call-actions button{padding:15px}.presence-panel button{width:100%;margin-top:15px}.incoming{margin-top:14px;padding:15px;border:1px solid var(--gold);border-radius:9px;background:#282316}.incoming>div{display:flex;gap:9px;margin-top:10px}.customer-panel{margin-bottom:22px}.customer-grid{display:grid;grid-template-columns:1.1fr 1fr 1.4fr 1fr 1fr 1fr;gap:1px;margin-top:21px;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--line)}.customer-grid div{min-width:0;padding:15px 16px;background:#111827}.customer-grid small,.metric small{display:block;margin-bottom:5px;color:#9099ad;font-size:9px;font-weight:850;letter-spacing:.12em}.customer-grid strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.campaign-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:22px;margin-bottom:22px}.segmented{display:flex;padding:3px;border-radius:9px;background:#0d1320}.segmented button{padding:7px 12px;background:transparent;color:#959daf}.segmented button.active{background:#37355e;color:white}.package-content{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:21px}.package-content article{padding:19px;border:1px solid #303b55;border-radius:11px;background:#101725}.package-content small{color:var(--gold-hi);font-size:9px;font-weight:900;letter-spacing:.13em}.package-content h3{margin:8px 0;font-size:17px}.package-content p,.script-copy p{color:#bbc1cf;font-size:13px}.script-panel select{width:190px;margin:0}.script-copy{margin-top:20px;padding:5px 19px;border-left:3px solid var(--gold);background:#101725;border-radius:0 10px 10px 0}.script-copy p{margin:13px 0}.manager-note{padding-top:12px;border-top:1px solid #2a3449;color:#dfc77c!important}.disposition-panel{margin-bottom:22px}.disposition-rail{display:grid;grid-template-columns:repeat(7,minmax(110px,1fr));gap:9px;margin-top:20px}.disp{padding:13px 10px;border:1px solid #3a455f;background:#182033;color:#eef0f6}.disp.success{border-color:#1b744c;background:#123526}.disp.callback{border-color:#9d792a;background:#332a17}.disp.email{border-color:#347c95;background:#132f39}.disp.language{border-color:#595095;background:#25233f}.disp.dnc{border-color:#7d3041;background:#321923}.detail-choice{display:flex;align-items:center;gap:17px;margin-top:14px;padding:14px 16px;border-radius:9px;background:#0e1523;border:1px solid #303a53}.detail-choice label{display:flex;align-items:center;gap:6px}.detail-choice input{width:auto;margin:0}.detail-choice select{width:auto;min-width:230px;margin:0}.performance-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.metric{padding:18px;border-radius:12px;border-top:2px solid #4e5d80}.metric:nth-child(2){border-top-color:var(--blue)}.metric:nth-child(3){border-top-color:#27bc87}.metric:nth-child(4){border-top-color:var(--purple)}.metric:nth-child(5){border-top-color:var(--amber)}.metric.commission{border-top-color:var(--gold)}.metric strong{font-size:21px}.admin-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(330px,.85fr);gap:22px}.advisor-list{margin-top:18px;border-top:1px solid var(--line)}.advisor-list label{display:flex;align-items:center;justify-content:space-between;padding:15px 3px;border-bottom:1px solid var(--line)}.advisor-list small{display:block;color:var(--muted)}.advisor-list input{appearance:none;width:43px;height:23px;margin:0;border-radius:99px;background:#30394f;position:relative}.advisor-list input:after{content:"";position:absolute;width:17px;height:17px;top:2px;left:3px;border-radius:50%;background:#fff;transition:.2s}.advisor-list input:checked{background:var(--green)}.advisor-list input:checked:after{left:21px}.create-panel .primary{width:100%;margin-top:12px}.temporary-login{margin-top:18px;padding:14px;border-left:4px solid var(--gold);background:#292316;border-radius:8px}.temporary-login code{display:block;margin-top:9px;padding:11px;background:#080d17;white-space:pre-wrap}.alert{position:fixed;top:90px;right:22px;z-index:80;max-width:440px;padding:13px 17px;border:1px solid #9a4557;border-radius:9px;background:#4d202a}.modal{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:20px;background:rgba(2,4,9,.82);backdrop-filter:blur(8px)}.modal-card{position:relative;width:min(610px,100%);padding:42px;border:1px solid #56617a;border-radius:18px;background:linear-gradient(145deg,#192235,#0f1624);box-shadow:0 32px 90px #000}.modal-card p{color:#bbc2d0}.modal-close{position:absolute;right:15px;top:13px;padding:5px 11px;background:none;color:#aeb5c6;font-size:24px}.welcome-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:24px 0}.welcome-steps span{display:flex;align-items:center;gap:8px;padding:12px;border:1px solid #34405a;border-radius:9px;color:#d8dbe4;font-size:12px}.welcome-steps b{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,var(--gold-hi),var(--gold-low));color:#171005}.modal-card>.primary{width:100%;margin-bottom:11px}.modal-card>small{display:block;text-align:center;color:#80899b}
@media(max-width:1260px){.top-tabs a:nth-child(4),.top-tabs a:nth-child(5){display:none}.customer-grid{grid-template-columns:repeat(3,1fr)}.performance-grid{grid-template-columns:repeat(3,1fr)}.disposition-rail{grid-template-columns:repeat(4,1fr)}}
@media(max-width:980px){.topbar{grid-template-columns:auto 1fr}.top-tabs{display:none}.app-layout{grid-template-columns:1fr}.sidebar{display:none}.content{padding:30px 22px}.workspace-row,.campaign-grid,.admin-grid{grid-template-columns:1fr}.package-content{grid-template-columns:1fr}}
@media(max-width:680px){.topbar{height:70px;padding:8px 14px}.brand img{width:143px}.brand span,.system-ready,#identity{display:none}.content{padding:24px 12px}.content-heading{display:block}.content-heading h1{font-size:29px}.work-controls{margin-top:18px;justify-content:space-between}.panel{padding:21px}.password-grid,.customer-grid,.performance-grid,.disposition-rail{grid-template-columns:1fr 1fr}.customer-grid div:last-child{grid-column:1/-1}.package-content{grid-template-columns:1fr}.section-title{display:block}.segmented,.script-panel select{width:100%;margin-top:15px}.detail-choice{align-items:stretch;flex-direction:column}.welcome-steps{grid-template-columns:1fr}.modal-card{padding:32px 23px}}

.system-ready[data-tone="starting"]{color:#d9c680}.system-ready[data-tone="starting"] i{background:#d1a43d;box-shadow:0 0 12px #d1a43d}.system-ready[data-tone="attention"]{color:#f0aeb9}.system-ready[data-tone="attention"] i{background:#cf4058;box-shadow:0 0 12px #cf4058}

.sentinel-security{grid-column:1/-1;border-color:#4b4560;background:radial-gradient(circle at 95% 0,rgba(191,143,47,.13),transparent 32%),linear-gradient(145deg,#151d2d,#0c1320)}.sentinel-security-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:22px 0}.sentinel-summary-card{padding:15px;border:1px solid #35415b;border-radius:10px;background:#0a1220}.sentinel-summary-card small{display:block;color:#929db2;font-size:9px;font-weight:850;letter-spacing:.1em}.sentinel-summary-card strong{display:block;margin-top:5px;color:#f7f8fb}.sentinel-summary-card[data-tone="healthy"]{border-color:#246a4e}.sentinel-summary-card[data-tone="attention"]{border-color:#8e3548}.sentinel-security-columns{display:grid;grid-template-columns:1fr 1fr;gap:22px}.sentinel-security-columns h3{margin:0 0 10px}.sentinel-check-list,.sentinel-incident-list{display:grid;gap:8px}.sentinel-check,.sentinel-incident{display:grid;grid-template-columns:auto 1fr;gap:10px;padding:11px 12px;border:1px solid #2e3951;border-radius:8px;background:#0b1321}.sentinel-check i,.sentinel-incident i{width:9px;height:9px;margin-top:6px;border-radius:50%;background:#2dc67a;box-shadow:0 0 10px rgba(45,198,122,.5)}.sentinel-check[data-ok="false"] i,.sentinel-incident i{background:#cf4058;box-shadow:0 0 10px rgba(207,64,88,.5)}.sentinel-check strong,.sentinel-incident strong{display:block}.sentinel-check small,.sentinel-incident small{display:block;color:#9ba5b9}.sentinel-security-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:20px;padding-top:16px;border-top:1px solid #2b354b;color:#aab3c5}@media(max-width:820px){.sentinel-security-summary{grid-template-columns:1fr 1fr}.sentinel-security-columns{grid-template-columns:1fr}.sentinel-security-footer{align-items:stretch;flex-direction:column}.sentinel-security-footer button{width:100%}}

.campaign-membership-panel{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 24px}.campaign-membership-panel h2{font-size:20px}.campaign-membership-controls{display:grid;grid-template-columns:minmax(210px,1fr) auto auto;align-items:end;gap:10px;min-width:min(100%,620px)}.campaign-membership-controls label{grid-column:1;color:var(--muted);font-size:11px;font-weight:800;letter-spacing:.08em}.campaign-membership-controls select{grid-column:1;margin:0}.campaign-membership-controls .status{grid-column:2/-1;grid-row:1;justify-self:end}.campaign-membership-controls button{grid-row:2;white-space:nowrap}.campaign-membership-controls button:not([hidden]){display:block}
@media(max-width:900px){.campaign-membership-panel{align-items:stretch;flex-direction:column}.campaign-membership-controls{width:100%;min-width:0}}
@media(max-width:600px){.campaign-membership-controls{grid-template-columns:1fr}.campaign-membership-controls label,.campaign-membership-controls select,.campaign-membership-controls .status,.campaign-membership-controls button{grid-column:1;grid-row:auto}.campaign-membership-controls .status{justify-self:start}}

.mapping-review-banner{margin:20px 0 14px;padding:18px 20px;border:1px solid #4c5b78;border-radius:12px;background:linear-gradient(145deg,#172239,#101725)}.mapping-review-banner h3{margin:5px 0;font-size:20px}.mapping-review-warning{margin-bottom:14px;padding:13px 15px;border-left:4px solid var(--gold);border-radius:0 9px 9px 0;background:#282316;color:#d9dce5}.mapping-review-warning strong{color:var(--gold-hi)}.mapping-review-table{max-height:360px;overflow:auto;border:1px solid var(--line);border-radius:11px}.mapping-review-table .mapping-table{margin:0}.mapping-review-table thead{position:sticky;top:0;z-index:1;background:#111a2a}.custom-mapping-value{color:var(--gold-hi);font-weight:800}
.lead-import-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:18px 0}.lead-import-steps span{display:flex;align-items:center;gap:9px;padding:11px 13px;border:1px solid #39465e;border-radius:9px;background:#0d1523;color:#8e9aae;font-size:11px;font-weight:800}.lead-import-steps b{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#263249;color:#c8d0de}.lead-import-steps span.active{border-color:#19b968;color:#fff;background:#102b20}.lead-import-steps span.active b{background:#19b968;color:#07140d}.lead-purchase-entry{margin:18px 0;padding:20px;border:1px solid #40506a;border-radius:14px;background:linear-gradient(145deg,#172130,#0b121d)}.lead-purchase-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:15px}.lead-purchase-heading h3{margin:4px 0 0}.lead-purchase-grid{display:grid;grid-template-columns:1.3fr .8fr .8fr;gap:12px}.lead-purchase-grid label,.new-lead-provider-fields label{margin:0;color:#b7c1d1;font-size:11px;font-weight:800}.lead-purchase-grid label small{display:block;color:#7f8ca0;font-weight:600}.new-lead-provider-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px;padding-top:12px;border-top:1px solid #2c394f}.csv-upload-zone{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,.7fr) auto;align-items:end;gap:12px;margin-top:18px;padding:16px;border:1px dashed #4b627b;border-radius:11px;background:#09111c}.csv-upload-zone>div{display:grid;gap:3px}.csv-upload-zone strong{color:#39ff88;font-size:11px;letter-spacing:.1em}.csv-upload-zone span{color:#9eabbf;font-size:11px}.csv-file-picker{margin:0!important}.csv-file-picker input{height:44px;margin:0}.csv-upload-zone .call{height:44px;background:linear-gradient(135deg,#39ff88,#18b968);color:#07140d}.lead-upload-progress{margin-top:12px;padding:13px;border-radius:10px;background:#0a1420;border:1px solid #2d4d43}.lead-upload-progress>div:first-child{display:flex;justify-content:space-between;color:#dfe8e3;font-size:11px}.lead-upload-track{height:10px;margin-top:9px;overflow:hidden;border-radius:99px;background:#172236}.lead-upload-track i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#18b968,#39ff88);box-shadow:0 0 18px rgba(57,255,136,.45);transition:width .18s ease}.lead-routing-settings{margin-top:17px}.lead-import-complete{padding:8px 0}.lead-import-complete h3{margin:5px 0 17px;font-size:26px}.lead-import-result-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.lead-import-result-grid article{padding:16px;border:1px solid #3b475d;border-radius:11px;background:#101827}.lead-import-result-grid article.success,.lead-import-result-grid article.economics{border-color:#1c8d57;background:#0e2b20}.lead-import-result-grid small{display:block;color:#929eb2;font-size:9px;font-weight:900;letter-spacing:.09em}.lead-import-result-grid strong{display:block;margin-top:7px;font-size:21px}.lead-import-provider-log-status{margin:14px 0;padding:12px 14px;border-left:4px solid #39ff88;background:#10231c;color:#ccebdd}.lead-additional-question{display:grid;gap:3px;margin-top:16px;padding-top:16px;border-top:1px solid #303c51}.lead-additional-question span{color:#929db0;font-size:12px}
.founder-welcome{margin:18px 0 2px;color:#eef0f6!important;font-size:14px;line-height:1.65}.founder-signature{margin:0 0 15px!important;color:var(--gold-hi)!important;font-weight:800}.welcome-quote{margin:16px 0 21px;padding:15px 17px;border:1px solid #4b4129;border-left:4px solid var(--gold);border-radius:0 9px 9px 0;background:#141620;color:#f0d985;font-size:14px;font-style:italic}.welcome-quote cite{display:block;margin-top:5px;color:#aeb5c7;font-size:11px;font-style:normal}.welcome-note{margin:0 0 22px;padding:13px 15px;border-left:3px solid var(--gold);border-radius:0 8px 8px 0;background:#101725;color:#c8cedb!important;font-size:12px}.welcome-note strong{color:var(--gold-hi)}
.performance-grid{margin-bottom:22px}.analytics-panel{margin:0 0 22px}.report-filters{display:flex;gap:9px;align-items:center}.report-filters select{width:150px;margin:0}.chart-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:22px}.chart-card{border:1px solid #303a50;border-radius:13px;background:#101722;padding:18px;overflow:hidden}.chart-card>div{display:flex;justify-content:space-between;gap:15px;color:#f2f4f8;text-transform:uppercase;letter-spacing:.07em}.chart-card b{color:#35c7bd;font-size:12px}.chart-card svg{display:block;width:100%;height:auto;margin:12px 0 4px}.chart-card small{color:#8f98aa}.grid-lines path{stroke:#2b3447;stroke-width:1}.chart-line{fill:none;stroke-width:4;stroke-linecap:round}.chart-line.cyan{stroke:#32c6c0}.chart-line.blue{stroke:#398ed0}.chart-line.teal{stroke:#2bc3b1}.chart-area{fill:url(#talk-fill)}.campaign-admin{min-height:300px}.admin-action-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:22px}.rule-row{display:flex;justify-content:space-between;gap:20px;padding:15px 0;border-bottom:1px solid #30394e}.rule-row span{color:#aeb6c6;text-align:right}.full{width:100%;margin-top:20px}@media(max-width:900px){.chart-grid{grid-template-columns:1fr}.report-filters{margin-top:14px;flex-wrap:wrap}.admin-action-grid{grid-template-columns:1fr}}

[hidden] { display: none !important; }
/* Vivid red controls */
:root{--burgundy:#650000;--burgundy-hi:#ff1717}
.hangup,.danger{background:linear-gradient(135deg,#ff1717 0%,#650000 100%);color:#fff;border:0;outline:0;box-shadow:0 8px 22px rgba(150,0,0,.38)}
.disp.dnc{background:linear-gradient(135deg,#ff1717 0%,#650000 100%);color:#fff;border:0;outline:0}
.alert{background:linear-gradient(135deg,#d60000 0%,#650000 100%);color:#fff;border:0;outline:0;box-shadow:0 8px 22px rgba(150,0,0,.38)}
.hangup:disabled,.danger:disabled{opacity:1!important;filter:none!important;background:linear-gradient(135deg,#ff1717 0%,#650000 100%)!important;color:#fff!important;border:0!important;outline:0!important;box-shadow:none!important;cursor:not-allowed}


/* Travel Empire saturated disposition gradients */
.disposition-rail{
  grid-template-columns:repeat(8,minmax(110px,1fr));
  gap:11px;
}

.disp{
  min-height:52px;
  border:0!important;
  outline:0!important;
  color:#fff!important;
  font-weight:900;
  letter-spacing:.015em;
  text-shadow:0 2px 3px rgba(0,0,0,.75);
  box-shadow:
    0 9px 20px rgba(0,0,0,.48),
    inset 0 1px 0 rgba(255,255,255,.16);
  transition:transform .16s ease,box-shadow .16s ease,filter .16s ease;
}

.disp.not-interested{
  background:linear-gradient(135deg,#526071 0%,#111722 100%)!important;
}

.disp.dnc{
  background:linear-gradient(135deg,#ff1717 0%,#650000 100%)!important;
}

.disp.callback{
  background:linear-gradient(135deg,#ffb000 0%,#743b00 100%)!important;
}

.disp.no-answer{
  background:linear-gradient(135deg,#168ce0 0%,#06345d 100%)!important;
}

.disp.email{
  background:linear-gradient(135deg,#00b8d4 0%,#03475f 100%)!important;
}

.disp.voicemail{
  background:linear-gradient(135deg,#6445ff 0%,#281369 100%)!important;
}

.disp.language{
  background:linear-gradient(135deg,#d52cff 0%,#521069 100%)!important;
}

.disp.success{
  background:linear-gradient(135deg,#18ce72 0%,#05572d 100%)!important;
}

.disp:hover{
  transform:translateY(-3px);
  filter:saturate(1.18) brightness(1.08);
  box-shadow:
    0 14px 28px rgba(0,0,0,.62),
    inset 0 1px 0 rgba(255,255,255,.22);
}

.disp:active{
  transform:translateY(1px);
  box-shadow:0 5px 12px rgba(0,0,0,.5);
}

.disp:focus-visible{
  box-shadow:
    0 12px 25px rgba(0,0,0,.58),
    0 0 0 2px #fff;
}

@media(max-width:1200px){
  .disposition-rail{
    grid-template-columns:repeat(4,minmax(120px,1fr));
  }
}
/* End disposition gradients */


/* Brushed nickel 3D dispositions */
.disp{
  --metal-light:#f7f8fa;
  --metal-dark:#555c66;
  --accent:#526071;
  --accent-dark:#111722;
  --edge:#252b34;

  position:relative;
  min-height:54px;
  border:2px solid transparent!important;
  border-radius:11px;
  outline:0!important;
  color:#fff!important;
  font-weight:950;
  letter-spacing:.02em;
  text-shadow:0 2px 3px rgba(0,0,0,.9);

  background:
    linear-gradient(
      180deg,
      rgba(255,255,255,.55) 0%,
      rgba(255,255,255,.12) 20%,
      rgba(0,0,0,.08) 48%,
      rgba(0,0,0,.48) 100%
    ) padding-box,
    repeating-linear-gradient(
      90deg,
      rgba(255,255,255,.07) 0 1px,
      rgba(0,0,0,.06) 1px 3px
    ) padding-box,
    linear-gradient(
      135deg,
      var(--accent) 0%,
      var(--accent-dark) 100%
    ) padding-box,
    linear-gradient(
      135deg,
      #fafafa 0%,
      #707782 18%,
      #e7e9ec 38%,
      #686f79 58%,
      #f4f5f6 78%,
      #525862 100%
    ) border-box!important;

  box-shadow:
    0 5px 0 var(--edge),
    0 13px 22px rgba(0,0,0,.65),
    inset 0 2px 1px rgba(255,255,255,.58),
    inset 0 -8px 12px rgba(0,0,0,.35);

  transform:perspective(400px) rotateX(3deg);
  transition:transform .16s ease,box-shadow .16s ease,filter .16s ease;
}

.disp.not-interested{
  --accent:#53616f;
  --accent-dark:#111722;
  --edge:#252b32;
}

.disp.dnc{
  --accent:#ff1717;
  --accent-dark:#650000;
  --edge:#420000;
}

.disp.callback{
  --accent:#ffb000;
  --accent-dark:#713700;
  --edge:#472400;
}

.disp.no-answer{
  --accent:#168ce0;
  --accent-dark:#06345d;
  --edge:#03233f;
}

.disp.email{
  --accent:#00bad8;
  --accent-dark:#03475f;
  --edge:#022f3f;
}

.disp.voicemail{
  --accent:#6445ff;
  --accent-dark:#281369;
  --edge:#190c44;
}

.disp.language{
  --accent:#d52cff;
  --accent-dark:#521069;
  --edge:#340941;
}

.disp.success{
  --accent:#18ce72;
  --accent-dark:#05572d;
  --edge:#03391d;
}

.disp:hover{
  transform:perspective(400px) rotateX(0deg) translateY(-4px);
  filter:saturate(1.2) brightness(1.1);
  box-shadow:
    0 7px 0 var(--edge),
    0 18px 30px rgba(0,0,0,.72),
    inset 0 2px 1px rgba(255,255,255,.7),
    inset 0 -8px 12px rgba(0,0,0,.3);
}

.disp:active{
  transform:translateY(4px);
  box-shadow:
    0 1px 0 var(--edge),
    0 5px 10px rgba(0,0,0,.6),
    inset 0 3px 8px rgba(0,0,0,.45);
}
/* End brushed nickel dispositions */

/* EmpireConnection workspace */
.brand span{max-width:170px;overflow:hidden;text-overflow:ellipsis}
.status[data-tone=error]{background:#4b1118;color:#ffb5bd}
.lead-controls{display:flex;align-items:center;justify-content:flex-end;gap:9px;flex-wrap:wrap}
.lead-controls button{padding:9px 13px}
.phone-panel{overflow:visible}
.desk-phone{margin-top:22px;padding:18px;border:1px solid #656b73;border-radius:18px;background:linear-gradient(145deg,#3d4249,#11151a 58%,#30353c);box-shadow:0 8px 0 #07090c,0 24px 42px rgba(0,0,0,.6),inset 0 1px 1px rgba(255,255,255,.25)}
.phone-screen{position:relative;padding:16px 18px 18px;border:2px solid #11161c;border-radius:10px;background:radial-gradient(circle at 70% 20%,rgba(88,158,185,.34),transparent 34%),linear-gradient(145deg,#132c39,#07141b);box-shadow:inset 0 0 18px rgba(0,0,0,.8),0 1px 0 rgba(255,255,255,.17);color:#dff8ff}
.phone-screen:after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:8px;background:repeating-linear-gradient(0deg,rgba(255,255,255,.025) 0 1px,transparent 1px 3px)}
.phone-screen-top{display:flex;justify-content:space-between;gap:20px;color:#7de2c3;font-size:10px;font-weight:900;letter-spacing:.13em}
.phone-screen-top #call-timer{color:#fff;font-size:21px;letter-spacing:.05em}
.phone-screen>strong{display:block;margin:5px 0 9px;color:#f1d37a;font-size:12px;letter-spacing:.15em}
.phone-screen label{display:block;color:#8eb3bf;font-size:9px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}
.phone-screen input{position:relative;z-index:1;margin-top:5px;padding:8px 0;border:0;border-radius:0;background:transparent;color:#fff;box-shadow:none;font-size:24px;letter-spacing:.04em}
.phone-screen input:focus{border:0;box-shadow:none}
.phone-deck{display:grid;grid-template-columns:minmax(310px,1fr) 150px;gap:18px;margin-top:17px;align-items:stretch}
.dial-pad{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.dial-pad button{min-height:53px;padding:5px;border:1px solid #858b93;border-radius:8px;background:linear-gradient(160deg,#fafafa 0%,#a7adb5 18%,#535a63 52%,#15191f 100%);box-shadow:0 5px 0 #080a0d,0 9px 13px rgba(0,0,0,.55),inset 0 2px 1px rgba(255,255,255,.9);color:#fff;text-shadow:0 2px 2px #000;transition:.12s transform,.12s box-shadow}
.dial-pad button:hover{filter:brightness(1.14);transform:translateY(-2px);box-shadow:0 7px 0 #080a0d,0 12px 18px rgba(0,0,0,.6),inset 0 2px 1px #fff}
.dial-pad button:active{transform:translateY(4px);box-shadow:0 1px 0 #080a0d,inset 0 3px 7px rgba(0,0,0,.7)}
.dial-pad b{font-size:19px}.dial-pad small{display:block;margin-top:-2px;color:#d6d9dd;font-size:7px;letter-spacing:.08em}
.phone-action-stack{position:relative;display:grid;grid-template-rows:auto 1fr 1fr;gap:12px}
.phone-action-stack>button{min-height:58px;border:1px solid rgba(255,255,255,.25);color:#fff;text-shadow:0 2px 2px rgba(0,0,0,.8);box-shadow:0 5px 0 rgba(0,0,0,.55),0 10px 18px rgba(0,0,0,.45),inset 0 2px 1px rgba(255,255,255,.28)}
.phone-action-stack>button:active{transform:translateY(4px);box-shadow:0 1px 0 rgba(0,0,0,.7),inset 0 4px 8px rgba(0,0,0,.5)}
.phone-action-stack button span{display:block;font-size:10px;letter-spacing:.08em}
.phone-to{background:linear-gradient(145deg,#8b5cff,#261068)}
.phone-call{background:linear-gradient(145deg,#23e784,#055b30)}
.phone-end{background:linear-gradient(145deg,#ff2020,#620000)}
.phone-action-stack>button:disabled{opacity:.38;filter:grayscale(.5);cursor:not-allowed}
.to-panel{position:absolute;right:calc(100% + 12px);top:0;z-index:30;width:310px;padding:15px;border:1px solid #6c608e;border-radius:12px;background:linear-gradient(145deg,#272446,#101522);box-shadow:0 18px 40px rgba(0,0,0,.72)}
.to-panel>strong{display:block;margin-bottom:9px;color:#f1d37a}.to-panel>small{display:block;margin-top:9px;color:#8992a5}
#to-list{display:grid;gap:7px}.to-person{display:flex;justify-content:space-between;gap:10px;padding:10px;text-align:left;background:#171e2d;color:#fff;border:1px solid #39445d}.to-person small{color:#98a1b4}.to-person.available{border-color:#168655;background:linear-gradient(135deg,#164e37,#0e271f)}.to-person.busy{border-color:#8c6b22;background:#332a18}.to-person.offline{opacity:.55}
.package-content,.script-copy{max-height:345px;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding-right:8px}
.package-content{grid-template-columns:1fr;align-content:start}.package-content article{min-height:0}
.package-content::-webkit-scrollbar,.script-copy::-webkit-scrollbar,.mason-transcript::-webkit-scrollbar{width:9px}.package-content::-webkit-scrollbar-thumb,.script-copy::-webkit-scrollbar-thumb,.mason-transcript::-webkit-scrollbar-thumb{border-radius:9px;background:linear-gradient(#d3b45e,#705313)}
.disp.selected{filter:saturate(1.3) brightness(1.13);box-shadow:0 7px 0 var(--edge),0 0 0 3px #fff,0 18px 30px rgba(0,0,0,.72)!important}
.performance-block{margin-bottom:22px}.performance-block .analytics-panel{margin-top:22px}
.commission select{margin:0 0 8px;padding:5px 6px;border:0;background:transparent;color:var(--gold-hi);font-size:9px;font-weight:900;letter-spacing:.07em}
.notes-mason-grid{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:22px;margin-bottom:22px}
.notes-panel textarea{width:100%;margin-top:18px;padding:15px;border:1px solid #35415d;border-radius:10px;background:#09111e;color:#f7f8fb;resize:vertical;outline:0}.notes-panel textarea:focus{border-color:#887bc9;box-shadow:0 0 0 3px rgba(136,123,201,.13)}.notes-panel textarea:disabled{opacity:.5}
.mason-panel{background:radial-gradient(circle at 100% 0,rgba(132,79,232,.2),transparent 30%),linear-gradient(145deg,#1b2033,#111827)}
.mason-transcript{height:145px;margin-top:18px;padding:14px;border:1px solid #3a4160;border-radius:10px;background:#090f1b;color:#bbc4d5;overflow-y:auto;font-size:12px;line-height:1.6}
.mason-quick-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}.mason-quick-actions button{padding:8px 10px;border:1px solid #5d4e89;background:#262141;color:#eee9ff;font-size:11px}
.mason-ask{display:grid;grid-template-columns:1fr auto;gap:9px;margin-top:11px}.mason-ask input{margin:0}.mason-answer{margin-top:12px;padding:14px;border-left:4px solid var(--gold);border-radius:0 9px 9px 0;background:#101725;color:#f1e6ba;white-space:pre-wrap}
.inline-admin-form{display:grid;grid-template-columns:1fr auto;gap:9px;margin-top:18px}.inline-admin-form input{margin:0}
.lead-list-admin{display:grid;gap:12px;margin-top:17px}.lead-list-card{padding:15px;border:1px solid #37425d;border-radius:10px;background:#0d1523}.lead-list-card>div:first-child{display:flex;justify-content:space-between;gap:14px}.lead-list-card>div:first-child span{color:#9ba4b6;font-size:11px}.lead-list-controls{display:grid;grid-template-columns:1fr 1fr 88px auto;gap:8px;margin-top:12px}.lead-list-controls select,.lead-list-controls input{margin:0}.lead-list-controls>label{display:flex;align-items:center;gap:6px;color:#c7ccda}.lead-list-controls input[type=checkbox]{width:auto}.lead-list-assignments{grid-column:1/-1;display:flex;gap:10px;flex-wrap:wrap}.lead-list-assignments label{display:flex;align-items:center;gap:5px;color:#bbc2d1}.lead-list-assignments input{width:auto}.lead-list-controls button{grid-column:1/-1}
.layout-admin{grid-column:1/-1}.layout-admin h3{margin:22px 0 10px;color:#f1d37a;font-size:13px}.layout-field-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.layout-field-grid select{margin:0}.layout-defaults{display:block;margin-top:8px;color:#8993a6}.layout-editor-list{display:grid;gap:8px}.layout-editor-row{display:flex;align-items:center;justify-content:space-between;gap:9px;padding:10px;border:1px solid #35405a;border-radius:9px;background:#0c1422}.layout-editor-row>span{display:flex;gap:5px}.layout-editor-row button{padding:7px 10px;background:#29334b;color:#fff}.disposition-editor-row{display:grid;grid-template-columns:minmax(180px,1fr) 160px auto auto}.disposition-editor-row input,.disposition-editor-row select{margin:0}.remove-layout-item{background:#5b1118!important}.layout-actions{display:flex;gap:9px;margin-top:14px}.layout-admin>#layout-save-status{display:inline-block;margin-top:12px}
.import-card{width:min(1120px,96vw);max-height:92vh;overflow-y:auto}.import-top{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:14px}.import-top label{display:grid;align-content:end;gap:6px;min-width:0;margin:8px 0;color:#b9c3d3;font-size:11px;font-weight:750}.import-top input,.import-top select{width:100%;min-width:0;height:44px;margin:0;box-sizing:border-box}.import-top input[type=file]{padding:7px 9px;color:#b9c3d3}.import-top input[type=file]::file-selector-button{height:28px;margin:-1px 10px -1px -2px;padding:4px 10px;border:1px solid #52627b;border-radius:6px;background:#243149;color:#fff;cursor:pointer}.shared-list-choice{display:flex!important;align-items:center;gap:8px;padding:12px;border:1px solid #35405a;border-radius:9px;background:#0d1523}.shared-list-choice input,.lead-advisor-choices input{width:auto;margin:0}.lead-advisor-choices{display:flex;gap:9px;flex-wrap:wrap;margin:9px 0 16px}.lead-advisor-choices label{display:flex;align-items:center;gap:6px;padding:8px 10px;border:1px solid #35405a;border-radius:8px;background:#101827;color:#d6dbe6}.custom-field-row{display:grid;grid-template-columns:minmax(180px,1.2fr) minmax(140px,.55fr) minmax(220px,1fr) auto;align-items:center;gap:9px;margin:14px 0}.custom-field-row input,.custom-field-row select,.custom-field-row button{height:42px;margin:0;box-sizing:border-box}.custom-field-row button{white-space:nowrap}.mapping-empty{margin:16px 0;padding:22px;border:1px dashed #47536e;border-radius:10px;color:#9ea8bc;text-align:center}.mapping-table{width:100%;margin:14px 0;border-collapse:collapse}.mapping-table th,.mapping-table td{padding:10px;border-bottom:1px solid #303b54;text-align:left}.mapping-table th{color:#f1d37a;font-size:10px;letter-spacing:.08em}.mapping-table select,.mapping-table input{margin:0}.mapping-table input[type=checkbox]{width:auto}.import-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px;margin-top:16px}
@media(max-width:1100px){.phone-deck{grid-template-columns:1fr}.phone-action-stack{grid-template-columns:repeat(3,1fr);grid-template-rows:auto}.to-panel{right:0;top:100%}.notes-mason-grid{grid-template-columns:1fr}.lead-list-controls{grid-template-columns:1fr 1fr}.disposition-editor-row{grid-template-columns:1fr 130px}.disposition-editor-row>span,.disposition-editor-row>.remove-layout-item{grid-row:2}}
@media(max-width:680px){.desk-phone{padding:12px}.phone-deck{grid-template-columns:1fr}.dial-pad{gap:7px}.phone-action-stack{grid-template-columns:repeat(3,1fr)}.to-panel{width:min(310px,85vw)}.lead-controls{justify-content:flex-start;margin-top:12px}.layout-field-grid,.import-top{grid-template-columns:1fr}.lead-list-controls,.disposition-editor-row{grid-template-columns:1fr}.mason-ask{grid-template-columns:1fr}.brand span{display:none}}
/* End EmpireConnection workspace */

/* EmpireInsights Lead Command Center */
.lead-command-center{grid-column:1/-1;padding:32px;background:radial-gradient(circle at 96% 0,rgba(191,143,47,.17),transparent 28%),linear-gradient(145deg,#171f2d,#080d15 72%);box-shadow:0 20px 55px rgba(0,0,0,.48),inset 0 1px rgba(255,255,255,.05)}
.lead-command-heading{align-items:center}.lead-command-heading .primary{white-space:nowrap}
.lead-stat-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-top:24px}
.lead-stat-grid article{position:relative;overflow:hidden;padding:16px;border:1px solid #3f485a;border-radius:10px;background:linear-gradient(145deg,#252d39,#0b1018);box-shadow:0 7px 0 #05080d,0 13px 24px rgba(0,0,0,.45),inset 0 1px rgba(255,255,255,.15)}
.lead-stat-grid article:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,#f4db88,#9b6a13)}
.lead-stat-grid article.warning:before{background:linear-gradient(90deg,#ff1717,#650000)}
.lead-stat-grid small{display:block;color:#9099aa;font-size:9px;font-weight:900;letter-spacing:.1em}.lead-stat-grid strong{display:block;margin-top:5px;color:#fff;font-size:25px}
.lead-command-tools{display:grid;gap:15px;margin-top:24px;padding:18px;border:1px solid #3a4559;border-radius:12px;background:#090f19;box-shadow:inset 0 0 28px rgba(0,0,0,.45)}
.lead-search-row{display:grid;grid-template-columns:minmax(280px,1fr) auto auto;gap:9px}.lead-search-row input{margin:0}
.lead-filter-builder{padding:15px;border:1px solid #303b4f;border-radius:10px;background:linear-gradient(145deg,#131b29,#0a101a)}
.lead-filter-meta{display:grid;grid-template-columns:1.1fr 1fr 1.5fr 1.1fr;gap:10px}.lead-filter-meta label,.warehouse-list-fields label{margin:0;color:#aab3c4;font-size:11px}.lead-filter-meta input,.lead-filter-meta select,.warehouse-list-fields input,.warehouse-list-fields select{margin-top:5px}
.lead-filter-rows{display:grid;gap:8px;margin-top:13px}.lead-filter-row{display:grid;grid-template-columns:1.15fr 1.25fr minmax(180px,1fr) auto;gap:8px;align-items:center}.lead-filter-row select,.lead-filter-row input{margin:0}.remove-lead-rule{padding:10px 12px;background:linear-gradient(145deg,#8a1118,#390509);color:#fff;box-shadow:0 4px 0 #210205}
.lead-filter-actions{display:flex;justify-content:space-between;gap:9px;margin-top:12px}.lead-subheading{display:block;margin-bottom:8px;color:#f1d37a;font-size:11px;letter-spacing:.07em;text-transform:uppercase}
.saved-lead-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.saved-lead-filter{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border:1px solid #3b485c;border-left:4px solid #12a85b;border-radius:9px;background:#111927}.saved-lead-filter.disabled{opacity:.58;border-left-color:#606878}.saved-lead-filter small{display:block;margin-top:3px;color:#8994a8;font-size:9px;letter-spacing:.06em}.saved-lead-filter>div:last-child{display:flex;align-items:center;gap:7px}.saved-lead-filter label{display:flex;align-items:center;gap:5px;color:#b8c0ce;font-size:11px}.saved-lead-filter input{width:auto;margin:0}.saved-lead-filter button{padding:7px 9px;font-size:10px}
.lead-table-toolbar{display:grid;grid-template-columns:auto minmax(170px,230px) minmax(170px,230px) auto;align-items:center;gap:9px;margin:22px 0 10px}.lead-table-toolbar select{margin:0}.lead-table-toolbar>span{color:#aab3c3}.lead-table-toolbar>span strong{color:#f1d37a}
.lead-table-wrap{overflow:auto;max-height:620px;border:1px solid #384256;border-radius:11px;background:#080d15;box-shadow:inset 0 0 35px rgba(0,0,0,.5)}
.lead-admin-table{width:100%;min-width:1380px;border-collapse:separate;border-spacing:0}.lead-admin-table th{position:sticky;top:0;z-index:2;padding:12px 10px;border-bottom:1px solid #4a5260;background:linear-gradient(#252c35,#121820);color:#e8cc78;font-size:9px;letter-spacing:.09em;text-align:left;text-transform:uppercase}.lead-admin-table td{padding:12px 10px;border-bottom:1px solid #242e3e;color:#d9dde5;font-size:11px;vertical-align:top}.lead-admin-table tbody tr:hover td{background:#151e2c}.lead-admin-table th:first-child,.lead-admin-table td:first-child{width:42px;text-align:center}.lead-admin-table input[type=checkbox]{width:auto;margin:0}.lead-admin-table td strong{display:block;color:#fff;font-size:12px}.lead-admin-table td small{display:block;margin-top:3px;color:#818da0}.lead-table-empty{padding:40px!important;color:#8f99aa!important;text-align:center!important}
.lead-status-badge{display:inline-block;padding:5px 8px;border:1px solid #49617b;border-radius:99px;background:#152536;color:#a9d4ff;font-size:9px;font-weight:900;text-transform:uppercase}.lead-status-badge.new{border-color:#20764a;background:#103321;color:#7fe4aa}.lead-status-badge.callback,.lead-status-badge.retry{border-color:#856318;background:#34280e;color:#f1d37a}.lead-status-badge.suppressed{border-color:#b31d24;background:#4b080c;color:#fff}.lead-status-badge.sale{border-color:#1fbf68;background:#0c4827;color:#fff}.lead-status-badge.archived{border-color:#555d69;background:#222832;color:#b3bac5}
.lead-pagination{display:flex;align-items:center;justify-content:center;gap:14px;margin:13px 0 24px}.lead-pagination span{color:#adb5c3;font-size:11px}.lead-pagination button{padding:8px 12px}
.warehouse-list-builder{padding:20px;border:1px solid #735d25;border-radius:12px;background:radial-gradient(circle at 100% 0,rgba(191,143,47,.15),transparent 34%),linear-gradient(145deg,#181b21,#0d1118);box-shadow:0 12px 28px rgba(0,0,0,.42),inset 0 1px rgba(255,255,255,.09)}.warehouse-list-builder h3{margin:5px 0 13px;color:#fff}.warehouse-list-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:12px}.warehouse-list-fields label{display:grid;gap:6px}.warehouse-list-fields input,.warehouse-list-fields select{height:44px;margin:0;box-sizing:border-box}.warehouse-list-help{margin:13px 0 0;color:#96a2b5;font-size:11px}.warehouse-list-builder>.primary{width:100%;min-height:46px;margin-top:12px}
@media(max-width:1260px){.lead-stat-grid{grid-template-columns:repeat(3,1fr)}.lead-filter-meta,.warehouse-list-fields{grid-template-columns:repeat(2,1fr)}.saved-lead-filters{grid-template-columns:1fr}}
@media(max-width:820px){.lead-command-center{padding:20px}.lead-command-heading{display:block}.lead-command-heading .primary{width:100%;margin-top:14px}.lead-stat-grid{grid-template-columns:repeat(2,1fr)}.lead-search-row,.lead-filter-meta,.lead-filter-row,.lead-table-toolbar,.warehouse-list-fields,.import-top,.custom-field-row,.lead-purchase-grid,.new-lead-provider-fields,.csv-upload-zone,.lead-import-result-grid{grid-template-columns:1fr}.lead-import-steps{grid-template-columns:1fr}.lead-purchase-heading{display:block}.lead-purchase-heading button{width:100%;margin-top:10px}.lead-filter-actions{flex-direction:column}.saved-lead-filter{display:block}.saved-lead-filter>div:last-child{margin-top:10px;flex-wrap:wrap}.custom-field-row button{width:100%}}
/* End Lead Command Center */

/* Strict Admin / Advisor view separation */
.dual-view-admin{padding:7px 11px;border:1px solid #7c662c;border-radius:8px;background:linear-gradient(145deg,#3a321d,#16130b);color:#f1d37a}
.advisor-global-search{margin:-8px 0 24px;padding:15px 17px;border:1px solid #3f4d64;border-radius:12px;background:linear-gradient(145deg,#171f2d,#090f18);box-shadow:0 10px 28px rgba(0,0,0,.32),inset 0 1px rgba(255,255,255,.06)}
.advisor-global-search>label{display:block;margin:0 0 7px;color:#f1d37a;font-size:9px;font-weight:900;letter-spacing:.13em}
.advisor-global-search>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px}.advisor-global-search input{margin:0;font-size:15px}.advisor-global-search button{white-space:nowrap}
@media(max-width:720px){.advisor-global-search>div{grid-template-columns:1fr}.advisor-global-search button{width:100%}}
/* End strict view separation */

/* Official Empire workspace logos and advisor wait reporting */
.brand{min-width:235px}.brand img{width:235px;height:45px;object-fit:contain;object-position:left center}.brand[data-view=admin] img{width:205px}
.phone-screen-top img{width:142px;height:24px;object-fit:contain;object-position:left center;filter:drop-shadow(0 2px 3px rgba(0,0,0,.65))}
.advisor-wait-reporting{grid-column:1/-1;background:radial-gradient(circle at 100% 0,rgba(22,198,151,.12),transparent 30%),linear-gradient(145deg,#161f2c,#090e16)}
.advisor-wait-table-wrap{margin-top:20px;overflow:auto;border:1px solid #3a4659;border-radius:11px;background:#080d14;box-shadow:inset 0 0 30px rgba(0,0,0,.52)}
.advisor-wait-table{width:100%;min-width:980px;border-collapse:collapse}.advisor-wait-table th{padding:12px;border-bottom:1px solid #4a5567;background:linear-gradient(#252e39,#121922);color:#e9cd79;font-size:9px;letter-spacing:.08em;text-align:left;text-transform:uppercase}.advisor-wait-table td{padding:14px 12px;border-bottom:1px solid #263143;color:#d9dfe8;font-size:12px}.advisor-wait-table tbody tr:last-child td{border-bottom:0}.advisor-wait-table td strong{display:block;color:#fff}.advisor-wait-table td small{display:block;margin-top:3px;color:#8490a3}.current-advisor-wait{color:#f3d77d!important;font-size:17px!important;font-weight:900;font-variant-numeric:tabular-nums}.advisor-live-status{display:inline-block;padding:5px 8px;border:1px solid #545e6e;border-radius:99px;background:#242b35;color:#c1c8d2;font-size:9px;font-weight:900;letter-spacing:.05em;text-transform:uppercase}.advisor-live-status.ready{border-color:#208e57;background:#103923;color:#8de9b8}.advisor-live-status.on-call{border-color:#b98a26;background:#3d2f10;color:#ffe492}.advisor-live-status.paused{border-color:#7f4650;background:#37191e;color:#efb7bf}
@media(max-width:980px){.brand{min-width:180px}.brand img{width:190px}.brand[data-view=admin] img{width:175px}}
/* End official logos and wait reporting */

/* Live ten-call terminal */
.workspace-row[data-layout-section=phone]{grid-template-columns:minmax(360px,.58fr) minmax(680px,1.42fr);align-items:start}.workspace-row[data-layout-section=phone] .phone-deck{grid-template-columns:1fr}.workspace-row[data-layout-section=phone] .phone-action-stack{grid-template-columns:1fr;grid-template-rows:repeat(4,42px);gap:8px}.workspace-row[data-layout-section=phone] .phone-action-stack>button{width:100%;min-height:42px;padding:5px 14px}.workspace-row[data-layout-section=phone] .phone-action-stack button span{display:inline;margin-left:7px}.workspace-row[data-layout-section=phone] .to-panel{right:0;top:100%;width:100%}.phone-side-column{display:grid;gap:18px;min-width:0}.phone-side-column .presence-panel{width:100%}.power-dial-terminal{position:relative;margin:0;border:1px solid #263445;border-radius:14px;overflow:hidden;background:#020504;box-shadow:0 18px 45px rgba(0,0,0,.68),inset 0 0 46px rgba(0,255,145,.035);font-family:"SFMono-Regular",Consolas,"Liberation Mono",monospace}
.phone-transfer{background:linear-gradient(145deg,#2477c9,#0b315c)}
.power-dial-terminal:before{content:"";pointer-events:none;position:absolute;inset:0;z-index:2;background:repeating-linear-gradient(0deg,rgba(255,255,255,.018) 0,rgba(255,255,255,.018) 1px,transparent 1px,transparent 4px);mix-blend-mode:screen}
.power-terminal-head{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 18px;border-bottom:1px solid #26372f;background:linear-gradient(180deg,#0b120f,#050806);color:#eaf7ef}
.power-terminal-head>div{display:flex;align-items:center;gap:13px}.power-terminal-head strong{font-size:13px;letter-spacing:.11em}.power-terminal-prompt{color:#39e68a;font-size:11px}.power-terminal-head>div:last-child span{color:#8fa79a;font-size:10px;letter-spacing:.08em}.power-terminal-head i{width:9px;height:9px;border-radius:50%;background:#4a554e;box-shadow:0 0 0 4px rgba(74,85,78,.12)}.power-terminal-head i.active{background:#27ed7f;box-shadow:0 0 14px #27ed7f,0 0 0 4px rgba(39,237,127,.12)}
.power-terminal-columns,.power-terminal-line{position:relative;z-index:3;display:grid;grid-template-columns:58px minmax(165px,.9fr) minmax(180px,1.2fr) minmax(145px,.8fr) 82px minmax(180px,1.1fr);align-items:center;gap:14px}
.power-terminal-columns{padding:9px 16px;border-bottom:1px solid #1b2a22;color:#527060;font-size:9px;font-weight:900;letter-spacing:.14em}
.power-terminal-lines{min-height:390px}.power-terminal-line{min-height:39px;padding:8px 16px;border-bottom:1px solid #101a14;color:#a8b8ae;transition:background .15s ease,color .15s ease}.power-terminal-line:last-child{border-bottom:0}.power-terminal-line:hover{background:#07110b}.power-terminal-line b{color:#53685b;font-size:11px}.power-terminal-line code{color:#e8f2ec;font-size:13px}.power-terminal-line span{overflow:hidden;color:#d3ded7;text-overflow:ellipsis;white-space:nowrap}.power-terminal-line strong{font-size:11px;letter-spacing:.08em}.power-terminal-line time{color:#7e9787;font-variant-numeric:tabular-nums}.power-terminal-line small{overflow:hidden;color:#718177;text-overflow:ellipsis;white-space:nowrap}
.power-terminal-line.waiting strong,.power-terminal-line.queued strong{color:#7b8a81}.power-terminal-line.dialing{background:rgba(41,135,255,.07)}.power-terminal-line.dialing strong{color:#49a1ff;text-shadow:0 0 9px rgba(73,161,255,.5)}.power-terminal-line.ringing{background:rgba(238,188,58,.08)}.power-terminal-line.ringing strong{color:#f0c550;text-shadow:0 0 10px rgba(240,197,80,.55)}.power-terminal-line.amd{background:rgba(164,98,255,.09)}.power-terminal-line.amd strong{color:#b889ff;text-shadow:0 0 10px rgba(184,137,255,.5)}.power-terminal-line.human,.power-terminal-line.connecting,.power-terminal-line.connected{background:rgba(32,219,112,.12);box-shadow:inset 4px 0 #20db70}.power-terminal-line.human strong,.power-terminal-line.connecting strong,.power-terminal-line.connected strong{color:#3bf08a;text-shadow:0 0 12px rgba(59,240,138,.65)}.power-terminal-line.machine,.power-terminal-line.cancelled{background:rgba(107,118,111,.06);opacity:.72}.power-terminal-line.machine strong,.power-terminal-line.cancelled strong{color:#9aa69e}.power-terminal-line.busy,.power-terminal-line.failed{background:rgba(255,45,51,.09);box-shadow:inset 4px 0 #c72029}.power-terminal-line.busy strong,.power-terminal-line.failed strong{color:#ff4d55}.power-terminal-line.no-answer{background:rgba(237,133,42,.08)}.power-terminal-line.no-answer strong{color:#f19a4c}.power-terminal-line.disconnected{background:rgba(124,25,31,.1)}.power-terminal-line.disconnected strong{color:#d85a62}
@media(max-width:1250px){.workspace-row[data-layout-section=phone]{grid-template-columns:1fr}.phone-side-column{grid-template-columns:1fr}.power-dial-terminal{overflow-x:auto}.power-terminal-head,.power-terminal-columns,.power-terminal-line{min-width:980px}}
/* End live ten-call terminal */

/* Advisor-to-advisor messaging */
.advisor-messages{padding:0;overflow:hidden;background:linear-gradient(145deg,#141d2d,#080d16)}.message-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:17px 19px;border-bottom:1px solid #303b50}.message-heading h2{margin:2px 0 0;font-size:19px}.message-waiting{padding:8px 11px;border:1px solid #ffe387;border-radius:8px;background:#e5ae31;color:#100b02;font-size:10px;font-weight:950;letter-spacing:.08em;box-shadow:0 0 10px #f5c64f,0 0 28px rgba(245,198,79,.75);animation:messagePulse 1.05s ease-in-out infinite}.message-waiting b{display:inline-grid;place-items:center;min-width:20px;height:20px;margin-left:5px;border-radius:50%;background:#101727;color:#fff}.advisor-messages.has-unread{border-color:#f4c64f;box-shadow:0 0 0 2px rgba(244,198,79,.7),0 0 35px rgba(244,198,79,.48),0 22px 52px #000}.message-workspace{display:grid;grid-template-columns:190px minmax(0,1fr);min-height:340px}.message-people{padding:10px;border-right:1px solid #29354a;background:#070c14;overflow:auto}.message-person{position:relative;width:100%;display:block;margin-bottom:7px;padding:11px 10px;border:1px solid #28354a;border-radius:9px;background:#111a29;color:#eef2f8;text-align:left}.message-person small{display:block;color:#8895a9}.message-person i{position:absolute;right:10px;top:12px;width:8px;height:8px;border-radius:50%;background:#555}.message-person i.online{background:#29df7d;box-shadow:0 0 9px #29df7d}.message-person b{position:absolute;right:8px;bottom:8px;display:grid;place-items:center;min-width:22px;height:22px;padding:0 5px;border-radius:99px;background:#efbd3d;color:#100b02;box-shadow:0 0 13px #efbd3d}.message-person.unread{border-color:#f4c64f;background:linear-gradient(135deg,#463713,#171d28);box-shadow:0 0 16px rgba(244,198,79,.58)}.message-person.active{border-color:#8170ef;background:#29254a}.message-conversation{display:grid;grid-template-rows:auto 1fr auto;min-width:0}.message-conversation-title{padding:12px 15px;border-bottom:1px solid #29354a;color:#f2d16d;font-weight:850}.message-thread{height:230px;padding:14px;overflow:auto;background:#080d16}.message-thread>p{color:#7e899d}.message-bubble{max-width:82%;margin:0 0 10px;padding:9px 11px;border-radius:12px 12px 12px 3px;background:#1b2638;color:#eef2f7;box-shadow:0 5px 12px rgba(0,0,0,.24)}.message-bubble.mine{margin-left:auto;border-radius:12px 12px 3px 12px;background:#302a59}.message-bubble.announcement{max-width:100%;border:1px solid #c6962d;background:#332813}.message-bubble strong,.message-bubble time{display:block}.message-bubble strong{color:#f1d37a;font-size:10px}.message-bubble time{margin-top:4px;color:#7f8b9c;font-size:9px}.message-compose{display:grid;grid-template-columns:1fr auto;gap:8px;padding:11px;border-top:1px solid #29354a}.message-compose input{margin:0}.message-compose button{min-width:78px}@keyframes messagePulse{50%{filter:brightness(1.28);transform:scale(1.035)}}
@media(max-width:680px){.message-workspace{grid-template-columns:1fr}.message-people{display:flex;gap:7px;border-right:0;border-bottom:1px solid #29354a}.message-person{min-width:145px}.message-heading{align-items:flex-start;flex-direction:column}}
/* End advisor-to-advisor messaging */

/* Balanced phone, dial monitor, and concealed messages */
.workspace-row[data-layout-section=phone]{align-items:stretch}.workspace-row[data-layout-section=phone]>.phone-panel{display:flex;flex-direction:column;height:100%}.workspace-row[data-layout-section=phone]>.phone-panel .desk-phone{display:flex;flex:1;flex-direction:column}.workspace-row[data-layout-section=phone]>.phone-panel .phone-deck{margin-top:auto}.phone-side-column{grid-template-rows:auto 1fr;height:100%}.phone-side-column .presence-panel{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto auto;column-gap:18px;padding:15px 18px}.phone-side-column .presence-panel .eyebrow,.phone-side-column .presence-panel h2,.phone-side-column .presence-panel p{grid-column:1}.phone-side-column .presence-panel h2{margin:2px 0;font-size:20px}.phone-side-column .presence-panel p{margin:0;font-size:12px}.phone-side-column .presence-panel button{grid-column:2;grid-row:1/4;align-self:center;min-width:205px;min-height:42px;padding:8px 14px}.phone-side-column .power-dial-terminal{align-self:stretch}.advisor-messages{width:100%;margin:0 0 22px;padding:0}.advisor-messages>summary{list-style:none;cursor:pointer;user-select:none}.advisor-messages>summary::-webkit-details-marker{display:none}.message-summary-action{display:flex;align-items:center;gap:12px}.message-open-label{color:#a8b2c4;font-size:11px;font-weight:850;letter-spacing:.06em;text-transform:uppercase}.message-open-label:after{content:"  ▾";color:#f1d37a}.advisor-messages[open] .message-open-label:after{content:"  ▴"}.advisor-messages.has-unread{box-shadow:none}.advisor-messages.has-unread>summary{border-color:#f4c64f;background:linear-gradient(90deg,#1b2130,#5b4514,#1b2130);background-size:220% 100%;animation:messageBarFlash 1.35s linear infinite;box-shadow:0 0 0 2px rgba(244,198,79,.65),0 0 30px rgba(244,198,79,.5)}.advisor-messages[open].has-unread>summary{animation:none}.advisor-messages[open] .message-workspace{border-top:1px solid #303b50}@keyframes messageBarFlash{0%,100%{background-position:0 0;filter:brightness(.88)}50%{background-position:100% 0;filter:brightness(1.28)}}
@media(max-width:680px){.phone-side-column .presence-panel{grid-template-columns:1fr}.phone-side-column .presence-panel button{grid-column:1;grid-row:auto;width:100%}.message-summary-action{width:100%;justify-content:space-between}}
/* End balanced layout */

/* CRM-style dial preview and consolidated campaign controls */
.phone-side-column{grid-template-rows:auto 1fr}.phone-side-column .advisor-messages{margin:0}.power-dial-terminal{border-color:#35425b;background:radial-gradient(circle at 95% 0,rgba(66,182,221,.11),transparent 30%),linear-gradient(145deg,#172134,#0d1524);box-shadow:0 18px 45px rgba(0,0,0,.38),inset 0 1px rgba(255,255,255,.05);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.power-dial-terminal:before{display:none}.power-terminal-head{border-bottom-color:#3b4760;background:linear-gradient(180deg,#202b40,#151e30);color:#fff}.power-terminal-head strong{font-size:17px;letter-spacing:0;text-transform:none}.power-terminal-columns{border-bottom-color:#344159;background:#121b2b;color:#8ea0bd;font-size:9px}.power-terminal-lines{background:#101827}.power-terminal-line{border-bottom-color:#28354b;background:#121c2d;color:#c1cada}.power-terminal-line:nth-child(even){background:#152135}.power-terminal-line:hover{background:#1b2940}.power-terminal-line b{color:#7586a2}.power-terminal-line code{color:#edf2fa;font-family:inherit;font-weight:750}.power-terminal-line span{color:#e0e6f0}.power-terminal-line time{color:#9eabc0}.power-terminal-line small{color:#8e9aaf}.power-terminal-line.waiting strong,.power-terminal-line.queued strong{color:#9aa7ba}.power-terminal-line.dialing{background:#142b49}.power-terminal-line.ringing{background:#342d19}.power-terminal-line.amd{background:#292345}.power-terminal-line.human,.power-terminal-line.connecting,.power-terminal-line.connected{background:#123b2d}.power-terminal-line.machine,.power-terminal-line.cancelled{background:#1a2230}.power-terminal-line.busy,.power-terminal-line.failed{background:#3a1c25}.power-terminal-line.no-answer{background:#38281c}.power-terminal-line.disconnected{background:#321b24}.campaign-membership-panel{display:grid;grid-template-columns:minmax(220px,.85fr) minmax(390px,1.35fr) minmax(260px,.9fr);align-items:center}.incoming-campaign-controls{display:grid;grid-template-columns:1fr;gap:8px;padding-left:20px;border-left:1px solid #35425a}.incoming-campaign-controls>div{display:grid;gap:2px}.incoming-campaign-controls strong{color:#fff;font-size:15px}.incoming-campaign-controls small{color:#98a5b9}.incoming-campaign-controls button{width:100%;padding:9px 12px}.incoming-campaign-controls button:not([hidden]){display:block}
@media(max-width:1350px){.campaign-membership-panel{grid-template-columns:1fr 1.4fr}.incoming-campaign-controls{grid-column:1/-1;grid-template-columns:1fr auto;padding:14px 0 0;border-left:0;border-top:1px solid #35425a}.incoming-campaign-controls button{grid-column:2;grid-row:1}.incoming-campaign-controls button:not([hidden]){display:block}}
@media(max-width:760px){.campaign-membership-panel{grid-template-columns:1fr}.incoming-campaign-controls{grid-template-columns:1fr}.incoming-campaign-controls button{grid-column:1;grid-row:auto}}
/* End CRM-style dial preview */

/* Workspace v7: campaign first, wider phone, CRM activity preview */
.campaign-top-panel{margin:0 0 22px}.workspace-row[data-layout-section=phone]{grid-template-columns:minmax(415px,.68fr) minmax(650px,1.32fr)}.phone-side-column{grid-template-rows:auto auto 1fr}.phone-side-column .customer-panel{padding:18px}.phone-side-column .customer-panel .section-title{align-items:center}.phone-side-column .customer-panel h2{font-size:20px}.phone-side-column .customer-panel .customer-grid{margin-top:14px}.phone-side-column .customer-panel .customer-grid div{min-height:66px;padding:12px}.phone-side-column .customer-panel .lead-controls{max-width:100%}.power-dial-terminal{border:1px solid #3a4760;border-radius:14px;background:linear-gradient(145deg,#182338,#111a2b);box-shadow:0 14px 34px rgba(0,0,0,.32),inset 0 1px rgba(255,255,255,.05)}.power-terminal-head{padding:17px 19px;border-bottom:1px solid #3b4963;background:linear-gradient(135deg,#243149,#182237)}.power-terminal-head:before{content:"CALL ACTIVITY";display:block;margin-right:12px;color:#e7c765;font-size:9px;font-weight:900;letter-spacing:.14em}.power-terminal-head>div:first-child{margin-right:auto}.power-terminal-head>div:last-child{padding:6px 9px;border:1px solid #43516b;border-radius:99px;background:#111a29}.power-terminal-columns{padding:10px 16px;border-bottom:1px solid #3a4760;background:#202b40;color:#aab6c9;letter-spacing:.08em}.power-terminal-lines{min-height:0;padding:7px;background:#111a2a}.power-terminal-line,.power-terminal-line:nth-child(even){min-height:42px;margin-bottom:5px;padding:8px 10px;border:1px solid #2f3c53;border-radius:8px;background:#172236;box-shadow:0 3px 8px rgba(0,0,0,.18)}.power-terminal-line:nth-child(even){background:#1a263b}.power-terminal-line:last-child{margin-bottom:0;border-bottom:1px solid #2f3c53}.power-terminal-line:hover{border-color:#52617b;background:#202e45}.power-terminal-line strong{display:inline-flex;align-items:center;justify-content:center;width:max-content;min-width:78px;padding:5px 8px;border:1px solid #526079;border-radius:99px;background:#263247;color:#cbd3df;font-size:9px;text-shadow:none}.power-terminal-line.waiting strong,.power-terminal-line.queued strong{color:#c3cbd7}.power-terminal-line.dialing strong{border-color:#3987cf;background:#173b61;color:#9fd0ff}.power-terminal-line.ringing strong{border-color:#b48b2c;background:#4a3914;color:#ffe092}.power-terminal-line.amd strong{border-color:#7762c7;background:#332967;color:#d0c4ff}.power-terminal-line.human strong,.power-terminal-line.connecting strong,.power-terminal-line.connected strong{border-color:#218f5a;background:#134d34;color:#a5f1c9}.power-terminal-line.machine strong,.power-terminal-line.cancelled strong{background:#303a49;color:#c2c9d3}.power-terminal-line.busy strong,.power-terminal-line.failed strong{border-color:#a7404d;background:#5a2029;color:#ffc0c8}.power-terminal-line.no-answer strong{border-color:#a9682f;background:#4e3019;color:#ffc58e}.power-terminal-line.disconnected strong{border-color:#80404a;background:#452028;color:#efafb7}
@media(max-width:1250px){.workspace-row[data-layout-section=phone]{grid-template-columns:1fr}.phone-side-column .customer-panel{margin-top:0}}
/* End workspace v7 */

/* Workspace v8: compact campaign action alignment */
.campaign-top-panel .campaign-membership-controls{display:grid;grid-template-columns:1fr auto;grid-template-areas:"power status" "label label" "selection selection";align-items:center;gap:7px 10px}.campaign-top-panel .campaign-power-dial{grid-area:power;justify-self:start;min-width:190px;padding:10px 16px}.campaign-top-panel .campaign-membership-controls>label{grid-area:label;margin:4px 0 0;color:#e6c86f;font-size:11px;font-weight:900;letter-spacing:.08em}.campaign-top-panel .campaign-membership-controls>.status{grid-area:status;position:static;justify-self:end}.campaign-select-row{grid-area:selection;display:flex;align-items:center;gap:8px}.campaign-select-row select{flex:1;min-width:210px;margin:0}.campaign-select-row button{flex:0 0 auto;min-width:132px;padding:9px 12px;white-space:nowrap}.campaign-select-row .compact{min-width:0;padding:8px 11px;font-size:11px}.phone-side-column .customer-panel .lead-controls{justify-content:flex-end}
@media(max-width:760px){.campaign-top-panel .campaign-membership-controls{grid-template-columns:1fr;grid-template-areas:"power" "status" "label" "selection"}.campaign-top-panel .campaign-membership-controls>.status{justify-self:start}.campaign-select-row{align-items:stretch;flex-direction:column}.campaign-select-row button{width:100%}}
/* End workspace v8 */

/* Workspace v9: three campaign actions on one row */
.campaign-top-panel .campaign-membership-controls{grid-template-columns:1fr auto;grid-template-areas:"label status" "select select" "actions actions";gap:7px 10px}.campaign-top-panel .campaign-membership-controls>label{grid-area:label;margin:0}.campaign-top-panel .campaign-membership-controls>select{grid-area:select;grid-column:1/-1;width:100%;margin:0}.campaign-top-panel .campaign-membership-controls>.status{grid-area:status}.campaign-action-row{grid-area:actions;display:grid;grid-template-columns:minmax(150px,1fr) minmax(150px,1fr) auto;gap:8px;align-items:stretch}.campaign-action-row button,.campaign-action-row .campaign-power-dial{grid-area:auto;min-width:0;min-height:40px;padding:8px 12px;white-space:nowrap}.campaign-action-row .compact{width:auto;min-width:118px}.campaign-action-row button:disabled{opacity:.42;cursor:not-allowed;filter:saturate(.55)}
@media(max-width:760px){.campaign-top-panel .campaign-membership-controls{grid-template-areas:"label" "status" "select" "actions"}.campaign-action-row{grid-template-columns:1fr}.campaign-action-row .compact{width:100%}}
/* End workspace v9 */

/* Workspace v10 campaign selection emphasis */
.campaign-action-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.campaign-action-row button,.campaign-action-row .campaign-power-dial,.campaign-action-row .compact{justify-self:stretch;width:100%;min-width:0;min-height:42px;padding:9px 12px}.campaign-action-row #join-campaign{border:1px solid #3dd98a;background:linear-gradient(145deg,#27df88 0%,#0a9b57 48%,#05633a 100%);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.55);box-shadow:0 6px 16px rgba(12,163,91,.32),inset 0 1px rgba(255,255,255,.28)}.campaign-action-row #join-campaign:hover:not(:disabled){filter:brightness(1.12)}.campaign-action-row #join-campaign:disabled{opacity:.58;filter:none}
/* End workspace v10 */

/* Workspace v11: fixed three-button alignment and persistent green campaign selector */
.campaign-top-panel .campaign-action-row{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  align-items:stretch;
  gap:10px;
  width:100%;
}
.campaign-top-panel .campaign-action-row>button,
.campaign-top-panel .campaign-action-row>.campaign-power-dial,
.campaign-top-panel .campaign-action-row>.compact{
  display:flex;
  align-items:center;
  justify-content:center;
  box-sizing:border-box;
  width:100%;
  min-width:0;
  height:44px;
  min-height:44px;
  margin:0;
  padding:0 14px;
  font-size:14px;
  line-height:1;
  white-space:nowrap;
}
.campaign-top-panel .campaign-action-row>#join-campaign,
.campaign-top-panel .campaign-action-row>#join-campaign:disabled{
  border:1px solid #43e69a;
  background:linear-gradient(180deg,#28dc88 0%,#0ba35d 52%,#067040 100%);
  color:#fff;
  opacity:1;
  filter:none;
  text-shadow:0 1px 2px rgba(0,0,0,.55);
  box-shadow:0 6px 16px rgba(12,163,91,.32),inset 0 1px rgba(255,255,255,.3);
}
@media(max-width:760px){
  .campaign-top-panel .campaign-action-row{grid-template-columns:1fr;}
}
/* End workspace v11 */

/* Collapsible EmpireConnections icon rail */
.top-tabs{display:none!important}
.app-layout{grid-template-columns:72px minmax(0,1fr)}
.sidebar{position:relative;z-index:42;width:72px;min-width:72px;padding:18px 8px;overflow-x:hidden;box-shadow:8px 0 24px rgba(0,0,0,.22);transition:width .2s ease,box-shadow .2s ease}
.sidebar:hover,.sidebar.sidebar-open,.sidebar:focus-within{width:250px;box-shadow:24px 0 55px rgba(0,0,0,.5)}
.sidebar-toggle{display:flex;width:55px;height:44px;align-items:center;gap:15px;margin:0 0 15px;padding:0 15px;border:1px solid #303b50;border-radius:10px;background:#141c2a;color:#f1d37a;white-space:nowrap;overflow:hidden;transition:width .2s ease}
.sidebar:hover .sidebar-toggle,.sidebar.sidebar-open .sidebar-toggle,.sidebar:focus-within .sidebar-toggle{width:226px}
.sidebar-toggle>span:first-child{flex:0 0 24px;width:24px;font-size:22px;text-align:center}.sidebar-toggle .nav-label{color:#fff;font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.sidebar-title{height:16px;margin-bottom:10px;white-space:nowrap}
.sidebar .nav-label{display:inline-block;max-width:0;opacity:0;overflow:hidden;white-space:nowrap;transform:translateX(-7px);transition:max-width .2s ease,opacity .14s ease,transform .2s ease}
.sidebar:hover .nav-label,.sidebar.sidebar-open .nav-label,.sidebar:focus-within .nav-label{max-width:190px;opacity:1;transform:none}
.sidebar .nav-item{width:55px;min-height:48px;padding:10px 17px;white-space:nowrap;overflow:hidden;transition:width .2s ease,background .15s ease}
.sidebar:hover .nav-item,.sidebar.sidebar-open .nav-item,.sidebar:focus-within .nav-item{width:226px}
.sidebar .nav-icon{flex:0 0 20px;width:20px;font-size:18px}.sidebar .counter{display:none}.sidebar:hover .counter,.sidebar.sidebar-open .counter,.sidebar:focus-within .counter{display:inline-block}
.sidebar .nav-section{height:0;margin:0;padding:0;overflow:hidden}.sidebar:hover .nav-section,.sidebar.sidebar-open .nav-section,.sidebar:focus-within .nav-section{height:auto;margin:22px 0 8px;padding:0 14px}
@media(max-width:980px){.app-layout{grid-template-columns:1fr}.sidebar{display:none}.content{padding:30px 22px}}
/* End collapsible icon rail */

/* EmpireOS unified rail: blue shell, neon icons, complete labels on expansion. */
.app-layout>.sidebar{
  background:linear-gradient(180deg,#123f70 0%,#0b3159 48%,#071f3c 100%)!important;
  border-right:1px solid rgba(57,255,136,.32)!important;
}
.app-layout>.sidebar .nav-icon{
  color:#39ff88!important;
}
.app-layout>.sidebar .nav-item.active,
.app-layout>.sidebar .nav-item:hover,
.app-layout>.sidebar .nav-item:focus-visible{
  background:rgba(3,20,39,.54)!important;
  color:#fff!important;
  box-shadow:inset 3px 0 #39ff88!important;
}
.app-layout>.sidebar .nav-item>.nav-label{
  width:auto!important;
  min-width:0!important;
  flex:0 0 auto!important;
}
.app-layout>.sidebar:hover .nav-item>.nav-label,
.app-layout>.sidebar.sidebar-open .nav-item>.nav-label,
.app-layout>.sidebar:focus-within .nav-item>.nav-label{
  width:auto!important;
  max-width:190px!important;
  flex:1 0 auto!important;
  opacity:1!important;
  overflow:visible!important;
}

/* Shared EmpireOS header across legacy and current EmpireConnections pages. */
.topbar.empireos-unified-header{
  min-height:112px!important;
  height:auto!important;
  display:flex!important;
  align-items:center!important;
  gap:20px!important;
  padding:22px 28px 22px 30px!important;
  border-bottom:1px solid rgba(215,225,238,.2)!important;
  background:linear-gradient(145deg,#29323d 0%,#202832 52%,#181f28 100%)!important;
  box-shadow:0 12px 30px rgba(5,12,21,.28)!important;
}
.empireos-header-copy{
  display:flex;
  min-width:360px;
  flex-direction:column;
  gap:3px;
}
.empireos-header-copy>span{
  color:#d7b85f;
  font-size:10px;
  font-weight:900;
  letter-spacing:.13em;
}
.empireos-header-copy h1{
  margin:0;
  color:#f7f9fc;
  font-size:26px;
  font-weight:500;
  line-height:1.15;
  letter-spacing:-.025em;
}
.empireos-header-copy p{
  margin:0;
  color:#aeb9c7;
  font-size:12px;
}
.empireos-context-brand{
  display:none!important;
}
.empireos-header-mark{
  display:block;
  width:132px;
  max-height:40px;
  object-fit:contain;
  margin-left:auto;
}
.empireos-unified-header .top-actions{
  flex:0 0 auto;
}
.empireos-header-updated{
  color:#aeb9c7;
  font-size:9px;
  font-weight:900;
  letter-spacing:.08em;
  white-space:nowrap;
}
.empireos-header-icon{
  display:grid;
  width:42px;
  height:42px;
  place-items:center;
  padding:0;
  border:1px solid rgba(215,225,238,.18);
  border-radius:10px;
  background:#29333e;
  color:#39ff88;
}
.empireos-unified-header .system-ready{
  color:#39ff88;
}
.empireos-unified-header .account{
  gap:10px;
}
.app-layout{
  min-height:calc(100vh - 112px)!important;
}
@media(max-width:1100px){
  .empireos-header-mark,
  .empireos-header-updated,
  .empireos-unified-header .account>a{display:none!important}
}
@media(max-width:700px){
  .topbar.empireos-unified-header{min-height:86px!important;padding:14px 16px!important}
  .empireos-header-copy{min-width:0}
  .empireos-header-copy h1{font-size:20px}
  .empireos-header-copy p{display:none}
  .empireos-unified-header .system-ready{display:none}
  .app-layout{min-height:calc(100vh - 86px)!important}
}

.power-dial-summary {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(92px, 1fr));
  gap: 10px;
  padding: 12px;
  border-bottom: 1px solid rgba(120, 143, 181, 0.28);
  background: rgba(7, 16, 31, 0.45);
}

.power-dial-metric {
  border: 1px solid rgba(120, 143, 181, 0.28);
  border-radius: 14px;
  padding: 10px 12px;
  background: rgba(10, 24, 44, 0.78);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04);
}

.power-dial-metric span {
  display: block;
  font-size: 10px;
  letter-spacing: .16em;
  font-weight: 800;
  color: rgba(186, 198, 219, .78);
}

.power-dial-metric strong {
  display: block;
  margin-top: 4px;
  font-size: 22px;
  line-height: 1;
  color: #ffffff;
}

/* Live Ops counter strip refinement */
.power-dial-summary {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(74px, 1fr));
  gap: 8px;
  padding: 10px;
  border-top: 1px solid rgba(120, 143, 181, 0.18);
  border-bottom: 1px solid rgba(120, 143, 181, 0.26);
  background: #050b16;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035);
}

.power-dial-metric {
  min-width: 0;
  border: 1px solid rgba(120, 143, 181, 0.20);
  border-radius: 10px;
  padding: 7px 8px;
  background: rgba(255,255,255,0.025);
  box-shadow: none;
  text-align: center;
}

.power-dial-metric span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 8.5px;
  line-height: 1.1;
  letter-spacing: .10em;
  font-weight: 800;
  color: rgba(186, 198, 219, .72);
}

.power-dial-metric strong {
  display: block;
  margin-top: 3px;
  font-size: 18px;
  line-height: 1;
  color: #ffffff;
}

/* Tablet: clean even rows */
@media (max-width: 1000px) {
  .power-dial-summary {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

/* Phone: two even columns */
@media (max-width: 560px) {
  .power-dial-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .power-dial-metric {
    padding: 8px 6px;
  }
}

/* Live Ops counter strip refinement */
.power-dial-summary {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(74px, 1fr));
  gap: 8px;
  padding: 10px;
  border-top: 1px solid rgba(120, 143, 181, 0.18);
  border-bottom: 1px solid rgba(120, 143, 181, 0.26);
  background: #050b16;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035);
}

.power-dial-metric {
  min-width: 0;
  border: 1px solid rgba(120, 143, 181, 0.20);
  border-radius: 10px;
  padding: 7px 8px;
  background: rgba(255,255,255,0.025);
  box-shadow: none;
  text-align: center;
}

.power-dial-metric span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 8.5px;
  line-height: 1.1;
  letter-spacing: .10em;
  font-weight: 800;
  color: rgba(186, 198, 219, .72);
}

.power-dial-metric strong {
  display: block;
  margin-top: 3px;
  font-size: 18px;
  line-height: 1;
  color: #ffffff;
}

@media (max-width: 1000px) {
  .power-dial-summary {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (max-width: 560px) {
  .power-dial-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .power-dial-metric {
    padding: 8px 6px;
  }
}

/* Dial mode selector */
.dial-mode-panel {
  display: grid;
  grid-template-columns: 1fr auto auto;
  align-items: center;
  gap: 12px;
  margin-bottom: 12px;
  padding: 12px;
  border: 1px solid rgba(120,143,181,.24);
  border-radius: 16px;
  background: #050b16;
}

.dial-mode-title strong {
  display: block;
  color: #fff;
  font-size: 13px;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.dial-mode-title span {
  display: block;
  margin-top: 3px;
  color: rgba(186,198,219,.72);
  font-size: 12px;
}

.dial-mode-buttons {
  display: grid;
  grid-template-columns: repeat(3, minmax(82px, 1fr));
  gap: 8px;
}

.dial-mode-button {
  border: 1px solid rgba(120,143,181,.28);
  border-radius: 12px;
  padding: 9px 10px;
  background: rgba(255,255,255,.035);
  color: rgba(230,237,248,.85);
  font-weight: 800;
  letter-spacing: .04em;
  cursor: pointer;
}

.dial-mode-button.active {
  border-color: rgba(216,174,91,.75);
  background: linear-gradient(180deg, rgba(216,174,91,.28), rgba(216,174,91,.08));
  color: #fff;
}

.last-call-toggle {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border: 1px solid rgba(216,174,91,.34);
  border-radius: 12px;
  padding: 9px 11px;
  color: #fff;
  background: rgba(216,174,91,.08);
  font-weight: 800;
  white-space: nowrap;
}

.last-call-toggle input {
  transform: scale(1.15);
}

@media (max-width: 860px) {
  .dial-mode-panel {
    grid-template-columns: 1fr;
  }

  .dial-mode-buttons {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .last-call-toggle {
    justify-content: center;
  }
}

/* Clean Select Dialer controls under soft phone */
.dial-mode-panel {
  display: grid;
  grid-template-columns: 1fr;
  gap: 9px;
  margin: 10px 0 14px;
  padding: 11px;
  border: 1px solid rgba(120,143,181,.24);
  border-radius: 16px;
  background: #030814;
}

.dial-mode-heading {
  display: block;
  width: 100%;
  text-align: center;
  color: #ffffff;
  font-size: 12px;
  font-weight: 950;
  letter-spacing: .18em;
  text-transform: uppercase;
}

.dial-mode-buttons {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.dial-mode-button {
  width: 100%;
  min-height: 39px;
  border: 1px solid rgba(216,174,91,.88);
  border-radius: 12px;
  padding: 9px 8px;
  background: linear-gradient(180deg, #f3d37b, #b98626);
  color: #050505;
  font-size: 12px;
  font-weight: 950;
  letter-spacing: .06em;
  text-align: center;
  text-transform: uppercase;
  cursor: pointer;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.35), 0 6px 14px rgba(0,0,0,.22);
}

.dial-mode-button.active,
.dial-mode-button.running {
  border-color: rgba(63,196,112,.9);
  background: linear-gradient(180deg, #27c96d, #087039);
  color: #ffffff;
}

.last-call-toggle {
  display: inline-flex;
  width: fit-content;
  align-items: center;
  justify-content: center;
  gap: 6px;
  margin: 0 auto;
  padding: 3px 6px;
  border: 0;
  background: transparent;
  color: rgba(230,237,248,.84);
  font-size: 10px;
  font-weight: 850;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.last-call-toggle input {
  transform: scale(.95);
}


/* Campaign Access - original-style single module row */
.campaign-top-panel {
  display: grid !important;
  grid-template-columns: 220px 1fr !important;
  gap: 18px !important;
  align-items: center !important;
}

.campaign-access-heading {
  min-width: 0;
}

.campaign-access-heading h2 {
  margin: 6px 0 0;
  font-size: 24px;
  line-height: 1.1;
}

.campaign-access-row {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 12px !important;
  align-items: stretch !important;
  width: 100%;
}

.campaign-access-control {
  display: grid !important;
  gap: 8px !important;
  align-content: start !important;
  min-width: 0 !important;
  padding: 12px !important;
  border: 1px solid rgba(120,143,181,.22) !important;
  border-radius: 14px !important;
  background: rgba(255,255,255,.025) !important;
}

.campaign-access-control label,
.campaign-access-control .eyebrow {
  color: #f3d37b !important;
  font-size: 11px !important;
  font-weight: 950 !important;
  letter-spacing: .16em !important;
  text-transform: uppercase !important;
}

.campaign-access-control strong {
  display: block;
  color: #ffffff;
  font-size: 15px;
  line-height: 1.2;
}

.campaign-access-control small {
  display: block;
  color: rgba(186,198,219,.72);
  font-size: 11px;
  line-height: 1.25;
  margin-top: 3px;
}

.campaign-access-control select {
  width: 100%;
  min-height: 38px;
}

.campaign-access-control .campaign-action-row {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 8px !important;
}

.campaign-access-control .campaign-power-dial {
  display: none !important;
}

@media (max-width: 1050px) {
  .campaign-top-panel {
    grid-template-columns: 1fr !important;
  }

  .campaign-access-row {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 760px) {
  .campaign-top-panel {
    gap: 12px !important;
    padding: 14px !important;
  }

  .campaign-access-heading h2 {
    font-size: 20px !important;
  }

  .campaign-access-row {
    gap: 10px !important;
  }

  .campaign-access-control {
    padding: 11px !important;
  }

  .campaign-access-control button {
    min-height: 40px !important;
    font-size: 13px !important;
  }

  .campaign-access-control select {
    min-height: 42px !important;
    font-size: 14px !important;
  }
}

@media (max-width: 420px) {
  .campaign-access-control .campaign-action-row {
    grid-template-columns: 1fr !important;
  }
}


/* STEP 1 ONLY - Campaign Access title on top */
.campaign-top-panel {
  display: block !important;
}

.campaign-access-heading {
  display: block !important;
  width: 100% !important;
  margin: 0 0 16px 0 !important;
}

.campaign-access-row {
  width: 100% !important;
}

/* OVERRIDE ONLY - Campaign Access clean 3 box layout */
section[data-layout-section="campaign-access"].campaign-top-panel {
  display: block !important;
  padding: 20px 24px !important;
}

section[data-layout-section="campaign-access"] .campaign-access-heading {
  display: block !important;
  width: 100% !important;
  margin: 0 0 16px 0 !important;
}

section[data-layout-section="campaign-access"] .campaign-access-heading h2 {
  margin: 5px 0 0 !important;
  font-size: 22px !important;
  line-height: 1.1 !important;
}

section[data-layout-section="campaign-access"] .campaign-access-row {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 14px !important;
  align-items: stretch !important;
  width: 100% !important;
}

section[data-layout-section="campaign-access"] .campaign-access-control {
  display: flex !important;
  flex-direction: column !important;
  min-width: 0 !important;
  min-height: 168px !important;
  height: 100% !important;
  gap: 9px !important;
  padding: 14px !important;
  border: 1px solid rgba(120,143,181,.24) !important;
  border-radius: 14px !important;
  background: rgba(255,255,255,.025) !important;
}

section[data-layout-section="campaign-access"] .campaign-access-control.campaign-membership-controls {
  display: flex !important;
  grid-template-columns: none !important;
  grid-template-areas: none !important;
  min-width: 0 !important;
}

section[data-layout-section="campaign-access"] .campaign-access-control label,
section[data-layout-section="campaign-access"] .campaign-access-control .eyebrow {
  display: block !important;
  min-height: 24px !important;
  color: #f3d37b !important;
  font-size: 11px !important;
  font-weight: 950 !important;
  letter-spacing: .14em !important;
  text-transform: uppercase !important;
}

section[data-layout-section="campaign-access"] .campaign-access-control select {
  display: block !important;
  width: 100% !important;
  min-height: 42px !important;
  margin: 0 !important;
}

section[data-layout-section="campaign-access"] .campaign-access-control .status {
  display: flex !important;
  width: 100% !important;
  min-height: 34px !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  justify-self: stretch !important;
  border-radius: 999px !important;
  font-size: 11px !important;
  line-height: 1.2 !important;
}

section[data-layout-section="campaign-access"] .incoming-campaign-controls > div:first-child {
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
  min-height: 100px !important;
  padding: 0 !important;
  border: 0 !important;
}

section[data-layout-section="campaign-access"] .campaign-access-control strong {
  color: #ffffff !important;
  font-size: 15px !important;
  line-height: 1.2 !important;
}

section[data-layout-section="campaign-access"] .campaign-access-control small {
  color: rgba(186,198,219,.76) !important;
  font-size: 12px !important;
  line-height: 1.3 !important;
}

section[data-layout-section="campaign-access"] .campaign-access-control .campaign-action-row {
  margin-top: auto !important;
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 8px !important;
  width: 100% !important;
}

section[data-layout-section="campaign-access"] .campaign-action-row button {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 42px !important;
  margin: 0 !important;
  padding: 9px 12px !important;
}

section[data-layout-section="campaign-access"] .campaign-power-dial {
  display: none !important;
}

@media (max-width: 1050px) {
  section[data-layout-section="campaign-access"] .campaign-access-row {
    grid-template-columns: 1fr !important;
  }

  section[data-layout-section="campaign-access"] .campaign-access-control {
    min-height: auto !important;
  }
}

@media (max-width: 520px) {
  section[data-layout-section="campaign-access"] .campaign-action-row {
    grid-template-columns: 1fr !important;
  }
}

/* Preview / Power active dialer button pulse */
.dial-mode-button.running,
.dial-mode-button.active.running,
.dial-mode-button[data-active="true"],
.dial-mode-button.is-active-dialer {
  position: relative !important;
  background: linear-gradient(180deg, #28d979, #08733c) !important;
  color: #ffffff !important;
  border-color: rgba(70, 230, 140, .95) !important;
  box-shadow: 0 0 0 0 rgba(40, 217, 121, .60), 0 8px 18px rgba(0,0,0,.28) !important;
  animation: empireDialerPulse 1.35s infinite !important;
}

.dial-mode-button.running::after,
.dial-mode-button.active.running::after,
.dial-mode-button[data-active="true"]::after,
.dial-mode-button.is-active-dialer::after {
  content: "ACTIVE";
  display: inline-block;
  margin-left: 6px;
  padding: 2px 5px;
  border-radius: 999px;
  background: rgba(255,255,255,.20);
  color: #ffffff;
  font-size: 8px;
  font-weight: 950;
  letter-spacing: .12em;
  vertical-align: middle;
}

@keyframes empireDialerPulse {
  0% { box-shadow: 0 0 0 0 rgba(40,217,121,.58), 0 8px 18px rgba(0,0,0,.28); }
  70% { box-shadow: 0 0 0 9px rgba(40,217,121,0), 0 8px 18px rgba(0,0,0,.28); }
  100% { box-shadow: 0 0 0 0 rgba(40,217,121,0), 0 8px 18px rgba(0,0,0,.28); }
}

/* Dispositions: compact full-width row under contact/customer info */
#disposition-buttons,
.disposition-buttons,
.call-outcomes,
.outcome-buttons {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(86px, 1fr)) !important;
  gap: 7px !important;
  width: 100% !important;
  max-width: 100% !important;
}

#disposition-buttons button,
.disposition-buttons button,
.call-outcomes button,
.outcome-buttons button {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 36px !important;
  padding: 7px 8px !important;
  font-size: 10px !important;
  line-height: 1.1 !important;
  letter-spacing: .04em !important;
  white-space: normal !important;
  text-align: center !important;
}

/* Keep disposition section visually aligned with live counter / customer info width */
.customer-panel #disposition-buttons,
.customer-panel .disposition-buttons,
.phone-side-column #disposition-buttons,
.phone-side-column .disposition-buttons {
  margin-top: 12px !important;
}

/* On phone, keep buttons usable but still compact */
@media (max-width: 560px) {
  #disposition-buttons,
  .disposition-buttons,
  .call-outcomes,
  .outcome-buttons {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  #disposition-buttons button,
  .disposition-buttons button,
  .call-outcomes button,
  .outcome-buttons button {
    min-height: 38px !important;
    font-size: 10px !important;
  }
}

/* Active dialer button pulse */
.dial-mode-button.running {
  position: relative !important;
  background: linear-gradient(180deg, #28d979, #08733c) !important;
  color: #ffffff !important;
  border-color: rgba(70,230,140,.95) !important;
  animation: empireDialerPulse 1.35s infinite !important;
}

.dial-mode-button.running::after {
  content: "ACTIVE";
  display: inline-block;
  margin-left: 6px;
  padding: 2px 5px;
  border-radius: 999px;
  background: rgba(255,255,255,.20);
  color: #ffffff;
  font-size: 8px;
  font-weight: 950;
  letter-spacing: .12em;
}

@keyframes empireDialerPulse {
  0% { box-shadow: 0 0 0 0 rgba(40,217,121,.58); }
  70% { box-shadow: 0 0 0 9px rgba(40,217,121,0); }
  100% { box-shadow: 0 0 0 0 rgba(40,217,121,0); }
}

/* Compact disposition buttons */
#disposition-buttons,
.disposition-buttons,
.call-outcomes,
.outcome-buttons {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(82px, 1fr)) !important;
  gap: 7px !important;
  width: 100% !important;
  max-width: 100% !important;
}

#disposition-buttons button,
.disposition-buttons button,
.call-outcomes button,
.outcome-buttons button {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 34px !important;
  padding: 6px 7px !important;
  font-size: 9.5px !important;
  line-height: 1.05 !important;
  letter-spacing: .03em !important;
  white-space: normal !important;
  text-align: center !important;
}

@media (max-width: 560px) {
  #disposition-buttons,
  .disposition-buttons,
  .call-outcomes,
  .outcome-buttons {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* Preview queue terminal */
.power-terminal-line.queued strong {
  color: #c3cbd7 !important;
}

.power-terminal-line.dialing {
  outline: 1px solid rgba(63,196,112,.55) !important;
  box-shadow: 0 0 0 1px rgba(63,196,112,.18), 0 6px 18px rgba(0,0,0,.22) !important;
}

/* Preview queue terminal */
.power-terminal-line.queued strong {
  color: #c3cbd7 !important;
}

.power-terminal-line.dialing {
  outline: 1px solid rgba(63,196,112,.55) !important;
  box-shadow: 0 0 0 1px rgba(63,196,112,.18), 0 6px 18px rgba(0,0,0,.22) !important;
}

/* Final active dialer pulse */
.dial-mode-button.running,
.dial-mode-button[aria-pressed="true"] {
  background: linear-gradient(180deg, #2fe083, #08743e) !important;
  color: #ffffff !important;
  border-color: rgba(70,230,140,.98) !important;
  animation: empireDialerPulseStrong 1.15s infinite !important;
}

.dial-mode-button.running::after,
.dial-mode-button[aria-pressed="true"]::after {
  content: " ACTIVE";
  font-size: 8px;
  font-weight: 950;
  letter-spacing: .12em;
}

@keyframes empireDialerPulseStrong {
  0% { box-shadow: 0 0 0 0 rgba(47,224,131,.70); }
  70% { box-shadow: 0 0 0 10px rgba(47,224,131,0); }
  100% { box-shadow: 0 0 0 0 rgba(47,224,131,0); }
}

.power-terminal-line.queued strong {
  color: #c3cbd7 !important;
}

.power-terminal-line.dialing {
  outline: 1px solid rgba(63,196,112,.55) !important;
  box-shadow: 0 0 0 1px rgba(63,196,112,.18), 0 6px 18px rgba(0,0,0,.22) !important;
}

/* Dispositions under Contact Info - one line only */
.dispositions-under-contact {
  width: 100% !important;
  margin-top: 12px !important;
}

.dispositions-under-contact .section-title {
  margin-bottom: 8px !important;
}

#language-detail,
#disposition-rail .disp[data-disposition-id="language"] {
  display: none !important;
}

#disposition-rail {
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 6px !important;
  width: 100% !important;
  max-width: 100% !important;
}

#disposition-rail .disp {
  flex: 1 1 0 !important;
  min-width: 0 !important;
  min-height: 32px !important;
  padding: 6px 5px !important;
  font-size: 9px !important;
  line-height: 1.05 !important;
  letter-spacing: .02em !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-align: center !important;
}

@media (max-width: 560px) {
  #disposition-rail {
    gap: 4px !important;
  }

  #disposition-rail .disp {
    min-height: 30px !important;
    padding: 5px 3px !important;
    font-size: 8px !important;
  }
}

/* Dispositions under Contact Info - one line only */
.dispositions-under-contact {
  width: 100% !important;
  margin-top: 12px !important;
}

.dispositions-under-contact .section-title {
  margin-bottom: 8px !important;
}

#language-detail,
#disposition-rail .disp[data-disposition-id="language"] {
  display: none !important;
}

#disposition-rail {
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 6px !important;
  width: 100% !important;
  max-width: 100% !important;
}

#disposition-rail .disp {
  flex: 1 1 0 !important;
  min-width: 0 !important;
  min-height: 32px !important;
  padding: 6px 5px !important;
  font-size: 9px !important;
  line-height: 1.05 !important;
  letter-spacing: .02em !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-align: center !important;
}

@media (max-width: 560px) {
  #disposition-rail {
    gap: 4px !important;
  }

  #disposition-rail .disp {
    min-height: 30px !important;
    padding: 5px 3px !important;
    font-size: 8px !important;
  }
}

/* FINAL disposition rail under Contact Info */
.dispositions-under-contact {
  margin-top: 10px !important;
  padding: 10px !important;
}

.dispositions-under-contact .section-title {
  display: none !important;
}

#language-detail,
#disposition-rail .disp[data-disposition-id="language"] {
  display: none !important;
}

#disposition-rail {
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 5px !important;
  width: 100% !important;
}

#disposition-rail .disp {
  flex: 1 1 0 !important;
  min-width: 0 !important;
  min-height: 30px !important;
  padding: 5px 4px !important;
  font-size: 9px !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  text-align: center !important;
}

/* Stable Preview button: gold normally, green when running */
.dial-mode-button {
  background: linear-gradient(180deg, #f3d37b, #b98626) !important;
  color: #050505 !important;
  border-color: rgba(216,174,91,.9) !important;
}

.dial-mode-button.active:not(.running) {
  background: linear-gradient(180deg, #f3d37b, #b98626) !important;
  color: #050505 !important;
}

.dial-mode-button.running,
.dial-mode-button[aria-pressed="true"] {
  background: linear-gradient(180deg, #2fe083, #08743e) !important;
  color: #ffffff !important;
  border-color: rgba(70,230,140,.98) !important;
  animation: empireDialerPulseStrong 1.15s infinite !important;
}

.dial-mode-button.running::after,
.dial-mode-button[aria-pressed="true"]::after {
  content: " ACTIVE";
  font-size: 8px;
  font-weight: 950;
  letter-spacing: .12em;
}

@keyframes empireDialerPulseStrong {
  0% { box-shadow: 0 0 0 0 rgba(47,224,131,.70); }
  70% { box-shadow: 0 0 0 10px rgba(47,224,131,0); }
  100% { box-shadow: 0 0 0 0 rgba(47,224,131,0); }
}

/* Disposition buttons slightly larger */
#disposition-rail {
  gap: 7px !important;
}

#disposition-rail .disp {
  min-height: 38px !important;
  padding: 8px 7px !important;
  font-size: 11px !important;
  line-height: 1.05 !important;
  font-weight: 850 !important;
}

@media (max-width: 560px) {
  #disposition-rail .disp {
    min-height: 34px !important;
    padding: 6px 5px !important;
    font-size: 10px !important;
  }
}

/* Disposition saving feedback */
#disposition-rail .disp.saving {
  animation: none !important;
  opacity: .75 !important;
  filter: brightness(.95) !important;
}

/* Stop disposition bounce and make one-click feel solid */
#disposition-rail .disp,
#disposition-rail .disp:hover,
#disposition-rail .disp:focus,
#disposition-rail .disp:active,
#disposition-rail .disp.saving {
  animation: none !important;
  transform: none !important;
  transition: background .12s ease, border-color .12s ease, opacity .12s ease !important;
}

#disposition-rail .disp {
  min-height: 38px !important;
  padding: 8px 7px !important;
  font-size: 11px !important;
  font-weight: 850 !important;
}

#disposition-rail .disp.saving {
  opacity: .75 !important;
  filter: brightness(.9) !important;
}

/* DISPOSITION SHAKE FIX */
#disposition-rail,
#disposition-rail:hover,
#disposition-rail .disp,
#disposition-rail .disp:hover,
#disposition-rail .disp:focus,
#disposition-rail .disp:active,
#disposition-rail .disp.selected,
#disposition-rail .disp.saving {
  animation: none !important;
  transform: none !important;
}

#disposition-rail {
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 7px !important;
  width: 100% !important;
}

#disposition-rail .disp {
  flex: 1 1 0 !important;
  min-width: 0 !important;
  min-height: 42px !important;
  padding: 9px 7px !important;
  font-size: 11px !important;
  font-weight: 850 !important;
  white-space: nowrap !important;
  text-align: center !important;
  transition: background .12s ease, border-color .12s ease, opacity .12s ease !important;
}

.dispositions-under-contact {
  padding-top: 14px !important;
  padding-bottom: 16px !important;
}

.call-disposition-title {
  margin: 0 0 10px !important;
  color: #f3d37b !important;
  font-size: 12px !important;
  font-weight: 950 !important;
  letter-spacing: .16em !important;
  text-transform: uppercase !important;
}
/* ===========================
   CALL HISTORY
=========================== */

.call-history-toolbar{
    display:flex;
    gap:12px;
    margin-bottom:18px;
    align-items:center;
}

.call-history-toolbar input{
    flex:1;
    min-width:320px;
}

.call-history-table{
    width:100%;
    border-collapse:collapse;
}

.call-history-table thead{
    background:#0f2038;
}

.call-history-table th{
    text-align:left;
    padding:12px;
    font-size:.82rem;
    color:#d7e5ff;
}

.call-history-table td{
    padding:12px;
    border-bottom:1px solid rgba(255,255,255,.08);
}

.call-history-table tbody tr:hover{
    background:rgba(32,81,140,.18);
}

.call-history-action{
    display:flex;
    gap:8px;
}

.call-history-action button{
    padding:6px 10px;
    border-radius:6px;
    cursor:pointer;
}

/* ===== EMPIRE ADVISOR FULL WIDTH V13 ===== */

/* EMPIRE_ADMIN_ADVISOR_VISIBILITY_V36 */
#advisor-panel:not([hidden]) {
  display: block !important;
  width: 100% !important;
}

#advisor-panel[hidden],
#admin-panel[hidden] {
  display: none !important;
}

#advisor-panel > [data-layout-section] {
  width: 100% !important;
  max-width: none !important;
  box-sizing: border-box;
  margin-left: 0 !important;
  margin-right: 0 !important;
  margin-bottom: 18px;
}

/* CUSTOMER FULL WIDTH */
#advisor-panel > #customer-card {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
}

#customer-card .customer-grid {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  width: 100% !important;
  gap: 10px;
}

#customer-card .customer-grid > div {
  min-width: 0;
  padding: 12px 14px;
  border-radius: 12px;
}

/* DISPOSITIONS FULL WIDTH */
#advisor-panel > #disposition-center {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
}

#disposition-center .disposition-rail {
  display: grid !important;
  grid-template-columns: repeat(8, minmax(0, 1fr)) !important;
  width: 100% !important;
  gap: 8px;
}

#disposition-center .disp {
  width: 100% !important;
  min-height: 46px;
}

/* PHONE BELOW CUSTOMER + DISPOSITIONS */
#advisor-panel > [data-layout-section="phone"] {
  width: 100% !important;
  max-width: none !important;
}

/* CALL HISTORY */
#call-history {
  width: 100% !important;
  max-width: none !important;
}

#call-history table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
}

#call-history thead th {
  position: sticky;
  top: 0;
  z-index: 2;
  padding: 11px 12px;
  text-align: left;
  font-size: 10px;
  letter-spacing: .08em;
  text-transform: uppercase;
}

#call-history tbody td {
  padding: 12px;
}

.call-history-actions {
  display: flex;
  gap: 7px;
}

.history-button {
  min-height: 34px;
  padding: 6px 12px;
  border-radius: 9px;
}

/* TABLET */
@media (max-width: 1100px) {
  #customer-card .customer-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  #disposition-center .disposition-rail {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}

/* MOBILE */
@media (max-width: 700px) {
  #customer-card .customer-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  #disposition-center .disposition-rail {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}


/* ==========================================================
   EMPIRE CONNECTIONS — FINANCIAL DESK POLISH
   Restrained institutional / premium card aesthetic
   ========================================================== */

/* ---------- CUSTOMER INFORMATION ---------- */

#advisor-panel > #customer-card {
  position: relative;
  overflow: hidden;
  padding: 20px 22px 22px !important;
  background:
    linear-gradient(180deg, #101d33 0%, #0b1729 100%) !important;
  border: 1px solid rgba(199, 164, 82, .24) !important;
  border-radius: 16px !important;
  box-shadow:
    0 14px 34px rgba(0, 0, 0, .16),
    inset 0 1px 0 rgba(255, 255, 255, .035) !important;
}

/* Fine gold accent — not a giant gold border */
#advisor-panel > #customer-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 24px;
  right: 24px;
  height: 2px;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(211, 177, 92, .9),
    transparent
  );
}

#customer-card .section-title {
  margin-bottom: 15px !important;
  padding-bottom: 13px;
  border-bottom: 1px solid rgba(255,255,255,.07);
}

#customer-card .eyebrow {
  color: #cdb06a !important;
  font-size: 9px !important;
  font-weight: 600 !important;
  letter-spacing: .16em !important;
}

#customer-card h2 {
  margin-top: 4px !important;
  font-size: 19px !important;
  font-weight: 500 !important;
  letter-spacing: -.015em;
  color: #f5f7fb !important;
}

#customer-card .customer-grid {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 8px !important;
}

#customer-card .customer-grid > div {
  position: relative;
  min-width: 0;
  min-height: 58px;
  padding: 10px 12px !important;

  background: rgba(255,255,255,.035) !important;

  border:
    1px solid rgba(183, 197, 218, .11) !important;

  border-radius: 10px !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.025) !important;
}

/* tiny premium corner accent */
#customer-card .customer-grid > div::after {
  content: "";
  position: absolute;
  right: 8px;
  top: 8px;
  width: 4px;
  height: 4px;
  border-top: 1px solid rgba(211,177,92,.55);
  border-right: 1px solid rgba(211,177,92,.55);
}

#customer-card .customer-grid small {
  display: block;
  margin: 0 0 5px !important;

  color: rgba(205, 176, 106, .82) !important;

  font-size: 8.5px !important;
  font-weight: 500 !important;
  line-height: 1.1;
  letter-spacing: .11em !important;
  text-transform: uppercase;
}

#customer-card .customer-grid strong {
  display: block;

  color: #e9edf4 !important;

  font-size: 12.5px !important;
  font-weight: 400 !important;
  line-height: 1.3;

  letter-spacing: .005em;

  overflow-wrap: anywhere;
}

/* Record status becomes a quiet financial-system badge */
#customer-card #record-state {
  background: rgba(255,255,255,.045) !important;
  border: 1px solid rgba(211,177,92,.18) !important;
  color: #d7c18c !important;
  border-radius: 999px !important;

  font-size: 9px !important;
  font-weight: 600 !important;
  letter-spacing: .08em;
}

#customer-card #record-state.automation-working,
#customer-card #record-state.automation-complete {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border-color: rgba(66,182,221,.42) !important;
  background: rgba(25,83,105,.22) !important;
  color: #a9e7f7 !important;
}

#customer-card #record-state.automation-working::before {
  content: "";
  width: 11px;
  height: 11px;
  flex: 0 0 11px;
  border: 2px solid rgba(169,231,247,.3);
  border-top-color: #a9e7f7;
  border-radius: 50%;
  animation: empire-automation-spin .8s linear infinite;
}

#customer-card #record-state.automation-complete {
  border-color: rgba(45,210,125,.4) !important;
  background: rgba(17,91,59,.24) !important;
  color: #9ce8bd !important;
}

#customer-card #record-state.automation-complete::before {
  content: "✓";
  font-size: 12px;
  font-weight: 900;
}

@keyframes empire-automation-spin {
  to { transform: rotate(360deg); }
}

@media (prefers-reduced-motion: reduce) {
  #customer-card #record-state.automation-working::before {
    animation: none;
  }
}

/* ---------- DISPOSITION COMMAND BAR ---------- */

#advisor-panel > #disposition-center {
  padding: 16px 20px 18px !important;

  background:
    linear-gradient(180deg, #111c2e 0%, #0d1727 100%) !important;

  border: 1px solid rgba(255,255,255,.075) !important;
  border-radius: 14px !important;

  box-shadow: 0 10px 28px rgba(0,0,0,.12) !important;
}

#disposition-center .section-title {
  margin-bottom: 12px !important;
}

#disposition-center .eyebrow {
  color: #bda76f !important;
  font-size: 8.5px !important;
  font-weight: 600 !important;
  letter-spacing: .15em !important;
}

#disposition-center h2 {
  font-size: 16px !important;
  font-weight: 500 !important;
  color: #edf1f7 !important;
}

#disposition-center .required-note {
  color: rgba(220,226,236,.55) !important;
  font-size: 9px !important;
}

/* Remove rainbow disposition appearance */
#disposition-center .disposition-rail {
  display: grid !important;
  grid-template-columns: repeat(8, minmax(0, 1fr)) !important;
  gap: 7px !important;
}

#disposition-center .disp,
#disposition-center .disp.not-interested,
#disposition-center .disp.dnc,
#disposition-center .disp.callback,
#disposition-center .disp.no-answer,
#disposition-center .disp.email,
#disposition-center .disp.voicemail,
#disposition-center .disp.language,
#disposition-center .disp.success {
  min-height: 40px !important;

  padding: 8px 9px !important;

  background:
    linear-gradient(180deg, #18263b 0%, #121e31 100%) !important;

  border: 1px solid rgba(188,201,221,.13) !important;

  border-radius: 8px !important;

  color: #dce3ed !important;

  font-size: 10px !important;
  font-weight: 500 !important;
  letter-spacing: .025em !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.035) !important;

  transition:
    border-color .14s ease,
    background .14s ease,
    transform .14s ease !important;
}

#disposition-center .disp:hover {
  background:
    linear-gradient(180deg, #1d2d45 0%, #15233a 100%) !important;

  border-color: rgba(211,177,92,.55) !important;
  color: #f3ead1 !important;

  transform: translateY(-1px);
}

/* Selected disposition = gold authority state */
#disposition-center .disp.selected {
  background:
    linear-gradient(180deg, #26344a 0%, #18263c 100%) !important;

  border-color: rgba(211,177,92,.85) !important;

  color: #f3dfaa !important;

  box-shadow:
    inset 0 0 0 1px rgba(211,177,92,.16),
    0 5px 14px rgba(0,0,0,.15) !important;
}

/* DNC gets a restrained risk cue — not a bright red toy button */
#disposition-center .disp.dnc {
  border-left: 2px solid rgba(183,92,92,.72) !important;
}

/* Sale gets restrained positive/gold cue */
#disposition-center .disp.success {
  border-left: 2px solid rgba(211,177,92,.82) !important;
}

/* Callback / email / language detail panels */
#disposition-center .detail-choice {
  margin-top: 10px !important;
  padding: 12px 14px !important;

  background: rgba(255,255,255,.035) !important;
  border: 1px solid rgba(255,255,255,.075) !important;
  border-radius: 9px !important;

  color: #dfe5ee !important;
}

/* ---------- RESPONSIVE ---------- */

@media (max-width: 1200px) {
  #customer-card .customer-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }

  #disposition-center .disposition-rail {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 800px) {
  #customer-card .customer-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  #disposition-center .disposition-rail {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}


/* ==========================================================
   EMPIRE CONNECTIONS — DARK LUXURY V14
   Financial desk / dimensional controls
   ========================================================== */

/* CUSTOMER — DEEPER */
#advisor-panel > #customer-card {
  background:
    linear-gradient(145deg, #07111f 0%, #091525 48%, #050d18 100%) !important;

  border: 1px solid rgba(202, 170, 91, .30) !important;

  box-shadow:
    0 18px 42px rgba(0,0,0,.28),
    inset 0 1px 0 rgba(255,255,255,.035),
    inset 0 -1px 0 rgba(0,0,0,.40) !important;
}

/* restrained gold rail */
#advisor-panel > #customer-card::before {
  left: 18px !important;
  right: 18px !important;
  height: 2px !important;

  background:
    linear-gradient(
      90deg,
      transparent 0%,
      rgba(196,158,72,.30) 8%,
      #c7a252 48%,
      rgba(196,158,72,.30) 92%,
      transparent 100%
    ) !important;
}

#customer-card .section-title {
  border-bottom: 1px solid rgba(202,170,91,.12) !important;
}

/* INSET INFORMATION TILES */
#customer-card .customer-grid > div {
  min-height: 54px !important;
  padding: 9px 12px !important;

  background:
    linear-gradient(
      145deg,
      rgba(24,40,61,.76) 0%,
      rgba(12,25,42,.90) 100%
    ) !important;

  border: 1px solid rgba(130,153,184,.15) !important;

  border-radius: 9px !important;

  box-shadow:
    inset 1px 1px 0 rgba(255,255,255,.025),
    inset -1px -1px 0 rgba(0,0,0,.32),
    0 3px 8px rgba(0,0,0,.13) !important;
}

#customer-card .customer-grid > div:hover {
  border-color: rgba(199,162,82,.30) !important;

  background:
    linear-gradient(
      145deg,
      rgba(29,47,70,.82),
      rgba(13,27,45,.94)
    ) !important;
}

/* gold corner trim */
#customer-card .customer-grid > div::after {
  width: 7px !important;
  height: 7px !important;

  border-top: 1px solid rgba(207,172,84,.58) !important;
  border-right: 1px solid rgba(207,172,84,.58) !important;
}

#customer-card .customer-grid small {
  color: rgba(204,176,108,.74) !important;
  font-size: 8px !important;
  font-weight: 500 !important;
}

#customer-card .customer-grid strong {
  color: #dfe6ef !important;
  font-size: 12px !important;
  font-weight: 400 !important;
}


/* ==========================================================
   DISPOSITIONS — DIMENSIONAL, DEEP ACCENT COLORS
   ========================================================== */

#advisor-panel > #disposition-center {
  background:
    linear-gradient(145deg, #091321 0%, #07101c 100%) !important;

  border: 1px solid rgba(130,153,184,.13) !important;

  box-shadow:
    0 14px 34px rgba(0,0,0,.22),
    inset 0 1px 0 rgba(255,255,255,.025) !important;
}

#disposition-center .disposition-rail {
  gap: 8px !important;
}


/* BASE 3D BUTTON */
#disposition-center .disp {
  position: relative;

  min-height: 42px !important;

  border-radius: 8px !important;

  color: rgba(244,247,251,.92) !important;

  font-size: 10px !important;
  font-weight: 600 !important;

  text-shadow: 0 1px 1px rgba(0,0,0,.5);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    inset 0 -2px 0 rgba(0,0,0,.25),
    0 4px 8px rgba(0,0,0,.18) !important;
}


/* NOT INTERESTED — DEEP WINE */
#disposition-center .disp.not-interested {
  background:
    linear-gradient(180deg, #57303b 0%, #38202a 100%) !important;

  border: 1px solid #70404c !important;
}


/* DNC — BURGUNDY */
#disposition-center .disp.dnc {
  background:
    linear-gradient(180deg, #5a2630 0%, #35171e 100%) !important;

  border: 1px solid #793845 !important;
}


/* CALLBACK — MIDNIGHT BLUE */
#disposition-center .disp.callback {
  background:
    linear-gradient(180deg, #27466d 0%, #172d49 100%) !important;

  border: 1px solid #365c88 !important;
}


/* NO ANSWER — GRAPHITE */
#disposition-center .disp.no-answer {
  background:
    linear-gradient(180deg, #3b4655 0%, #252e39 100%) !important;

  border: 1px solid #4c5a6c !important;
}


/* EMAIL — DEEP TEAL */
#disposition-center .disp.email {
  background:
    linear-gradient(180deg, #23545b 0%, #16383e 100%) !important;

  border: 1px solid #326a72 !important;
}


/* VOICEMAIL — MUTED INDIGO */
#disposition-center .disp.voicemail {
  background:
    linear-gradient(180deg, #3d3d68 0%, #282846 100%) !important;

  border: 1px solid #515184 !important;
}


/* LANGUAGE — DARK AMBER */
#disposition-center .disp.language {
  background:
    linear-gradient(180deg, #62502b 0%, #3f341e 100%) !important;

  border: 1px solid #806a39 !important;
}


/* SALE — DEEP EMERALD */
#disposition-center .disp.success {
  background:
    linear-gradient(180deg, #245846 0%, #15392c 100%) !important;

  border: 1px solid #32725b !important;
}


/* BUTTON HOVER — GOLD EDGE */
#disposition-center .disp:hover {
  border-color: rgba(215,180,91,.78) !important;

  color: #fff4d2 !important;

  transform: translateY(-1px) !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.11),
    inset 0 -2px 0 rgba(0,0,0,.28),
    0 6px 12px rgba(0,0,0,.25),
    0 0 0 1px rgba(202,164,77,.12) !important;
}


/* SELECTED — GOLD RING */
#disposition-center .disp.selected {
  border-color: #cda952 !important;

  color: #fff1c5 !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    inset 0 -2px 0 rgba(0,0,0,.28),
    0 0 0 1px rgba(205,169,82,.36),
    0 6px 14px rgba(0,0,0,.28) !important;
}


/* PRESSED */
#disposition-center .disp:active {
  transform: translateY(1px) !important;

  box-shadow:
    inset 0 2px 5px rgba(0,0,0,.30) !important;
}


/* ==========================================================
   CAMPAIGN & CALL ROUTING — FINANCIAL DESK V16
   ========================================================== */

.campaign-top-panel {
  padding: 15px 18px !important;
  margin-bottom: 14px !important;

  background:
    linear-gradient(145deg, #07111f 0%, #091525 55%, #060e19 100%) !important;

  border: 1px solid rgba(198,165,82,.20) !important;
  border-radius: 14px !important;

  box-shadow:
    0 12px 28px rgba(0,0,0,.20),
    inset 0 1px 0 rgba(255,255,255,.025) !important;
}

.campaign-access-heading {
  display: flex !important;
  align-items: baseline !important;
  gap: 12px !important;
  margin-bottom: 11px !important;
  padding-bottom: 9px !important;
  border-bottom: 1px solid rgba(198,165,82,.11) !important;
}

.campaign-access-heading .eyebrow {
  color: #c8a85e !important;
  font-size: 8px !important;
  letter-spacing: .15em !important;
}

.campaign-access-heading h2 {
  margin: 0 !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  color: #edf2f8 !important;
}

/* Hide redundant custom-campaign column from advisor surface.
   Assignment data remains intact. */
.custom-campaign-controls {
  display: none !important;
}

.campaign-access-row {
  display: grid !important;
  grid-template-columns: minmax(360px, 1.5fr) minmax(270px, .8fr) !important;
  gap: 10px !important;
  align-items: stretch !important;
}

.campaign-access-control {
  min-height: 0 !important;
  padding: 11px 12px !important;

  background:
    linear-gradient(145deg, rgba(24,40,61,.70), rgba(10,22,38,.90)) !important;

  border: 1px solid rgba(135,155,184,.13) !important;
  border-radius: 9px !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.025),
    0 3px 8px rgba(0,0,0,.12) !important;
}

.campaign-access-control label,
.incoming-campaign-controls .eyebrow {
  color: rgba(202,174,105,.78) !important;
  font-size: 8px !important;
  font-weight: 600 !important;
  letter-spacing: .11em !important;
  text-transform: uppercase !important;
}

#advisor-campaign-select {
  width: 100% !important;
  height: 38px !important;
  margin-top: 6px !important;

  background: #091524 !important;
  color: #e6ebf2 !important;

  border: 1px solid rgba(153,173,201,.20) !important;
  border-radius: 7px !important;

  font-size: 11px !important;
}

#campaign-membership-status,
#queue-status {
  display: block !important;
  margin-top: 7px !important;

  background: transparent !important;
  border: 0 !important;

  color: #b9c4d2 !important;

  font-size: 8.5px !important;
  font-weight: 600 !important;
  letter-spacing: .07em !important;
}

.campaign-action-row {
  display: flex !important;
  gap: 6px !important;
  margin-top: 8px !important;
}

.campaign-action-row button {
  min-height: 34px !important;
  padding: 6px 14px !important;

  border-radius: 7px !important;

  font-size: 9px !important;
  font-weight: 600 !important;
  letter-spacing: .045em !important;
  text-transform: uppercase !important;
}

/* Primary activation — dimensional but restrained */
#join-campaign,
#join-queue {
  background:
    linear-gradient(180deg, #273a55 0%, #17273e 100%) !important;

  color: #eee5ca !important;

  border: 1px solid rgba(204,169,82,.48) !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.07),
    inset 0 -2px 0 rgba(0,0,0,.24),
    0 4px 8px rgba(0,0,0,.15) !important;
}

#leave-campaign,
#leave-queue {
  background: #111d2d !important;
  color: #9eabba !important;
  border: 1px solid rgba(145,162,184,.14) !important;
}

/* Old standalone Power button is controlled by the dial-mode selector */
.campaign-power-dial {
  display: none !important;
}

/* Compact incoming block */
.incoming-campaign-controls {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
}

.incoming-campaign-controls small {
  display: none !important;
}

@media (max-width: 900px) {
  .campaign-access-row {
    grid-template-columns: 1fr !important;
  }
}


/* ==========================================================
   EMPIRE CONNECTIONS — PIPELINE / DISPOSITION POLISH V17
   ========================================================== */

:root {
  --empire-gold:
    linear-gradient(
      90deg,
      #8d6b25 0%,
      #c49a42 22%,
      #f1d47a 48%,
      #c89c42 72%,
      #87651f 100%
    );
}


/* ==========================================================
   ADVISOR PIPELINE
   ========================================================== */

.campaign-top-panel {
  padding: 12px 15px !important;
  border-color: rgba(196,154,66,.22) !important;
}

.campaign-access-heading {
  position: relative;
  margin-bottom: 9px !important;
  padding-bottom: 8px !important;
}

.campaign-access-heading::after {
  content: "";
  position: absolute;

  left: 0;
  bottom: -1px;

  width: 150px;
  height: 2px;

  background: var(--empire-gold);

  border-radius: 999px;
}

.campaign-access-heading h2 {
  font-size: 15px !important;
  font-weight: 500 !important;
  letter-spacing: -.01em !important;
}


/* CUSTOM CAMPAIGN IS REDUNDANT ON ADVISOR SCREEN */
.custom-campaign-controls {
  display: none !important;
}


/* TWO COMPACT PIPELINE CONTROLS */
.campaign-access-row {
  display: grid !important;

  grid-template-columns:
    minmax(340px, 1.25fr)
    minmax(240px, .75fr) !important;

  gap: 8px !important;
}

.campaign-membership-controls,
.incoming-campaign-controls {
  min-height: auto !important;

  padding: 9px 11px !important;

  border-radius: 8px !important;
}


/* CAMPAIGN SELECT */
#advisor-campaign-select {
  height: 34px !important;

  margin-top: 4px !important;

  padding: 5px 9px !important;

  font-size: 10px !important;
}


/* STATUS */
#campaign-membership-status,
#queue-status {
  margin-top: 5px !important;

  font-size: 8px !important;
  letter-spacing: .075em !important;
}


/* TIGHTER BUTTON AREA */
.campaign-action-row {
  gap: 6px !important;
  margin-top: 6px !important;
}

.campaign-action-row button {
  min-height: 31px !important;

  padding: 5px 12px !important;

  border-radius: 7px !important;

  font-size: 8.5px !important;
}


/* ACTIVATE / JOIN — DEEP BLUE + GOLD */
#join-campaign,
#join-queue {
  background:
    linear-gradient(
      180deg,
      #263c5c 0%,
      #192c47 55%,
      #102139 100%
    ) !important;

  border: 1px solid #b68c36 !important;

  color: #f0d77e !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    inset 0 -2px 0 rgba(0,0,0,.28),
    0 4px 9px rgba(0,0,0,.18) !important;
}


/* NO RED LEAVE BUTTONS */
#leave-campaign,
#leave-queue,
.campaign-action-row .danger {
  background:
    linear-gradient(
      180deg,
      #1d304b 0%,
      #12233a 100%
    ) !important;

  color: #bdc9d8 !important;

  border: 1px solid rgba(145,165,192,.23) !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    inset 0 -2px 0 rgba(0,0,0,.22) !important;
}

#join-campaign:hover,
#join-queue:hover,
#leave-campaign:hover,
#leave-queue:hover {
  transform: translateY(-1px);

  border-color: #d3ad55 !important;
}

#join-campaign:active,
#join-queue:active,
#leave-campaign:active,
#leave-queue:active {
  transform: translateY(1px);

  box-shadow:
    inset 0 2px 5px rgba(0,0,0,.28) !important;
}


/* ==========================================================
   DISPOSITIONS — KPI STYLE
   ========================================================== */

#disposition-center {
  background:
    linear-gradient(
      145deg,
      #07111f 0%,
      #091524 52%,
      #060e19 100%
    ) !important;

  border: 1px solid rgba(135,155,184,.13) !important;

  border-radius: 12px !important;
}


/* WIDE ENOUGH FOR FULL NAMES */
#disposition-center .disposition-rail {
  display: grid !important;

  grid-template-columns:
    repeat(4, minmax(125px, 1fr)) !important;

  gap: 8px !important;
}


/* NEUTRAL KPI CARD — NO BRIGHT BODY COLOR */
#disposition-center .disp,
#disposition-center .disp.not-interested,
#disposition-center .disp.dnc,
#disposition-center .disp.callback,
#disposition-center .disp.no-answer,
#disposition-center .disp.email,
#disposition-center .disp.voicemail,
#disposition-center .disp.language,
#disposition-center .disp.success {
  position: relative;

  overflow: hidden;

  min-height: 43px !important;

  padding: 10px 10px 8px !important;

  background:
    linear-gradient(
      180deg,
      #1b2b42 0%,
      #142238 52%,
      #0e1b2e 100%
    ) !important;

  color: #e3e9f1 !important;

  border:
    1px solid rgba(144,163,190,.18) !important;

  border-radius: 9px !important;

  font-size: 9px !important;
  font-weight: 600 !important;
  letter-spacing: .065em !important;

  text-transform: uppercase !important;

  text-shadow: none !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.055),
    inset 0 -2px 0 rgba(0,0,0,.28),
    0 5px 10px rgba(0,0,0,.18) !important;

  transition:
    transform .12s ease,
    border-color .12s ease,
    box-shadow .12s ease !important;
}


/* TOP ACCENT STRIP */
#disposition-center .disp::before {
  content: "";

  position: absolute;

  top: 0;
  left: 9px;
  right: 9px;

  height: 2px;

  border-radius: 0 0 4px 4px;

  background: #647995;
}


/* INDIVIDUAL ACCENTS — SUBTLE ONLY */

#disposition-center .disp.not-interested::before {
  background: #85606b;
}

#disposition-center .disp.dnc::before {
  background: #93636b;
}

#disposition-center .disp.callback::before {
  background: #5682ae;
}

#disposition-center .disp.no-answer::before {
  background: #738195;
}

#disposition-center .disp.email::before {
  background: #4f8e91;
}

#disposition-center .disp.voicemail::before {
  background: #706f9e;
}

#disposition-center .disp.language::before {
  background:
    linear-gradient(
      90deg,
      #8e702e,
      #d0ac55,
      #8e702e
    );
}

#disposition-center .disp.success::before {
  background: #4c8b71;
}


/* HOVER — CARD LIFTS */
#disposition-center .disp:hover {
  transform: translateY(-3px) !important;

  background:
    linear-gradient(
      180deg,
      #223550 0%,
      #182943 55%,
      #102039 100%
    ) !important;

  border-color: #b9913f !important;

  color: #f1e5bd !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    inset 0 -2px 0 rgba(0,0,0,.26),
    0 9px 16px rgba(0,0,0,.27) !important;
}


/* SELECTED — METALLIC GOLD */
#disposition-center .disp.selected {
  transform: translateY(-1px) !important;

  border-color: #d1aa51 !important;

  color: #f5df94 !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.09),
    inset 0 -2px 0 rgba(0,0,0,.27),
    0 0 0 1px rgba(206,167,75,.22),
    0 7px 15px rgba(0,0,0,.24) !important;
}

#disposition-center .disp.selected::before {
  height: 3px;

  background:
    linear-gradient(
      90deg,
      #8b6824 0%,
      #c99d43 24%,
      #f0d475 50%,
      #c99d43 76%,
      #8b6824 100%
    ) !important;
}


/* CLICK — PHYSICAL PRESS */
#disposition-center .disp:active {
  transform: translateY(2px) !important;

  box-shadow:
    inset 0 3px 7px rgba(0,0,0,.32),
    0 2px 4px rgba(0,0,0,.15) !important;
}


/* RESPONSIVE */
@media (max-width: 1050px) {
  .campaign-access-row {
    grid-template-columns: 1fr !important;
  }

  #disposition-center .disposition-rail {
    grid-template-columns:
      repeat(2, minmax(125px, 1fr)) !important;
  }
}


/* ==========================================================
   ADVISOR CHARTS — DISABLED
   Keep underlying code/data for future verticals.
   ========================================================== */

#advisor-panel .chart-grid,
#advisor-panel .chart-card,
#advisor-panel [class*="chart-grid"],
#advisor-panel [class*="chart-card"] {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  overflow: hidden !important;
}

/* Remove any space left behind underneath KPI cards */
#advisor-panel .performance-block {
  padding-bottom: 0 !important;
}

#advisor-panel #performance {
  margin-bottom: 0 !important;
}

/* ==========================================================
   CURRENT CONTACT — DARK GLASS TILES V20
   ========================================================== */

/* Main Current Contact surface */
#advisor-panel > #customer-card {
  background:
    linear-gradient(
      145deg,
      #040b14 0%,
      #07111e 48%,
      #050d17 100%
    ) !important;

  border: 1px solid rgba(188,151,62,.22) !important;

  box-shadow:
    0 16px 36px rgba(0,0,0,.27),
    inset 0 1px 0 rgba(255,255,255,.025) !important;
}


/* Individual customer information tiles */
#customer-card .customer-grid > div {
  position: relative !important;
  overflow: hidden !important;

  min-height: 50px !important;
  padding: 9px 11px !important;

  background:
    linear-gradient(
      145deg,
      rgba(4,12,22,.96) 0%,
      rgba(8,19,33,.94) 100%
    ) !important;

  border:
    1px solid rgba(132,151,178,.11) !important;

  border-radius: 9px !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.018),
    inset 0 -1px 0 rgba(0,0,0,.32),
    0 3px 8px rgba(0,0,0,.15) !important;

  transition:
    transform .14s ease,
    background .14s ease,
    border-color .14s ease,
    box-shadow .14s ease !important;
}


/* Very restrained metallic gold top accent */
#customer-card .customer-grid > div::before {
  content: "" !important;

  position: absolute !important;

  top: 0 !important;
  left: 11px !important;
  right: 11px !important;

  height: 1px !important;

  background:
    linear-gradient(
      90deg,
      transparent 0%,
      rgba(157,116,38,.30) 15%,
      rgba(222,187,98,.68) 50%,
      rgba(157,116,38,.30) 85%,
      transparent 100%
    ) !important;
}


/* LABEL */
#customer-card .customer-grid small {
  display: block !important;

  margin-bottom: 4px !important;

  color: rgba(190,166,109,.68) !important;

  font-size: 7.5px !important;
  font-weight: 500 !important;
  letter-spacing: .095em !important;

  text-transform: uppercase !important;
}


/* CUSTOMER VALUE — LIGHT, THIN, NOT BOLD */
#customer-card .customer-grid strong {
  color: rgba(220,228,238,.90) !important;

  font-size: 11px !important;
  font-weight: 400 !important;
  letter-spacing: .01em !important;
}


/* HOVER — LIGHTEN AND FLOAT */
#customer-card .customer-grid > div:hover {
  transform: translateY(-2px) !important;

  background:
    linear-gradient(
      145deg,
      rgba(27,43,64,.88) 0%,
      rgba(15,30,49,.94) 100%
    ) !important;

  border-color:
    rgba(204,168,77,.30) !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.055),
    0 8px 15px rgba(0,0,0,.22) !important;
}


/* Gold becomes slightly brighter on hover */
#customer-card .customer-grid > div:hover::before {
  height: 2px !important;

  background:
    linear-gradient(
      90deg,
      transparent,
      #9b732a,
      #d4ad53,
      #f0d57c,
      #c5983d,
      transparent
    ) !important;
}


/* Value brightens slightly */
#customer-card .customer-grid > div:hover strong {
  color: #f0f3f7 !important;
}


/* No bright corner decorations from older versions */
#customer-card .customer-grid > div::after {
  display: none !important;
}


/* ==========================================================
   EMPIRE CONNECTIONS — FINAL GLASS DISPOSITIONS V21
   One visual treatment. No disposition body colors.
   ========================================================== */

/* OUTER CALL OUTCOME SURFACE */
#disposition-center {
  padding: 12px 14px !important;

  background:
    linear-gradient(
      145deg,
      rgba(5,13,23,.96) 0%,
      rgba(7,17,30,.98) 100%
    ) !important;

  border: 1px solid rgba(156,174,197,.11) !important;
  border-radius: 12px !important;

  box-shadow:
    0 10px 24px rgba(0,0,0,.18),
    inset 0 1px 0 rgba(255,255,255,.018) !important;
}


/* ==========================================================
   EVEN ROWS — NEVER 7 + 1
   ========================================================== */

#disposition-center .disposition-rail {
  display: grid !important;
  grid-template-columns: repeat(8, minmax(0,1fr)) !important;

  gap: 7px !important;

  width: 100% !important;
}


/* ==========================================================
   ABSOLUTE OVERRIDE OF EVERY OLD DISPOSITION COLOR
   ========================================================== */

#disposition-center .disp,
#disposition-center .disp[class],
#disposition-center button.disp,
#disposition-center .disp.not-interested,
#disposition-center .disp.dnc,
#disposition-center .disp.callback,
#disposition-center .disp.no-answer,
#disposition-center .disp.email,
#disposition-center .disp.voicemail,
#disposition-center .disp.language,
#disposition-center .disp.success {

  position: relative !important;
  overflow: hidden !important;

  min-width: 0 !important;
  min-height: 45px !important;

  padding: 11px 8px 9px !important;

  /* NO RED / GREEN / BLUE / YELLOW BODY */
  background:
    linear-gradient(
      145deg,
      rgba(255,255,255,.040) 0%,
      rgba(255,255,255,.016) 48%,
      rgba(0,0,0,.065) 100%
    ) !important;

  background-color: transparent !important;

  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;

  border:
    1px solid rgba(171,187,207,.15) !important;

  border-radius: 10px !important;

  color: rgba(229,235,243,.92) !important;

  font-size: 8.5px !important;
  font-weight: 600 !important;
  line-height: 1.15 !important;
  letter-spacing: .065em !important;

  text-transform: uppercase !important;
  text-align: center !important;
  text-shadow: none !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.065),
    inset 0 -1px 0 rgba(0,0,0,.18),
    0 4px 10px rgba(0,0,0,.14) !important;

  transition:
    transform .13s ease,
    background .13s ease,
    border-color .13s ease,
    box-shadow .13s ease,
    color .13s ease !important;
}


/* ==========================================================
   METALLIC GOLD HAIRLINE — SAME ON ALL 8
   ========================================================== */

#disposition-center .disp::before,
#disposition-center .disp.not-interested::before,
#disposition-center .disp.dnc::before,
#disposition-center .disp.callback::before,
#disposition-center .disp.no-answer::before,
#disposition-center .disp.email::before,
#disposition-center .disp.voicemail::before,
#disposition-center .disp.language::before,
#disposition-center .disp.success::before {

  content: "" !important;

  position: absolute !important;

  top: 0 !important;
  left: 10px !important;
  right: 10px !important;

  width: auto !important;
  height: 2px !important;

  background:
    linear-gradient(
      90deg,
      transparent 0%,
      #76561c 8%,
      #a77b2d 25%,
      #d2ab52 43%,
      #f0d47a 52%,
      #c3963c 72%,
      #79591d 91%,
      transparent 100%
    ) !important;

  border: 0 !important;

  border-radius: 0 0 5px 5px !important;

  box-shadow:
    0 1px 4px rgba(205,166,72,.13) !important;
}


/* ==========================================================
   HOVER — GLASS LIGHTS UP AND FLOATS
   ========================================================== */

#disposition-center .disp:hover,
#disposition-center .disp[class]:hover {

  transform: translateY(-3px) !important;

  background:
    linear-gradient(
      145deg,
      rgba(255,255,255,.080) 0%,
      rgba(255,255,255,.030) 55%,
      rgba(255,255,255,.012) 100%
    ) !important;

  border-color:
    rgba(211,175,84,.44) !important;

  color: #f3f5f8 !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.10),
    0 9px 17px rgba(0,0,0,.24),
    0 0 0 1px rgba(205,166,72,.045) !important;
}


/* Brighter metallic edge on hover */
#disposition-center .disp:hover::before {
  background:
    linear-gradient(
      90deg,
      transparent,
      #8a6522,
      #c2963d,
      #f3d982,
      #d1a54c,
      #8a6522,
      transparent
    ) !important;

  box-shadow:
    0 1px 6px rgba(222,183,88,.22) !important;
}


/* ==========================================================
   CLICK — PHYSICAL PRESS
   ========================================================== */

#disposition-center .disp:active {

  transform:
    translateY(2px)
    scale(.985) !important;

  background:
    rgba(255,255,255,.022) !important;

  box-shadow:
    inset 0 3px 8px rgba(0,0,0,.32),
    0 2px 4px rgba(0,0,0,.10) !important;
}


/* ==========================================================
   SELECTED — GOLD, BUT STILL GLASS
   ========================================================== */

#disposition-center .disp.selected {

  transform: translateY(-1px) !important;

  background:
    linear-gradient(
      145deg,
      rgba(205,167,74,.065),
      rgba(255,255,255,.020)
    ) !important;

  border-color:
    rgba(218,180,87,.60) !important;

  color: #f0dfab !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    0 0 0 1px rgba(206,167,73,.09),
    0 7px 14px rgba(0,0,0,.22) !important;
}


/* ==========================================================
   COMPLETE RESPONSIVE ROWS
   ========================================================== */

/* 8 across */
@media (min-width: 1450px) {
  #disposition-center .disposition-rail {
    grid-template-columns:
      repeat(8, minmax(0,1fr)) !important;
  }
}

/* 4 + 4 */
@media (min-width: 700px) and (max-width: 1449px) {
  #disposition-center .disposition-rail {
    grid-template-columns:
      repeat(4, minmax(0,1fr)) !important;
  }
}

/* 2 + 2 + 2 + 2 */
@media (max-width: 699px) {
  #disposition-center .disposition-rail {
    grid-template-columns:
      repeat(2, minmax(0,1fr)) !important;
  }
}


/* ==========================================================
   EMPIRE CONNECTIONS — FINAL GLASS DISPOSITIONS V21
   One visual treatment. No disposition body colors.
   ========================================================== */

/* OUTER CALL OUTCOME SURFACE */
#disposition-center {
  padding: 12px 14px !important;

  background:
    linear-gradient(
      145deg,
      rgba(5,13,23,.96) 0%,
      rgba(7,17,30,.98) 100%
    ) !important;

  border: 1px solid rgba(156,174,197,.11) !important;
  border-radius: 12px !important;

  box-shadow:
    0 10px 24px rgba(0,0,0,.18),
    inset 0 1px 0 rgba(255,255,255,.018) !important;
}


/* ==========================================================
   EVEN ROWS — NEVER 7 + 1
   ========================================================== */

#disposition-center .disposition-rail {
  display: grid !important;
  grid-template-columns: repeat(8, minmax(0,1fr)) !important;

  gap: 7px !important;

  width: 100% !important;
}


/* ==========================================================
   ABSOLUTE OVERRIDE OF EVERY OLD DISPOSITION COLOR
   ========================================================== */

#disposition-center .disp,
#disposition-center .disp[class],
#disposition-center button.disp,
#disposition-center .disp.not-interested,
#disposition-center .disp.dnc,
#disposition-center .disp.callback,
#disposition-center .disp.no-answer,
#disposition-center .disp.email,
#disposition-center .disp.voicemail,
#disposition-center .disp.language,
#disposition-center .disp.success {

  position: relative !important;
  overflow: hidden !important;

  min-width: 0 !important;
  min-height: 45px !important;

  padding: 11px 8px 9px !important;

  /* NO RED / GREEN / BLUE / YELLOW BODY */
  background:
    linear-gradient(
      145deg,
      rgba(255,255,255,.040) 0%,
      rgba(255,255,255,.016) 48%,
      rgba(0,0,0,.065) 100%
    ) !important;

  background-color: transparent !important;

  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;

  border:
    1px solid rgba(171,187,207,.15) !important;

  border-radius: 10px !important;

  color: rgba(229,235,243,.92) !important;

  font-size: 8.5px !important;
  font-weight: 600 !important;
  line-height: 1.15 !important;
  letter-spacing: .065em !important;

  text-transform: uppercase !important;
  text-align: center !important;
  text-shadow: none !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.065),
    inset 0 -1px 0 rgba(0,0,0,.18),
    0 4px 10px rgba(0,0,0,.14) !important;

  transition:
    transform .13s ease,
    background .13s ease,
    border-color .13s ease,
    box-shadow .13s ease,
    color .13s ease !important;
}


/* ==========================================================
   METALLIC GOLD HAIRLINE — SAME ON ALL 8
   ========================================================== */

#disposition-center .disp::before,
#disposition-center .disp.not-interested::before,
#disposition-center .disp.dnc::before,
#disposition-center .disp.callback::before,
#disposition-center .disp.no-answer::before,
#disposition-center .disp.email::before,
#disposition-center .disp.voicemail::before,
#disposition-center .disp.language::before,
#disposition-center .disp.success::before {

  content: "" !important;

  position: absolute !important;

  top: 0 !important;
  left: 10px !important;
  right: 10px !important;

  width: auto !important;
  height: 2px !important;

  background:
    linear-gradient(
      90deg,
      transparent 0%,
      #76561c 8%,
      #a77b2d 25%,
      #d2ab52 43%,
      #f0d47a 52%,
      #c3963c 72%,
      #79591d 91%,
      transparent 100%
    ) !important;

  border: 0 !important;

  border-radius: 0 0 5px 5px !important;

  box-shadow:
    0 1px 4px rgba(205,166,72,.13) !important;
}


/* ==========================================================
   HOVER — GLASS LIGHTS UP AND FLOATS
   ========================================================== */

#disposition-center .disp:hover,
#disposition-center .disp[class]:hover {

  transform: translateY(-3px) !important;

  background:
    linear-gradient(
      145deg,
      rgba(255,255,255,.080) 0%,
      rgba(255,255,255,.030) 55%,
      rgba(255,255,255,.012) 100%
    ) !important;

  border-color:
    rgba(211,175,84,.44) !important;

  color: #f3f5f8 !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.10),
    0 9px 17px rgba(0,0,0,.24),
    0 0 0 1px rgba(205,166,72,.045) !important;
}


/* Brighter metallic edge on hover */
#disposition-center .disp:hover::before {
  background:
    linear-gradient(
      90deg,
      transparent,
      #8a6522,
      #c2963d,
      #f3d982,
      #d1a54c,
      #8a6522,
      transparent
    ) !important;

  box-shadow:
    0 1px 6px rgba(222,183,88,.22) !important;
}


/* ==========================================================
   CLICK — PHYSICAL PRESS
   ========================================================== */

#disposition-center .disp:active {

  transform:
    translateY(2px)
    scale(.985) !important;

  background:
    rgba(255,255,255,.022) !important;

  box-shadow:
    inset 0 3px 8px rgba(0,0,0,.32),
    0 2px 4px rgba(0,0,0,.10) !important;
}


/* ==========================================================
   SELECTED — GOLD, BUT STILL GLASS
   ========================================================== */

#disposition-center .disp.selected {

  transform: translateY(-1px) !important;

  background:
    linear-gradient(
      145deg,
      rgba(205,167,74,.065),
      rgba(255,255,255,.020)
    ) !important;

  border-color:
    rgba(218,180,87,.60) !important;

  color: #f0dfab !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    0 0 0 1px rgba(206,167,73,.09),
    0 7px 14px rgba(0,0,0,.22) !important;
}


/* ==========================================================
   COMPLETE RESPONSIVE ROWS
   ========================================================== */

/* 8 across */
@media (min-width: 1450px) {
  #disposition-center .disposition-rail {
    grid-template-columns:
      repeat(8, minmax(0,1fr)) !important;
  }
}

/* 4 + 4 */
@media (min-width: 700px) and (max-width: 1449px) {
  #disposition-center .disposition-rail {
    grid-template-columns:
      repeat(4, minmax(0,1fr)) !important;
  }
}

/* 2 + 2 + 2 + 2 */
@media (max-width: 699px) {
  #disposition-center .disposition-rail {
    grid-template-columns:
      repeat(2, minmax(0,1fr)) !important;
  }
}


/* ==========================================================
   EMPIRE CONNECTIONS — CALL HISTORY LEDGER V22
   Compact 6-row preview / scrollable financial ledger
   ========================================================== */

#call-history {
  position: relative !important;
  overflow: hidden !important;

  padding: 13px 15px 14px !important;

  background:
    linear-gradient(
      145deg,
      #050d17 0%,
      #071321 55%,
      #040b14 100%
    ) !important;

  border: 1px solid rgba(190,153,64,.20) !important;
  border-radius: 13px !important;

  box-shadow:
    0 12px 28px rgba(0,0,0,.22),
    inset 0 1px 0 rgba(255,255,255,.022) !important;
}


/* Metallic gold header hairline */
#call-history::before {
  content: "" !important;

  position: absolute !important;

  top: 0 !important;
  left: 18px !important;
  right: 18px !important;

  height: 2px !important;

  background:
    linear-gradient(
      90deg,
      transparent,
      #79591d,
      #b88b33,
      #efd477,
      #bd9138,
      #79591d,
      transparent
    ) !important;
}


/* Compact heading */
#call-history .section-title {
  margin-bottom: 9px !important;
}

#call-history .section-title h2 {
  margin: 2px 0 !important;

  font-size: 15px !important;
  font-weight: 500 !important;

  color: #e8edf4 !important;
}

#call-history .section-title p {
  margin: 2px 0 0 !important;

  font-size: 9px !important;

  color: rgba(175,188,205,.66) !important;
}


/* ==========================================================
   TOOLBAR — COMPACT
   ========================================================== */

#call-history .call-history-toolbar {
  display: grid !important;

  grid-template-columns:
    minmax(220px, 420px)
    130px !important;

  gap: 7px !important;

  margin-bottom: 8px !important;

  padding: 0 !important;

  background: transparent !important;
}

#call-history-search,
#call-history-filter {
  height: 33px !important;

  padding: 5px 9px !important;

  background:
    rgba(3,11,20,.72) !important;

  border:
    1px solid rgba(148,165,189,.15) !important;

  border-radius: 7px !important;

  color: #dce4ee !important;

  font-size: 9px !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.018) !important;
}

#call-history-search:focus,
#call-history-filter:focus {
  outline: none !important;

  border-color:
    rgba(205,168,77,.48) !important;

  box-shadow:
    0 0 0 1px rgba(205,168,77,.07) !important;
}


/* ==========================================================
   SIX-ROW SCROLL WINDOW
   ========================================================== */

#call-history .call-history-scroll {
  position: relative !important;

  /* header + approximately six compact rows */
  height: 264px !important;
  max-height: 264px !important;

  overflow-y: auto !important;
  overflow-x: auto !important;

  background:
    rgba(2,9,17,.44) !important;

  border:
    1px solid rgba(137,156,182,.10) !important;

  border-radius: 9px !important;

  scrollbar-width: thin !important;
  scrollbar-color:
    rgba(181,145,61,.45)
    rgba(255,255,255,.025) !important;
}


/* Chrome scrollbar */
#call-history .call-history-scroll::-webkit-scrollbar {
  width: 6px !important;
  height: 6px !important;
}

#call-history .call-history-scroll::-webkit-scrollbar-track {
  background: rgba(255,255,255,.018) !important;
}

#call-history .call-history-scroll::-webkit-scrollbar-thumb {
  background:
    linear-gradient(
      180deg,
      #73551e,
      #c0963d,
      #73551e
    ) !important;

  border-radius: 999px !important;
}


/* ==========================================================
   LEDGER TABLE
   ========================================================== */

#call-history .call-history-table {
  width: 100% !important;

  border-collapse: separate !important;
  border-spacing: 0 !important;

  table-layout: fixed !important;

  font-size: 9px !important;
}


/* Sticky header */
#call-history .call-history-table thead {
  position: sticky !important;

  top: 0 !important;

  z-index: 5 !important;
}

#call-history .call-history-table th {
  height: 31px !important;

  padding: 7px 9px !important;

  background:
    rgba(8,20,35,.97) !important;

  color:
    rgba(190,167,111,.78) !important;

  border-bottom:
    1px solid rgba(193,156,66,.18) !important;

  font-size: 7.5px !important;
  font-weight: 600 !important;
  letter-spacing: .085em !important;

  text-transform: uppercase !important;

  text-align: left !important;
}


/* Compact rows */
#call-history .call-history-table td {
  height: 36px !important;

  padding: 6px 9px !important;

  background:
    rgba(255,255,255,.010) !important;

  color:
    rgba(215,224,235,.84) !important;

  border-bottom:
    1px solid rgba(151,169,192,.065) !important;

  font-size: 9px !important;
  font-weight: 400 !important;

  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;

  transition:
    background .12s ease,
    color .12s ease !important;
}


/* Alternate rows — extremely subtle */
#call-history .call-history-table tbody tr:nth-child(even) td {
  background:
    rgba(255,255,255,.018) !important;
}


/* Row hover */
#call-history .call-history-table tbody tr:hover td {
  background:
    rgba(255,255,255,.055) !important;

  color: #f0f3f7 !important;

  border-bottom-color:
    rgba(205,168,77,.20) !important;
}


/* Thin gold left cue on hover */
#call-history .call-history-table tbody tr:hover td:first-child {
  box-shadow:
    inset 2px 0 0 rgba(210,174,82,.72) !important;
}


/* Any buttons inside rows */
#call-history .call-history-table button {
  min-height: 25px !important;

  padding: 4px 8px !important;

  background:
    rgba(255,255,255,.025) !important;

  color: #cbd5e1 !important;

  border:
    1px solid rgba(187,151,64,.24) !important;

  border-radius: 6px !important;

  font-size: 7.5px !important;
  font-weight: 600 !important;

  text-transform: uppercase !important;

  transition:
    transform .12s ease,
    border-color .12s ease !important;
}

#call-history .call-history-table button:hover {
  transform: translateY(-1px) !important;

  border-color:
    rgba(221,183,88,.62) !important;

  color: #f0dfac !important;
}


/* ==========================================================
   MOBILE
   ========================================================== */

@media (max-width: 700px) {

  #call-history .call-history-toolbar {
    grid-template-columns: 1fr !important;
  }

  #call-history .call-history-scroll {
    height: 250px !important;
    max-height: 250px !important;
  }

  #call-history .call-history-table {
    min-width: 760px !important;
  }
}


/* ==========================================================
   ADVISOR PIPELINE — THREE MODULE ROUTING DESK V23
   ========================================================== */

.campaign-top-panel {
  padding: 12px 14px 14px !important;

  background:
    linear-gradient(
      145deg,
      #050d17 0%,
      #071321 55%,
      #040b14 100%
    ) !important;

  border:
    1px solid rgba(190,153,64,.20) !important;

  border-radius: 13px !important;
}


/* THREE EQUAL MODULES */
.campaign-access-row {
  display: grid !important;

  grid-template-columns:
    repeat(3, minmax(0,1fr)) !important;

  gap: 9px !important;

  align-items: stretch !important;
}


.campaign-access-control,
.advisor-pipeline-card,
.campaign-membership-controls,
.incoming-campaign-controls {

  position: relative !important;

  display: flex !important;
  flex-direction: column !important;

  min-width: 0 !important;
  min-height: 170px !important;

  padding: 12px 13px !important;

  background:
    linear-gradient(
      145deg,
      rgba(255,255,255,.035),
      rgba(255,255,255,.012)
    ) !important;

  border:
    1px solid rgba(171,187,207,.13) !important;

  border-radius: 10px !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.045),
    0 5px 12px rgba(0,0,0,.14) !important;

  overflow: hidden !important;
}


/* METALLIC GOLD TOP HAIRLINE */
.campaign-access-control::before {
  content: "" !important;

  position: absolute !important;

  top: 0 !important;
  left: 12px !important;
  right: 12px !important;

  height: 2px !important;

  background:
    linear-gradient(
      90deg,
      transparent,
      #78591e,
      #b58a34,
      #efd477,
      #bb8f37,
      #78591e,
      transparent
    ) !important;
}


.routing-card-heading {
  display: flex !important;
  flex-direction: column !important;

  gap: 3px !important;

  margin-bottom: 7px !important;
}

.routing-card-heading .eyebrow {
  color:
    rgba(194,165,94,.70) !important;

  font-size: 7px !important;
  letter-spacing: .12em !important;
}

.routing-card-heading > strong {
  color: #e6ebf2 !important;

  font-size: 12px !important;
  font-weight: 500 !important;
}


.routing-card-description {
  min-height: 36px !important;

  margin: 0 0 9px !important;

  color:
    rgba(170,184,202,.69) !important;

  font-size: 8.5px !important;
  font-weight: 400 !important;

  line-height: 1.45 !important;
}


/* ==========================================================
   ADVISOR PIPELINE COUNTERS
   ========================================================== */

.advisor-pipeline-summary {
  display: grid !important;

  grid-template-columns:
    repeat(3,1fr) !important;

  gap: 5px !important;

  margin-top: auto !important;
}

.advisor-pipeline-summary > span {
  padding: 7px 5px !important;

  background:
    rgba(0,0,0,.18) !important;

  border:
    1px solid rgba(153,170,192,.10) !important;

  border-radius: 7px !important;

  text-align: center !important;
}

.advisor-pipeline-summary small {
  display: block !important;

  color:
    rgba(174,187,203,.60) !important;

  font-size: 6.5px !important;

  letter-spacing: .08em !important;
}

.advisor-pipeline-summary strong {
  display: block !important;

  margin-top: 3px !important;

  color: #e5eaf1 !important;

  font-size: 14px !important;
  font-weight: 400 !important;
}


/* ==========================================================
   VACATION CAMPAIGN
   ========================================================== */

#advisor-campaign-select {
  width: 100% !important;
  height: 34px !important;

  margin-top: auto !important;

  background:
    rgba(1,8,16,.58) !important;

  color: #e2e8f0 !important;

  border:
    1px solid rgba(194,157,68,.28) !important;

  border-radius: 7px !important;

  font-size: 9px !important;
}

#campaign-membership-status {
  margin-top: 6px !important;

  color:
    rgba(190,201,215,.70) !important;

  font-size: 7px !important;

  letter-spacing: .07em !important;
}


/* old campaign buttons are not part of advisor UI */
.legacy-campaign-actions {
  display: none !important;
}


/* ==========================================================
   INBOUND QUEUE
   ========================================================== */

.routing-queue-status {
  display: block !important;

  margin-top: auto !important;
  margin-bottom: 7px !important;

  color:
    rgba(204,214,226,.80) !important;

  font-size: 8px !important;
  font-weight: 500 !important;

  letter-spacing: .05em !important;

  text-transform: uppercase !important;
}


.inbound-queue-actions {
  display: grid !important;

  grid-template-columns:
    repeat(2,1fr) !important;

  gap: 6px !important;

  margin-top: 0 !important;
}


/* SAME BUTTON STYLE — NO RED / NO YELLOW */
#join-queue,
#leave-queue,
.routing-button {

  min-height: 33px !important;

  padding: 6px 10px !important;

  background:
    linear-gradient(
      145deg,
      rgba(255,255,255,.045),
      rgba(255,255,255,.015)
    ) !important;

  color: #dce4ee !important;

  border:
    1px solid rgba(196,157,66,.42) !important;

  border-radius: 7px !important;

  font-size: 7.5px !important;
  font-weight: 600 !important;

  letter-spacing: .06em !important;

  text-transform: uppercase !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    0 4px 8px rgba(0,0,0,.13) !important;

  transition:
    transform .12s ease,
    border-color .12s ease,
    background .12s ease !important;
}

#join-queue:hover,
#leave-queue:hover {

  transform: translateY(-2px) !important;

  background:
    rgba(255,255,255,.065) !important;

  border-color:
    rgba(228,190,94,.72) !important;
}

#join-queue:active,
#leave-queue:active {
  transform: translateY(1px) !important;
}


/* ==========================================================
   RESPONSIVE — COMPLETE ROWS
   ========================================================== */

@media (max-width: 1050px) {

  .campaign-access-row {
    grid-template-columns: 1fr !important;
  }

  .campaign-access-control {
    min-height: auto !important;
  }
}


/* ==========================================================
   ROUTING BUTTONS — KEEP BUTTONS / REMOVE COLORS
   ========================================================== */

/* KEEP CAMPAIGN BUTTONS VISIBLE */
.legacy-campaign-actions {
  display: flex !important;
  gap: 6px !important;
  margin-top: 7px !important;
}

/* Power button remains elsewhere in dial-mode controls */
.legacy-campaign-actions #power-dial-button {
  display: none !important;
}

/* ALL ROUTING BUTTONS — SAME GLASS STYLE */
#join-campaign,
#leave-campaign,
#join-queue,
#leave-queue {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  min-height: 32px !important;
  padding: 6px 13px !important;

  background:
    linear-gradient(
      145deg,
      rgba(255,255,255,.045),
      rgba(255,255,255,.012)
    ) !important;

  background-color: transparent !important;

  color: rgba(229,235,243,.91) !important;

  border: 1px solid rgba(200,163,74,.43) !important;
  border-radius: 8px !important;

  font-size: 8px !important;
  font-weight: 600 !important;
  letter-spacing: .065em !important;
  text-transform: uppercase !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.065),
    inset 0 -1px 0 rgba(0,0,0,.20),
    0 4px 9px rgba(0,0,0,.14) !important;

  transition:
    transform .13s ease,
    background .13s ease,
    border-color .13s ease,
    box-shadow .13s ease !important;
}

/* NO OLD RED / YELLOW / BLUE OVERRIDES */
#join-campaign.primary,
#leave-campaign.danger,
#join-queue.primary,
#leave-queue.danger {
  background:
    linear-gradient(
      145deg,
      rgba(255,255,255,.045),
      rgba(255,255,255,.012)
    ) !important;

  color: rgba(229,235,243,.91) !important;

  border-color: rgba(200,163,74,.43) !important;
}

/* HOVER */
#join-campaign:hover,
#leave-campaign:hover,
#join-queue:hover,
#leave-queue:hover {
  transform: translateY(-2px) !important;

  background:
    linear-gradient(
      145deg,
      rgba(255,255,255,.085),
      rgba(255,255,255,.025)
    ) !important;

  border-color: rgba(235,199,108,.72) !important;
  color: #f3f5f8 !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.10),
    0 8px 14px rgba(0,0,0,.21) !important;
}

/* CLICK */
#join-campaign:active,
#leave-campaign:active,
#join-queue:active,
#leave-queue:active {
  transform: translateY(1px) scale(.985) !important;

  box-shadow:
    inset 0 3px 7px rgba(0,0,0,.30) !important;
}

/* DISABLED — STILL CLASSY, NOT COLORED */
#join-campaign:disabled,
#leave-campaign:disabled,
#join-queue:disabled,
#leave-queue:disabled {
  opacity: .42 !important;
  background: rgba(255,255,255,.015) !important;
  border-color: rgba(168,178,194,.16) !important;
  color: rgba(184,195,209,.58) !important;
}


/* ==========================================================
   EMPIRE CONNECTIONS — CHARCOAL EXECUTIVE PHONE V25
   ========================================================== */

.desk-phone {
  background:
    linear-gradient(
      145deg,
      #080a0d 0%,
      #111419 48%,
      #07090c 100%
    ) !important;

  border: 1px solid rgba(174,145,70,.22) !important;
  border-radius: 17px !important;

  box-shadow:
    0 18px 42px rgba(0,0,0,.38),
    inset 0 1px 0 rgba(255,255,255,.035),
    inset 0 -2px 0 rgba(0,0,0,.42) !important;
}


.phone-screen {
  padding: 15px 16px !important;

  background:
    radial-gradient(
      circle at 50% -20%,
      rgba(44,62,80,.16),
      transparent 45%
    ),
    linear-gradient(
      180deg,
      #010408 0%,
      #050b12 100%
    ) !important;

  border:
    1px solid rgba(132,151,175,.13) !important;

  border-radius: 11px !important;

  box-shadow:
    inset 0 5px 18px rgba(0,0,0,.62),
    inset 0 1px 0 rgba(255,255,255,.018) !important;
}


.phone-status-line {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;

  margin: 9px 0 10px !important;
}


#phone-screen-status {
  color: #dce4ee !important;

  font-size: 10px !important;
  font-weight: 600 !important;
  letter-spacing: .13em !important;
}


#phone-screen-extension {
  color: rgba(209,175,89,.76) !important;

  font-size: 8px !important;
  letter-spacing: .09em !important;
}


/* TWO CLOCKS */
.phone-time-grid {
  display: grid !important;

  grid-template-columns:
    repeat(2,minmax(0,1fr)) !important;

  gap: 7px !important;

  margin-bottom: 8px !important;
}


.phone-time-grid > div {
  padding: 8px 9px !important;

  background:
    linear-gradient(
      145deg,
      rgba(255,255,255,.035),
      rgba(255,255,255,.010)
    ) !important;

  border:
    1px solid rgba(139,158,183,.10) !important;

  border-radius: 7px !important;
}


.phone-time-grid small {
  display: block !important;

  color:
    rgba(176,189,205,.50) !important;

  font-size: 6.5px !important;
  letter-spacing: .11em !important;
}


.phone-time-grid strong {
  display: block !important;

  margin: 2px 0 !important;

  color: #e3e9f0 !important;

  font-size: 12px !important;
  font-weight: 400 !important;
}


.phone-time-grid span {
  display: block !important;

  overflow: hidden !important;

  color:
    rgba(193,163,92,.62) !important;

  font-size: 6.5px !important;

  white-space: nowrap !important;
  text-overflow: ellipsis !important;
}


/* ==========================================================
   WHOOOM VISUALIZER
   ========================================================== */

.phone-ring-visual {
  display: flex !important;

  align-items: center !important;
  justify-content: center !important;

  gap: 3px !important;

  height: 18px !important;

  margin: 3px 0 8px !important;

  opacity: .18 !important;

  transition: opacity .2s ease !important;
}


.phone-ring-visual i {
  display: block !important;

  width: 2px !important;
  height: 3px !important;

  background:
    linear-gradient(
      180deg,
      #e2c66f,
      #80601e
    ) !important;

  border-radius: 99px !important;

  transform-origin: center !important;
}


.phone-ring-visual.ringing {
  opacity: .78 !important;
}


/* WHOOOM — first pulse */
.phone-ring-visual.ringing i {
  animation:
    empireWhoom 2.6s ease-in-out infinite !important;
}


/* stagger waveform */
.phone-ring-visual i:nth-child(1),
.phone-ring-visual i:nth-child(15) { animation-delay: 0s !important; }

.phone-ring-visual i:nth-child(2),
.phone-ring-visual i:nth-child(14) { animation-delay: .035s !important; }

.phone-ring-visual i:nth-child(3),
.phone-ring-visual i:nth-child(13) { animation-delay: .07s !important; }

.phone-ring-visual i:nth-child(4),
.phone-ring-visual i:nth-child(12) { animation-delay: .105s !important; }

.phone-ring-visual i:nth-child(5),
.phone-ring-visual i:nth-child(11) { animation-delay: .14s !important; }

.phone-ring-visual i:nth-child(6),
.phone-ring-visual i:nth-child(10) { animation-delay: .175s !important; }

.phone-ring-visual i:nth-child(7),
.phone-ring-visual i:nth-child(9) { animation-delay: .21s !important; }

.phone-ring-visual i:nth-child(8) {
  animation-delay: .245s !important;
}


@keyframes empireWhoom {

  0%, 16%, 42%, 58%, 100% {
    transform: scaleY(1);
    opacity: .28;
  }

  6% {
    transform: scaleY(5.2);
    opacity: 1;
  }

  23% {
    transform: scaleY(1);
    opacity: .28;
  }

  /* second WHOOOM */
  31% {
    transform: scaleY(4.3);
    opacity: .90;
  }

  40% {
    transform: scaleY(1);
    opacity: .28;
  }
}


/* ==========================================================
   CHARCOAL HARDWARE KEYS
   ========================================================== */

.dial-pad button,
.phone-action-stack button {

  background:
    linear-gradient(
      180deg,
      #24282e 0%,
      #181b20 50%,
      #101318 100%
    ) !important;

  color: rgba(226,232,240,.88) !important;

  border:
    1px solid rgba(124,137,154,.17) !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.075),
    inset 0 -2px 0 rgba(0,0,0,.42),
    0 4px 8px rgba(0,0,0,.24) !important;
}


.dial-pad button:hover,
.phone-action-stack button:hover {

  transform: translateY(-2px) !important;

  background:
    linear-gradient(
      180deg,
      #30353c,
      #1c2026
    ) !important;

  border-color:
    rgba(206,170,82,.42) !important;
}


.dial-pad button:active,
.phone-action-stack button:active {

  transform: translateY(1px) !important;

  background: #111419 !important;

  box-shadow:
    inset 0 3px 7px rgba(0,0,0,.52) !important;
}


/* ==========================================================
   ROUTING DESK — READABLE / UNIFORM V26
   ========================================================== */

/* TITLES */
.campaign-access-control .routing-card-heading > strong,
.advisor-pipeline-card .routing-card-heading > strong,
.campaign-membership-controls .routing-card-heading > strong,
.incoming-campaign-controls .routing-card-heading > strong {
  font-size: 16px !important;
  line-height: 1.25 !important;
  font-weight: 500 !important;
  letter-spacing: -.01em !important;
  color: #f0f3f7 !important;
}


/* DESCRIPTIONS — ACTUALLY READABLE */
.routing-card-description {
  min-height: 48px !important;

  margin: 10px 0 14px !important;

  font-size: 11px !important;
  line-height: 1.55 !important;
  font-weight: 400 !important;

  color: rgba(207,216,228,.76) !important;
}


/* LABELS */
.campaign-access-control label,
.campaign-access-control .eyebrow {
  font-size: 9px !important;
  line-height: 1.3 !important;

  font-weight: 600 !important;
  letter-spacing: .10em !important;
}


/* CAMPAIGN SELECT */
#advisor-campaign-select {
  height: 46px !important;

  padding: 0 14px !important;

  font-size: 11px !important;

  border-radius: 9px !important;
}


/* STATUS */
#campaign-membership-status,
.routing-queue-status {
  min-height: 28px !important;

  margin: 10px 0 !important;

  font-size: 9px !important;
  line-height: 1.35 !important;

  letter-spacing: .08em !important;
}


/* ==========================================================
   ALL ROUTING BUTTONS = SAME SIZE AS INBOUND
   ========================================================== */

#join-campaign,
#leave-campaign,
#join-queue,
#leave-queue {
  width: 100% !important;
  min-height: 58px !important;

  padding: 10px 14px !important;

  background:
    linear-gradient(
      145deg,
      rgba(255,255,255,.040),
      rgba(255,255,255,.012)
    ) !important;

  color: rgba(232,237,244,.91) !important;

  border:
    1px solid rgba(203,165,75,.48) !important;

  border-radius: 10px !important;

  font-size: 10px !important;
  font-weight: 600 !important;
  letter-spacing: .075em !important;

  text-transform: uppercase !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.055),
    0 5px 10px rgba(0,0,0,.16) !important;
}


/* Campaign buttons = two equal buttons */
.legacy-campaign-actions,
.inbound-queue-actions {
  display: grid !important;

  grid-template-columns:
    repeat(2,minmax(0,1fr)) !important;

  gap: 10px !important;

  width: 100% !important;

  margin-top: auto !important;
}


/* Power button remains controlled by actual dial-mode area */
.legacy-campaign-actions #power-dial-button {
  display: none !important;
}


/* Disabled buttons shouldn't disappear */
#join-campaign:disabled,
#leave-campaign:disabled {
  opacity: .46 !important;

  background:
    rgba(255,255,255,.018) !important;

  border-color:
    rgba(154,166,184,.20) !important;

  color:
    rgba(181,191,204,.54) !important;
}


/* ==========================================================
   ADVISOR PIPELINE — MEANINGFUL CARDS
   ========================================================== */

.advisor-pipeline-summary {
  display: grid !important;

  grid-template-columns:
    repeat(3,minmax(0,1fr)) !important;

  gap: 8px !important;

  margin-top: auto !important;
}


.advisor-pipeline-summary > span {
  min-height: 76px !important;

  padding: 10px 9px !important;

  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;

  background:
    rgba(0,0,0,.18) !important;

  border:
    1px solid rgba(151,169,192,.13) !important;

  border-radius: 9px !important;
}


.advisor-pipeline-summary small {
  font-size: 9px !important;
  line-height: 1.25 !important;

  color:
    rgba(196,206,219,.73) !important;
}


.advisor-pipeline-summary strong {
  margin-top: 6px !important;

  font-size: 18px !important;
  font-weight: 400 !important;

  color: #eef2f6 !important;
}


/* HOVER HELPS IDENTIFY PIPELINE CATEGORY */
.advisor-pipeline-summary > span:hover {
  background:
    rgba(255,255,255,.055) !important;

  border-color:
    rgba(207,170,81,.34) !important;
}


/* Keep three primary modules equal height */
.campaign-access-row {
  align-items: stretch !important;
}

.campaign-access-control {
  height: 100% !important;
}


/* TABLET */
@media (max-width: 1050px) {
  .campaign-access-row {
    grid-template-columns: 1fr !important;
  }
}


/* MOBILE */
@media (max-width: 600px) {
  .advisor-pipeline-summary {
    grid-template-columns: 1fr !important;
  }

  .legacy-campaign-actions,
  .inbound-queue-actions {
    grid-template-columns: 1fr !important;
  }
}


/* ==========================================================
   EMPIRE CONNECTIONS — FLY-IN NOTIFICATION V27
   ========================================================== */

.empire-flyin {
  position: fixed !important;

  top: 46% !important;
  left: 50% !important;

  z-index: 99999 !important;

  width: min(520px, calc(100vw - 32px)) !important;

  padding: 15px 20px 15px 23px !important;

  background:
    linear-gradient(
      145deg,
      rgba(12,18,27,.97),
      rgba(4,9,15,.98)
    ) !important;

  border:
    1px solid rgba(195,160,76,.42) !important;

  border-radius: 11px !important;

  box-shadow:
    0 18px 42px rgba(0,0,0,.38),
    inset 0 1px 0 rgba(255,255,255,.055) !important;

  opacity: 0;

  pointer-events: none !important;

  transform:
    translate(-160vw,-50%) !important;
}


.empire-flyin-accent {
  position: absolute !important;

  top: 10px !important;
  bottom: 10px !important;
  left: 0 !important;

  width: 3px !important;

  background:
    linear-gradient(
      180deg,
      #75551c,
      #c79a3e,
      #f0d67d,
      #a97d2d
    ) !important;

  border-radius: 0 4px 4px 0 !important;
}


.empire-flyin-copy {
  display: flex !important;
  flex-direction: column !important;

  gap: 5px !important;
}


#empire-flyin-title {
  color: #efd47b !important;

  font-size: 11px !important;
  font-weight: 600 !important;

  letter-spacing: .11em !important;
}


#empire-flyin-message {
  color: rgba(230,236,244,.91) !important;

  font-size: 13px !important;
  font-weight: 400 !important;

  line-height: 1.45 !important;
}


/* RUN THE WHOLE SEQUENCE */
.empire-flyin.show {
  animation:
    empireNoticeFlight 3.4s
    cubic-bezier(.22,.82,.32,1)
    forwards !important;
}


@keyframes empireNoticeFlight {

  /* OFFSCREEN LEFT */
  0% {
    opacity: 0;

    transform:
      translate(-160vw,-50%)
      scale(.96);
  }


  /* FAST ARRIVAL */
  14% {
    opacity: 1;

    transform:
      translate(-50%,-50%)
      scale(1.015);
  }


  /* SMALL SETTLE */
  19% {
    transform:
      translate(-50%,-50%)
      scale(1);
  }


  /* HOLD CENTER */
  72% {
    opacity: 1;

    transform:
      translate(-50%,-50%)
      scale(1);
  }


  /* SHOOT RIGHT */
  100% {
    opacity: 0;

    transform:
      translate(160vw,-50%)
      scale(.97);
  }
}


@media (max-width: 600px) {

  .empire-flyin {
    top: 40% !important;

    padding: 13px 16px 13px 19px !important;
  }

  #empire-flyin-message {
    font-size: 12px !important;
  }
}


/* ==========================================================
   EMPIRE CONNECTIONS — COMPACT PIPELINE FINAL V32
   Short / readable / aligned / gold-header treatment
   ========================================================== */


/* ---------- ENTIRE ROUTING SECTION: LESS HEIGHT ---------- */

#advisor-panel .campaign-top-panel {
  padding: 12px 14px 14px !important;
  margin-bottom: 12px !important;

  background: #07111d !important;

  border: 1px solid rgba(205,168,77,.25) !important;
  border-radius: 12px !important;
}


/* Remove oversized outer heading treatment */
#advisor-panel .campaign-top-panel > .campaign-access-heading {
  margin: 0 0 10px !important;
  padding: 0 !important;
}

#advisor-panel .campaign-top-panel > .campaign-access-heading .eyebrow {
  display: none !important;
}

#advisor-panel .campaign-top-panel > .campaign-access-heading h2 {
  margin: 0 !important;

  font-size: 18px !important;
  line-height: 1.2 !important;
  font-weight: 500 !important;

  color: #f1f4f7 !important;
}


/* ---------- THREE EVEN MODULES ---------- */

#advisor-panel .campaign-access-row {
  display: grid !important;

  grid-template-columns:
    repeat(3, minmax(0,1fr)) !important;

  gap: 10px !important;

  align-items: stretch !important;
}


#advisor-panel .campaign-access-control {
  display: flex !important;
  flex-direction: column !important;

  min-width: 0 !important;
  min-height: 0 !important;
  height: auto !important;

  padding: 12px !important;

  background:
    linear-gradient(
      145deg,
      #0d1825,
      #09131e
    ) !important;

  border:
    1px solid rgba(154,172,196,.15) !important;

  border-radius: 10px !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.035),
    0 5px 12px rgba(0,0,0,.14) !important;
}


/* Remove previous decorative card top stripe */
#advisor-panel .campaign-access-control::before {
  display: none !important;
}


/* ==========================================================
   GOLD MODULE HEADER + HORIZONTAL SEPARATOR
   ========================================================== */

#advisor-panel .routing-card-heading {
  display: block !important;

  margin: 0 0 9px !important;
  padding: 0 0 8px !important;

  border-bottom:
    1px solid rgba(213,174,78,.46) !important;

  text-align: left !important;
}


/* small category */
#advisor-panel .routing-card-heading .eyebrow {
  display: block !important;

  margin: 0 0 3px !important;

  color: rgba(223,187,96,.78) !important;

  font-size: 10px !important;
  line-height: 1.15 !important;
  font-weight: 600 !important;

  letter-spacing: .10em !important;
}


/* GOLD HEADER */
#advisor-panel .routing-card-heading > strong {
  display: block !important;

  margin: 0 !important;

  color: #e7c66e !important;

  font-size: 16px !important;
  line-height: 1.25 !important;
  font-weight: 600 !important;

  letter-spacing: .01em !important;
}


/* ---------- READABLE DESCRIPTION ---------- */

#advisor-panel .routing-card-description {
  display: block !important;

  min-height: 0 !important;

  margin: 0 0 10px !important;

  color: rgba(222,228,236,.82) !important;

  font-size: 12px !important;
  line-height: 1.42 !important;
  font-weight: 400 !important;
}


/* ==========================================================
   MY PIPELINE — EXACTLY THREE HORIZONTAL SELECTOR BARS
   ========================================================== */

#advisor-panel .advisor-pipeline-summary {
  display: flex !important;
  flex-direction: column !important;

  gap: 7px !important;

  width: 100% !important;

  margin: auto 0 0 !important;
}


/*
   SAME PHYSICAL LOOK AS INCOMING QUEUE BUTTONS
*/
#advisor-panel .advisor-pipeline-summary > span {
  display: grid !important;

  grid-template-columns:
    108px
    minmax(0,1fr)
    30px !important;

  align-items: center !important;

  width: 100% !important;
  min-height: 40px !important;
  height: 40px !important;

  margin: 0 !important;
  padding: 0 11px !important;

  box-sizing: border-box !important;

  background:
    linear-gradient(
      180deg,
      #202731,
      #131922
    ) !important;

  border:
    1px solid rgba(216,176,79,.62) !important;

  border-radius: 8px !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    inset 0 -1px 0 rgba(0,0,0,.28),
    0 3px 7px rgba(0,0,0,.15) !important;

  cursor: pointer !important;

  transition:
    transform .12s ease,
    background .12s ease,
    border-color .12s ease !important;
}


/* MAIN BAR LABEL */
#advisor-panel .advisor-pipeline-summary > span small {
  display: block !important;

  grid-column: 1 !important;
  grid-row: 1 !important;

  margin: 0 !important;

  color: #edf1f5 !important;

  font-size: 11px !important;
  line-height: 1 !important;
  font-weight: 600 !important;

  letter-spacing: .035em !important;

  text-align: left !important;
}


/* DESCRIPTION INSIDE BAR */
#advisor-panel .advisor-pipeline-summary > span::after {
  display: block !important;

  grid-column: 2 !important;
  grid-row: 1 !important;

  padding-left: 8px !important;

  color: rgba(203,213,224,.70) !important;

  font-size: 11px !important;
  line-height: 1.15 !important;
  font-weight: 400 !important;

  text-align: left !important;
}


#advisor-panel
.advisor-pipeline-summary > span:nth-child(1)::after {
  content: "Leads you own";
}

#advisor-panel
.advisor-pipeline-summary > span:nth-child(2)::after {
  content: "Scheduled calls";
}

#advisor-panel
.advisor-pipeline-summary > span:nth-child(3)::after {
  content: "Needs another contact";
}


/* NUMBER ON FAR RIGHT */
#advisor-panel .advisor-pipeline-summary > span strong {
  display: block !important;

  grid-column: 3 !important;
  grid-row: 1 !important;

  margin: 0 !important;

  color: #e7c66e !important;

  font-size: 15px !important;
  line-height: 1 !important;
  font-weight: 500 !important;

  text-align: right !important;
}


/* PIPELINE BAR HOVER */
#advisor-panel .advisor-pipeline-summary > span:hover {
  transform: translateY(-1px) !important;

  background:
    linear-gradient(
      180deg,
      #303945,
      #1a222d
    ) !important;

  border-color:
    rgba(241,203,106,.88) !important;
}


/* ==========================================================
   VACATION LEAD CAMPAIGNS
   SAME CONTROL FAMILY
   ========================================================== */

#advisor-panel .campaign-membership-controls label {
  display: block !important;

  margin: auto 0 5px !important;

  color: rgba(221,228,236,.80) !important;

  font-size: 10px !important;
  font-weight: 600 !important;
  letter-spacing: .06em !important;
}


#advisor-panel #advisor-campaign-select {
  display: block !important;

  width: 100% !important;
  height: 40px !important;
  min-height: 40px !important;

  margin: 0 !important;
  padding: 0 11px !important;

  box-sizing: border-box !important;

  background:
    linear-gradient(
      180deg,
      #202731,
      #131922
    ) !important;

  border:
    1px solid rgba(216,176,79,.62) !important;

  border-radius: 8px !important;

  color: #edf1f5 !important;

  font-size: 11px !important;
  font-weight: 500 !important;
}


#advisor-panel #campaign-membership-status {
  display: flex !important;
  align-items: center !important;

  min-height: 22px !important;

  margin: 4px 0 6px !important;

  color: rgba(209,218,229,.74) !important;

  font-size: 10px !important;
  font-weight: 500 !important;
}


/* ==========================================================
   ALL ACTION BUTTONS — EXACT SAME SIZE
   ========================================================== */

#advisor-panel .legacy-campaign-actions,
#advisor-panel .inbound-queue-actions {
  display: grid !important;

  grid-template-columns:
    repeat(2,minmax(0,1fr)) !important;

  gap: 7px !important;

  width: 100% !important;

  margin: 0 !important;
}


#advisor-panel
.legacy-campaign-actions
#power-dial-button {
  display: none !important;
}


#advisor-panel #join-campaign,
#advisor-panel #leave-campaign,
#advisor-panel #join-queue,
#advisor-panel #leave-queue {

  display: flex !important;

  align-items: center !important;
  justify-content: center !important;

  width: 100% !important;
  height: 40px !important;
  min-height: 40px !important;

  margin: 0 !important;
  padding: 0 10px !important;

  box-sizing: border-box !important;

  background:
    linear-gradient(
      180deg,
      #202731,
      #131922
    ) !important;

  border:
    1px solid rgba(216,176,79,.62) !important;

  border-radius: 8px !important;

  color: #edf1f5 !important;

  font-size: 11px !important;
  line-height: 1 !important;
  font-weight: 600 !important;

  letter-spacing: .05em !important;

  text-align: center !important;
  text-transform: uppercase !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    inset 0 -1px 0 rgba(0,0,0,.28),
    0 3px 7px rgba(0,0,0,.15) !important;
}


/* NO FUNCTIONAL COLOR DIFFERENCES */
#advisor-panel #join-campaign.primary,
#advisor-panel #leave-campaign.danger,
#advisor-panel #join-queue.primary,
#advisor-panel #leave-queue.danger {
  background:
    linear-gradient(
      180deg,
      #202731,
      #131922
    ) !important;

  border-color:
    rgba(216,176,79,.62) !important;

  color: #edf1f5 !important;
}


/* SAME HOVER EVERYWHERE */
#advisor-panel #join-campaign:hover,
#advisor-panel #leave-campaign:hover,
#advisor-panel #join-queue:hover,
#advisor-panel #leave-queue:hover,
#advisor-panel #advisor-campaign-select:hover {

  background:
    linear-gradient(
      180deg,
      #303945,
      #1a222d
    ) !important;

  border-color:
    rgba(241,203,106,.88) !important;
}


/* ==========================================================
   INBOUND STATUS — COMPACT
   ========================================================== */

#advisor-panel .routing-queue-status {
  display: flex !important;
  align-items: center !important;

  min-height: 22px !important;

  margin: auto 0 6px !important;

  color: rgba(209,218,229,.76) !important;

  font-size: 10px !important;
  font-weight: 500 !important;
}


/* ==========================================================
   RESPONSIVE
   ========================================================== */

@media (max-width: 1050px) {

  #advisor-panel .campaign-access-row {
    grid-template-columns: 1fr !important;
  }
}


@media (max-width: 520px) {

  #advisor-panel .advisor-pipeline-summary > span {
    height: auto !important;
    min-height: 46px !important;

    grid-template-columns: 1fr auto !important;

    padding: 7px 10px !important;
  }

  #advisor-panel .advisor-pipeline-summary > span::after {
    grid-column: 1 !important;
    grid-row: 2 !important;

    padding: 3px 0 0 !important;
  }

  #advisor-panel .advisor-pipeline-summary > span strong {
    grid-column: 2 !important;
    grid-row: 1 / span 2 !important;
  }

  #advisor-panel .legacy-campaign-actions,
  #advisor-panel .inbound-queue-actions {
    grid-template-columns: 1fr !important;
  }
}


/* ==========================================================
   VACATION CAMPAIGN DROPDOWN — CROWN CONTROL V33
   ========================================================== */

/* Give the dropdown more breathing room below description */
#advisor-panel .campaign-membership-controls #advisor-campaign-select {
  margin-top: 22px !important;
}


/* REMOVE DEFAULT BROWSER ARROW */
#advisor-panel #advisor-campaign-select {
  -webkit-appearance: none !important;
  appearance: none !important;

  width: 100% !important;
  height: 48px !important;

  padding:
    0 58px
    0 16px !important;

  background-color: #151c25 !important;

  /*
   * YOUR GOLD CROWN REPLACES THE DOWN ARROW
   */
  background-image:
    url("/crown.png"),
    linear-gradient(
      180deg,
      #202731 0%,
      #131922 100%
    ) !important;

  background-repeat:
    no-repeat,
    no-repeat !important;

  background-position:
    right 17px center,
    center !important;

  background-size:
    23px auto,
    100% 100% !important;

  border:
    1px solid rgba(216,176,79,.70) !important;

  border-radius: 9px !important;

  color: #f0f3f7 !important;

  font-size: 13px !important;
  font-weight: 500 !important;

  cursor: pointer !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    inset 0 -1px 0 rgba(0,0,0,.32),
    0 4px 9px rgba(0,0,0,.17) !important;

  transition:
    background-color .14s ease,
    border-color .14s ease,
    transform .14s ease,
    box-shadow .14s ease !important;
}


/* LIGHT UP ON HOVER */
#advisor-panel #advisor-campaign-select:hover {
  transform: translateY(-1px) !important;

  border-color:
    rgba(244,207,111,.95) !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.09),
    0 7px 14px rgba(0,0,0,.22) !important;
}


/* GOLD FOCUS */
#advisor-panel #advisor-campaign-select:focus {
  outline: none !important;

  border-color: #e5be62 !important;

  box-shadow:
    0 0 0 2px rgba(218,178,81,.12),
    inset 0 1px 0 rgba(255,255,255,.07) !important;
}


/* Keep ACTIVATE / END a little lower too */
#advisor-panel .campaign-membership-controls
.legacy-campaign-actions {
  margin-top: 12px !important;
}


/* ==========================================================
   VACATION CAMPAIGN DROPDOWN — CROWN CONTROL V33
   ========================================================== */

/* Give the dropdown more breathing room below description */
#advisor-panel .campaign-membership-controls #advisor-campaign-select {
  margin-top: 22px !important;
}


/* REMOVE DEFAULT BROWSER ARROW */
#advisor-panel #advisor-campaign-select {
  -webkit-appearance: none !important;
  appearance: none !important;

  width: 100% !important;
  height: 48px !important;

  padding:
    0 58px
    0 16px !important;

  background-color: #151c25 !important;

  /*
   * YOUR GOLD CROWN REPLACES THE DOWN ARROW
   */
  background-image:
    url("/crown.png"),
    linear-gradient(
      180deg,
      #202731 0%,
      #131922 100%
    ) !important;

  background-repeat:
    no-repeat,
    no-repeat !important;

  background-position:
    right 17px center,
    center !important;

  background-size:
    23px auto,
    100% 100% !important;

  border:
    1px solid rgba(216,176,79,.70) !important;

  border-radius: 9px !important;

  color: #f0f3f7 !important;

  font-size: 13px !important;
  font-weight: 500 !important;

  cursor: pointer !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    inset 0 -1px 0 rgba(0,0,0,.32),
    0 4px 9px rgba(0,0,0,.17) !important;

  transition:
    background-color .14s ease,
    border-color .14s ease,
    transform .14s ease,
    box-shadow .14s ease !important;
}


/* LIGHT UP ON HOVER */
#advisor-panel #advisor-campaign-select:hover {
  transform: translateY(-1px) !important;

  border-color:
    rgba(244,207,111,.95) !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.09),
    0 7px 14px rgba(0,0,0,.22) !important;
}


/* GOLD FOCUS */
#advisor-panel #advisor-campaign-select:focus {
  outline: none !important;

  border-color: #e5be62 !important;

  box-shadow:
    0 0 0 2px rgba(218,178,81,.12),
    inset 0 1px 0 rgba(255,255,255,.07) !important;
}


/* Keep ACTIVATE / END a little lower too */
#advisor-panel .campaign-membership-controls
.legacy-campaign-actions {
  margin-top: 12px !important;
}


/* ==========================================================
   ROUTING CARD TYPOGRAPHY — FINAL
   Gold eyebrow / white title / gold separator / white copy
   ========================================================== */

/* SAME HEADER GEOMETRY ON ALL THREE */
#advisor-panel .campaign-access-control .routing-card-heading {
  display: block !important;

  width: 100% !important;

  margin: 0 0 10px !important;

  padding:
    8px 0
    9px 0 !important;

  text-align: left !important;

  border-bottom:
    2px solid rgba(202,164,72,.72) !important;
}


/* SMALL CAPITAL CATEGORY — GOLD */
#advisor-panel .campaign-access-control
.routing-card-heading .eyebrow {

  display: block !important;

  margin: 0 0 5px !important;
  padding: 0 !important;

  color: #d7b35f !important;

  font-size: 11px !important;
  line-height: 1.15 !important;
  font-weight: 700 !important;

  letter-spacing: .16em !important;

  text-transform: uppercase !important;
  text-align: left !important;
}


/* LARGE TITLE — WHITE */
#advisor-panel .campaign-access-control
.routing-card-heading > strong {

  display: block !important;

  width: 100% !important;

  margin: 0 !important;
  padding: 0 0 4px !important;

  color: #f5f7fa !important;

  font-size: 21px !important;
  line-height: 1.18 !important;
  font-weight: 600 !important;

  letter-spacing: -.01em !important;

  text-align: left !important;

  /* Older rules added borders here — remove them */
  border: 0 !important;
}


/* DESCRIPTION BELOW GOLD LINE — READABLE WHITE */
#advisor-panel .campaign-access-control
.routing-card-description {

  display: block !important;

  width: 100% !important;

  min-height: 0 !important;

  margin:
    10px 0
    14px 0 !important;

  padding: 0 !important;

  color: rgba(242,245,249,.90) !important;

  font-size: 13px !important;
  line-height: 1.55 !important;
  font-weight: 400 !important;

  letter-spacing: .005em !important;

  text-align: left !important;
}


/* MAKE ALL THREE GOLD SEPARATORS FULL WIDTH */
#advisor-panel .advisor-pipeline-card .routing-card-heading,
#advisor-panel .campaign-membership-controls .routing-card-heading,
#advisor-panel .incoming-campaign-controls .routing-card-heading {
  border-bottom:
    2px solid rgba(202,164,72,.72) !important;
}


/* METALLIC HIGHLIGHT IN THE SEPARATOR */
#advisor-panel .campaign-access-control
.routing-card-heading {
  position: relative !important;
}

#advisor-panel .campaign-access-control
.routing-card-heading::after {

  content: "" !important;

  position: absolute !important;

  left: 0 !important;
  bottom: -2px !important;

  width: 42% !important;
  height: 2px !important;

  background:
    linear-gradient(
      90deg,
      #8a6621 0%,
      #c99c41 32%,
      #f0d57c 58%,
      #bd8f35 100%
    ) !important;

  border-radius: 99px !important;
}


/* ==========================================================
   EMPIRE ROUTING — DETAIL CORRECTION V34
   ========================================================== */


/* ----------------------------------------------------------
   1. ALL THREE HEADERS HAVE IDENTICAL GEOMETRY
   ---------------------------------------------------------- */

#advisor-panel .advisor-pipeline-card .routing-card-heading,
#advisor-panel .campaign-membership-controls .routing-card-heading,
#advisor-panel .incoming-campaign-controls .routing-card-heading {

  position: relative !important;

  display: block !important;

  width: 100% !important;

  box-sizing: border-box !important;

  margin: 0 0 12px 0 !important;

  padding:
    8px 0
    11px 0 !important;

  border: 0 !important;
}


/* FULL-WIDTH GOLD SEPARATOR — SAME POSITION ALL 3 */

#advisor-panel .advisor-pipeline-card .routing-card-heading::after,
#advisor-panel .campaign-membership-controls .routing-card-heading::after,
#advisor-panel .incoming-campaign-controls .routing-card-heading::after {

  content: "" !important;

  display: block !important;

  position: absolute !important;

  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;

  width: 100% !important;
  height: 2px !important;

  margin: 0 !important;

  background:
    linear-gradient(
      90deg,
      rgba(139,101,31,.72) 0%,
      #c99c41 18%,
      #efd477 50%,
      #c99c41 82%,
      rgba(139,101,31,.72) 100%
    ) !important;

  border: 0 !important;
  border-radius: 999px !important;
}


/* SMALL CAPS — GOLD */

#advisor-panel .campaign-access-control
.routing-card-heading .eyebrow {

  display: block !important;

  margin: 0 0 6px 0 !important;
  padding: 0 !important;

  color: #d8b45e !important;

  font-size: 11px !important;
  line-height: 1.1 !important;
  font-weight: 700 !important;

  letter-spacing: .17em !important;

  text-transform: uppercase !important;
  text-align: left !important;
}


/* LARGE HEADING — WHITE */

#advisor-panel .campaign-access-control
.routing-card-heading > strong {

  display: block !important;

  width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;

  color: #f5f7fb !important;

  font-size: 21px !important;
  line-height: 1.2 !important;
  font-weight: 600 !important;

  letter-spacing: -.01em !important;

  text-align: left !important;

  border: 0 !important;
}


/* ----------------------------------------------------------
   2. BETTER DESCRIPTION TYPOGRAPHY
   ---------------------------------------------------------- */

#advisor-panel .campaign-access-control
.routing-card-description {

  display: block !important;

  width: 100% !important;

  min-height: 0 !important;

  margin:
    2px 0
    16px 0 !important;

  padding: 0 !important;

  color: rgba(243,246,250,.92) !important;

  font-size: 14.5px !important;
  line-height: 1.52 !important;
  font-weight: 400 !important;

  letter-spacing: .008em !important;

  text-align: left !important;
}


/* ----------------------------------------------------------
   3. OUTBOUND — REMOVE REDUNDANT ACTIVE/READY TEXT
   ---------------------------------------------------------- */

/* ACTIVE CAMPAIGN */
#advisor-panel .campaign-membership-controls > label,
#advisor-panel .campaign-membership-controls
label[for="advisor-campaign-select"] {

  display: none !important;
}


/* READY TO ACTIVATE / ACTIVE CAMPAIGN STATUS */
#advisor-panel #campaign-membership-status {

  display: none !important;
}


/* Give dropdown clean spacing now that status copy is gone */

#advisor-panel .campaign-membership-controls
#advisor-campaign-select {

  margin:
    18px 0
    14px 0 !important;
}


/* ----------------------------------------------------------
   4. DROPDOWN — REMOVE CHEVRON, USE YOUR GOLD CROWN
   ---------------------------------------------------------- */

#advisor-panel #advisor-campaign-select {

  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;

  height: 48px !important;

  padding:
    0 56px
    0 16px !important;

  background-image:
    url("/empire-routing-crown.png"),
    linear-gradient(
      180deg,
      #202936 0%,
      #141c27 100%
    ) !important;

  background-repeat:
    no-repeat,
    no-repeat !important;

  background-position:
    right 17px center,
    center !important;

  background-size:
    21px auto,
    100% 100% !important;

  color: #f1f4f8 !important;

  border:
    1.5px solid rgba(205,167,74,.68) !important;

  border-radius: 10px !important;

  font-size: 14px !important;
  font-weight: 500 !important;

  cursor: pointer !important;
}


/* Remove any older fake crown/chevron overlays */

#advisor-panel .campaign-membership-controls::after,
#advisor-panel #advisor-campaign-select::after {

  content: none !important;
  display: none !important;
}


/* ----------------------------------------------------------
   5. MY PIPELINE — REPLACE DASHES WITH YOUR CROWN
   ---------------------------------------------------------- */

#advisor-panel .advisor-pipeline-summary > span strong {

  display: block !important;

  width: 24px !important;
  height: 24px !important;

  justify-self: end !important;

  margin: 0 !important;
  padding: 0 !important;

  overflow: hidden !important;

  /* Hide literal dash / em dash */
  color: transparent !important;

  font-size: 0 !important;
  line-height: 0 !important;

  background:
    url("/empire-routing-crown.png")
    center center /
    20px auto
    no-repeat !important;

  text-indent: -9999px !important;
}


/* Remove generic Unicode crowns from older CSS */

#advisor-panel .advisor-pipeline-summary > span::after {

  content: none !important;
  display: none !important;
}


/* Pipeline grid now reserves right column for real crown */

#advisor-panel .advisor-pipeline-summary > span {

  grid-template-columns:
    115px
    minmax(0,1fr)
    28px !important;

  padding:
    0 14px !important;
}


/* Description inside each selector bar */

#advisor-panel .advisor-pipeline-summary > span::before {

  color: rgba(231,236,243,.82) !important;

  font-size: 12.5px !important;
  line-height: 1.3 !important;
  font-weight: 400 !important;
}


/* Main selector label */

#advisor-panel .advisor-pipeline-summary > span small {

  color: #f3f6fa !important;

  font-size: 12px !important;
  font-weight: 600 !important;

  letter-spacing: .045em !important;
}


/* ----------------------------------------------------------
   6. KEEP OUTBOUND BUTTONS CLEANLY BELOW DROPDOWN
   ---------------------------------------------------------- */

#advisor-panel .campaign-membership-controls
.legacy-campaign-actions {

  margin-top: 4px !important;
}


/* ----------------------------------------------------------
   7. CONSISTENT CARD INNER ALIGNMENT
   ---------------------------------------------------------- */

#advisor-panel .advisor-pipeline-card,
#advisor-panel .campaign-membership-controls,
#advisor-panel .incoming-campaign-controls {

  padding:
    18px 20px
    18px 20px !important;

  box-sizing: border-box !important;
}


/* ==========================================================
   EMPIRE ROUTING — CRM GOLD CARD FINISH V35
   ========================================================== */


/* ----------------------------------------------------------
   ALL THREE CARDS — CRM SPIFFS STYLE GOLD OUTER ACCENT
   ---------------------------------------------------------- */

#advisor-panel .advisor-pipeline-card,
#advisor-panel .campaign-membership-controls,
#advisor-panel .incoming-campaign-controls {

  position: relative !important;

  border:
    1.5px solid rgba(207,169,76,.72) !important;

  border-radius: 18px !important;

  background:
    radial-gradient(
      circle at 10% 0%,
      rgba(35,50,73,.18),
      transparent 36%
    ),
    linear-gradient(
      180deg,
      #091727 0%,
      #07121f 100%
    ) !important;

  box-shadow:
    inset 0 1px 0 rgba(255,231,167,.08),
    inset 0 0 0 1px rgba(255,255,255,.018),
    0 0 0 1px rgba(98,70,20,.20),
    0 9px 24px rgba(0,0,0,.24) !important;
}


/* Metallic gold highlight around the entire card */
#advisor-panel .advisor-pipeline-card::before,
#advisor-panel .campaign-membership-controls::before,
#advisor-panel .incoming-campaign-controls::before {

  content: "" !important;

  display: block !important;

  position: absolute !important;

  inset: 3px !important;

  pointer-events: none !important;

  border:
    1px solid rgba(238,204,118,.075) !important;

  border-radius: 15px !important;

  box-shadow:
    inset 0 1px 0 rgba(244,215,139,.045) !important;
}


/* ----------------------------------------------------------
   INBOUND — TWO FULL-WIDTH BUTTONS
   ---------------------------------------------------------- */

#advisor-panel .incoming-campaign-controls
.inbound-queue-actions {

  display: flex !important;

  flex-direction: column !important;

  width: 100% !important;

  gap: 10px !important;

  margin-top: auto !important;
}


/* Both controls fill the entire card width */
#advisor-panel .incoming-campaign-controls #join-queue,
#advisor-panel .incoming-campaign-controls #leave-queue {

  display: flex !important;

  align-items: center !important;
  justify-content: center !important;

  position: relative !important;

  width: 100% !important;
  max-width: none !important;

  min-height: 48px !important;
  height: 48px !important;

  box-sizing: border-box !important;

  margin: 0 !important;

  /* equal left/right padding keeps text centered */
  padding:
    0 54px !important;

  color: #f3f6fa !important;

  font-size: 13px !important;
  line-height: 1 !important;
  font-weight: 600 !important;

  letter-spacing: .055em !important;

  text-align: center !important;

  background-image:
    url("/empire-routing-crown.png"),
    linear-gradient(
      180deg,
      #222b38 0%,
      #151d28 100%
    ) !important;

  background-repeat:
    no-repeat,
    no-repeat !important;

  background-position:
    right 16px center,
    center !important;

  background-size:
    20px auto,
    100% 100% !important;

  border:
    1.5px solid rgba(205,167,74,.68) !important;

  border-radius: 10px !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.055),
    inset 0 -1px 0 rgba(0,0,0,.30),
    0 4px 10px rgba(0,0,0,.17) !important;
}


/* Kill any old green/red button treatment */
#advisor-panel .incoming-campaign-controls #join-queue.primary,
#advisor-panel .incoming-campaign-controls #leave-queue.danger {

  color: #f3f6fa !important;

  background-image:
    url("/empire-routing-crown.png"),
    linear-gradient(
      180deg,
      #222b38 0%,
      #151d28 100%
    ) !important;

  border-color:
    rgba(205,167,74,.68) !important;
}


/* Same premium hover as Pipeline */
#advisor-panel .incoming-campaign-controls #join-queue:hover,
#advisor-panel .incoming-campaign-controls #leave-queue:hover {

  transform:
    translateY(-1px) !important;

  border-color:
    rgba(239,203,109,.90) !important;

  background-image:
    url("/empire-routing-crown.png"),
    linear-gradient(
      180deg,
      #303a47 0%,
      #1b2430 100%
    ) !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.075),
    0 7px 15px rgba(0,0,0,.22) !important;
}


/* Disabled still keeps same design */
#advisor-panel .incoming-campaign-controls #join-queue:disabled,
#advisor-panel .incoming-campaign-controls #leave-queue:disabled {

  opacity: .48 !important;

  background-image:
    url("/empire-routing-crown.png"),
    linear-gradient(
      180deg,
      #222b38 0%,
      #151d28 100%
    ) !important;

  border-color:
    rgba(205,167,74,.45) !important;
}


/* ----------------------------------------------------------
   KEEP ALL THREE CARD WIDTHS / HEIGHTS CONSISTENT
   ---------------------------------------------------------- */

#advisor-panel .campaign-access-row {

  align-items: stretch !important;
}

#advisor-panel .campaign-access-row >
.campaign-access-control {

  width: 100% !important;

  box-sizing: border-box !important;
}


/* Keep inbound status clean above its two full-width controls */
#advisor-panel .incoming-campaign-controls
.routing-queue-status {

  width: 100% !important;

  margin:
    8px 0
    10px !important;

  text-align: left !important;
}


/* ==========================================================
   EMPIRE CONNECTIONS — DISPOSITIONS FINAL V36
   Transparent at rest / semantic glow on interaction
   ========================================================== */


/* ----------------------------------------------------------
   POSITIONING — DISPOSITION + CONTACT SHOULD FEEL CONNECTED
   ---------------------------------------------------------- */

#advisor-panel [data-layout-section="dispositions"] {
  margin-bottom: 8px !important;
}

#advisor-panel [data-layout-section="customer"] {
  margin-top: 0 !important;
}


/* ----------------------------------------------------------
   ALL DISPOSITION BUTTONS — TRANSPARENT AT REST
   ---------------------------------------------------------- */

#advisor-panel #disposition-center button.disp,
#advisor-panel [data-layout-section="dispositions"] button.disp {

  /* individual color assigned below */
  --disp-color: #c9a451;

  position: relative !important;

  overflow: hidden !important;

  background:
    rgba(255,255,255,0.015) !important;

  background-image:
    none !important;

  border:
    1px solid rgba(205,170,83,.28) !important;

  color:
    rgba(239,243,248,.88) !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.025) !important;

  opacity: 1 !important;

  min-height: 43px !important;

  border-radius: 8px !important;

  font-size: 11.5px !important;
  line-height: 1.15 !important;
  font-weight: 600 !important;

  letter-spacing: .045em !important;

  text-align: center !important;

  transition:
    background .16s ease,
    border-color .16s ease,
    box-shadow .16s ease,
    color .16s ease,
    transform .14s ease !important;
}


/* NO PERMANENT COLORED STRIP */
#advisor-panel #disposition-center button.disp::before,
#advisor-panel [data-layout-section="dispositions"] button.disp::before {

  content: "" !important;

  position: absolute !important;

  left: 0 !important;
  right: 0 !important;
  top: 0 !important;

  width: 100% !important;
  height: 2px !important;

  background:
    rgba(205,170,83,.26) !important;

  opacity: .55 !important;

  transition:
    background .16s ease,
    opacity .16s ease,
    box-shadow .16s ease !important;
}


/* ==========================================================
   INDIVIDUAL DISPOSITION COLORS
   These are INVISIBLE at rest and only illuminate on action.
   ========================================================== */


/* 1 — NOT INTERESTED */
#advisor-panel #disposition-center button.disp:nth-of-type(1) {
  --disp-color: #dc6a67;
}


/* 2 — DNC */
#advisor-panel #disposition-center button.disp:nth-of-type(2) {
  --disp-color: #e34f55;
}


/* 3 — CALL BACK */
#advisor-panel #disposition-center button.disp:nth-of-type(3) {
  --disp-color: #4b9be8;
}


/* 4 — NO ANSWER */
#advisor-panel #disposition-center button.disp:nth-of-type(4) {
  --disp-color: #8593a5;
}


/* 5 — SEND EMAIL */
#advisor-panel #disposition-center button.disp:nth-of-type(5) {
  --disp-color: #49b9d2;
}


/* 6 — VOICEMAIL */
#advisor-panel #disposition-center button.disp:nth-of-type(6) {
  --disp-color: #9b78dc;
}


/* 7 — LANGUAGE */
#advisor-panel #disposition-center button.disp:nth-of-type(7) {
  --disp-color: #d5a845;
}


/* 8 — SALE */
#advisor-panel #disposition-center button.disp:nth-of-type(8) {
  --disp-color: #46b978;
}


/* ==========================================================
   HOVER — BUTTON LIGHTS UP ITS OWN COLOR
   ========================================================== */

#advisor-panel #disposition-center button.disp:hover,
#advisor-panel [data-layout-section="dispositions"] button.disp:hover {

  color: #ffffff !important;

  border-color:
    var(--disp-color) !important;

  background:
    color-mix(
      in srgb,
      var(--disp-color) 17%,
      rgba(8,14,23,.86)
    ) !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.07),
    0 0 0 1px
      color-mix(
        in srgb,
        var(--disp-color) 35%,
        transparent
      ),
    0 0 18px
      color-mix(
        in srgb,
        var(--disp-color) 27%,
        transparent
      ) !important;

  transform:
    translateY(-2px) !important;
}


#advisor-panel #disposition-center button.disp:hover::before,
#advisor-panel [data-layout-section="dispositions"] button.disp:hover::before {

  background:
    var(--disp-color) !important;

  opacity: 1 !important;

  box-shadow:
    0 0 10px var(--disp-color) !important;
}


/* ==========================================================
   CLICK / FOCUS — STRONGER ILLUMINATION
   ========================================================== */

#advisor-panel #disposition-center button.disp:active,
#advisor-panel #disposition-center button.disp:focus,
#advisor-panel #disposition-center button.disp.active,
#advisor-panel #disposition-center button.disp.selected,
#advisor-panel #disposition-center button.disp[aria-pressed="true"] {

  outline: none !important;

  color: #ffffff !important;

  border-color:
    var(--disp-color) !important;

  background:
    color-mix(
      in srgb,
      var(--disp-color) 27%,
      rgba(7,13,21,.88)
    ) !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.09),
    0 0 0 1px var(--disp-color),
    0 0 24px
      color-mix(
        in srgb,
        var(--disp-color) 40%,
        transparent
      ) !important;

  transform:
    translateY(0) scale(.985) !important;
}


#advisor-panel #disposition-center button.disp:active::before,
#advisor-panel #disposition-center button.disp:focus::before,
#advisor-panel #disposition-center button.disp.active::before,
#advisor-panel #disposition-center button.disp.selected::before,
#advisor-panel #disposition-center button.disp[aria-pressed="true"]::before {

  background:
    var(--disp-color) !important;

  opacity: 1 !important;

  box-shadow:
    0 0 14px var(--disp-color) !important;
}


/* ----------------------------------------------------------
   COMPLETE EVEN ROWS
   ---------------------------------------------------------- */

#advisor-panel #disposition-center .disposition-grid,
#advisor-panel [data-layout-section="dispositions"] .disposition-grid {

  display: grid !important;

  grid-template-columns:
    repeat(8, minmax(0,1fr)) !important;

  gap: 7px !important;

  width: 100% !important;
}


/* Tablet */
@media (max-width: 1100px) {

  #advisor-panel #disposition-center .disposition-grid,
  #advisor-panel [data-layout-section="dispositions"] .disposition-grid {

    grid-template-columns:
      repeat(4,minmax(0,1fr)) !important;
  }
}


/* Phone */
@media (max-width: 600px) {

  #advisor-panel #disposition-center .disposition-grid,
  #advisor-panel [data-layout-section="dispositions"] .disposition-grid {

    grid-template-columns:
      repeat(2,minmax(0,1fr)) !important;
  }

  #advisor-panel #disposition-center button.disp {
    min-height: 46px !important;
    font-size: 11px !important;
  }
}


/* ==========================================================
   PERFORMANCE UI REMOVAL — RUNTIME ELEMENTS ONLY
   ========================================================== */

.performance-runtime-hooks {
  display: none !important;
}

/*
 * Disposition now physically lives immediately above
 * Customer Information in .phone-side-column.
 */
#advisor-panel .phone-side-column > #disposition-center {
  width: 100% !important;
  margin: 0 0 10px 0 !important;
}

#advisor-panel .phone-side-column > #customer-card {
  width: 100% !important;
  margin-top: 0 !important;
}



/* ==========================================================
   EMPIRE_TOP_ROUTING_DROPDOWNS_V1
   ========================================================== */

.routing-dropdown-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  align-items: start !important;
  gap: 14px !important;
}

.routing-dropdown-card {
  min-width: 0;
  padding: 0 !important;
  overflow: hidden;
  align-self: start;
}

.routing-dropdown-toggle {
  width: 100%;
  min-height: 78px;
  padding: 14px 16px;
  border: 0;
  background: transparent;
  color: inherit;
  cursor: pointer;

  display: grid;
  grid-template-columns: 1fr auto;
  grid-template-areas:
    "heading chevron"
    "summary chevron";
  gap: 5px 12px;

  text-align: left;
}

.routing-dropdown-heading {
  grid-area: heading;
  min-width: 0;
}

.routing-dropdown-heading .routing-card-heading {
  margin: 0;
}

.routing-dropdown-summary {
  grid-area: summary;
  min-width: 0;

  font-size: 12px;
  font-weight: 700;
  letter-spacing: .04em;

  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.routing-dropdown-summary.is-active {
  color: #7ee2a8;
}

.routing-dropdown-summary.is-inactive {
  color: #c7c9cf;
}

.routing-dropdown-chevron {
  grid-area: chevron;
  align-self: center;

  font-size: 24px;
  line-height: 1;

  transition: transform .18s ease;
}

.routing-dropdown-card.open
.routing-dropdown-chevron {
  transform: rotate(180deg);
}

.routing-dropdown-body {
  padding: 0 16px 16px;
  border-top: 1px solid rgba(212, 175, 55, .24);
}

.routing-dropdown-body[hidden] {
  display: none !important;
}

.routing-dropdown-body
.routing-card-description {
  margin-top: 14px;
}

.routing-dropdown-body select {
  width: 100%;
}

@media (max-width: 900px) {
  .routing-dropdown-grid {
    grid-template-columns: 1fr !important;
  }
}


/* ==========================================================
   EMPIRE_ROUTING_DROPDOWNS_TIGHT_V2
   ========================================================== */

.routing-dropdown-grid {
  gap: 10px !important;
}

.routing-dropdown-card {
  min-width: 0 !important;
  border-radius: 10px !important;
}

.routing-dropdown-toggle {
  min-height: 60px !important;
  padding: 9px 14px !important;

  grid-template-columns: minmax(0, 1fr) auto !important;
  grid-template-areas:
    "heading crown"
    "summary crown" !important;

  column-gap: 14px !important;
  row-gap: 2px !important;
}

.routing-dropdown-heading .routing-card-heading {
  margin: 0 !important;
  gap: 2px !important;
}

.routing-dropdown-heading .routing-card-heading strong {
  line-height: 1.12 !important;
}

/* CLICK TO OPEN in muted eyebrow text */
.routing-dropdown-heading .eyebrow::after {
  content: "  ·  CLICK TO OPEN";
  color: rgba(255,255,255,.28) !important;
  font-size: .78em !important;
  font-weight: 600 !important;
  letter-spacing: .08em !important;
}

.routing-dropdown-card.open
.routing-dropdown-heading .eyebrow::after {
  content: "  ·  CLICK TO CLOSE";
}

/* Active / inactive line */
.routing-dropdown-summary {
  margin: 0 !important;
  padding: 0 !important;
  font-size: 11px !important;
  line-height: 1.15 !important;
}

/* Remove chevron */
.routing-dropdown-chevron {
  display: none !important;
}

/* Empire crown on right */
.routing-dropdown-toggle::after {
  content: "♛";
  grid-area: crown;

  align-self: center;
  justify-self: end;

  width: 24px;
  margin-right: 0;

  color: #d4af37;
  font-size: 22px;
  line-height: 1;
  text-align: center;

  opacity: .95;
}

/* Equal internal padding */
.routing-dropdown-body {
  padding: 0 14px 14px !important;
}

.routing-dropdown-body .routing-card-description {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}


/* ==========================================================
   EMPIRE_GLOBAL_MODULE_GOLD_ACCENT_V1

   Unified Empire module treatment:
   thin gold edge + subtle inner accent.
   ========================================================== */

:where(
  .panel,
  .campaign-access-control,
  .advisor-module,
  .module-card,
  .dashboard-card,
  .kpi-card,
  .call-history-panel,
  .contact-card,
  .phone-panel,
  .script-panel,
  .package-panel,
  .messages-panel,
  .disposition-panel
) {
  border: 1px solid rgba(212,175,55,.42) !important;

  box-shadow:
    inset 0 1px 0 rgba(255,215,90,.09),
    0 0 0 1px rgba(212,175,55,.025) !important;
}

/* Slightly stronger top-edge definition on primary modules */
:where(
  .panel,
  .campaign-access-control
) {
  border-top-color: rgba(232,196,77,.62) !important;
}

/* Routing cards get the same Empire edge */
.routing-dropdown-card {
  border: 1px solid rgba(212,175,55,.48) !important;

  box-shadow:
    inset 0 1px 0 rgba(255,220,105,.10),
    0 4px 14px rgba(0,0,0,.16) !important;
}

/* Open card gets a modest stronger gold edge */
.routing-dropdown-card.open {
  border-color: rgba(212,175,55,.72) !important;
}

/* Do not gold-outline form controls inside modules */
:where(
  input,
  select,
  textarea,
  button
) {
  box-shadow: none;
}


/* EMPIRE_ROUTING_EQUAL_BOXES_V3 */

.routing-dropdown-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 10px !important;
  align-items: start !important;
}

.routing-dropdown-card {
  width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}

.routing-dropdown-toggle {
  width: 100% !important;
  height: 66px !important;
  min-height: 66px !important;
  max-height: 66px !important;
  box-sizing: border-box !important;
}

@media (min-width: 901px) {
  .routing-dropdown-grid > .routing-dropdown-card {
    width: 100% !important;
  }
}


/* ==========================================================
   EMPIRE_ADVISOR_PHONE_WORKSPACE_LAYOUT_V1
   ========================================================== */

/* Phone left / workflow right */
.workspace-row[data-layout-section="phone"] {
  display: grid !important;

  grid-template-columns:
    minmax(340px, .88fr)
    minmax(0, 1.32fr) !important;

  gap: 14px !important;
  align-items: start !important;
}

.workspace-row[data-layout-section="phone"]
> .phone-panel {
  width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}

/* Right hand workflow */
.phone-side-column {
  display: flex !important;
  flex-direction: column !important;
  gap: 14px !important;

  width: 100% !important;
  min-width: 0 !important;
}

.phone-side-top {
  display: flex !important;
  flex-direction: column !important;
  gap: 14px !important;

  width: 100% !important;
  min-width: 0 !important;
}

#customer-card,
#disposition-center,
#power-dial-terminal,
#advisor-messages {
  width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}


/* ==========================================================
   CUSTOMER INFORMATION — READABILITY
   ========================================================== */

#customer-card .customer-grid {
  grid-template-columns:
    repeat(3, minmax(0, 1fr)) !important;

  gap: 12px 16px !important;
}

/* Field labels */
#customer-card .customer-grid small {
  font-size: 13px !important;
  line-height: 1.35 !important;
  letter-spacing: .055em !important;
}

/* Customer values */
#customer-card .customer-grid strong {
  font-size: 16px !important;
  line-height: 1.4 !important;
  font-weight: 700 !important;
}

/* Waiting / record status */
#customer-card .record-state {
  font-size: 13px !important;
  line-height: 1.3 !important;
}

/* Customer controls */
#customer-card button {
  font-size: 13px !important;
}


/* ==========================================================
   RESPONSIVE
   ========================================================== */

@media (max-width: 1100px) {

  .workspace-row[data-layout-section="phone"] {
    grid-template-columns: 1fr !important;
  }

}

@media (max-width: 700px) {

  #customer-card .customer-grid {
    grid-template-columns:
      repeat(2, minmax(0, 1fr)) !important;
  }

}



/* ==========================================================
   EMPIRE_ROUTING_CLEAN_OPEN_STATE_V4
   ========================================================== */

/* Remove all crown/chevron space */
.routing-dropdown-toggle {
  grid-template-columns: minmax(0, 1fr) !important;

  grid-template-areas:
    "heading"
    "summary" !important;

  column-gap: 0 !important;
}

.routing-dropdown-toggle::after {
  content: none !important;
  display: none !important;
}

.routing-dropdown-chevron {
  display: none !important;
}


/* No extra gold divider inside opened cards */
.routing-dropdown-body {
  border-top: 0 !important;
  box-shadow: none !important;

  padding:
    10px 14px 14px !important;
}

.routing-dropdown-body::before,
.routing-dropdown-body::after,
.routing-open-controls::before,
.routing-open-controls::after {
  content: none !important;
  display: none !important;
}

.routing-dropdown-card {
  box-shadow:
    0 4px 14px rgba(0,0,0,.16) !important;
}


/* Open state — only controls */
.routing-open-controls {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 9px !important;
  width: 100% !important;
}

.routing-open-instruction {
  display: block;

  margin: 0 0 1px !important;

  color: rgba(255,255,255,.48) !important;

  font-size: 10px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;

  letter-spacing: .11em !important;
  text-transform: uppercase;
}

.routing-open-controls select {
  width: 100% !important;
  min-height: 40px !important;

  padding: 8px 10px !important;

  background: rgba(5,9,15,.92) !important;
  color: #f2f2f2 !important;

  border:
    1px solid rgba(212,175,55,.30) !important;

  border-radius: 7px !important;

  font-size: 13px !important;
}


/* Status remains functional for closed header,
   but no extra wording inside opened box */
.routing-internal-status {
  display: none !important;
}


/* Activate / Leave */
.routing-open-actions {
  display: grid !important;

  grid-template-columns:
    repeat(2, minmax(0, 1fr)) !important;

  gap: 8px !important;

  width: 100% !important;
  margin: 0 !important;
}

.routing-open-actions button {
  width: 100% !important;
  min-height: 38px !important;
  margin: 0 !important;
}


/* Queue — only two full-width buttons */
.routing-queue-buttons {
  grid-template-columns: 1fr !important;
  width: 100% !important;
}

.routing-queue-buttons button {
  width: 100% !important;
}


/* Closed card — selected item + glowing status pill */
.routing-dropdown-summary {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;

  gap: 10px !important;

  width: 100% !important;

  color: inherit !important;
}

.routing-dropdown-summary.is-active,
.routing-dropdown-summary.is-inactive {
  color: inherit !important;
}

.routing-summary-name {
  min-width: 0;

  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;

  color: rgba(255,255,255,.56);

  font-size: 10px;
  font-weight: 650;

  letter-spacing: .055em;
  text-transform: uppercase;
}

.routing-status-pill {
  flex: 0 0 auto;

  padding: 3px 7px;

  border-radius: 999px;

  font-size: 9px;
  font-weight: 800;
  line-height: 1;

  letter-spacing: .09em;
}

.routing-status-pill.is-active {
  color: #9cf7ba;

  background: rgba(37,181,92,.13);

  border:
    1px solid rgba(74,222,128,.64);

  box-shadow:
    0 0 8px rgba(74,222,128,.28);
}

.routing-status-pill.is-inactive {
  color: #ff9999;

  background: rgba(205,48,48,.12);

  border:
    1px solid rgba(239,68,68,.58);

  box-shadow:
    0 0 7px rgba(239,68,68,.18);
}


/* Keep all three closed boxes exactly equal */
.routing-dropdown-card {
  width: 100% !important;
  min-width: 0 !important;
}

.routing-dropdown-toggle {
  height: 66px !important;
  min-height: 66px !important;
  max-height: 66px !important;
}


/* No old descriptions or old pipeline stats */
.routing-dropdown-body
.routing-card-description,

.routing-dropdown-body
.advisor-pipeline-summary {
  display: none !important;
}



/* ==========================================================
   EMPIRE_TWO_ROW_MINI_KPI_V1
   Second row inherits existing power-dial-metric styling.
   ========================================================== */

#performance.advisor-performance-summary {
  grid-template-columns:
    repeat(6, minmax(0, 1fr)) !important;

  margin-top: 7px !important;
  margin-bottom: 10px !important;
}

/* Commission period behaves visually like the other KPI labels */
#performance .mini-kpi-period {
  width: 100% !important;

  padding: 0 !important;
  margin: 0 !important;

  border: 0 !important;
  outline: 0 !important;

  background: transparent !important;

  color: inherit !important;

  font: inherit !important;
  font-size: inherit !important;
  font-weight: inherit !important;

  text-align: center !important;
  text-align-last: center !important;

  box-shadow: none !important;
}

@media (max-width: 1000px) {
  #performance.advisor-performance-summary {
    grid-template-columns:
      repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 620px) {
  #performance.advisor-performance-summary {
    grid-template-columns:
      repeat(2, minmax(0, 1fr)) !important;
  }
}


/* EMPIRE_CAMPAIGN_REMOVE_TOP_BOTTOM_GOLD_V1 */

.campaign-top-panel .campaign-access-control,
.campaign-top-panel .routing-dropdown-card,
.campaign-top-panel .routing-dropdown-card.open {
  border-top: 0 !important;
  border-bottom: 0 !important;

  box-shadow:
    0 4px 14px rgba(0,0,0,.16) !important;
}

/* Kill any decorative top/bottom gold accents */
.campaign-top-panel .campaign-access-control::before,
.campaign-top-panel .campaign-access-control::after,
.campaign-top-panel .routing-dropdown-card::before,
.campaign-top-panel .routing-dropdown-card::after,
.campaign-top-panel .routing-dropdown-toggle::before,
.campaign-top-panel .routing-dropdown-toggle::after,
.campaign-top-panel .routing-dropdown-body::before,
.campaign-top-panel .routing-dropdown-body::after {
  content: none !important;
  display: none !important;
  border: 0 !important;
  box-shadow: none !important;
}


/* EMPIRE_CAMPAIGN_KILL_OUTER_TOP_BOTTOM_GOLD_V2 */

/* Outer wrapper around all three campaign boxes */
.campaign-top-panel {
  border-top: 0 !important;
  border-bottom: 0 !important;

  box-shadow:
    0 4px 14px rgba(0,0,0,.16) !important;
}

/* Three individual boxes */
.campaign-top-panel .campaign-access-control {
  border-top: 0 !important;
  border-bottom: 0 !important;
}

/* No decorative gold strips anywhere in this module */
.campaign-top-panel::before,
.campaign-top-panel::after,
.campaign-top-panel .campaign-access-row::before,
.campaign-top-panel .campaign-access-row::after,
.campaign-top-panel .campaign-access-control::before,
.campaign-top-panel .campaign-access-control::after {
  content: none !important;
  display: none !important;
  border: 0 !important;
  background: none !important;
  box-shadow: none !important;
}


/* EMPIRE_CAMPAIGN_KILL_OUTER_TOP_BOTTOM_GOLD_V2 */

/* Outer wrapper around all three campaign boxes */
.campaign-top-panel {
  border-top: 0 !important;
  border-bottom: 0 !important;

  box-shadow:
    0 4px 14px rgba(0,0,0,.16) !important;
}

/* Three individual boxes */
.campaign-top-panel .campaign-access-control {
  border-top: 0 !important;
  border-bottom: 0 !important;
}

/* No decorative gold strips anywhere in this module */
.campaign-top-panel::before,
.campaign-top-panel::after,
.campaign-top-panel .campaign-access-row::before,
.campaign-top-panel .campaign-access-row::after,
.campaign-top-panel .campaign-access-control::before,
.campaign-top-panel .campaign-access-control::after {
  content: none !important;
  display: none !important;
  border: 0 !important;
  background: none !important;
  box-shadow: none !important;
}


/* ==========================================================
   EMPIRE_ROUTING_MODULE_MATCH_V6
   ========================================================== */

/* Module 1 dropdown matches Module 2 exactly */
#advisor-custom-campaign-select,
#advisor-campaign-select {
  width: 100% !important;
  min-height: 40px !important;
  padding: 8px 10px !important;

  background: rgba(5,9,15,.92) !important;
  color: #f2f2f2 !important;

  border: 1px solid rgba(255,255,255,.14) !important;
  border-radius: 7px !important;

  font-size: 13px !important;
  box-shadow: none !important;
}

/* Module 1 buttons exactly match Module 2 */
.advisor-pipeline-card .routing-open-actions,
.campaign-membership-controls .routing-open-actions {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0,1fr)) !important;
  gap: 8px !important;
  width: 100% !important;
}

.advisor-pipeline-card .routing-open-actions button,
.campaign-membership-controls .routing-open-actions button {
  width: 100% !important;
  min-height: 38px !important;
  margin: 0 !important;
}

/* Module 2 instruction — slightly lower and aligned left */
.campaign-membership-controls .routing-open-instruction {
  width: 100% !important;
  padding-top: 4px !important;
  margin: 0 0 3px !important;
  text-align: left !important;
  justify-self: stretch !important;
}


/* ==========================================================
   EMPIRE_ROUTING_TIGHT_OPEN_FIX_V7
   ========================================================== */

/* Kill the gold separator under the title — open AND closed */
.campaign-top-panel
.routing-dropdown-card
> .routing-dropdown-toggle {
  border-bottom: 0 !important;
  box-shadow: none !important;
  background-image: none !important;
}

.campaign-top-panel
.routing-dropdown-card
> .routing-dropdown-toggle::before,
.campaign-top-panel
.routing-dropdown-card
> .routing-dropdown-toggle::after {
  content: none !important;
  display: none !important;
}

/* Also kill any heading divider */
.campaign-top-panel .routing-dropdown-heading,
.campaign-top-panel .routing-card-heading {
  border-bottom: 0 !important;
  box-shadow: none !important;
  background-image: none !important;
}


/* ACTIVE / INACTIVE notification = CLOSED MODE ONLY */
.campaign-top-panel
.routing-dropdown-card.open
.routing-dropdown-summary {
  display: none !important;
}


/* CLOSED MODE — give notification a little breathing room */
.campaign-top-panel
.routing-dropdown-card:not(.open)
.routing-dropdown-toggle {
  row-gap: 4px !important;
}

.campaign-top-panel
.routing-dropdown-card:not(.open)
.routing-dropdown-summary {
  margin-top: 2px !important;
  line-height: 1.2 !important;
}


/* OPEN MODE — compact header */
.campaign-top-panel
.routing-dropdown-card.open
.routing-dropdown-toggle {
  min-height: 34px !important;
  height: auto !important;
  max-height: none !important;

  padding: 8px 14px 3px !important;
}


/* Subtitle — LEFT aligned with 4px top spacing */
.campaign-top-panel
.routing-dropdown-card.open
.routing-open-instruction {
  display: block !important;

  width: 100% !important;

  padding: 4px 0 0 !important;
  margin: 0 0 7px !important;

  text-align: left !important;
  justify-self: stretch !important;

  line-height: 1.25 !important;
}


/* Tighten opened body */
.campaign-top-panel
.routing-dropdown-card.open
.routing-dropdown-body {
  padding: 3px 14px 13px !important;

  border: 0 !important;
  box-shadow: none !important;
}


/* Selector — remove huge vertical padding */
#advisor-custom-campaign-select,
#advisor-campaign-select {
  height: 44px !important;
  min-height: 44px !important;
  max-height: 44px !important;

  padding: 0 14px !important;

  line-height: 44px !important;
}


/* ACTIVATE / END — compact */
.advisor-pipeline-card .routing-open-actions button,
.campaign-membership-controls .routing-open-actions button {
  height: 40px !important;
  min-height: 40px !important;
  max-height: 40px !important;

  padding: 0 12px !important;

  line-height: 1 !important;
}


/* Tight spacing between dropdown and buttons */
.campaign-top-panel .routing-open-controls {
  gap: 7px !important;
}

.campaign-top-panel .routing-open-actions {
  margin-top: 2px !important;
}


/* ==========================================================
   EMPIRE_ROUTING_UNIFORM_OPEN_V10
   Same visual language across all three routing boxes
   ========================================================== */

/* ----------------------------------------------------------
   ALL THREE — OPEN STATE
   Hide normal white title and status.
   ---------------------------------------------------------- */

.campaign-top-panel
.routing-dropdown-card.open
.routing-card-heading strong {
  display: none !important;
}

.campaign-top-panel
.routing-dropdown-card.open
.routing-dropdown-summary {
  display: none !important;
}


/* Compact clickable header */
.campaign-top-panel
.routing-dropdown-card.open
.routing-dropdown-toggle {
  display: block !important;

  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;

  padding: 11px 14px 5px !important;

  border: 0 !important;
  background: none !important;
  background-image: none !important;
  box-shadow: none !important;

  text-align: left !important;
}


/* ----------------------------------------------------------
   GOLD EYEBROW LABELS
   ---------------------------------------------------------- */

.campaign-top-panel
.routing-dropdown-card.open
.routing-card-heading .eyebrow {
  display: block !important;

  width: 100% !important;

  font-size: 0 !important;
  line-height: 1 !important;

  text-align: left !important;
  color: #d4af37 !important;
}

/* Kill old CLICK TO CLOSE */
.campaign-top-panel
.routing-dropdown-card.open
.routing-card-heading .eyebrow::after {
  content: none !important;
  display: none !important;
}

/* BOX 1 */
.advisor-pipeline-card.open
.routing-card-heading .eyebrow::before {
  content: "SELECT PIPELINE";
}

/* BOX 2 */
.campaign-membership-controls.open
.routing-card-heading .eyebrow::before {
  content: "SELECT CAMPAIGN";
}

/* BOX 3 */
.incoming-campaign-controls.open
.routing-card-heading .eyebrow::before {
  content: "LIVE QUEUE";
}

/* Same gold eyebrow styling */
.campaign-top-panel
.routing-dropdown-card.open
.routing-card-heading .eyebrow::before {
  display: block;

  color: #d4af37 !important;

  font-size: 11px !important;
  font-weight: 800 !important;
  line-height: 1 !important;

  letter-spacing: .16em !important;
}


/* Hide old body instructions because eyebrow now does that job */
.campaign-top-panel
.routing-dropdown-card.open
.routing-open-instruction {
  display: none !important;
}


/* ----------------------------------------------------------
   CLEAN BODY
   ---------------------------------------------------------- */

.campaign-top-panel
.routing-dropdown-card.open
.routing-dropdown-body {
  padding: 2px 14px 12px !important;

  border: 0 !important;
  background-image: none !important;
  box-shadow: none !important;

  text-align: left !important;
}


/* Remove every internal decorative divider */
.campaign-top-panel
.routing-dropdown-card.open
.routing-dropdown-heading,
.campaign-top-panel
.routing-dropdown-card.open
.routing-card-heading,
.campaign-top-panel
.routing-dropdown-card.open
.routing-dropdown-toggle,
.campaign-top-panel
.routing-dropdown-card.open
.routing-dropdown-body {
  border-top: 0 !important;
  border-bottom: 0 !important;
}

.campaign-top-panel
.routing-dropdown-card.open
.routing-dropdown-heading::before,
.campaign-top-panel
.routing-dropdown-card.open
.routing-dropdown-heading::after,
.campaign-top-panel
.routing-dropdown-card.open
.routing-card-heading::before,
.campaign-top-panel
.routing-dropdown-card.open
.routing-card-heading::after,
.campaign-top-panel
.routing-dropdown-card.open
.routing-dropdown-toggle::before,
.campaign-top-panel
.routing-dropdown-card.open
.routing-dropdown-toggle::after,
.campaign-top-panel
.routing-dropdown-card.open
.routing-dropdown-body::before,
.campaign-top-panel
.routing-dropdown-card.open
.routing-dropdown-body::after {
  content: none !important;
  display: none !important;
}


/* ----------------------------------------------------------
   BOX 1 + BOX 2 SELECTORS — IDENTICAL
   ---------------------------------------------------------- */

.advisor-pipeline-card.open
#advisor-custom-campaign-select,

.campaign-membership-controls.open
#advisor-campaign-select {
  width: 100% !important;

  height: 38px !important;
  min-height: 38px !important;
  max-height: 38px !important;

  padding: 0 12px !important;

  border:
    1px solid rgba(255,255,255,.14) !important;

  border-radius: 7px !important;

  background: rgba(5,9,15,.92) !important;
  color: #f2f2f2 !important;

  font-size: 13px !important;
  line-height: 38px !important;

  box-shadow: none !important;
}


/* ----------------------------------------------------------
   ALL THREE — SAME BUTTON GRID / SIZE / STYLE
   ---------------------------------------------------------- */

.campaign-top-panel
.routing-dropdown-card.open
.routing-open-actions {
  display: grid !important;

  grid-template-columns:
    repeat(2, minmax(0,1fr)) !important;

  gap: 6px !important;

  width: 100% !important;

  margin: 5px 0 0 !important;
}


/* Queue uses exact same two-column layout */
.campaign-top-panel
.incoming-campaign-controls.open
.routing-queue-buttons {
  grid-template-columns:
    repeat(2, minmax(0,1fr)) !important;
}


.campaign-top-panel
.routing-dropdown-card.open
.routing-open-actions button {
  width: 100% !important;

  height: 34px !important;
  min-height: 34px !important;
  max-height: 34px !important;

  padding: 0 10px !important;
  margin: 0 !important;

  border-radius: 7px !important;

  font-size: 11px !important;
  font-weight: 800 !important;

  letter-spacing: .08em !important;
  text-transform: uppercase;
}


/* ----------------------------------------------------------
   TIGHTER CONTROL SPACING
   ---------------------------------------------------------- */

.campaign-top-panel
.routing-dropdown-card.open
.routing-open-controls {
  gap: 5px !important;
}


/* Box 3 queue status belongs to CLOSED display,
   not inside opened controls */
.incoming-campaign-controls.open
#queue-status {
  display: none !important;
}


/* ==========================================================
   EMPIRE_ROUTING_UNIFIED_FINAL_V11

   OPEN STATE:
   Gold direction
   Dropdown when applicable
   ACTIVATE | END

   NOTHING ELSE
   ========================================================== */


/* ==========================================================
   1. STRIP ALL THREE OPEN CARDS
   ========================================================== */

.campaign-top-panel .routing-dropdown-card.open
.routing-dropdown-toggle {
  display: block !important;

  width: 100% !important;
  height: 30px !important;
  min-height: 30px !important;
  max-height: 30px !important;

  padding: 10px 14px 0 !important;
  margin: 0 !important;

  border: 0 !important;
  outline: 0 !important;

  background: transparent !important;
  background-image: none !important;

  box-shadow: none !important;

  text-align: left !important;
}


/* REMOVE WHITE TITLES COMPLETELY */
.campaign-top-panel .routing-dropdown-card.open
.routing-card-heading strong {
  display: none !important;
}


/* REMOVE CLOSED-STATE STATUS WHILE OPEN */
.campaign-top-panel .routing-dropdown-card.open
.routing-dropdown-summary,

.campaign-top-panel .routing-dropdown-card.open
.routing-status-pill,

.campaign-top-panel .routing-dropdown-card.open
#campaign-membership-status,

.campaign-top-panel .routing-dropdown-card.open
#custom-campaign-membership-status,

.campaign-top-panel .routing-dropdown-card.open
#queue-status {
  display: none !important;
}


/* REMOVE OLD BODY INSTRUCTIONS */
.campaign-top-panel .routing-dropdown-card.open
.routing-open-instruction {
  display: none !important;
}


/* ==========================================================
   2. GOLD EYEBROW DIRECTIONS ONLY
   ========================================================== */

.campaign-top-panel .routing-dropdown-card.open
.routing-card-heading {
  display: block !important;

  width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;

  border: 0 !important;

  background: none !important;
  box-shadow: none !important;
}


.campaign-top-panel .routing-dropdown-card.open
.routing-card-heading .eyebrow {
  display: block !important;

  width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;

  font-size: 0 !important;

  text-align: left !important;
}


/* REMOVE OUTBOUND / INBOUND / MY PIPELINE / CLICK TO CLOSE */
.campaign-top-panel .routing-dropdown-card.open
.routing-card-heading .eyebrow::after {
  content: none !important;
  display: none !important;
}


/* BOX 1 */
.advisor-pipeline-card.open
.routing-card-heading .eyebrow::before {
  content: "SELECT PIPELINE";
}


/* BOX 2 */
.campaign-membership-controls.open
.routing-card-heading .eyebrow::before {
  content: "SELECT CAMPAIGN";
}


/* BOX 3 */
.incoming-campaign-controls.open
.routing-card-heading .eyebrow::before {
  content: "LIVE QUEUE";
}


/* EXACT SAME EYEBROW STYLE */
.campaign-top-panel .routing-dropdown-card.open
.routing-card-heading .eyebrow::before {
  display: block !important;

  color: #e0b84e !important;

  font-size: 11px !important;
  font-weight: 800 !important;
  line-height: 1 !important;

  letter-spacing: .17em !important;

  text-align: left !important;
}


/* ==========================================================
   3. REMOVE EVERY INTERNAL GOLD SEPARATOR
   ========================================================== */

.campaign-top-panel .routing-dropdown-card.open
.routing-dropdown-heading,

.campaign-top-panel .routing-dropdown-card.open
.routing-card-heading,

.campaign-top-panel .routing-dropdown-card.open
.routing-dropdown-toggle,

.campaign-top-panel .routing-dropdown-card.open
.routing-dropdown-body,

.campaign-top-panel .routing-dropdown-card.open
.routing-open-controls,

.campaign-top-panel .routing-dropdown-card.open
.routing-open-actions {
  border-top: 0 !important;
  border-bottom: 0 !important;

  background-image: none !important;

  box-shadow: none !important;
}


.campaign-top-panel .routing-dropdown-card.open
.routing-dropdown-heading::before,

.campaign-top-panel .routing-dropdown-card.open
.routing-dropdown-heading::after,

.campaign-top-panel .routing-dropdown-card.open
.routing-card-heading::before,

.campaign-top-panel .routing-dropdown-card.open
.routing-card-heading::after,

.campaign-top-panel .routing-dropdown-card.open
.routing-dropdown-toggle::before,

.campaign-top-panel .routing-dropdown-card.open
.routing-dropdown-toggle::after,

.campaign-top-panel .routing-dropdown-card.open
.routing-dropdown-body::before,

.campaign-top-panel .routing-dropdown-card.open
.routing-dropdown-body::after {
  content: none !important;
  display: none !important;
}


/* ==========================================================
   4. TIGHT OPEN BODY
   ========================================================== */

.campaign-top-panel .routing-dropdown-card.open
.routing-dropdown-body {
  padding: 6px 14px 12px !important;
  margin: 0 !important;

  border: 0 !important;

  background: transparent !important;

  box-shadow: none !important;
}


.campaign-top-panel .routing-dropdown-card.open
.routing-open-controls {
  display: grid !important;

  grid-template-columns: 1fr !important;

  gap: 6px !important;

  width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;
}


/* ==========================================================
   5. BOX 1 + BOX 2 DROPDOWNS — PIXEL IDENTICAL
   ========================================================== */

.advisor-pipeline-card.open
#advisor-custom-campaign-select,

.campaign-membership-controls.open
#advisor-campaign-select {
  display: block !important;

  box-sizing: border-box !important;

  width: 100% !important;

  height: 38px !important;
  min-height: 38px !important;
  max-height: 38px !important;

  margin: 0 !important;

  padding: 0 12px !important;

  border:
    1px solid rgba(212,175,55,.48) !important;

  border-radius: 8px !important;

  outline: none !important;

  background:
    rgba(18,27,40,.96) !important;

  color: #f1f3f6 !important;

  font-size: 13px !important;
  font-weight: 600 !important;

  line-height: 38px !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.025) !important;
}


/* Remove old special select decoration differences */
.advisor-pipeline-card.open
#advisor-custom-campaign-select,

.campaign-membership-controls.open
#advisor-campaign-select {
  background-image: none !important;
}


/* ==========================================================
   6. REMOVE BOX 1 EXTRA MIDDLE STATUS/PILL
   ========================================================== */

.advisor-pipeline-card.open
#custom-campaign-membership-status,

.advisor-pipeline-card.open
.routing-internal-status {
  display: none !important;
}


/* ==========================================================
   7. ALL SIX ACTION BUTTONS — EXACT SAME COMPONENT
   ========================================================== */

.campaign-top-panel .routing-dropdown-card.open
.routing-open-actions {
  display: grid !important;

  grid-template-columns:
    repeat(2, minmax(0,1fr)) !important;

  gap: 6px !important;

  width: 100% !important;

  margin: 6px 0 0 !important;
  padding: 0 !important;
}


/* BOX 3 also two columns */
.incoming-campaign-controls.open
.routing-queue-buttons {
  grid-template-columns:
    repeat(2, minmax(0,1fr)) !important;

  gap: 6px !important;

  margin-top: 0 !important;
}


/* EXACT BUTTON DIMENSIONS / RADIUS / BORDER / COLOR */
#join-custom-campaign,
#leave-custom-campaign,
#join-campaign,
#leave-campaign,
#join-queue,
#leave-queue {
  box-sizing: border-box !important;

  width: 100% !important;

  height: 34px !important;
  min-height: 34px !important;
  max-height: 34px !important;

  margin: 0 !important;

  padding: 0 10px !important;

  border:
    1px solid rgba(212,175,55,.38) !important;

  border-radius: 8px !important;

  outline: 0 !important;

  background:
    rgba(18,27,40,.94) !important;

  background-image: none !important;

  color: #e7e9ed !important;

  font-size: 11px !important;
  font-weight: 800 !important;

  line-height: 32px !important;

  letter-spacing: .08em !important;

  text-transform: uppercase !important;

  box-shadow: none !important;
}


/* REMOVE CROWNS / ICONS / OLD BUTTON DECORATIONS */
#join-custom-campaign::before,
#join-custom-campaign::after,
#leave-custom-campaign::before,
#leave-custom-campaign::after,
#join-campaign::before,
#join-campaign::after,
#leave-campaign::before,
#leave-campaign::after,
#join-queue::before,
#join-queue::after,
#leave-queue::before,
#leave-queue::after {
  content: none !important;
  display: none !important;
}


/* ENABLED */
#join-custom-campaign:not(:disabled),
#leave-custom-campaign:not(:disabled),
#join-campaign:not(:disabled),
#leave-campaign:not(:disabled),
#join-queue:not(:disabled),
#leave-queue:not(:disabled) {
  color: #f4f5f7 !important;

  border-color:
    rgba(212,175,55,.58) !important;

  opacity: 1 !important;
}


/* DISABLED — SAME SIZE/COLOR FAMILY, JUST MUTED */
#join-custom-campaign:disabled,
#leave-custom-campaign:disabled,
#join-campaign:disabled,
#leave-campaign:disabled,
#join-queue:disabled,
#leave-queue:disabled {
  background:
    rgba(18,27,40,.72) !important;

  color:
    rgba(220,224,231,.48) !important;

  border-color:
    rgba(212,175,55,.24) !important;

  opacity: 1 !important;
}


/* SMALL HOVER ONLY */
#join-custom-campaign:not(:disabled):hover,
#leave-custom-campaign:not(:disabled):hover,
#join-campaign:not(:disabled):hover,
#leave-campaign:not(:disabled):hover,
#join-queue:not(:disabled):hover,
#leave-queue:not(:disabled):hover {
  background:
    rgba(31,41,55,.98) !important;

  border-color:
    rgba(224,184,78,.78) !important;
}


/* ==========================================================
   8. BOX 3 — NO EMPTY SPACE WHERE DROPDOWN WOULD BE
   ========================================================== */

.incoming-campaign-controls.open
.routing-dropdown-body {
  padding-top: 6px !important;
}

.incoming-campaign-controls.open
.routing-open-actions {
  margin-top: 0 !important;
}


/* ==========================================================
   EMPIRE_ROUTING_OPEN_HEADER_NUKE_V12
   FINAL OPEN HEADER CLEANUP — ALL THREE BOXES
   ========================================================== */


/* ----------------------------------------------------------
   COMPLETELY HIDE EVERY EXISTING HEADER CHILD WHEN OPEN
   This removes:
   - white title
   - OUTBOUND / INBOUND / MY PIPELINE
   - CLICK TO CLOSE
   ---------------------------------------------------------- */

.campaign-top-panel
.routing-dropdown-card.open
.routing-dropdown-toggle > * {
  display: none !important;
}


/* ----------------------------------------------------------
   RESET THE CLICKABLE OPEN HEADER ITSELF
   ---------------------------------------------------------- */

.campaign-top-panel
.routing-dropdown-card.open
.routing-dropdown-toggle {
  display: block !important;

  position: relative !important;

  width: 100% !important;

  height: 30px !important;
  min-height: 30px !important;
  max-height: 30px !important;

  margin: 0 !important;
  padding: 10px 14px 0 !important;

  border: 0 !important;
  border-top: 0 !important;
  border-right: 0 !important;
  border-bottom: 0 !important;
  border-left: 0 !important;

  outline: 0 !important;

  background: transparent !important;
  background-image: none !important;

  box-shadow: none !important;

  text-align: left !important;
}


/* ----------------------------------------------------------
   KILL THE GOLD SEPARATOR — EVERY POSSIBLE OLD SOURCE
   ---------------------------------------------------------- */

.campaign-top-panel
.routing-dropdown-card.open
.routing-dropdown-heading,

.campaign-top-panel
.routing-dropdown-card.open
.routing-card-heading,

.campaign-top-panel
.routing-dropdown-card.open
.routing-dropdown-toggle,

.campaign-top-panel
.routing-dropdown-card.open
.routing-dropdown-body {
  border-top: 0 !important;
  border-bottom: 0 !important;

  outline: 0 !important;

  background-image: none !important;

  box-shadow: none !important;
}


/* Kill old pseudo-element stripes */
.campaign-top-panel
.routing-dropdown-card.open::before,

.campaign-top-panel
.routing-dropdown-card.open::after,

.campaign-top-panel
.routing-dropdown-card.open
.routing-dropdown-heading::before,

.campaign-top-panel
.routing-dropdown-card.open
.routing-dropdown-heading::after,

.campaign-top-panel
.routing-dropdown-card.open
.routing-card-heading::before,

.campaign-top-panel
.routing-dropdown-card.open
.routing-card-heading::after,

.campaign-top-panel
.routing-dropdown-card.open
.routing-dropdown-body::before,

.campaign-top-panel
.routing-dropdown-card.open
.routing-dropdown-body::after {
  content: none !important;
  display: none !important;

  border: 0 !important;
  background: none !important;
  box-shadow: none !important;
}


/* Kill any literal separator element */
.campaign-top-panel
.routing-dropdown-card.open hr {
  display: none !important;
}


/* ----------------------------------------------------------
   GOLD OPEN-STATE DIRECTIONS
   Generated directly on the toggle so old markup
   cannot interfere with it.
   ---------------------------------------------------------- */

.advisor-pipeline-card.open
.routing-dropdown-toggle::before {
  content: "SELECT PIPELINE" !important;
}

.campaign-membership-controls.open
.routing-dropdown-toggle::before {
  content: "SELECT CAMPAIGN" !important;
}

.incoming-campaign-controls.open
.routing-dropdown-toggle::before {
  content: "LIVE QUEUE" !important;
}


/* EXACT SAME EYEBROW STYLE ALL THREE */
.campaign-top-panel
.routing-dropdown-card.open
.routing-dropdown-toggle::before {
  display: block !important;

  position: static !important;

  width: auto !important;
  height: auto !important;

  margin: 0 !important;
  padding: 0 !important;

  color: #e0b84e !important;

  background: none !important;

  border: 0 !important;

  font-size: 11px !important;
  font-weight: 800 !important;
  line-height: 1 !important;

  letter-spacing: .17em !important;

  text-align: left !important;

  box-shadow: none !important;
}


/* NO SECOND PSEUDO ELEMENT */
.campaign-top-panel
.routing-dropdown-card.open
.routing-dropdown-toggle::after {
  content: none !important;
  display: none !important;
}


/* ----------------------------------------------------------
   PULL THE WORKING CONTROLS UP UNDER THE EYEBROW
   ---------------------------------------------------------- */

.campaign-top-panel
.routing-dropdown-card.open
.routing-dropdown-body {
  margin: 0 !important;

  padding:
    5px 14px 12px !important;

  border: 0 !important;

  background: transparent !important;

  box-shadow: none !important;
}


/* ==========================================================
   EMPIRE_ROUTING_CLEAN_REBUILD_V13

   CLEAN-SLATE ROUTING COMPONENT.
   Only rules inside .empire-routing-clean-v13 matter.
   ========================================================== */


/* ==========================================================
   GRID
   ========================================================== */

.empire-routing-clean-v13 .empire-routing-grid {
  display: grid !important;

  grid-template-columns:
    repeat(3, minmax(0, 1fr)) !important;

  gap: 10px !important;

  align-items: start !important;
}


/* ==========================================================
   CARD RESET
   ========================================================== */

.empire-routing-clean-v13 .empire-route-card {
  display: block !important;

  box-sizing: border-box !important;

  width: 100% !important;
  min-width: 0 !important;

  margin: 0 !important;
  padding: 0 !important;

  overflow: hidden !important;

  border:
    1px solid rgba(212,175,55,.50) !important;

  border-radius: 12px !important;

  background:
    #0c1928 !important;

  background-image: none !important;

  box-shadow:
    0 4px 14px rgba(0,0,0,.16) !important;
}


/* absolutely no extra strips */
.empire-routing-clean-v13 .empire-route-card::before,
.empire-routing-clean-v13 .empire-route-card::after {
  content: none !important;
  display: none !important;
}


/* ==========================================================
   CLOSED STATE
   ========================================================== */

.empire-routing-clean-v13 .empire-route-summary {
  position: relative !important;

  display: block !important;

  box-sizing: border-box !important;

  width: 100% !important;

  min-height: 72px !important;

  margin: 0 !important;

  padding: 11px 92px 10px 14px !important;

  cursor: pointer !important;

  list-style: none !important;

  border: 0 !important;

  background:
    transparent !important;

  background-image: none !important;

  box-shadow: none !important;
}


/* remove native details arrow */
.empire-routing-clean-v13
.empire-route-summary::-webkit-details-marker {
  display: none !important;
}

.empire-routing-clean-v13
.empire-route-summary::marker {
  content: "" !important;
}


.empire-routing-clean-v13
.empire-route-summary::before,
.empire-routing-clean-v13
.empire-route-summary::after {
  content: none !important;
  display: none !important;
}


.empire-routing-clean-v13
.empire-route-closed-copy {
  display: block !important;

  margin: 0 !important;
  padding: 0 !important;

  border: 0 !important;

  background: none !important;
}


/* CLOSED EYEBROW */
.empire-routing-clean-v13
.empire-route-closed-copy > .eyebrow {
  display: block !important;

  margin: 0 0 3px !important;
  padding: 0 !important;

  color: #d9b24c !important;

  font-size: 9px !important;
  font-weight: 800 !important;
  line-height: 1 !important;

  letter-spacing: .15em !important;
}


/* CLOSED TITLE */
.empire-routing-clean-v13
.empire-route-closed-copy > strong {
  display: block !important;

  margin: 0 !important;

  color: #f4f5f7 !important;

  font-size: 14px !important;
  font-weight: 750 !important;
  line-height: 1.15 !important;
}


/* CLOSED SELECTED ITEM */
.empire-routing-clean-v13
.empire-route-closed-copy > small {
  display: block !important;

  margin-top: 4px !important;

  overflow: hidden !important;

  color:
    rgba(225,229,236,.55) !important;

  font-size: 9px !important;
  font-weight: 650 !important;
  line-height: 1.1 !important;

  letter-spacing: .045em !important;

  white-space: nowrap !important;
  text-overflow: ellipsis !important;
}


/* CLOSED ACTIVE / INACTIVE TOP RIGHT */
.empire-routing-clean-v13
.empire-route-state {
  position: absolute !important;

  top: 10px !important;
  right: 11px !important;

  padding: 4px 7px !important;

  border-radius: 999px !important;

  font-size: 8px !important;
  font-weight: 850 !important;
  line-height: 1 !important;

  letter-spacing: .10em !important;
}


.empire-routing-clean-v13
.empire-route-state.is-active {
  color: #9cf7ba !important;

  border:
    1px solid rgba(74,222,128,.65) !important;

  background:
    rgba(34,197,94,.12) !important;

  box-shadow:
    0 0 8px rgba(74,222,128,.30) !important;
}


.empire-routing-clean-v13
.empire-route-state.is-inactive {
  color: #ff9999 !important;

  border:
    1px solid rgba(239,68,68,.60) !important;

  background:
    rgba(220,38,38,.10) !important;

  box-shadow:
    0 0 7px rgba(239,68,68,.20) !important;
}


/* ==========================================================
   OPEN STATE

   WHITE TITLE IS GONE.
   NO SEPARATOR.
   ONLY GOLD DIRECTION + CONTROLS.
   ========================================================== */

.empire-routing-clean-v13
.empire-route-card[open]
> .empire-route-summary {
  min-height: 30px !important;

  padding:
    10px 14px 4px !important;
}


/* hide every normal closed-state item */
.empire-routing-clean-v13
.empire-route-card[open]
.empire-route-closed-copy,

.empire-routing-clean-v13
.empire-route-card[open]
.empire-route-state {
  display: none !important;
}


/* GOLD DIRECTION */
.empire-routing-clean-v13
.empire-route-card[open]
> .empire-route-summary::before {
  display: block !important;

  color: #e0b84e !important;

  font-size: 11px !important;
  font-weight: 800 !important;
  line-height: 1 !important;

  letter-spacing: .17em !important;
}


/* exact directions */
.empire-routing-clean-v13
.empire-route-card[data-empire-route="pipeline"][open]
> .empire-route-summary::before {
  content: "SELECT PIPELINE" !important;
}

.empire-routing-clean-v13
.empire-route-card[data-empire-route="campaign"][open]
> .empire-route-summary::before {
  content: "SELECT CAMPAIGN" !important;
}

.empire-routing-clean-v13
.empire-route-card[data-empire-route="queue"][open]
> .empire-route-summary::before {
  content: "LIVE QUEUE" !important;
}


/* ==========================================================
   OPEN BODY
   ========================================================== */

.empire-routing-clean-v13
.empire-route-open {
  display: grid !important;

  grid-template-columns: 1fr !important;

  gap: 6px !important;

  box-sizing: border-box !important;

  width: 100% !important;

  margin: 0 !important;

  padding:
    4px 14px 12px !important;

  border: 0 !important;

  background:
    transparent !important;

  box-shadow: none !important;
}


/* direction exists in markup for accessibility,
   visual direction is provided by summary above */
.empire-routing-clean-v13
.empire-route-direction {
  position: absolute !important;

  width: 1px !important;
  height: 1px !important;

  overflow: hidden !important;

  clip: rect(0 0 0 0) !important;
}


/* existing JS statuses stay functional but invisible */
.empire-routing-clean-v13
.empire-route-hidden-status {
  position: absolute !important;

  width: 1px !important;
  height: 1px !important;

  overflow: hidden !important;

  clip: rect(0 0 0 0) !important;
}


/* ==========================================================
   IDENTICAL PIPELINE + CAMPAIGN DROPDOWNS
   ========================================================== */

.empire-routing-clean-v13
.empire-route-select {
  position: relative !important;

  display: block !important;

  box-sizing: border-box !important;

  width: 100% !important;
}


/* CROWN — SAME REAL SITE ASSET IN BOTH */
.empire-routing-clean-v13
.empire-route-select::after {
  content: "" !important;

  position: absolute !important;

  top: 50% !important;
  right: 12px !important;

  width: 20px !important;
  height: 20px !important;

  transform:
    translateY(-50%) !important;

  pointer-events: none !important;

  background:
    url("/crown-favicon.png")
    center / contain
    no-repeat !important;

  opacity: .90 !important;
}


.empire-routing-clean-v13
#advisor-custom-campaign-select,

.empire-routing-clean-v13
#advisor-campaign-select {
  appearance: none !important;
  -webkit-appearance: none !important;

  box-sizing: border-box !important;

  display: block !important;

  width: 100% !important;

  height: 38px !important;
  min-height: 38px !important;
  max-height: 38px !important;

  margin: 0 !important;

  padding:
    0 44px 0 12px !important;

  border:
    1px solid rgba(212,175,55,.52) !important;

  border-radius:
    8px !important;

  outline: 0 !important;

  background:
    #121d2b !important;

  background-image:
    none !important;

  color:
    #f1f3f6 !important;

  font-size:
    13px !important;

  font-weight:
    650 !important;

  line-height:
    38px !important;

  box-shadow:
    inset 0 1px 0
    rgba(255,255,255,.025) !important;
}


/* ==========================================================
   ALL SIX ACTION BUTTONS — PIXEL IDENTICAL
   ========================================================== */

.empire-routing-clean-v13
.empire-route-actions {
  display: grid !important;

  grid-template-columns:
    repeat(2, minmax(0,1fr)) !important;

  gap: 6px !important;

  width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;
}


.empire-routing-clean-v13
#join-custom-campaign,

.empire-routing-clean-v13
#leave-custom-campaign,

.empire-routing-clean-v13
#join-campaign,

.empire-routing-clean-v13
#leave-campaign,

.empire-routing-clean-v13
#join-queue,

.empire-routing-clean-v13
#leave-queue {
  appearance: none !important;
  -webkit-appearance: none !important;

  box-sizing: border-box !important;

  display: block !important;

  width: 100% !important;

  height: 34px !important;
  min-height: 34px !important;
  max-height: 34px !important;

  margin: 0 !important;

  padding: 0 10px !important;

  border:
    1px solid rgba(212,175,55,.52) !important;

  border-radius:
    8px !important;

  outline: 0 !important;

  background:
    #121d2b !important;

  background-image:
    none !important;

  color:
    #f1f3f6 !important;

  font-size:
    11px !important;

  font-weight:
    800 !important;

  line-height:
    32px !important;

  letter-spacing:
    .08em !important;

  text-transform:
    uppercase !important;

  box-shadow:
    none !important;
}


/* NO BUTTON CROWNS / ICONS */
.empire-routing-clean-v13
#join-custom-campaign::before,
.empire-routing-clean-v13
#join-custom-campaign::after,
.empire-routing-clean-v13
#leave-custom-campaign::before,
.empire-routing-clean-v13
#leave-custom-campaign::after,
.empire-routing-clean-v13
#join-campaign::before,
.empire-routing-clean-v13
#join-campaign::after,
.empire-routing-clean-v13
#leave-campaign::before,
.empire-routing-clean-v13
#leave-campaign::after,
.empire-routing-clean-v13
#join-queue::before,
.empire-routing-clean-v13
#join-queue::after,
.empire-routing-clean-v13
#leave-queue::before,
.empire-routing-clean-v13
#leave-queue::after {
  content: none !important;
  display: none !important;
}


/* ENABLED */
.empire-routing-clean-v13
.empire-route-actions button:not(:disabled) {
  opacity: 1 !important;

  color:
    #f5f6f7 !important;

  border-color:
    rgba(224,184,78,.66) !important;
}


/* DISABLED — SAME COMPONENT, JUST MUTED */
.empire-routing-clean-v13
.empire-route-actions button:disabled {
  opacity: 1 !important;

  color:
    rgba(225,229,236,.46) !important;

  border-color:
    rgba(212,175,55,.25) !important;

  background:
    #111b28 !important;
}


/* HOVER */
.empire-routing-clean-v13
.empire-route-actions button:not(:disabled):hover {
  background:
    #192638 !important;

  border-color:
    rgba(224,184,78,.85) !important;
}


/* ==========================================================
   RESPONSIVE
   ========================================================== */

@media (max-width: 900px) {

  .empire-routing-clean-v13
  .empire-routing-grid {
    grid-template-columns:
      1fr !important;
  }

}


/* ==========================================================
   EMPIRE_BOX2_EXACTLY_MATCH_BOX1_V14
   BOX 1 IS THE SOURCE OF TRUTH
   ========================================================== */


/* ==========================================================
   REMOVE ALL OLD CROWN SOURCES
   We will put ONE crown directly on each select.
   ========================================================== */

.empire-routing-clean-v13 .empire-route-select::before,
.empire-routing-clean-v13 .empire-route-select::after {
  content: none !important;
  display: none !important;
  background: none !important;
}


/* ==========================================================
   BOX 1 + BOX 2 — IDENTICAL OPEN CONTENT WIDTH / PADDING
   ========================================================== */

.empire-routing-clean-v13
.empire-route-card[data-empire-route="pipeline"]
> .empire-route-open,

.empire-routing-clean-v13
.empire-route-card[data-empire-route="campaign"]
> .empire-route-open {
  box-sizing: border-box !important;

  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;

  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;

  margin: 0 !important;

  padding:
    4px 14px 12px !important;

  gap: 6px !important;

  justify-items: stretch !important;
  align-items: stretch !important;
}


/* Kill any old centering / width restrictions specifically on Box 2 */
.empire-routing-clean-v13
.campaign-membership-controls
.empire-route-select,

.empire-routing-clean-v13
.campaign-membership-controls
.empire-route-actions {
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;

  margin-left: 0 !important;
  margin-right: 0 !important;

  justify-self: stretch !important;
  align-self: stretch !important;
}


/* ==========================================================
   BOX 1 + BOX 2 SELECT — EXACT SAME COMPONENT
   ========================================================== */

.empire-routing-clean-v13
#advisor-custom-campaign-select,

.empire-routing-clean-v13
#advisor-campaign-select {
  appearance: none !important;
  -webkit-appearance: none !important;

  box-sizing: border-box !important;

  display: block !important;

  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;

  height: 38px !important;
  min-height: 38px !important;
  max-height: 38px !important;

  margin: 0 !important;

  padding:
    0 44px 0 12px !important;

  border:
    1px solid rgba(212,175,55,.52) !important;

  border-radius:
    8px !important;

  outline: 0 !important;

  background-color:
    #121d2b !important;

  /* ONE crown only */
  background-image:
    url("/crown-favicon.png") !important;

  background-repeat:
    no-repeat !important;

  background-position:
    right 12px center !important;

  background-size:
    20px 20px !important;

  color:
    #f1f3f6 !important;

  font-size:
    13px !important;

  font-weight:
    650 !important;

  line-height:
    38px !important;

  box-shadow:
    inset 0 1px 0
    rgba(255,255,255,.025) !important;
}


/* ==========================================================
   BOX 1 + BOX 2 ACTION ROW — SAME WIDTH AND GAP
   ========================================================== */

.empire-routing-clean-v13
.empire-route-card[data-empire-route="pipeline"]
.empire-route-actions,

.empire-routing-clean-v13
.empire-route-card[data-empire-route="campaign"]
.empire-route-actions {
  box-sizing: border-box !important;

  display: grid !important;

  grid-template-columns:
    repeat(2, minmax(0, 1fr)) !important;

  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;

  gap: 6px !important;

  margin: 0 !important;
  padding: 0 !important;

  justify-self: stretch !important;
}


/* ==========================================================
   ALL FOUR BUTTONS — PIXEL IDENTICAL
   ========================================================== */

.empire-routing-clean-v13
#join-custom-campaign,

.empire-routing-clean-v13
#leave-custom-campaign,

.empire-routing-clean-v13
#join-campaign,

.empire-routing-clean-v13
#leave-campaign {
  appearance: none !important;
  -webkit-appearance: none !important;

  box-sizing: border-box !important;

  display: block !important;

  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;

  height: 34px !important;
  min-height: 34px !important;
  max-height: 34px !important;

  margin: 0 !important;

  padding:
    0 10px !important;

  border:
    1px solid rgba(212,175,55,.52) !important;

  border-radius:
    8px !important;

  outline: 0 !important;

  background:
    #121d2b !important;

  background-image:
    none !important;

  color:
    #f1f3f6 !important;

  font-size:
    11px !important;

  font-weight:
    800 !important;

  line-height:
    32px !important;

  letter-spacing:
    .08em !important;

  text-transform:
    uppercase !important;

  box-shadow:
    none !important;
}


/* Disabled buttons retain exact same geometry */
.empire-routing-clean-v13
:is(
  #join-custom-campaign,
  #leave-custom-campaign,
  #join-campaign,
  #leave-campaign
):disabled {
  opacity: 1 !important;

  color:
    rgba(225,229,236,.46) !important;

  background:
    #111b28 !important;

  border-color:
    rgba(212,175,55,.25) !important;
}


/* ==========================================================
   BOX 1 + BOX 2 OUTER CARD — EXACT SAME BORDER/RADIUS
   ========================================================== */

.empire-routing-clean-v13
.empire-route-card[data-empire-route="pipeline"],

.empire-routing-clean-v13
.empire-route-card[data-empire-route="campaign"] {
  box-sizing: border-box !important;

  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;

  padding: 0 !important;
  margin: 0 !important;

  border:
    1px solid rgba(212,175,55,.50) !important;

  border-radius:
    12px !important;

  background:
    #0c1928 !important;

  box-shadow:
    0 4px 14px rgba(0,0,0,.16) !important;
}


/* Same gold instruction placement */
.empire-routing-clean-v13
.empire-route-card[data-empire-route="pipeline"][open]
> .empire-route-summary,

.empire-routing-clean-v13
.empire-route-card[data-empire-route="campaign"][open]
> .empire-route-summary {
  box-sizing: border-box !important;

  width: 100% !important;

  min-height: 30px !important;

  margin: 0 !important;

  padding:
    10px 14px 4px !important;
}


/* ==========================================================
   EMPIRE_BOX1_BOX2_PIXEL_MATCH_V15
   BOX 1 IS THE REFERENCE
   ========================================================== */


/* BOTH OPEN CARDS — EXACT SAME BODY */
.empire-routing-clean-v13
.empire-route-card[data-empire-route="pipeline"]
> .empire-route-open,

.empire-routing-clean-v13
.empire-route-card[data-empire-route="campaign"]
> .empire-route-open {
  display: grid !important;
  grid-template-columns: minmax(0,1fr) !important;

  box-sizing: border-box !important;

  width: 100% !important;
  max-width: none !important;

  margin: 0 !important;

  padding:
    4px 14px 12px !important;

  gap: 6px !important;
}


/* BOTH SELECT WRAPPERS — EXACT SAME WIDTH */
.empire-routing-clean-v13
.empire-route-card[data-empire-route="pipeline"]
.empire-route-select,

.empire-routing-clean-v13
.empire-route-card[data-empire-route="campaign"]
.empire-route-select {
  box-sizing: border-box !important;

  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;

  margin: 0 !important;
  padding: 0 !important;

  transform: none !important;
}


/* BOTH DROPDOWNS — EXACT SAME EVERYTHING */
.empire-routing-clean-v13
#advisor-custom-campaign-select,

.empire-routing-clean-v13
#advisor-campaign-select {
  appearance: none !important;
  -webkit-appearance: none !important;

  box-sizing: border-box !important;

  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;

  height: 38px !important;
  min-height: 38px !important;
  max-height: 38px !important;

  margin: 0 !important;

  padding:
    0 44px 0 12px !important;

  border:
    1px solid rgba(212,175,55,.52) !important;

  border-radius:
    8px !important;

  background-color:
    #121d2b !important;

  background-image:
    url("/crown-favicon.png") !important;

  background-repeat:
    no-repeat !important;

  background-position:
    right 12px center !important;

  background-size:
    20px 20px !important;

  color:
    #f1f3f6 !important;

  font-size:
    13px !important;

  font-weight:
    650 !important;

  line-height:
    38px !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.025) !important;
}


/* BOTH BUTTON ROWS — EXACT SAME */
.empire-routing-clean-v13
.empire-route-card[data-empire-route="pipeline"]
.empire-route-actions,

.empire-routing-clean-v13
.empire-route-card[data-empire-route="campaign"]
.empire-route-actions {
  display: grid !important;

  grid-template-columns:
    repeat(2, minmax(0,1fr)) !important;

  box-sizing: border-box !important;

  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;

  gap: 6px !important;

  margin: 0 !important;
  padding: 0 !important;

  transform: none !important;
}


/* ALL FOUR BUTTONS — EXACT SAME */
.empire-routing-clean-v13
#join-custom-campaign,

.empire-routing-clean-v13
#leave-custom-campaign,

.empire-routing-clean-v13
#join-campaign,

.empire-routing-clean-v13
#leave-campaign {
  appearance: none !important;
  -webkit-appearance: none !important;

  box-sizing: border-box !important;

  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;

  height: 34px !important;
  min-height: 34px !important;
  max-height: 34px !important;

  margin: 0 !important;

  padding:
    0 10px !important;

  border:
    1px solid rgba(212,175,55,.52) !important;

  border-radius:
    8px !important;

  background:
    #121d2b !important;

  background-image:
    none !important;

  color:
    #f1f3f6 !important;

  font-size:
    11px !important;

  font-weight:
    800 !important;

  line-height:
    32px !important;

  letter-spacing:
    .08em !important;

  text-transform:
    uppercase !important;

  box-shadow:
    none !important;

  transform:
    none !important;
}


/* SAME DISABLED APPEARANCE */
.empire-routing-clean-v13
:is(
  #join-custom-campaign,
  #leave-custom-campaign,
  #join-campaign,
  #leave-campaign
):disabled {
  opacity: 1 !important;

  color:
    rgba(225,229,236,.46) !important;

  background:
    #111b28 !important;

  border-color:
    rgba(212,175,55,.25) !important;
}


/* SAME OPEN CARD DIMENSIONS */
.empire-routing-clean-v13
.empire-route-card[data-empire-route="pipeline"],

.empire-routing-clean-v13
.empire-route-card[data-empire-route="campaign"] {
  box-sizing: border-box !important;

  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;

  margin: 0 !important;
  padding: 0 !important;

  border:
    1px solid rgba(212,175,55,.50) !important;

  border-radius:
    12px !important;

  background:
    #0c1928 !important;

  box-shadow:
    0 4px 14px rgba(0,0,0,.16) !important;
}


/* ==========================================================
   EMPIRE_ROUTING_HARD_MATCH_V16
   Module 1 = visual source of truth
   ========================================================== */


/* ==========================================================
   MODULE 1 + 2 + 3 OUTER CARDS — EXACT SAME BORDER
   ========================================================== */

html body .empire-routing-clean-v13
details.empire-route-card[data-empire-route="pipeline"],

html body .empire-routing-clean-v13
details.empire-route-card[data-empire-route="campaign"],

html body .empire-routing-clean-v13
details.empire-route-card[data-empire-route="queue"] {
  box-sizing: border-box !important;

  width: 100% !important;

  border-width: 1px !important;
  border-style: solid !important;

  border-top-color: rgba(212,175,55,.52) !important;
  border-right-color: rgba(212,175,55,.52) !important;
  border-bottom-color: rgba(212,175,55,.52) !important;
  border-left-color: rgba(212,175,55,.52) !important;

  border-radius: 12px !important;

  background: #0c1928 !important;
  background-image: none !important;

  box-shadow:
    0 4px 14px rgba(0,0,0,.16) !important;
}


/* Kill any older border overrides */
html body .empire-routing-clean-v13
details.empire-route-card[data-empire-route="pipeline"]::before,
html body .empire-routing-clean-v13
details.empire-route-card[data-empire-route="pipeline"]::after,

html body .empire-routing-clean-v13
details.empire-route-card[data-empire-route="campaign"]::before,
html body .empire-routing-clean-v13
details.empire-route-card[data-empire-route="campaign"]::after,

html body .empire-routing-clean-v13
details.empire-route-card[data-empire-route="queue"]::before,
html body .empire-routing-clean-v13
details.empire-route-card[data-empire-route="queue"]::after {
  content: none !important;
  display: none !important;
}


/* ==========================================================
   ALL THREE ACTION ROWS — IDENTICAL
   ========================================================== */

html body .empire-routing-clean-v13
details.empire-route-card
.empire-route-actions {
  display: grid !important;

  grid-template-columns:
    repeat(2, minmax(0,1fr)) !important;

  box-sizing: border-box !important;

  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;

  gap: 6px !important;

  margin: 0 !important;
  padding: 0 !important;
}


/* ==========================================================
   ALL SIX BUTTONS — EXACT SAME COMPONENT
   ========================================================== */

html body .empire-routing-clean-v13 #join-custom-campaign,
html body .empire-routing-clean-v13 #leave-custom-campaign,

html body .empire-routing-clean-v13 #join-campaign,
html body .empire-routing-clean-v13 #leave-campaign,

html body .empire-routing-clean-v13 #join-queue,
html body .empire-routing-clean-v13 #leave-queue {
  appearance: none !important;
  -webkit-appearance: none !important;

  box-sizing: border-box !important;

  display: flex !important;

  align-items: center !important;
  justify-content: center !important;

  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;

  height: 34px !important;
  min-height: 34px !important;
  max-height: 34px !important;

  margin: 0 !important;

  padding: 0 10px !important;

  border-width: 1px !important;
  border-style: solid !important;
  border-color: rgba(212,175,55,.52) !important;

  border-radius: 8px !important;

  outline: 0 !important;

  background: #121d2b !important;
  background-image: none !important;

  color: #f1f3f6 !important;

  font-family: inherit !important;
  font-size: 11px !important;
  font-weight: 800 !important;

  line-height: 1 !important;

  letter-spacing: .08em !important;

  text-align: center !important;
  text-transform: uppercase !important;

  box-shadow: none !important;

  transform: none !important;
}


/* Remove every old crown/icon from action buttons */
html body .empire-routing-clean-v13 #join-custom-campaign::before,
html body .empire-routing-clean-v13 #join-custom-campaign::after,
html body .empire-routing-clean-v13 #leave-custom-campaign::before,
html body .empire-routing-clean-v13 #leave-custom-campaign::after,

html body .empire-routing-clean-v13 #join-campaign::before,
html body .empire-routing-clean-v13 #join-campaign::after,
html body .empire-routing-clean-v13 #leave-campaign::before,
html body .empire-routing-clean-v13 #leave-campaign::after,

html body .empire-routing-clean-v13 #join-queue::before,
html body .empire-routing-clean-v13 #join-queue::after,
html body .empire-routing-clean-v13 #leave-queue::before,
html body .empire-routing-clean-v13 #leave-queue::after {
  content: none !important;
  display: none !important;
}


/* Disabled buttons — identical treatment everywhere */
html body .empire-routing-clean-v13
:is(
  #join-custom-campaign,
  #leave-custom-campaign,
  #join-campaign,
  #leave-campaign,
  #join-queue,
  #leave-queue
):disabled {
  opacity: 1 !important;

  color: rgba(225,229,236,.46) !important;

  background: #111b28 !important;

  border-color: rgba(212,175,55,.25) !important;
}


/* Enabled buttons */
html body .empire-routing-clean-v13
:is(
  #join-custom-campaign,
  #leave-custom-campaign,
  #join-campaign,
  #leave-campaign,
  #join-queue,
  #leave-queue
):not(:disabled) {
  opacity: 1 !important;

  color: #f5f6f7 !important;

  background: #121d2b !important;

  border-color: rgba(212,175,55,.52) !important;
}


/* ==========================================================
   MODULE 3 OPEN BODY — SAME PADDING AS 1 + 2
   ========================================================== */

html body .empire-routing-clean-v13
details.empire-route-card[data-empire-route="queue"]
> .empire-route-open {
  box-sizing: border-box !important;

  width: 100% !important;

  padding:
    4px 14px 12px !important;

  margin: 0 !important;

  gap: 6px !important;
}



/* CUSTOM_FIELD_CREATOR_V1 */

.custom-field-builder {
  display: grid;
  gap: 10px;
}

.custom-field-row {
  display: grid;
  grid-template-columns: 1.4fr .7fr 1fr auto;
  gap: 8px;
  align-items: center;
}

.custom-field-saved-heading {
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .12em;
  opacity: .7;
}

.custom-call-field-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.custom-field-chip {
  display: grid;
  gap: 3px;
  min-width: 145px;
  padding: 8px 10px;
  border: 1px solid rgba(212,175,55,.38);
  border-radius: 10px;
}

.custom-field-chip span {
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .1em;
  opacity: .75;
}

.custom-field-chip small,
.custom-field-empty {
  font-size: 11px;
  opacity: .65;
}

@media (max-width: 900px) {
  .custom-field-row {
    grid-template-columns: 1fr;
  }
}


/* =========================================================
   EMPIRE_VENDOR_STYLE_V1
   ========================================================= */

.empire-admin-accordion {
  margin: 0 0 14px;
  border: 1px solid rgba(212,175,55,.45);
  border-radius: 16px;
  overflow: hidden;
  background:
    linear-gradient(
      145deg,
      rgba(8,20,46,.98),
      rgba(5,12,31,.98)
    );
  box-shadow:
    0 18px 44px rgba(0,0,0,.22);
}

.empire-admin-accordion > summary {
  list-style: none;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  gap: 20px;
  align-items: center;
  padding: 18px 20px;
  user-select: none;
}

.empire-admin-accordion > summary::-webkit-details-marker {
  display: none;
}

.empire-admin-summary-copy {
  display: grid;
  gap: 3px;
}

.empire-admin-summary-copy span,
.empire-vendor-label {
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .15em;
  color: #d8b85b;
}

.empire-admin-summary-copy strong {
  font-size: 20px;
  color: #fff;
}

.empire-admin-summary-copy small {
  color: rgba(255,255,255,.64);
}

.empire-admin-summary-state {
  flex: 0 0 auto;
  padding: 8px 12px;
  border: 1px solid rgba(212,175,55,.45);
  border-radius: 999px;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .09em;
  color: #efd67f;
}

.empire-admin-accordion[open]
.empire-admin-summary-state::before {
  content: "CLOSE ";
}

.empire-vendor-body {
  padding: 20px;
  border-top:
    1px solid rgba(212,175,55,.25);
}

.empire-vendor-hero,
.empire-vendor-results-head,
.empire-vendor-card-head {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  align-items: center;
}

.empire-vendor-hero {
  padding: 18px;
  border:
    1px solid rgba(212,175,55,.28);
  border-radius: 14px;
  background:
    linear-gradient(
      135deg,
      rgba(212,175,55,.09),
      rgba(255,255,255,.025)
    );
}

.empire-vendor-hero span {
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .15em;
  color: #d8b85b;
}

.empire-vendor-hero h2 {
  margin: 5px 0 4px;
  color: #fff;
}

.empire-vendor-hero p {
  margin: 0;
  color: rgba(255,255,255,.67);
}

.empire-vendor-status {
  max-width: 330px;
  padding: 9px 12px;
  border-radius: 10px;
  font-size: 12px;
  font-weight: 800;
  text-align: right;
  color: rgba(255,255,255,.75);
}

.empire-vendor-status[data-tone="online"] {
  color: #bdf5d2;
}

.empire-vendor-status[data-tone="error"] {
  color: #ffb3b3;
}

.empire-vendor-summary-grid,
.empire-vendor-metrics {
  display: grid;
  grid-template-columns:
    repeat(6, minmax(110px, 1fr));
  gap: 9px;
  margin-top: 12px;
}

.empire-vendor-summary-grid article,
.empire-vendor-metrics article {
  min-width: 0;
  padding: 12px;
  border:
    1px solid rgba(255,255,255,.08);
  border-radius: 11px;
  background:
    rgba(255,255,255,.035);
}

.empire-vendor-summary-grid small,
.empire-vendor-metrics small {
  display: block;
  margin-bottom: 5px;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .09em;
  color: rgba(255,255,255,.5);
}

.empire-vendor-summary-grid strong,
.empire-vendor-metrics strong {
  color: #fff;
  font-size: 18px;
}

.empire-vendor-roi-card {
  border-color:
    rgba(212,175,55,.5) !important;
  background:
    linear-gradient(
      135deg,
      rgba(212,175,55,.13),
      rgba(212,175,55,.035)
    ) !important;
}

.empire-vendor-roi-card strong {
  color: #efd67f !important;
}

.empire-vendor-control-grid {
  display: grid;
  grid-template-columns:
    repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-top: 14px;
}

.empire-vendor-control {
  padding: 15px;
  border:
    1px solid rgba(212,175,55,.24);
  border-radius: 13px;
  background:
    rgba(0,0,0,.12);
}

.empire-vendor-control h3 {
  margin: 4px 0 12px;
  color: #fff;
}

.empire-vendor-control form {
  display: grid;
  gap: 8px;
}

.empire-vendor-control input,
.empire-vendor-control select,
.empire-vendor-control textarea {
  width: 100%;
  box-sizing: border-box;
}

.empire-vendor-range {
  display: grid;
  grid-template-columns:
    minmax(0,1fr)
    auto
    minmax(0,1fr);
  align-items: center;
  gap: 7px;
}

.empire-vendor-range span {
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .08em;
  color: rgba(255,255,255,.5);
}

.empire-vendor-results-head {
  margin: 24px 0 10px;
}

.empire-vendor-results-head h2 {
  margin: 4px 0 0;
  color: #fff;
}

#empire-vendor-cards {
  display: grid;
  gap: 13px;
}

.empire-vendor-card {
  overflow: hidden;
  border:
    1px solid rgba(212,175,55,.3);
  border-radius: 14px;
  background:
    rgba(255,255,255,.025);
}

.empire-vendor-card-head {
  padding: 16px;
}

.empire-vendor-card-head h3 {
  margin: 3px 0;
  font-size: 20px;
  color: #fff;
}

.empire-vendor-card-head p {
  margin: 0;
  color: rgba(255,255,255,.58);
  font-size: 12px;
}

.empire-vendor-card-badge {
  flex: 0 0 auto;
  padding: 8px 11px;
  border:
    1px solid rgba(212,175,55,.4);
  border-radius: 999px;
  color: #e7cb75;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .08em;
}

.empire-vendor-metrics {
  grid-template-columns:
    repeat(6, minmax(100px, 1fr));
  padding: 0 16px 14px;
  margin-top: 0;
}

.empire-vendor-table-wrap {
  overflow-x: auto;
  border-top:
    1px solid rgba(255,255,255,.07);
}

.empire-vendor-table {
  width: 100%;
  border-collapse: collapse;
  min-width: 820px;
}

.empire-vendor-table th,
.empire-vendor-table td {
  padding: 10px 12px;
  text-align: left;
  border-bottom:
    1px solid rgba(255,255,255,.06);
  color: rgba(255,255,255,.8);
  font-size: 12px;
}

.empire-vendor-table th {
  color: #d8b85b;
  font-size: 9px;
  letter-spacing: .08em;
}

.empire-vendor-table td strong {
  display: block;
  color: #fff;
}

.empire-vendor-table td small {
  display: block;
  margin-top: 2px;
  color: rgba(255,255,255,.46);
}

.empire-vendor-notes {
  padding: 12px 16px;
  color: rgba(255,255,255,.58);
  font-size: 12px;
}

.empire-vendor-empty {
  display: grid;
  gap: 5px;
  padding: 26px;
  border:
    1px dashed rgba(212,175,55,.35);
  border-radius: 13px;
  text-align: center;
}

.empire-vendor-empty strong {
  color: #e3c86e;
}

.empire-vendor-empty span {
  color: rgba(255,255,255,.55);
}

@media (max-width: 1200px) {

  .empire-vendor-summary-grid,
  .empire-vendor-metrics {
    grid-template-columns:
      repeat(3, minmax(110px, 1fr));
  }

  .empire-vendor-control-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 700px) {

  .empire-vendor-hero,
  .empire-vendor-results-head,
  .empire-vendor-card-head {
    align-items: flex-start;
    flex-direction: column;
  }

  .empire-vendor-summary-grid,
  .empire-vendor-metrics {
    grid-template-columns:
      repeat(2, minmax(100px, 1fr));
  }

  .empire-vendor-range {
    grid-template-columns: 1fr;
  }
}


/* EMPIRE_LIVE_PREVIEW_PANEL_V1 */
.empire-live-preview {
  grid-column: 1 / -1;
  width: 100%;
  box-sizing: border-box;
  margin: 14px 0;
  padding: 0;
  background: #07182f;
  border: 1px solid #caa85e;
  border-radius: 14px;
}

body[data-empire-dial-layout="power"] #empire-live-preview,
body[data-empire-dial-layout="predictive"] #empire-live-preview {
  display: block !important;
}

.empire-live-preview-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 22px;
  padding: 18px 20px;
  margin-bottom: 0;
  border-bottom: 1px solid rgba(202,168,94,.35);
  color: #fff;
}

.empire-live-preview-title {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 230px;
}

.empire-live-preview-title > strong {
  color: #e0bf72;
  letter-spacing: .08em;
}

#empire-preview-live-status {
  font-weight: 800;
}

.empire-live-preview-context {
  display: grid;
  grid-template-columns: repeat(3, minmax(150px, 1fr));
  gap: 10px;
  flex: 1;
}

.empire-live-preview-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  min-width: 280px;
}

.empire-live-preview-actions #empire-start-preview,
.empire-live-preview-actions #empire-end-preview {
  width: auto !important;
  min-width: 132px;
  min-height: 38px !important;
  margin: 0 !important;
  padding: 0 14px !important;
}

.empire-live-preview-context > span {
  min-width: 0;
  padding: 8px 11px;
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(202,168,94,.35);
  border-radius: 10px;
}

.empire-live-preview-context small {
  display: block;
  margin-bottom: 5px;
  color: #caa85e;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .08em;
}

.empire-live-preview-context strong {
  display: block;
  color: #fff;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.empire-live-preview-columns,
.empire-live-preview-line {
  display: grid;
  grid-template-columns: 70px 170px minmax(190px,1.2fr) 140px 90px minmax(180px,1fr);
  align-items: center;
  gap: 12px;
}

.empire-live-preview-columns {
  padding: 10px 18px;
  color: #94a4ba;
  background: #111d2e;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .1em;
}

.empire-live-preview-lines { padding: 8px; }
.empire-live-preview-line {
  min-height: 46px;
  margin-bottom: 5px;
  padding: 8px 10px;
  border: 1px solid #2f4057;
  border-radius: 8px;
  background: #11213a;
}
.empire-live-preview-line:nth-child(even) { background: #0d1c32; }
.empire-live-preview-line b { color: #7085a3; }
.empire-live-preview-line code { color: #fff; font: 750 14px/1 Inter, sans-serif; }
.empire-live-preview-line span { color: #dce5f1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.empire-live-preview-line strong { color: #e3c56e; font-size: 10px; letter-spacing: .06em; }
.empire-live-preview-line time,.empire-live-preview-line small { color: #91a1b7; }
.empire-live-preview-line.ringing,.empire-live-preview-line.dialing { border-color: #a88737; background: #2b281b; }
.empire-live-preview-line.human,.empire-live-preview-line.connected { border-color: #27855b; background: #123728; }
.empire-live-preview-line.failed,.empire-live-preview-line.busy { border-color: #87404c; background: #321b24; }

/* Replaced by the unified, campaign-aware full-width dialing board. */
#power-dial-terminal { display: none !important; }

@media (max-width: 1000px) {
  .empire-live-preview { overflow-x: auto; }
  .empire-live-preview-head,.empire-live-preview-columns,.empire-live-preview-line { min-width: 920px; }
}

@media (max-width: 600px) {
  .empire-live-preview-context { width: auto; }
}

/* Responsive preview header: keep controls inside the viewport. */
@media (max-width: 1100px) {
  .empire-live-preview {
    overflow-x: hidden;
  }

  .empire-live-preview-head {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    align-items: stretch;
    gap: 12px;
    min-width: 0;
    padding: 16px;
  }

  .empire-live-preview-title,
  .empire-live-preview-context,
  .empire-live-preview-actions {
    width: 100%;
    min-width: 0;
  }

  .empire-live-preview-context {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .empire-live-preview-actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    justify-content: stretch;
  }

  .empire-live-preview-actions #empire-start-preview,
  .empire-live-preview-actions #empire-end-preview {
    width: 100% !important;
    min-width: 0;
  }

  .empire-live-preview-columns {
    min-width: 0;
    overflow-x: auto;
  }

  .empire-live-preview-lines {
    overflow-x: auto;
  }

  .empire-live-preview-line {
    min-width: 920px;
  }
}

@media (max-width: 600px) {
  .empire-live-preview-context,
  .empire-live-preview-actions {
    grid-template-columns: minmax(0, 1fr);
  }
}

/* Prevent a wide child from shifting the entire workspace sideways. */
@media (max-width: 1100px) {
  html,
  body {
    max-width: 100%;
    overflow-x: hidden;
  }
}

/* Team messaging: give names and extensions room to read. */
@media (min-width: 681px) {
  .message-workspace {
    grid-template-columns: minmax(230px, 270px) minmax(0, 1fr);
  }

  .message-person strong {
    display: block;
    padding-right: 18px;
    font-size: 14px;
    line-height: 1.25;
  }

  .message-person small {
    margin-top: 4px;
    font-size: 12px;
    line-height: 1.3;
  }
}
/*
 * Platform separation: user, support, and reporting administration remains in
 * EmpireInsights. Campaign and lead-list routing belongs in the administrator-
 * only Dialer Operations page so agents never receive these controls.
 */
.admin-dialer-control { grid-column: 1 / -1; }
.admin-dialer-control-grid { display:grid; grid-template-columns:repeat(4,minmax(170px,1fr)); gap:14px; margin-top:20px; }
.admin-dialer-control-grid label { margin:0; color:#d8c175; font-size:10px; font-weight:850; letter-spacing:.07em; }
.admin-dialer-control-grid label > span { display:block; margin-bottom:6px; }
.admin-dialer-control-grid input,.admin-dialer-control-grid select { margin:0; }
.admin-dialer-control-grid .admin-policy-check { display:flex; align-items:center; gap:9px; min-height:44px; padding:10px; border:1px solid #35415d; border-radius:8px; background:#0b1220; }
.admin-dialer-control-grid .admin-policy-check input { width:auto; }
.admin-dialer-control-grid .admin-policy-check span { margin:0; }
#admin-save-dialer-mode { grid-column:1/-1; }
@media(max-width:1100px){.admin-dialer-control-grid{grid-template-columns:repeat(2,minmax(170px,1fr))}}
@media(max-width:650px){.admin-dialer-control-grid{grid-template-columns:1fr}}
#admin-panel>.create-panel,
#advisor-wait-reporting,
#lead-command-center{display:none!important}
#admin-panel>.campaign-admin{grid-column:1/-1}
#admin-panel>.layout-admin .layout-field-grid,
#admin-panel>.layout-admin .layout-defaults,
#admin-panel>.layout-admin .layout-editor-section,
#admin-panel>.layout-admin>h3:nth-of-type(1),
#admin-panel>.layout-admin>h3:nth-of-type(2){display:none!important}

/* Disposition editor: reserve a fixed header and scroll only a three-row-deep list. */
#admin-panel>.layout-admin{
  grid-column:1/-1;
  height:auto;
  max-height:none;
  overflow-x:hidden;
  overflow-y:visible;
}
#admin-panel>.layout-admin>.eyebrow,
#admin-panel>.layout-admin>h2+p,
#admin-panel>.layout-admin>h3{display:none!important}
#admin-panel>.layout-admin>h2{
  position:relative;
  z-index:1;
  margin:0;
  padding:4px 0 18px;
  background:#303846;
}
#admin-panel>.layout-admin #layout-disposition-list{
  min-height:220px;
  height:220px;
  max-height:220px;
  padding:0 10px 0 0;
  overflow-x:hidden;
  overflow-y:auto;
  overscroll-behavior:contain;
  scrollbar-gutter:stable;
}
@media(max-width:850px){#admin-panel>.layout-admin #layout-disposition-list{min-height:270px;height:270px;max-height:270px}}
@media(max-width:560px){#admin-panel>.layout-admin #layout-disposition-list{min-height:430px;height:430px;max-height:430px}}

/* EmpireOS Lead Engine advisor pilot */
.empireos-lead-engine-panel{margin:18px 0!important;padding:20px!important;border:1px solid rgba(55,231,114,.55)!important;border-radius:16px!important;background:linear-gradient(145deg,#18212b 0%,#101722 55%,#07111c 100%)!important;box-shadow:0 18px 42px rgba(0,0,0,.32),0 0 24px rgba(55,231,114,.08)!important;color:#f7f9fc!important}
.empireos-lead-engine-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}.empireos-lead-engine-heading h2{margin:4px 0 5px;color:#fff;font-size:24px;font-weight:850}.empireos-lead-engine-heading p{max-width:760px;margin:0;color:#d6dce5;font-size:13px;line-height:1.5}.empireos-lead-engine-heading .eyebrow{color:#55ef8c!important}
.empireos-lead-engine-badge{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:0 13px;border:1px solid rgba(55,231,114,.72);border-radius:999px;background:linear-gradient(135deg,#116b3b,#0d4f31);box-shadow:0 7px 18px rgba(0,0,0,.28);color:#fff;font-size:10px;font-weight:900;letter-spacing:.08em;white-space:nowrap}
.empireos-lead-engine-heading-actions{display:flex;align-items:flex-end;flex-direction:column;gap:10px;flex:0 0 auto}.empireos-call-paper-button{min-height:42px!important;margin:0!important;padding:0 18px!important;border:1px solid #1ca46f!important;border-radius:999px!important;background:linear-gradient(135deg,#16865f,#0b6547)!important;box-shadow:0 12px 26px rgba(0,0,0,.34)!important;color:#fff!important;font-size:11px!important;font-weight:900!important;letter-spacing:.04em!important;white-space:nowrap}
.empireos-lead-engine-controls{display:grid;grid-template-columns:minmax(180px,1.2fr) minmax(180px,1.2fr) minmax(180px,1fr) auto;gap:12px;align-items:end}.empireos-lead-engine-controls label{display:grid;gap:6px;margin:0;color:#d9bd68;font-size:10px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.empireos-lead-engine-controls select{width:100%;min-height:42px;margin:0;border:1px solid #4b5b70;border-radius:9px;background:#263242;color:#fff;font:650 12px/1.2 "Helvetica Neue",Helvetica,Arial,sans-serif}.empireos-lead-engine-controls select:disabled{opacity:.66}.empireos-lead-engine-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.empireos-lead-engine-actions button{width:auto!important;min-width:132px;min-height:42px;margin:0!important;padding:0 14px!important}.empireos-lead-engine-actions .primary{background:linear-gradient(135deg,#158f4b,#0a6d39)!important;color:#fff!important}.empireos-lead-engine-actions .hangup{background:#7f1827!important;color:#fff!important}
.empireos-lead-engine-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:14px}.empireos-lead-engine-summary>div{min-width:0;padding:11px 13px;border:1px solid rgba(255,255,255,.13);border-radius:10px;background:rgba(255,255,255,.045)}.empireos-lead-engine-summary small{display:block;margin-bottom:4px;color:#9eabba;font-size:9px;font-weight:850;letter-spacing:.09em;text-transform:uppercase}.empireos-lead-engine-summary strong{display:block;overflow:hidden;color:#fff;font-size:15px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.empireos-lead-engine-summary strong[data-tone="online"]{color:#65f19a}.empireos-lead-engine-summary strong[data-tone="error"]{color:#ff8b96}
.empireos-lead-preview{margin-top:16px;padding:16px;border:1px solid rgba(69,126,255,.5);border-radius:13px;background:linear-gradient(135deg,rgba(14,38,77,.94),rgba(12,24,42,.96));box-shadow:0 12px 28px rgba(0,0,0,.25)}.empireos-lead-preview-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:12px}.empireos-lead-preview-heading h3{margin:3px 0 0;color:#fff;font-size:20px;font-weight:850}.empireos-preview-lock{padding:6px 10px;border:1px solid rgba(226,193,91,.65);border-radius:999px;color:#f2d676;font-size:9px;font-weight:900;letter-spacing:.08em;white-space:nowrap}.empireos-lead-preview-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px}.empireos-lead-preview-grid>div{min-width:0;padding:10px;border:1px solid rgba(255,255,255,.11);border-radius:9px;background:rgba(255,255,255,.045)}.empireos-lead-preview-grid small{display:block;margin-bottom:5px;color:#94a6bb;font-size:9px;font-weight:800;text-transform:uppercase}.empireos-lead-preview-grid strong{display:block;overflow:hidden;color:#fff;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.empireos-lead-preview-safety{margin:12px 0 0;color:#9ee8bc;font-size:11px;font-weight:700}
@media(max-width:1150px){.empireos-lead-engine-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.empireos-lead-preview-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:650px){.empireos-lead-engine-heading{align-items:stretch;flex-direction:column}.empireos-lead-engine-heading-actions{align-items:stretch;width:100%}.empireos-lead-engine-badge{align-self:flex-start}.empireos-call-paper-button{width:100%!important}.empireos-lead-engine-controls,.empireos-lead-engine-summary,.empireos-lead-preview-grid{grid-template-columns:1fr}.empireos-lead-engine-actions{grid-template-columns:1fr}.empireos-lead-engine-actions button{width:100%!important}}

/* Lead builder scoring controls and compact score column */
.lead-score-builder{margin-top:18px;padding:18px;border:1px solid rgba(188,153,70,.45);border-radius:14px;background:linear-gradient(145deg,rgba(32,27,17,.86),rgba(11,18,29,.95))}
.lead-score-builder-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.lead-score-builder-heading h3{margin:4px 0 5px;color:#f4f6ff;font-size:18px}.lead-score-builder-heading p{max-width:640px;margin:0;color:#9faac1;font-size:12px;line-height:1.5}.lead-score-toggle{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;color:#e8d589;font-size:11px;font-weight:850}.lead-score-toggle input{accent-color:#d8b95e}
.lead-score-weight-grid{display:grid;grid-template-columns:repeat(6,minmax(80px,1fr));gap:10px;margin-top:16px}.lead-score-weight-grid label{display:grid;gap:5px;color:#9faac1;font-size:10px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.lead-score-weight-grid input{width:100%;box-sizing:border-box;padding:9px 8px;border:1px solid #38445c;border-radius:8px;background:#0c1422;color:#fff;font-weight:800}
.lead-score-builder-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:15px}.lead-score-builder-footer small{color:#9faac1;line-height:1.45}.lead-score-builder-footer button{min-height:36px;white-space:nowrap}.lead-score-badge{display:inline-flex;min-width:32px;justify-content:center;padding:4px 7px;border:1px solid #53617c;border-radius:999px;background:#172238;color:#e8ecf7;font-size:11px;font-weight:900}.lead-score-badge.priority{border-color:#4fb485;background:#123c2f;color:#82e3b4}.lead-score-badge.workable{border-color:#b6974b;background:#3a2f18;color:#f0d37c}.lead-score-badge.nurture{border-color:#52627f;background:#172238;color:#aebbd4}.lead-score-badge.disabled{opacity:.55}
.lead-admin-table th:nth-child(3),.lead-admin-table td:nth-child(3){text-align:center}.lead-admin-table td:nth-child(3){width:58px}
@media(max-width:800px){.lead-score-builder-heading,.lead-score-builder-footer{align-items:stretch;flex-direction:column}.lead-score-weight-grid{grid-template-columns:repeat(3,minmax(80px,1fr))}.lead-score-builder-footer button{align-self:flex-start}}
@media(max-width:480px){.lead-score-weight-grid{grid-template-columns:repeat(2,minmax(80px,1fr))}}

/* Call Paper — advisor-owned Excel / CSV / pasted lead import */
.call-paper-email-inbox{margin:16px 0;padding:16px;border:1px solid rgba(55,231,114,.38);border-radius:14px;background:linear-gradient(145deg,rgba(53,60,71,.94),rgba(24,29,37,.98));box-shadow:0 16px 34px rgba(0,0,0,.28)}
.call-paper-email-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.call-paper-email-heading h3{margin:3px 0 5px;color:#fff;font-size:19px;font-weight:850}.call-paper-email-heading p{margin:0;color:#d0d8e3;font-size:12px;line-height:1.5}.call-paper-email-heading p strong{color:#62f5a6}.call-paper-email-heading button{flex:0 0 auto;min-height:38px;margin:0!important}.call-paper-email-status{margin-top:12px;padding:9px 12px;border-radius:9px;background:rgba(8,13,21,.55);color:#d8e0eb;font-size:11px;font-weight:750}.call-paper-email-status[data-tone="online"]{color:#66f3a2}.call-paper-email-status[data-tone="error"]{color:#ff9ca5}.call-paper-email-list{display:grid;gap:8px;margin-top:10px}.call-paper-email-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 14px;align-items:center;padding:11px 12px;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:rgba(255,255,255,.045)}.call-paper-email-item strong{overflow:hidden;color:#fff;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.call-paper-email-item small{display:block;margin-top:3px;color:#aeb9c8;font-size:10px;line-height:1.4}.call-paper-email-item-actions{display:flex;gap:6px}.call-paper-email-item-actions button{min-height:34px;margin:0!important;padding:0 11px!important;font-size:10px!important}.call-paper-email-empty{padding:12px;color:#aeb9c8;font-size:11px;text-align:center}
.call-paper-paste{display:grid;grid-template-columns:1fr auto;align-items:end;gap:10px;margin:14px 0;padding:14px;border:1px solid #35405a;border-radius:12px;background:rgba(10,18,30,.54)}
.call-paper-paste label{grid-column:1/-1;margin:0;color:#fff;font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.call-paper-paste textarea{min-height:116px;margin:0;resize:vertical;border:1px solid #52627b;background:#202a38;color:#fff;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:300}
.call-paper-paste textarea::placeholder{color:#aeb8c7}.call-paper-paste button{height:44px;margin:0;white-space:nowrap}
.call-paper-analysis{margin:12px 0;padding:12px 15px;border-left:4px solid #21d07a;border-radius:0 10px 10px 0;background:rgba(15,36,29,.76);color:#f4f8f7}
.call-paper-analysis strong{display:block;margin-bottom:3px;color:#62f5a6}.call-paper-analysis small{display:block;color:#c8d2d0;line-height:1.5}
@media(max-width:760px){.call-paper-email-heading{align-items:stretch;flex-direction:column}.call-paper-email-heading button{width:100%!important}.call-paper-email-item{grid-template-columns:1fr}.call-paper-email-item-actions button{flex:1}.call-paper-paste{grid-template-columns:1fr}.call-paper-paste button{width:100%}}

/*
 * EmpireOS final visual system
 *
 * This is intentionally shared by the real advisor/admin application.  The
 * Nevada Empire demo is the approved appearance reference, not a separate
 * skin.  Functional dialer controls keep their existing DOM hooks while the
 * canvas, modules, fields, pills, and actions inherit the approved palette.
 */
:root{
  --empire-canvas-tan:#b9a274;
  --empire-canvas-tan-light:#c6b184;
  --empire-canvas-tan-deep:#9f8758;
  --empire-module-charcoal:#353c47;
  --empire-module-black:#181d25;
  --empire-action-green:#16865f;
  --empire-pill-blue:#245fa9;
  --empire-copy-white:#f4f6fb;
  --empire-copy-muted:#c0cad7;
}

html,
body{
  background-color:var(--empire-canvas-tan);
}

body{
  background-image:
    radial-gradient(760px 480px at 14% -8%,rgba(255,248,224,.60),transparent 70%),
    radial-gradient(680px 500px at 96% 18%,rgba(126,93,42,.22),transparent 72%),
    linear-gradient(135deg,var(--empire-canvas-tan-light),var(--empire-canvas-tan-deep));
  background-attachment:fixed;
}

.content{
  background:
    radial-gradient(760px 480px at 14% -8%,rgba(255,248,224,.36),transparent 70%),
    radial-gradient(680px 500px at 96% 18%,rgba(126,93,42,.16),transparent 72%);
}

.panel,
.metric,
.sso-card,
.empireos-lead-engine-panel,
.mapping-review-banner,
.modal-card{
  border-color:rgba(215,225,238,.22)!important;
  background:linear-gradient(145deg,var(--empire-module-charcoal) 0%,var(--empire-module-black) 100%)!important;
  box-shadow:0 24px 70px rgba(0,0,0,.42)!important;
}

.panel h2,
.panel h3,
.panel strong,
.metric strong,
.empireos-lead-engine-heading h2{
  color:var(--empire-copy-white);
}

.panel p,
.panel small,
.metric small,
.empireos-lead-engine-heading p{
  color:var(--empire-copy-muted);
}

input,
select,
textarea{
  border-color:rgba(205,220,238,.32);
  background:#3d4652;
  color:var(--empire-copy-white);
  font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
  font-weight:300;
}

input::placeholder,
textarea::placeholder{
  color:var(--empire-copy-muted);
  opacity:.78;
}

.primary,
.secondary,
.call-paper-paste button,
.empireos-lead-engine-actions .primary{
  border-color:var(--empire-action-green)!important;
  background:var(--empire-action-green)!important;
  color:#fff!important;
}

.status,
.record-state,
.empireos-lead-engine-badge{
  border-color:#3d82d2;
  background:var(--empire-pill-blue);
  color:#fff;
}

.call-paper-paste{
  border-color:rgba(215,225,238,.24);
  background:linear-gradient(145deg,rgba(53,60,71,.96),rgba(24,29,37,.96));
  box-shadow:0 16px 38px rgba(0,0,0,.32);
}

/* EMPIREOS ADVISOR VISUAL + RESPONSIVE AUTHORITY V3 */
#workspace-description{
  color:#433a2d!important;
  font-weight:650!important;
}

/* Administrator page heading remains legible against the warm canvas. */
body:has(#admin-panel:not([hidden])) #workspace-eyebrow,
body:has(#admin-panel:not([hidden])) #workspace-title,
body:has(#admin-panel:not([hidden])) #workspace-description{
  color:#17283f!important;
  text-shadow:none!important;
}

/* The first two administrator modules open as full-width work areas. */
#admin-panel>#empire-vendor-library,
#admin-panel>#empire-phone-controls-v4{
  grid-column:1/-1;
  width:100%;
}

#advisor-panel :is(
  .panel,
  .campaign-membership-panel,
  #empire-live-preview,
  #power-dial-terminal,
  .empire-phone-alert-center,
  .empire-customer-sheet-viewport,
  .empire-customer-sheet-track
){
  border-color:rgba(215,225,238,.22)!important;
  background:linear-gradient(145deg,#353c47 0%,#181d25 100%)!important;
  box-shadow:0 24px 70px rgba(0,0,0,.42)!important;
}

@media(max-width:1250px){
  #empire-mode-workspace-root .empire-mode-contact,
  #empire-mode-workspace-root .empire-mode-knowledge,
  #empire-mode-workspace-root #campaign-workspace,
  #empire-mode-workspace-root .script-panel,
  #empire-mode-workspace-root .package-panel{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:visible!important;
  }

  #empire-mode-workspace-root #campaign-workspace{
    display:grid!important;
    grid-template-columns:1fr!important;
    grid-template-rows:auto auto!important;
    gap:18px!important;
  }

  #empire-mode-workspace-root .script-panel .section-title{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
  }

  #empire-mode-workspace-root .script-panel .section-title>div,
  #empire-mode-workspace-root .script-panel select{
    width:100%!important;
    min-width:0!important;
    margin:0!important;
  }

  #customer-text-messages{
    height:auto!important;
    min-height:0!important;
    overflow:hidden!important;
  }
}

/* CallTools-style campaign administration */
.campaign-control-center{grid-column:1/-1}.campaign-builder-form,.campaign-merge-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0;padding:18px;border:1px solid #34415a;border-radius:13px;background:#0c1421}.campaign-builder-form label,.campaign-merge-form label,.campaign-admin-controls>label{display:grid;gap:6px;color:#c6ccda;font-size:12px;font-weight:750}.campaign-builder-form input,.campaign-builder-form select,.campaign-merge-form input,.campaign-merge-form select,.campaign-admin-controls input,.campaign-admin-controls select{width:100%;margin:0;box-sizing:border-box}.campaign-builder-form fieldset,.campaign-admin-controls fieldset{grid-column:1/-1;margin:0;padding:12px;border:1px solid #33405a;border-radius:10px}.campaign-builder-form legend,.campaign-admin-controls legend{padding:0 7px;color:#f0d477;font-size:12px;font-weight:800}.campaign-builder-form>button,.campaign-merge-form>button{align-self:end}.campaign-availability-toggle{display:flex!important;align-items:center!important;gap:8px!important;padding:10px;border:1px solid #35415a;border-radius:9px;background:#111a29}.campaign-availability-toggle input{width:auto!important}.campaign-advisor-choices,.campaign-merge-sources{display:flex;flex-wrap:wrap;gap:9px}.campaign-advisor-choices label,.campaign-merge-sources label{display:flex;align-items:center;gap:6px;padding:8px 10px;border:1px solid #36425b;border-radius:8px;background:#141d2c;color:#d5d9e4;font-size:12px}.campaign-advisor-choices input,.campaign-merge-sources input{width:auto}.campaign-admin-list{display:grid;gap:12px;margin-top:12px}.campaign-admin-card{padding:16px;border:1px solid #37445d;border-radius:12px;background:#0d1523}.campaign-admin-card-heading{display:flex;justify-content:space-between;gap:14px}.campaign-admin-card-heading strong{color:#fff}.campaign-admin-card-heading span{color:#9fa9bb;font-size:12px}.campaign-admin-controls{display:grid;grid-template-columns:2fr 1fr 1fr;gap:11px;margin-top:14px}.campaign-admin-controls>.campaign-availability-toggle,.campaign-admin-controls>fieldset,.campaign-admin-actions{grid-column:1/-1}.campaign-admin-actions{display:grid;grid-template-columns:auto 1fr auto;gap:9px}.campaign-merge-form{grid-template-columns:2fr 1fr}.campaign-merge-form h3,.campaign-merge-form p,.campaign-merge-sources{grid-column:1/-1}.campaign-merge-form h3{margin:0}.campaign-merge-form p{margin:0;color:#aeb7c8}.campaign-merge-form>button{grid-column:1/-1}
@media(max-width:900px){.campaign-builder-form,.campaign-merge-form,.campaign-admin-controls{grid-template-columns:1fr}.campaign-admin-actions{grid-template-columns:1fr}.campaign-builder-form>*,.campaign-merge-form>*,.campaign-admin-controls>*{grid-column:1!important}}

/* Scalable campaign agent picker */
.campaign-advisor-choices{display:grid;gap:9px}
.campaign-advisor-toolbar{display:grid;grid-template-columns:minmax(180px,1fr) auto auto auto;align-items:center;gap:8px;width:100%}
.campaign-advisor-toolbar input{width:100%!important}
.campaign-advisor-toolbar button{min-height:38px;padding:8px 12px}
.campaign-advisor-toolbar small{color:#aeb7c8;white-space:nowrap}
.campaign-advisor-list{display:flex;flex-wrap:wrap;gap:9px;max-height:250px;overflow:auto;padding:2px}
@media(max-width:760px){.campaign-advisor-toolbar{grid-template-columns:1fr 1fr}.campaign-advisor-toolbar input{grid-column:1/-1}}

/* Campaign administration: one clearly separated tan module per campaign. */
.campaign-admin-list{
  gap:20px;
  margin-top:16px;
  padding:12px;
  border-radius:16px;
  background:linear-gradient(145deg,#cbb98f,#a98e5f);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.34);
}

/* EMPIRE_LIVE_PLAYLISTS_POWER_GOAL_V1 */
.live-playlists-panel{grid-column:1/-1;width:100%;box-sizing:border-box;scroll-margin-top:24px}
.live-playlist-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:16px 0}
.live-playlist-metrics article{display:grid;gap:6px;padding:14px;border:1px solid #34425a;border-radius:11px;background:#0b1422}
.live-playlist-metrics small,.live-playlist-health small{color:#91a0b7;font-size:10px;font-weight:850;letter-spacing:.09em}
.live-playlist-metrics strong{color:#fff;font-size:23px}
.live-playlist-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.live-playlist-card{position:relative;display:grid;gap:11px;padding:16px;border:1px solid #44526a;border-left:5px solid #efb928;border-radius:13px;background:linear-gradient(145deg,#101b2a,#0a121f)}
.live-playlist-card[data-tone=healthy]{border-left-color:#37d995}
.live-playlist-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.live-playlist-heading strong{color:#fff;font-size:16px}.live-playlist-heading span{padding:5px 8px;border-radius:999px;background:#1b6d50;color:#d9fff0;font-size:10px;font-weight:900;letter-spacing:.08em}
.live-playlist-card p{margin:0;color:#aab5c6}.live-playlist-health{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.live-playlist-health span{display:grid;gap:4px;padding:10px;border-radius:9px;background:#121f31}.live-playlist-health strong{color:#fff}.live-playlist-manage{justify-self:start}.live-playlist-empty{grid-column:1/-1;margin:0;padding:28px;border:1px dashed #45536b;border-radius:12px;color:#b8c1cf;text-align:center}
.admin-power-goal-settings{grid-column:1/-1!important;display:grid;grid-template-columns:2fr 1fr auto auto;align-items:end;gap:10px}.admin-power-goal-settings legend{color:#f0d477;font-weight:850}.admin-power-goal-settings .status{align-self:center}.is-policy-inactive{opacity:.48}
.power-goal-live{display:inline-flex;align-items:center;min-height:30px;padding:0 10px;border:1px solid #4b5870;border-radius:999px;background:#111a29;color:#b9c4d5;font-size:10px;font-weight:900;letter-spacing:.08em;white-space:nowrap}.power-goal-live[data-tone=achieved]{border-color:#ffe074;background:#1f6f4e;color:#fff7c3;box-shadow:0 0 20px rgba(255,218,92,.55)}.power-goal-live[data-tone=off]{opacity:.55}
.power-goal-celebration{position:fixed;z-index:99999;left:50%;top:16%;transform:translateX(-50%);min-width:min(680px,88vw);padding:24px 30px;border:2px solid #ffe279;border-radius:18px;background:linear-gradient(135deg,#124f3a,#0a251b);box-shadow:0 0 70px rgba(255,215,79,.75);color:#fff;text-align:center;pointer-events:none}.power-goal-celebration span{display:block;color:#ffe279;font-size:clamp(26px,4vw,54px);font-weight:950;letter-spacing:.08em}.power-goal-celebration strong{display:block;margin-top:8px;font-size:clamp(13px,2vw,22px)}
body.power-goal-flash::after{content:"";position:fixed;z-index:99998;inset:0;pointer-events:none;animation:empire-power-goal-flash 1s ease-in-out 6;background:rgba(255,215,70,.24)}
@keyframes empire-power-goal-flash{0%,100%{opacity:0}50%{opacity:1}}
@media(max-width:900px){.live-playlist-list{grid-template-columns:1fr}.live-playlist-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-power-goal-settings{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.live-playlist-metrics,.admin-power-goal-settings{grid-template-columns:1fr}.power-goal-live{display:none}}
.campaign-admin-card{
  padding:20px;
  border:1px solid rgba(255,255,255,.2);
  border-radius:16px;
  background:linear-gradient(145deg,#3b424d 0%,#252b34 46%,#151a21 100%);
  box-shadow:0 18px 42px rgba(0,0,0,.44),inset 0 1px 0 rgba(255,255,255,.08);
  color:#fff;
}
.campaign-admin-card-heading strong{color:#fff;font-size:17px}
.campaign-admin-card-heading span{color:#fff;font-weight:700}
.campaign-admin-card .campaign-admin-controls>label{color:#fff}
.campaign-admin-card .campaign-admin-controls input,
.campaign-admin-card .campaign-admin-controls select{border-color:rgba(205,220,238,.32);background:#3d4652;color:#fff}
.campaign-admin-card .campaign-availability-toggle{border-color:rgba(255,255,255,.2);background:rgba(255,255,255,.055);color:#fff}
.campaign-admin-card .campaign-admin-controls fieldset{border-color:rgba(255,255,255,.2)}
.campaign-admin-card .campaign-admin-controls legend{color:#fff}
.campaign-admin-card .campaign-advisor-choices label{border-color:rgba(255,255,255,.2);background:rgba(255,255,255,.055);color:#fff}
.campaign-resource-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.campaign-resource-choices label{display:flex;align-items:center;gap:8px;padding:10px;border:1px solid #36425b;border-radius:8px;background:#141d2c;color:#fff}.campaign-resource-choices input[type="checkbox"]{width:auto;margin:0}.campaign-cadence-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.campaign-member-priority,.campaign-list-priority{width:62px!important;margin-left:auto!important}.campaign-assigned-list-chips label{display:grid;grid-template-columns:auto 1fr 62px auto;align-items:center;gap:8px}.campaign-detach-list{padding:7px 9px!important}
.lead-list-origin{display:flex;align-items:center;min-height:42px;padding:0 11px;border:1px solid #35415a;border-radius:8px;background:#111a29;color:#d7deea;font-size:12px}
.campaign-admin-card .campaign-advisor-toolbar small{color:#fff}
.campaign-admin-actions{grid-template-columns:auto minmax(180px,1fr) auto auto}
.campaign-delete-button{border:1px solid #9b2438!important;background:#7e1829!important;color:#fff!important}
.campaign-delete-button:hover{background:#a11e35!important}
.campaign-health-monitor{grid-column:1/-1;display:grid;grid-template-columns:minmax(240px,1.4fr) repeat(4,minmax(105px,.65fr));gap:10px;padding:13px;border:1px solid rgba(75,166,255,.38);border-radius:13px;background:linear-gradient(135deg,rgba(23,51,85,.7),rgba(8,17,29,.76))}
.campaign-health-status,.campaign-health-metric{display:grid;align-content:center;gap:2px;min-height:76px;padding:11px 13px;border-radius:9px;background:rgba(255,255,255,.055)}.campaign-health-status small,.campaign-health-metric small{color:#bdc7d6;font-size:10px;font-weight:850;letter-spacing:.1em}.campaign-health-status strong,.campaign-health-metric strong{color:#fff;font-size:20px}.campaign-health-status span{color:#d7dde6;font-size:11px}.campaign-health-monitor[data-tone="healthy"] .campaign-health-status strong{color:#7ee5ab}.campaign-health-monitor[data-tone="warning"]{border-color:rgba(255,185,77,.5)}.campaign-health-monitor[data-tone="warning"] .campaign-health-status strong{color:#ffc56d}.campaign-health-monitor[data-tone="paused"]{border-color:rgba(180,188,204,.3)}.campaign-health-monitor[data-tone="paused"] .campaign-health-status strong{color:#c5ccda}
.campaign-list-manager{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:16px;border:1px solid rgba(255,255,255,.2);border-radius:13px;background:rgba(4,10,18,.42)}
.campaign-list-manager-heading,.campaign-list-assigned{grid-column:1/-1}
.campaign-list-manager-heading{display:grid;gap:3px}.campaign-list-manager-heading strong{font-size:16px;color:#fff}.campaign-list-manager-heading small,.campaign-list-option>small{color:#d4d9e2}
.campaign-list-option{display:grid;align-content:start;gap:10px;padding:14px;border:1px solid rgba(255,255,255,.16);border-radius:11px;background:rgba(255,255,255,.055);color:#fff}
.campaign-list-option>strong{color:#fff}.campaign-assigned-list-chips{display:flex;flex-wrap:wrap;gap:8px}.campaign-assigned-list-chips span{padding:7px 10px;border:1px solid rgba(91,168,255,.5);border-radius:999px;background:rgba(32,115,206,.18);color:#fff;font-size:12px;font-weight:750}
.campaign-assigned-list-chips label{display:flex;align-items:center;gap:7px;border-radius:999px;cursor:pointer}.campaign-assigned-list-chips label input{width:auto!important;margin:0!important;accent-color:#39ff88}.campaign-assigned-list-chips label.is-out span{border-color:rgba(255,185,77,.45);background:rgba(101,66,12,.26);color:#e0cfaa}.campaign-assigned-list-chips>button{flex:1 1 100%;margin-top:4px}
.trial-readiness-card{grid-column:1/-1}.trial-readiness-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:18px 0}.trial-readiness-checks article{display:flex;align-items:center;gap:11px;padding:12px;border:1px solid rgba(255,185,77,.4);border-radius:10px;background:rgba(93,60,11,.2)}.trial-readiness-checks article[data-ok="true"]{border-color:rgba(57,255,136,.35);background:rgba(24,85,57,.2)}.trial-readiness-checks b{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#6b4b16;color:#ffe1a2}.trial-readiness-checks article[data-ok="true"] b{background:#12643e;color:#9affc5}.trial-readiness-checks small{display:block;margin-top:2px;color:#aeb8c8}@media(max-width:780px){.trial-readiness-checks{grid-template-columns:1fr}}
.platform-permission-fieldset{margin:18px 0 4px;padding:14px;border:1px solid #3a465f;border-radius:11px;background:#0d1523}.platform-permission-fieldset legend{padding:0 7px;color:var(--gold-hi);font-size:12px;font-weight:800}.platform-permission-fieldset p{margin:0 0 10px;font-size:12px}.platform-permission-fieldset label{display:flex;align-items:center;gap:7px;margin:8px 0;color:#d5d9e4}.platform-permission-fieldset input{width:auto;margin:0}.trial-rep-platform-access{grid-column:1/-1}.trial-rep-platform-list{display:grid;gap:12px;margin-top:18px}.trial-rep-platform-card{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(360px,1.5fr) auto;align-items:center;gap:18px;padding:16px;border:1px solid #35415a;border-radius:12px;background:#0d1523}.trial-rep-platform-card small{display:block;margin-top:3px;color:var(--muted)}.trial-rep-platform-choices{display:flex;flex-wrap:wrap;gap:8px}.trial-rep-platform-choices label{display:flex;align-items:center;gap:5px;margin:0;padding:7px 9px;border:1px solid #36425b;border-radius:8px;background:#141d2c;color:#d5d9e4;font-size:12px}.trial-rep-platform-choices input{width:auto;margin:0}.trial-rep-platform-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px}.trial-rep-platform-actions span{color:var(--gold-hi);font-size:10px;font-weight:850;letter-spacing:.08em}@media(max-width:980px){.trial-rep-platform-card{grid-template-columns:1fr}.trial-rep-platform-actions{justify-content:space-between}}
.campaign-upload-list-button,.campaign-assign-lists-button{border:1px solid #4ba6ff!important;background:linear-gradient(135deg,#257ee8,#125fc2)!important;color:#fff!important;box-shadow:0 9px 22px rgba(18,95,194,.28)!important}
.campaign-existing-list-picker{display:grid;gap:7px;max-height:190px;overflow:auto;padding:4px}.campaign-existing-list-picker label{display:flex;align-items:center;gap:8px;padding:9px;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:rgba(0,0,0,.16);color:#fff;font-size:12px}.campaign-existing-list-picker input{width:auto!important;margin:0!important}
@media(max-width:900px){.campaign-admin-actions,.campaign-resource-choices,.campaign-cadence-fields{grid-template-columns:1fr}.campaign-assigned-list-chips label{grid-template-columns:auto 1fr}.campaign-member-priority,.campaign-list-priority{width:100%!important;margin-left:0!important}.campaign-detach-list{grid-column:1/-1}}
@media(max-width:1100px){.campaign-health-monitor{grid-template-columns:repeat(2,minmax(0,1fr))}.campaign-health-status{grid-column:1/-1}}
@media(max-width:900px){.campaign-list-manager{grid-template-columns:1fr}.campaign-list-manager-heading,.campaign-list-assigned{grid-column:1}}
@media(max-width:620px){.campaign-health-monitor{grid-template-columns:1fr}.campaign-health-status{grid-column:1}}

/* Vendor ROI follows the approved charcoal + neon-green module system. */
#admin-panel>#incoming-call-assignments{grid-column:1/-1;width:100%}
.empire-vendor-library.empire-admin-accordion{
  border-color:rgba(57,255,136,.34);
  background:linear-gradient(145deg,#353c47 0%,#181d25 100%);
  box-shadow:0 24px 70px rgba(0,0,0,.48);
}
.empire-vendor-library .empire-admin-summary-copy span,
.empire-vendor-library .empire-vendor-label,
.empire-vendor-library .empire-vendor-hero span{color:#39ff88}
.empire-vendor-library .empire-admin-summary-state{border-color:rgba(57,255,136,.6);color:#39ff88}
.empire-vendor-library .empire-vendor-body{border-top-color:rgba(57,255,136,.22)}
.empire-vendor-library .empire-vendor-hero{border-color:rgba(57,255,136,.3);background:linear-gradient(145deg,rgba(57,255,136,.09),rgba(255,255,255,.035))}
.empire-vendor-library button:not(.danger){border-color:#39ff88!important;background:linear-gradient(135deg,#39ff88,#18b968)!important;color:#071427!important;box-shadow:0 10px 24px rgba(24,185,104,.22)!important}

/* Final visual authority for Lead Vendors & ROI. */
#admin-panel .empire-vendor-library.empire-admin-accordion{
  border:1px solid rgba(57,255,136,.38)!important;
  background:linear-gradient(145deg,#3b424d 0%,#252b34 46%,#151a21 100%)!important;
  box-shadow:0 26px 72px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.06)!important;
}
#admin-panel .empire-vendor-library :is(
  .empire-admin-summary-copy span,
  .empire-vendor-label,
  .empire-vendor-hero span,
  .empire-vendor-control legend,
  .empire-vendor-table th,
  .empire-vendor-roi-card strong,
  .empire-vendor-card-badge,
  .empire-vendor-empty strong
){color:#39ff88!important}
#admin-panel .empire-vendor-library :is(
  .empire-admin-summary-state,
  .empire-vendor-hero,
  .empire-vendor-roi-card,
  .empire-vendor-control,
  .empire-vendor-card,
  .empire-vendor-card-badge,
  .empire-vendor-empty
){border-color:rgba(57,255,136,.38)!important}
#admin-panel .empire-vendor-library .empire-vendor-hero{
  background:linear-gradient(145deg,rgba(57,255,136,.1),rgba(255,255,255,.035))!important;
}
#admin-panel .empire-vendor-library .empire-vendor-roi-card{
  background:linear-gradient(135deg,rgba(57,255,136,.14),rgba(57,255,136,.035))!important;
}
#admin-panel .empire-vendor-library .empire-admin-summary-state{font-size:0}
#admin-panel .empire-vendor-library .empire-admin-summary-state::before{
  content:"OPEN MODULE";
  font-size:10px;
}
#admin-panel .empire-vendor-library[open] .empire-admin-summary-state::before{
  content:"CLOSE MODULE";
}

/* Module summary bars use clean white type; neon remains on interior actions. */
#admin-panel .empire-vendor-library>summary :is(
  .empire-admin-summary-copy span,
  .empire-admin-summary-copy strong,
  .empire-admin-summary-copy small,
  .empire-admin-summary-state
){color:#fff!important}

/* Final shared Connections rail authority. */
.app-layout>.sidebar{
  background:linear-gradient(180deg,#1d568c 0%,#123f70 45%,#092c51 100%)!important;
  border-right:1px solid rgba(57,255,136,.38)!important;
  box-shadow:12px 0 34px rgba(4,18,36,.38)!important;
}
.app-layout>.sidebar .sidebar-toggle{
  border-color:rgba(57,255,136,.48)!important;
  background:rgba(5,28,53,.62)!important;
  color:#39ff88!important;
}

/* Restrained emerald treatment: white copy and neutral charcoal outlines. */
#admin-panel .empire-vendor-library.empire-admin-accordion{
  border-color:rgba(215,225,238,.26)!important;
}
#admin-panel .empire-vendor-library :is(
  .empire-vendor-hero,
  .empire-vendor-control,
  .empire-vendor-card,
  .empire-vendor-card-badge,
  .empire-vendor-empty
){border-color:rgba(215,225,238,.24)!important}
#admin-panel .empire-vendor-library :is(
  .empire-vendor-label,
  .empire-vendor-hero span,
  .empire-vendor-control legend,
  .empire-vendor-table th,
  .empire-vendor-card-badge,
  .empire-vendor-empty strong
){color:#fff!important}
#admin-panel .empire-vendor-library .empire-vendor-hero{
  background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018))!important;
}
#admin-panel .empire-vendor-library button:not(.danger){
  border-color:#35d987!important;
  background:linear-gradient(135deg,#35d987,#16865f)!important;
  color:#071427!important;
  box-shadow:0 10px 24px rgba(22,134,95,.22)!important;
}

/* Campaign page heading: dark navy type on the warm tan canvas. */
#workspace>.content-heading #workspace-eyebrow,
#workspace>.content-heading #workspace-title,
#workspace>.content-heading #workspace-description{
  color:#17283f!important;
  text-shadow:none!important;
}