:root{--navy:#001c3a;--ink:#17263d;--muted:#6d7e91;--line:#e4eaf0;--accent:#008b98;--accent-soft:#e7f4f6;--green:#087f73;--radius:12px;--space:16px;--shadow:0 3px 13px #10243d08;font-family:Segoe UI,Arial,sans-serif;font-size:13px;color:var(--ink);background:#f3f6fa}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #009eaa;outline-offset:3px}button{min-height:34px}.primary{background:var(--accent);border-color:var(--accent)}.primary:hover:not(:disabled){background:#007582}.brand,.entry-brand{color:var(--accent)}.brand{font-size:23px;letter-spacing:-.6px}.brand-attribution{display:block;font-size:10px;font-weight:400;letter-spacing:0;margin-top:4px}.card{border-radius:var(--radius);box-shadow:var(--shadow)}
#workspace{margin-left:84px;height:100dvh;display:flex;flex-direction:column;min-width:0;overflow:hidden}.workspace-rail{position:fixed;inset:0 auto 0 0;width:84px;background:var(--navy);display:flex;flex-direction:column;gap:18px;align-items:center;padding:26px 5px;color:white}.workspace-rail b{font-size:12px;letter-spacing:1px;margin-bottom:25px}.workspace-rail button{font-size:11px;color:#bdcfdf;background:transparent;border:0;width:74px;min-height:44px;padding:5px}.workspace-rail button:hover{background:#1c4558;color:white}
#workspace>header{background:var(--navy);color:white;min-height:91px;padding:12px 22px;gap:18px;flex-wrap:wrap}#workspace>header .brand{color:white}#workspace>header small,#workspace>header label,#workspace>header .brand span{color:#bfcedd}#workspace>header .campaign-label{min-width:145px;max-width:185px}#workspace>header select{max-width:100%;padding:6px}.identity{max-width:150px;overflow-wrap:anywhere}.status-group{max-width:160px;overflow-wrap:anywhere}.actions{gap:5px}.notice{margin:12px 20px 0;flex-shrink:0;background:var(--accent-soft);border-color:#cfe3e7;flex-wrap:wrap}.dot{background:var(--accent)}.grid{margin:12px 20px;gap:16px;grid-template-columns:minmax(0,1fr) 282px;min-height:0;flex:1;overflow:hidden}.grid>.customer,.grid>aside{overflow:auto;min-height:0}.grid>aside{display:flex;flex-direction:column;gap:12px}.grid>aside .card{flex-shrink:0}.customer .section-top{align-items:flex-start}.customer h1{font-size:21px;margin:7px 0 14px}.lead-summary{gap:10px}.lead-summary>div{min-width:0;overflow-wrap:anywhere}.tabs{gap:20px;flex-wrap:wrap}.tabs button.active{border-color:var(--accent);color:var(--accent)}.field-grid label{font-size:12px}.tab-pane{min-height:200px}.controls{gap:7px}.controls button{font-size:12px}.integration-note{font-size:11px;color:var(--muted);line-height:1.5;border-top:1px solid var(--line);padding-top:12px}.today .metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.today .metric span{font-size:11px}.today .metric strong{font-size:18px;font-variant-numeric:tabular-nums}.today .disposition{font-size:11px}.accept{background:#e2f3ed;color:#17755c;font-weight:650}.external-phone dl div{gap:10px}.external-phone dd{overflow-wrap:anywhere;text-align:right}footer{flex-shrink:0;font-size:11px;margin:0 20px 12px;gap:10px}.brand-attribution{color:var(--muted)}.login form{max-width:calc(100vw - 28px)}.entry-choice:hover{border-color:var(--accent)}.choice-action,.choice-icon{color:var(--accent)}.login .brand span{color:var(--muted)}#performance-dialog{width:1060px;padding:24px}.report-table{max-height:48vh;overflow:auto}#report-totals{grid-template-columns:repeat(3,minmax(0,1fr))}table{font-size:12px}th{position:sticky;top:0}dialog header{display:block;min-height:0;padding:0;background:transparent;border:0}.ticx-phone-heading{display:block!important;padding:0!important;min-height:0!important;background:transparent!important;border:0!important}.ticx-phone-route{overflow-wrap:anywhere}.ticx-phone-brand{font-size:16px}.ticx-phone-footer{font-size:10px}.disposition-heading{display:block!important;min-height:0!important;background:transparent!important}.disposition-notes-label{display:block}.disposition-save-ready{opacity:.45}
@media(max-width:1150px){#workspace>header{gap:12px}.grid{grid-template-columns:minmax(0,1fr) 260px}.controls button{font-size:12px}}
@media(max-width:850px){#workspace{height:auto;min-height:100dvh;margin-left:0;overflow:visible}.workspace-rail{position:static;width:100%;flex-direction:row;padding:8px 12px;gap:5px}.workspace-rail b{margin:0 8px 0 0}.workspace-rail button{width:auto;min-height:36px}.grid{grid-template-columns:1fr;overflow:visible;margin:12px;flex:none}.grid>.customer,.grid>aside{overflow:visible}#workspace>header{padding:15px;gap:13px}.actions{margin-left:0}.notice{margin:10px 12px 0}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tabs{gap:14px}.lead-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.control-note{gap:10px;flex-wrap:wrap}#report-totals{grid-template-columns:repeat(2,minmax(0,1fr))}.report-filters{flex-wrap:wrap}.report-filters input{max-width:100%}dialog{max-width:calc(100vw - 20px)}.brand{white-space:normal}.entry{padding-top:50px}footer{margin:12px;flex-wrap:wrap}}
.ticx-phone-dialog .ticx-phone-close{min-height:28px;padding:0;display:grid;place-items:center}.ticx-phone-dialog .ticx-phone-heading h2{font-size:23px;line-height:1.3}.disposition-choice b,.disposition-choice small{overflow-wrap:anywhere}.brand-attribution{font-size:11px}

/* Approved ONIXEO-Dialer brand; retain existing workspace geometry. */
.onixeo-logo{display:block;width:100%;height:auto;object-fit:contain}
.entry-logo{width:320px;max-width:80vw;margin:0 auto 8px}.entry-brand{font-size:36px;letter-spacing:-1px;color:var(--navy)}
.login .brand>.login-logo-wrap{display:block;width:190px;margin-bottom:8px;letter-spacing:0}
#workspace>header .brand>.login-logo-wrap{display:none}#workspace>header .brand{font-size:20px;letter-spacing:-.5px}
.workspace-rail .rail-logo{display:block;width:72px;padding:3px;background:#fff;border-radius:5px;letter-spacing:0}
.mode-card:has(input:checked){border-color:var(--accent);background:var(--accent-soft)}
.entry-body{background:radial-gradient(ellipse at top,#e5f4f5,#f3f6fa 65%)}

.onixeo-wordmark{color:#001c3a;font-weight:inherit}.onixeo-wordmark>.onixeo-x{color:#009eaa;font-style:normal}
 .login .brand{color:#001c3a}#workspace>header .onixeo-wordmark{color:#fff}

/* Compact connection setup: same fields and workflow, branding on the right. */
#setup-screen{display:grid;grid-template-columns:minmax(0,740px) 230px;align-content:center;align-items:start;justify-content:center;gap:32px;min-height:100dvh;padding:24px;max-width:1080px;margin:auto}
#setup-screen>.brand{grid-column:2;grid-row:1;margin-top:30px;white-space:normal;font-size:25px;line-height:1.3}
#setup-screen>.brand>.login-logo-wrap{width:220px;max-width:100%;margin-bottom:16px}
#setup-screen>.brand .brand-attribution{margin-top:8px}
#setup-screen .setup-form{grid-column:1;grid-row:1;width:100%!important;max-width:100%;padding:24px!important;display:grid;grid-template-columns:1fr 1fr;gap:10px 16px;border:1px solid #d7e4ea;border-radius:18px;box-shadow:0 14px 45px #001c3a0b;background:#fff}
#setup-screen .setup-form>h1{grid-column:1/-1;grid-row:1;font-size:24px;line-height:1.25;margin:0 0 2px;color:#001c3a}
#setup-identity{grid-column:1/-1;grid-row:2;margin:0 0 4px!important;font-size:12px!important}
#setup-screen .setup-form>label{grid-column:1/-1;grid-row:3;margin:0!important;gap:6px}
#setup-screen input,#setup-screen select{padding:8px 10px;min-height:36px;border-radius:8px}
#setup-ingroups{grid-column:1;grid-row:4;min-width:0;margin:0;padding:10px 12px 12px;border:1px solid #dce7ec;border-radius:12px;background:#f9fcfd}
#setup-ingroups legend,.mode-options legend{font-size:12px;font-weight:650;color:#001c3a;padding:0 4px}
#ingroup-note{font-size:11px!important;line-height:1.4!important;margin:2px 0 8px!important}
#ingroup-list{max-height:112px;overflow:auto;scrollbar-width:thin;display:grid;gap:6px}
#setup-screen .mode-card{margin:0!important;padding:10px!important;gap:10px!important;border-radius:10px;min-width:0;font-size:12px;background:#fff;transition:background .15s,border-color .15s}
#setup-screen .mode-card input{min-height:0;padding:0;flex:none;accent-color:#008b98}
#setup-screen .mode-card strong{font-size:12px}#setup-screen .mode-card small{font-size:10px;margin-top:3px}
#setup-screen .mode-card:has(input:checked){background:#e9f7f7;border-color:#009eaa;box-shadow:0 0 0 1px #009eaa18}
#setup-screen .mode-options{grid-column:2;grid-row:4;margin:0;padding:0;display:grid;gap:8px;align-content:start;min-width:0}
#setup-screen .mode-options legend{margin-bottom:8px;padding:0}
#ingroup-blended-label{margin-top:8px!important}
.mode-card[hidden]{display:none!important}
#setup-screen:has(#setup-ingroups[hidden]) .mode-options{grid-column:1/-1;grid-template-columns:1fr 1fr}
#mode-explanation,#review-only-explanation{grid-column:1/-1;grid-row:5;margin:0!important;font-size:11px!important;line-height:1.4!important}
#external-login-fields{grid-column:1/-1;grid-row:6;display:grid;grid-template-columns:1fr 1fr;gap:16px}
#setup-screen #external-login-fields label{margin:0;gap:6px}
#setup-screen .setup-form>button{width:100%;min-height:36px;margin:0;padding:8px 12px;border-radius:9px}
#validate-external-phone,#native-connect-setup{grid-column:1;grid-row:7}
#continue-workspace{grid-column:2;grid-row:7;font-weight:650}
#phone-validation-message{grid-column:1/-1;grid-row:8;margin:0!important;font-size:11px!important;line-height:1.4!important}
#setup-logout{grid-column:2;grid-row:9}
#setup-screen .setup-form>small{grid-column:1;grid-row:9;align-self:center;font-size:10px;color:#6d7e91;line-height:1.4}
#setup-error{grid-column:1/-1;grid-row:10;margin:0!important}
#setup-error:empty,#phone-validation-message:empty{display:none}
@media(max-width:980px){#setup-screen{grid-template-columns:minmax(0,740px);gap:16px;padding:18px;align-content:start}#setup-screen>.brand{grid-column:1;grid-row:1;margin-top:0;position:relative;padding-right:170px;font-size:22px;min-height:68px}#setup-screen>.brand>.login-logo-wrap{position:absolute;right:0;top:0;width:155px;margin:0}#setup-screen>.brand .brand-attribution{margin-top:4px}#setup-screen .setup-form{grid-row:2}}
@media(max-width:580px){#setup-screen{padding:12px}#setup-screen .setup-form{padding:18px!important;grid-template-columns:1fr;gap:12px}#setup-screen .setup-form>*{grid-column:1!important;grid-row:auto!important}#setup-screen .mode-options,#external-login-fields{grid-template-columns:1fr!important}#setup-screen .setup-form>h1{font-size:22px}}

/* Keep compact branding within the setup card, aligned with its heading. */
#setup-screen{grid-template-columns:minmax(0,760px);max-width:820px;gap:0}
#setup-screen .setup-form{grid-column:1;grid-row:1}
#setup-screen .setup-form>h1{grid-column:1;align-self:end}
#setup-identity{grid-column:1;align-self:start}
#setup-screen .setup-brand{grid-column:2;grid-row:1/3;justify-self:end;align-self:center;display:flex;align-items:center;gap:10px;font-size:18px;line-height:1.2;letter-spacing:-.4px;white-space:nowrap;margin:0}
#setup-screen .setup-brand>.login-logo-wrap{display:block;width:105px;flex:none;margin:0;position:static}
#setup-screen .setup-brand-copy>span{font-size:9px;letter-spacing:.6px;margin-top:3px}
#setup-screen .setup-brand-copy>.brand-attribution{font-size:9px;margin-top:4px;letter-spacing:0}
#setup-screen .setup-form>label{margin-top:6px!important}
@media(max-width:980px){#setup-screen .setup-form{grid-row:1}#setup-screen .setup-brand{padding:0;min-height:0}}
@media(max-width:580px){#setup-screen .setup-form>.setup-brand{grid-column:1!important;grid-row:1!important;justify-self:start;margin-bottom:4px}#setup-screen .setup-form>h1{grid-row:2!important}#setup-identity{grid-row:3!important}}

/* Reference-matched compact stacked brand in the card's top-right corner. */
#setup-screen .setup-brand{display:block;width:150px;max-width:100%;padding:6px 8px;background:#f8fafc;border:1px solid #e6edf1;border-radius:7px;font-size:14px;line-height:1.2;white-space:normal;align-self:start}
#setup-screen .setup-brand>.login-logo-wrap{width:132px;max-width:100%;margin:0 0 3px;position:static}
#setup-screen .setup-brand-copy>span{font-size:8px;letter-spacing:.3px;margin-top:2px}
#setup-screen .setup-brand-copy>.brand-attribution{font-size:8px;margin-top:3px}
#setup-screen .setup-form>h1{align-self:center}#setup-identity{margin-top:-4px!important}

/* Consistent in-card header across campaign choices and narrow screens. */
#setup-screen .setup-form>.setup-brand{grid-column:2;grid-row:1/3;justify-self:end;margin:0;align-self:start}
#setup-screen .setup-form>h1{grid-column:1;grid-row:1;align-self:center}
#setup-screen .setup-form>#setup-identity{grid-column:1;grid-row:2;align-self:start;margin:0!important}
@media(max-width:580px){#setup-screen .setup-form>.setup-brand{grid-column:1!important;grid-row:1/3!important;justify-self:end;width:136px;padding:5px 6px}#setup-screen .setup-form>.setup-brand>.login-logo-wrap{width:122px}#setup-screen .setup-form>h1{grid-row:1!important;padding-right:148px;font-size:18px;min-width:0}#setup-screen .setup-form>#setup-identity{grid-row:2!important;padding-right:148px;font-size:10px!important;min-width:0}}

#setup-screen .setup-form>.setup-brand{background:transparent;border-color:transparent;box-shadow:none}

/* Align the supplied logo ink, not its transparent canvas, with the text. */
.login .brand>.login-logo-wrap{overflow:hidden}
.login .brand>.login-logo-wrap>.onixeo-logo{width:104.2727%;max-width:none;transform:translateX(-2.9926%)}
#setup-screen .setup-brand-copy{margin:0;padding:0;text-align:left}

.entry-logo{overflow:hidden}.entry-logo>.onixeo-logo{width:104.2727%;max-width:none;transform:translateX(-2.9926%)}

/* Confirmed native state indicators and compact agent controls. */
#workspace .actions .state-ready,#workspace .actions .state-ready:disabled{background:#147d42;border-color:#147d42;color:#fff;opacity:1}
#workspace .actions .state-paused,#workspace .actions .state-paused:disabled{background:#c53030;border-color:#c53030;color:#fff;opacity:1}
.ui-icon{width:19px;height:19px;flex:none;pointer-events:none;vertical-align:middle}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.controls button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:38px;min-height:36px}
.controls button[hidden]{display:none!important}
#hangup-customer{background:#c53030;border-color:#c53030;color:#fff}
#hangup-customer:hover:not(:disabled){background:#a92323;border-color:#a92323;color:#fff}
#hangup-customer:disabled{background:#c53030;border-color:#c53030;color:#fff;opacity:.45}
.workspace-rail button{position:relative;display:flex;align-items:center;justify-content:center;width:44px;min-height:44px;border-radius:10px;color:#c9dce8}
.workspace-rail button .ui-icon{width:22px;height:22px}
.workspace-rail button:hover,.workspace-rail button:focus-visible{background:#0b3c54;color:#fff}
.workspace-rail button::after{content:attr(data-tooltip);position:absolute;left:calc(100% + 10px);top:50%;transform:translateY(-50%);background:#001c3a;color:#fff;border:1px solid #23465f;box-shadow:0 4px 12px #001c3a22;padding:6px 9px;border-radius:6px;font-size:12px;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;z-index:30}
.workspace-rail button:hover::after,.workspace-rail button:focus-visible::after{opacity:1;visibility:visible}
.workspace-rail{z-index:20}
#external-card{padding:12px 14px}
#external-card>.eyebrow{display:none}
#external-card h2{font-size:15px;margin:0 0 7px}
#external-card .badge{font-size:10px;padding:4px 7px}
#external-card #external-readiness{font-size:11px;line-height:1.35;margin:6px 0}
#external-card dl{font-size:10px;margin:6px 0 0}
#external-card dl div{margin:6px 0}
#external-card>p:not(#external-readiness),#external-card>small{display:none}
#external-card.conference-connected #native-connect-workspace{display:none}
#external-card .wide{font-size:11px;padding:7px 9px;margin-top:8px}
@media(max-width:850px){.workspace-rail button::after{top:calc(100% + 6px);left:50%;transform:translateX(-50%)}.workspace-rail button{width:40px;min-height:36px}}

/* Retain recovery controls and a slim, readable warning row. */
#external-card #external-sip-recovery{min-height:28px;padding:5px 8px;margin:8px 0 0;font-size:10px;line-height:1.3}
#workspace #workspace-error{padding:6px 12px;margin:8px 20px 0;border-radius:6px;font-size:11px;line-height:1.35;flex-shrink:0;overflow-wrap:anywhere}

#native-state.state-incall,#sip-state.state-incall,#external-native-state.state-incall{color:#ed3746;font-weight:700;}
#external-native-badge.state-incall{color:#c62837;background:#fff0f2;}