*{box-sizing:border-box} :root{--blue:#1e4f91;--green:#0e8a6a;--gold:#d9a21b;--bg:#f3f5f7;--border:#e5e7eb;--ink:#172033;--muted:#667085}
body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,"Noto Sans Arabic",sans-serif}header{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px max(20px,calc((100% - 1160px)/2));background:#fff;border-bottom:1px solid var(--border)}.brand{font-size:25px;font-weight:800;color:var(--blue)}.brand span{display:block;font-size:11px;color:var(--muted);font-weight:500;margin-top:3px}.tag{font-size:11px;font-weight:700;color:var(--green);letter-spacing:.5px}main{max-width:1160px;margin:24px auto;padding:0 16px}.panel{background:#fff;border:1px solid var(--border);border-radius:14px;box-shadow:0 4px 18px #14213d08;padding:20px}.controls{display:grid;grid-template-columns:1fr 1fr;gap:8px 14px;margin-bottom:16px}.controls label{font-size:13px;font-weight:700}.controls select{width:100%}select,input{border:1px solid #cfd5df;border-radius:9px;background:white;padding:11px;font:inherit;color:var(--ink)}.notice{grid-column:1/-1;background:#fff8e5;border:1px solid #f1dfaa;color:#6d5011;border-radius:9px;padding:10px;font-size:12px}.state{grid-column:1/-1;color:var(--muted);font-size:12px}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--green);margin-left:6px}.chathead{display:flex;justify-content:space-between;align-items:center}.chathead h1{font-size:19px;margin:0}.chathead p{margin:5px 0;color:var(--muted);font-size:13px}.messages{height:300px;overflow:auto;background:#fafbfc;border:1px solid var(--border);border-radius:10px;padding:16px;margin:14px 0;display:flex;flex-direction:column;gap:10px}.empty{margin:auto;text-align:center;color:var(--muted);font-size:13px;max-width:400px}.bubble{padding:11px 13px;border-radius:12px;max-width:85%;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6}.user{align-self:flex-start;background:#e6eef9}.assistant{align-self:flex-end;background:#e4f5ef}.meta{font-size:10px;color:var(--muted);margin-top:4px}form{display:flex;gap:8px}form input{flex:1;min-width:0}button{border:0;border-radius:9px;background:var(--blue);color:white;padding:10px 15px;font:inherit;font-size:13px;cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}.secondary,.quick button{background:#eef2f7;color:#23344d}.quick{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.bottom{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}.info h2{font-size:14px;margin:0 0 8px}.info h2:not(:first-child){margin-top:16px}.info div{font-size:13px}.actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}.events{display:flex;flex-direction:column;gap:7px;max-height:170px;overflow:auto}.event{border-bottom:1px solid var(--border);padding-bottom:6px;color:#344054;font-size:12px!important}.small{font-size:11px!important;color:var(--muted)}footer{text-align:center;color:var(--muted);font-size:11px;padding:24px}
body[dir="ltr"] header,body[dir="ltr"] main{direction:ltr}.bubble[dir="ltr"]{text-align:left}
@media(max-width:700px){header{align-items:flex-start;flex-direction:column}.controls,.bottom{grid-template-columns:1fr}.messages{height:280px}.tag{font-size:10px}}

/* v0.5 mobile usability refinements */
@media(max-width:700px){main{margin:14px auto;padding:0 12px}.panel{padding:16px}.chathead{gap:10px}.messages{height: min(42vh,360px);min-height:240px;padding:12px}.bubble{max-width:94%}form{align-items:stretch;gap:8px}form input{width:0;flex:1}form button{padding:10px 12px;white-space:nowrap}.quick button{min-height:40px}}

/* v0.7 agent inbox */
.inbox{margin-bottom:16px}.inbox-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.inbox-head h2{font-size:16px;margin:0}.inbox-head p{font-size:12px;color:var(--muted);margin:5px 0 0}.inbox-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px;margin-top:12px;max-height:240px;overflow:auto}.inbox-item{display:flex;flex-direction:column;align-items:stretch;text-align:right;gap:5px;background:#f8fafc;color:var(--ink);border:1px solid var(--border);padding:11px;min-width:0}.inbox-item strong{font-size:12px}.inbox-item span{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inbox-item small{color:var(--muted);font-size:10px}.inbox-item:hover{border-color:var(--blue)}@media(max-width:700px){.inbox-head{align-items:flex-start;flex-direction:column}.inbox-list{grid-template-columns:1fr;max-height:220px}}

/* v0.8 agent workflow */
.agent{align-self:flex-start;background:#fff3d6;border:1px solid #f0dca6}.agent-reply{margin-top:16px;border-top:1px solid var(--border);padding-top:12px}.agent-reply h2{font-size:14px;margin:0 0 10px}.agent-reply form{display:flex;gap:8px}.agent-reply input{flex:1;min-width:0}.actions select{max-width:100%;min-width:130px}
@media(max-width:700px){.agent-reply form{flex-direction:column}.agent-reply form button{width:100%}.actions select{flex:1;min-width:0}}

/* v0.9: queue, metrics and mobile-friendly controls */
.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:14px 0}.metrics>div{background:#f7f9fc;border:1px solid var(--border);border-radius:10px;padding:10px;display:flex;flex-direction:column;gap:4px}.metrics strong{font-size:22px;color:var(--blue)}.metrics span{font-size:12px;color:var(--muted)}.inbox-tools{display:grid;grid-template-columns:minmax(0,1fr) minmax(150px,220px);gap:8px;margin:10px 0}.inbox-tools input,.inbox-tools select{width:100%;min-width:0}.inbox-item.selected{border-color:var(--blue);box-shadow:inset 3px 0 var(--blue)}.assignment{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;align-items:center;margin-top:14px;padding-top:12px;border-top:1px solid var(--border)}.assignment label{font-size:13px;font-weight:700}.assignment select{width:100%;min-width:0}.assignment-feedback{font-size:12px;color:var(--green)}.actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.actions select{width:auto;min-width:145px;flex:1}.inbox-item strong,.inbox-item small{overflow-wrap:anywhere}.agent-reply input{min-height:44px}.agent-reply button,.actions button{min-height:42px}
@media(max-width:700px){.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.inbox-tools{grid-template-columns:1fr}.assignment{grid-template-columns:1fr}.assignment button{width:100%}.actions{display:grid;grid-template-columns:1fr 1fr}.actions select,.actions button{width:100%;min-width:0;font-size:12px;padding:10px 8px}.panel{padding:14px}.inbox-list{max-height:300px}}

.inbox-actions{display:flex;gap:8px;flex-wrap:wrap}.agent-performance{margin-top:14px;padding:14px;background:#f8fafc;border-radius:12px}.performance-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.performance-card{display:flex;flex-direction:column;gap:7px;padding:12px;border:1px solid #e2e8f0;border-radius:10px;background:#fff;min-width:0}.performance-card strong,.performance-card span,.performance-card small{overflow-wrap:anywhere}.performance-card small,.small{font-size:.8rem;color:#64748b}@media(max-width:650px){.performance-grid{grid-template-columns:1fr}.inbox-actions{width:100%}.inbox-actions button{flex:1}.inbox-tools{grid-template-columns:1fr!important}}

/* v1.1 queue and reporting */
.operations{margin-bottom:16px}.queue-settings{display:grid;grid-template-columns:minmax(180px,1fr) 110px auto minmax(120px,auto);align-items:center;gap:8px;margin:14px 0}.queue-settings label{font-size:13px;font-weight:700}.queue-settings input{width:100%;min-width:0}.queue-settings span{font-size:12px;color:var(--green)}.queue-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:8px;margin:12px 0}.queue-item{display:flex;flex-direction:column;gap:6px;text-align:right;background:#f8fafc;border:1px solid var(--border);border-radius:10px;padding:12px;cursor:pointer;min-width:0}.queue-item strong,.queue-item span,.queue-item small{overflow-wrap:anywhere}.queue-item span{font-size:12px;color:var(--muted)}.queue-item small{font-size:11px;color:var(--blue)}.report-tools{display:flex;align-items:end;flex-wrap:wrap;gap:8px;border-top:1px solid var(--border);padding-top:12px}.report-tools label{display:flex;flex-direction:column;gap:5px;font-size:12px}.report-tools input{min-width:145px}.report-result{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px}.report-kpi{background:#f7f9fc;border:1px solid var(--border);border-radius:10px;padding:12px;display:flex;flex-direction:column;gap:6px;min-width:0}.report-kpi strong{font-size:21px;color:var(--blue)}.report-kpi span{font-size:12px;color:var(--muted)}.report-result .small{grid-column:1/-1}@media(max-width:700px){.queue-settings{grid-template-columns:1fr 1fr}.queue-settings label,.queue-settings span{grid-column:1/-1}.queue-settings button{width:100%}.queue-list{grid-template-columns:1fr}.report-tools{display:grid;grid-template-columns:1fr 1fr}.report-tools label,.report-tools input{min-width:0;width:100%}.report-tools button{width:100%}.report-result{grid-template-columns:repeat(2,minmax(0,1fr))}}

.team-ops{margin-top:16px}.team-ops .performance-card{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.team-ops .performance-card button{max-width:100%;white-space:normal}.team-ops .queue-settings{margin-top:14px}.team-ops .report-result{margin-top:12px}.queue-item{cursor:pointer}
@media(max-width:640px){.team-ops .performance-grid{grid-template-columns:1fr}.team-ops .queue-settings{display:grid;grid-template-columns:1fr;gap:8px}.team-ops .queue-settings input,.team-ops .queue-settings button{width:100%;box-sizing:border-box}.team-ops .inbox-head{align-items:flex-start;gap:10px;flex-wrap:wrap}}

/* v1.3 case notes */
.internal-notes{margin-top:16px}.notes-list{display:flex;flex-direction:column;gap:8px;margin:12px 0}.internal-note{border:1px solid var(--border);border-right:3px solid var(--gold);border-radius:9px;background:#fffdf7;padding:10px;overflow-wrap:anywhere}.internal-note p{margin:0 0 6px;white-space:pre-wrap;font-size:13px;line-height:1.6}.internal-note small{color:var(--muted);font-size:11px}.audit-export{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid var(--border);padding-top:12px;margin-top:12px;font-size:12px}@media(max-width:650px){.audit-export{align-items:stretch;flex-direction:column}.audit-export button{width:100%}}
.auth-gate{position:fixed;inset:0;z-index:9999;background:rgba(10,25,45,.72);display:flex;align-items:center;justify-content:center;padding:20px}.auth-card{background:#fff;color:#172b45;width:min(440px,100%);padding:28px;border-radius:18px;box-shadow:0 20px 70px #0004}.auth-card h2{margin-top:0}.auth-card label{display:block;margin:12px 0 6px}.auth-card input,.auth-card select{width:100%;padding:12px;border:1px solid #ccd5df;border-radius:8px}.auth-card button{width:100%;margin-top:16px;padding:12px}.auth-card .auth-error{color:#b42318;min-height:1.3em}.auth-userbar{display:flex;align-items:center;gap:10px;justify-content:flex-end;margin:0 0 12px}.auth-userbar button{padding:6px 12px}


/* AIVOX v2.4: polished sign-in and fail-closed workspace visibility */
.auth-gate{
 position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;
 padding:clamp(16px,4vw,40px);overflow-y:auto;
 background:radial-gradient(ellipse at 12% 10%,rgba(30,79,145,.10),transparent 42%),
            linear-gradient(135deg,#f3f5f7 0%,#eef3f9 55%,#f8fafc 100%);
}
.auth-gate[hidden]{display:none!important}
.auth-card{
 display:flex;flex-direction:column;gap:0;width:min(100%,480px);margin:auto;
 padding:clamp(24px,4vw,38px);background:#fff;border:1px solid #e1e7ef;border-radius:20px;
 box-shadow:0 24px 70px rgba(20,43,77,.14);direction:rtl;text-align:right;
}
.auth-card::before{
 content:"AIVOX";display:block;color:#1e4f91;font-weight:800;font-size:29px;
 letter-spacing:.3px;line-height:1.2;margin-bottom:5px;direction:ltr;text-align:left;
}
.auth-card::after{
 content:"Every Conversation Creates Opportunity";display:block;color:#667085;font-size:12px;
 direction:ltr;text-align:left;margin-bottom:22px;padding-bottom:20px;border-bottom:1px solid #edf0f4;
}
.auth-card h2{font-size:23px;line-height:1.45;margin:0 0 5px;color:#172b45}
.auth-card p{font-size:13px;line-height:1.7;color:#667085;margin:0 0 15px}
.auth-card label{display:block;margin:14px 0 7px;font-size:13px;font-weight:700;color:#344054}
.auth-card input,.auth-card select{display:block;width:100%;min-width:0;height:46px;padding:10px 12px;border:1px solid #cfd7e3;border-radius:10px;background:#fff;font:inherit;font-size:14px;outline:none}
.auth-card input:focus,.auth-card select:focus{border-color:#1e4f91;box-shadow:0 0 0 3px rgba(30,79,145,.12)}
.auth-card button{display:block;width:100%;min-height:47px;margin-top:22px;padding:12px 16px;border-radius:10px;background:#1e4f91;color:#fff;font-weight:700;font-size:14px}
.auth-card button:hover{background:#183f75}
.auth-card .auth-error{min-height:0;color:#b42318;background:#fff1f0;border-radius:8px;font-size:13px;line-height:1.5}
.auth-card .auth-error:not(:empty){margin-top:12px;padding:10px}
.auth-card small{display:block;margin-top:18px;padding-top:14px;border-top:1px solid #edf0f4;color:#667085;font-size:11px;line-height:1.7}
.auth-userbar[hidden]{display:none!important}
/* Hide all app content, including metrics, until a valid session is confirmed. */
body.auth-required main > :not(#auth-userbar):not(#auth-gate){display:none!important}
body.auth-required #auth-userbar{display:none!important}
body.auth-required header .tag{display:none}
body.auth-required main{max-width:none;min-height:calc(100vh - 75px);margin:0;padding:0}
body.auth-required header{padding:16px clamp(18px,5vw,64px);box-shadow:0 1px 0 rgba(16,24,40,.03)}
body.auth-required footer{display:none}
html.aivox-auth-checking body main > :not(#auth-gate){visibility:hidden}
@media(max-width:520px){
 .auth-gate{padding:14px}
 .auth-card{padding:23px 20px;border-radius:16px}
 .auth-card h2{font-size:20px}
 .auth-card::before{font-size:26px}
}
body[dir="ltr"] .auth-card{direction:ltr;text-align:left}
body[dir="ltr"] .auth-card::before,body[dir="ltr"] .auth-card::after{text-align:left}


/* AIVOX v2.7: enforce a single-column login form regardless of global form styles */
#auth-gate{position:fixed!important;inset:0!important;z-index:2147483000!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:24px!important;overflow:auto!important;background:linear-gradient(135deg,#eef3f9 0%,#f7f9fc 55%,#eaf0f7 100%)!important}
#auth-gate[hidden]{display:none!important}
#login-form.auth-card{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:0!important;grid-template-columns:minmax(0,1fr)!important;float:none!important;position:relative!important;width:min(100%,480px)!important;min-width:0!important;margin:auto!important;padding:clamp(24px,4vw,38px)!important;background:#fff!important;border:1px solid #dfe6ef!important;border-radius:20px!important;box-shadow:0 24px 70px rgba(20,43,77,.16)!important;direction:rtl!important;text-align:right!important;}
#login-form.auth-card>*{width:100%!important;min-width:0!important;max-width:100%!important;float:none!important;position:static!important;grid-column:auto!important;}
#login-form.auth-card h2{font-size:24px!important;line-height:1.45!important;margin:0 0 6px!important;white-space:normal!important;overflow-wrap:normal!important;word-break:normal!important;color:#172b45!important}
#login-form.auth-card p{font-size:13px!important;line-height:1.7!important;margin:0 0 16px!important;color:#667085!important}
#login-form.auth-card label{display:block!important;margin:14px 0 7px!important;font-size:13px!important;font-weight:700!important;color:#344054!important;white-space:normal!important}
#login-form.auth-card input,#login-form.auth-card select{display:block!important;width:100%!important;height:48px!important;min-height:48px!important;padding:11px 13px!important;margin:0!important;border:1px solid #cbd5e1!important;border-radius:10px!important;background:#fff!important;font:inherit!important;font-size:15px!important;line-height:1.4!important;box-sizing:border-box!important}
#login-form.auth-card button[type=submit]{display:block!important;width:100%!important;min-height:48px!important;margin:22px 0 0!important;padding:12px 16px!important;border:0!important;border-radius:10px!important;background:#1e4f91!important;color:#fff!important;font-size:15px!important;font-weight:700!important;white-space:normal!important}
#login-form.auth-card small{display:block!important;margin-top:16px!important;padding-top:13px!important;border-top:1px solid #edf0f4!important;color:#667085!important;font-size:11px!important;line-height:1.8!important}
#login-form.auth-card .auth-error{display:block!important;min-height:0!important;font-size:13px!important;line-height:1.6!important;color:#b42318!important}
body.auth-required main> :not(#auth-gate):not(#auth-userbar){display:none!important;visibility:hidden!important;pointer-events:none!important}
body.auth-required #auth-userbar{display:none!important}
body.auth-required header .tag{display:none!important}
body.auth-required header{justify-content:center!important;padding:22px!important}
body.auth-required .brand{text-align:center!important}
body.auth-required main{max-width:none!important;min-height:0!important;margin:0!important;padding:0!important}
body.auth-required footer{display:none!important}
html.aivox-auth-checking body main> :not(#auth-gate){visibility:hidden!important}
html[dir=ltr] #login-form.auth-card,body[dir=ltr] #login-form.auth-card{direction:ltr!important;text-align:left!important}
@media(max-width:520px){#auth-gate{padding:14px!important}#login-form.auth-card{padding:24px 20px!important;border-radius:16px!important}#login-form.auth-card h2{font-size:21px!important}}

/* AIVOX v2.7 user administration workspace */
.admin-users{margin:16px 0;border:1px solid var(--border);}
.admin-users[hidden]{display:none!important}
.create-user-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-items:end;padding:14px;background:#f7f9fc;border:1px solid var(--border);border-radius:12px}
.create-user-form label{font-size:12px;font-weight:700;color:var(--ink,#172b45)}
.create-user-form input,.create-user-form select{width:100%;min-width:0;box-sizing:border-box;padding:11px;border:1px solid #cbd5e1;border-radius:9px;background:#fff;font:inherit}
.create-user-form button{min-height:42px}
#create-user-form #user-create-feedback{font-size:12px;color:var(--muted);overflow-wrap:anywhere}
.users-list{display:grid;gap:8px;margin-top:12px}
.user-row{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr);gap:10px;align-items:center;padding:12px;border:1px solid var(--border);border-radius:10px;background:#fff;font-size:13px;overflow-wrap:anywhere}
.user-row span{color:var(--muted)}
@media(max-width:650px){.create-user-form{grid-template-columns:1fr}.user-row{grid-template-columns:1fr;gap:4px}}

/* AIVOX v2.7: responsive user administration actions */
.users-list .user-row{display:grid;grid-template-columns:minmax(100px,1fr) minmax(120px,1fr) minmax(95px,auto) minmax(135px,auto) auto auto;gap:8px;align-items:center;padding:10px;border:1px solid var(--border);border-radius:10px;margin:8px 0;background:#fff;min-width:0}
.users-list .user-row select{min-width:0;max-width:100%;padding:8px;border:1px solid var(--border);border-radius:8px;background:#fff}
.users-list .user-row button{padding:8px 10px;white-space:normal}
@media(max-width:850px){.users-list .user-row{grid-template-columns:1fr 1fr}.users-list .user-row>*{min-width:0}.users-list .user-row button{width:100%}}


/* AIVOX v2.9 unified analytics reports */
.analytics-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:10px;margin:12px 0}
.analytics-table{width:100%;border-collapse:collapse;margin:8px 0 18px;background:#fff;font-size:13px}
.analytics-table th,.analytics-table td{padding:10px;border:1px solid var(--border,#e5e7eb);text-align:start;overflow-wrap:anywhere}
.analytics-table th{background:#f3f5f7;font-weight:700}
#analytics-report-result h3{margin:18px 0 8px;font-size:16px}
@media(max-width:600px){.analytics-table{font-size:11px}.analytics-table th,.analytics-table td{padding:6px}}
/* Golden Reference v3.0: primary light violet + cyan theme */
:root{--blue:#6336b5;--green:#0891b2;--gold:#d6a62c;--bg:#f5f4fb;--border:#e5e1f0;--ink:#201a32;--muted:#716b83;--accent:#6336b5;--accent2:#06b6d4}
body{background:radial-gradient(ellipse at 92% 0%,#06b6d411,transparent 31%),radial-gradient(ellipse at 0% 10%,#6336b511,transparent 30%),var(--bg);font-family:Inter,'Segoe UI','Noto Sans Arabic',Tahoma,Arial,sans-serif}
header{gap:22px;background:#ffffffef;box-shadow:0 4px 24px #22163f0b;backdrop-filter:blur(14px)}
.brand-lockup{display:flex;align-items:center;gap:12px}.brand-mark{display:grid;place-items:center;width:44px;height:44px;flex:0 0 44px;border-radius:14px;color:white;font-size:23px;font-weight:900;background:linear-gradient(145deg,#6336b5,#7752d6 48%,#06b6d4);box-shadow:0 7px 18px #6336b538}.brand{color:var(--accent)}
.header-tools{display:flex;align-items:center;justify-content:flex-end;gap:9px;flex-wrap:wrap}.header-tools label{font-size:12px;font-weight:700;color:var(--muted)}.header-tools select{padding:9px 11px;font-size:12px;max-width:245px}.tag{padding:7px 10px;border-radius:999px;background:#f0ebfc;color:#6336b5}
main{max-width:1320px;margin:26px auto 0;padding:0 22px}.panel{border:1px solid #e0dbef;border-radius:17px;box-shadow:0 12px 34px #35206313;padding:22px;transition:box-shadow .18s,border-color .18s}.panel:hover{border-color:#d5c9f0}.inbox-head h2,.info h2,.agent-performance h2{color:#2c2145}.metrics>div,.report-kpi{background:linear-gradient(145deg,#fff,#faf9fe);border-color:#e8e3f3;border-radius:13px;padding:14px}.metrics strong,.report-kpi strong{color:var(--accent)}.messages{background:#fbfaff;border-color:#e9e3f4;border-radius:14px}.user{background:#eee8fc;border:1px solid #e0d5fa}.assistant{background:#e5f9fc;border:1px solid #c8f0f6}.inbox-item,.queue-item,.performance-card{border-radius:12px;border-color:#e8e3f3;background:#fcfbfe}.inbox-item:hover,.queue-item:hover{border-color:#06b6d4;box-shadow:0 5px 15px #06b6d414}.inbox-item.selected{border-color:var(--accent);box-shadow:inset 3px 0 var(--accent)}
button{background:linear-gradient(135deg,var(--accent),#7652ca);box-shadow:0 3px 9px #6336b522;transition:transform .15s,box-shadow .15s}button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 15px #6336b52e}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #06b6d460;outline-offset:2px}.secondary,.quick button{background:#f0edf8;color:#49386d;box-shadow:none;border:1px solid #e3dcf2}.notice{background:#f1fbfd;border-color:#b8edf4;color:#155e75}.dot{background:#06b6d4;box-shadow:0 0 0 4px #06b6d41f}.internal-note{border-right-color:#06b6d4;background:#fcfbff}.events .event{padding:8px 0;line-height:1.55}
body[data-theme="indigo"]{--blue:#3155a6;--accent:#3155a6;--bg:#f3f6fc;--border:#dfe6f4;--ink:#17243e;--muted:#66748e}body[data-theme="indigo"] .brand-mark{background:linear-gradient(145deg,#203c83,#5488f5)}body[data-theme="indigo"] .tag{background:#eaf0ff;color:#3155a6}
body[data-theme="midnight"]{--blue:#19345e;--accent:#19345e;--bg:#eef3f8;--border:#d8e2ee;--ink:#152238;--muted:#63758b}body[data-theme="midnight"] .brand-mark{background:linear-gradient(145deg,#10213f,#22d3ee)}body[data-theme="midnight"] .tag{background:#e4faff;color:#164e63}
body[data-theme="emerald"]{--blue:#087f68;--accent:#087f68;--bg:#f1f8f5;--border:#d8e9e1;--ink:#17352e;--muted:#637b73}body[data-theme="emerald"] .brand-mark{background:linear-gradient(145deg,#087f68,#34b99a)}body[data-theme="emerald"] .tag{background:#e2f6ee;color:#087f68}
@media(max-width:760px){header{align-items:flex-start;flex-direction:column}.header-tools{justify-content:flex-start;width:100%}.header-tools select{flex:1;min-width:180px}main{padding:0 12px;margin-top:15px}.panel{padding:16px;border-radius:14px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;scroll-behavior:auto!important}}



/* AIVOX v3.4 — tenant Admin Control Center */
.admin-overview{border-top:3px solid var(--accent,#1e4f91)}
.admin-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0}
.admin-metric{display:flex;flex-direction:column;gap:8px;padding:16px;border:1px solid var(--border,#e5e7eb);border-radius:14px;background:var(--surface,#fff);box-shadow:0 5px 18px rgba(15,23,42,.045)}
.admin-metric span{font-size:.88rem;color:var(--muted,#64748b)}
.admin-metric strong{font-size:1.75rem;line-height:1.2;color:var(--accent,#1e4f91);font-variant-numeric:tabular-nums}
.admin-lower-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px}
.admin-subpanel{min-width:0;padding:14px;border:1px solid var(--border,#e5e7eb);border-radius:14px;background:var(--surface,#fff)}
.admin-subpanel h3{margin:0 0 5px;font-size:1.05rem}
.admin-subpanel .inbox-head{gap:10px;align-items:center}
.admin-outcome-summary{display:flex;flex-wrap:wrap;gap:7px;margin:10px 0}
.admin-status-chip{display:inline-flex;align-items:center;padding:5px 9px;border-radius:999px;background:var(--soft,#eef4fb);border:1px solid var(--border,#dbe4ef);font-size:.82rem}
.admin-outcome-list,.admin-events-list{display:flex;flex-direction:column;gap:8px}
.admin-list-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 12px;padding:10px 0;border-bottom:1px solid var(--border,#e5e7eb)}
.admin-list-row:last-child{border-bottom:0}
.admin-list-row strong{overflow-wrap:anywhere}
.admin-list-row span{font-size:.84rem;color:var(--accent,#1e4f91);font-weight:600}
.admin-list-row small{grid-column:1/-1;color:var(--muted,#64748b);overflow-wrap:anywhere}
.admin-scope-note{margin:14px 0 0;color:var(--muted,#64748b);font-size:.85rem}
@media(max-width:800px){.admin-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-lower-grid{grid-template-columns:1fr}.admin-subpanel .inbox-head{align-items:flex-start;flex-wrap:wrap}}
@media(max-width:420px){.admin-metric{padding:12px}.admin-metric strong{font-size:1.4rem}}


/* v3.5 — conversation-linked Outcome Workflow */
.outcome-workflow{margin-block:1.25rem}
.outcome-workflow-grid{display:grid;grid-template-columns:minmax(280px,1fr) minmax(280px,1fr);gap:1rem;align-items:start}
.outcome-form{display:grid;grid-template-columns:1fr;gap:.45rem;padding:1rem;border:1px solid var(--border,#dfe5ee);border-radius:14px;background:var(--panel,#fff)}
.outcome-form input,.outcome-form select,.outcome-form textarea{width:100%;min-width:0}
.outcome-form button{justify-self:start;margin-top:.35rem}
.outcome-workflow-list-wrap{min-width:0}
.outcome-workflow-list{display:grid;gap:.7rem;max-height:680px;overflow:auto}
.outcome-workflow-card{display:grid;grid-template-columns:1fr auto;gap:.45rem .8rem;padding:.9rem;border:1px solid var(--border,#dfe5ee);border-radius:12px;background:var(--panel,#fff)}
.outcome-workflow-card strong{overflow-wrap:anywhere}
.outcome-workflow-card .outcome-status{align-self:start;padding:.2rem .55rem;border-radius:999px;background:var(--accent-soft,#edf2ff);font-size:.82rem}
.outcome-workflow-card small,.outcome-workflow-card p{grid-column:1/-1;margin:0;overflow-wrap:anywhere;color:var(--muted,#657084)}
.outcome-workflow-card button{grid-column:1/-1;justify-self:start}
#workflow-outcome-feedback{min-height:1.4rem}
@media(max-width:760px){.outcome-workflow-grid{grid-template-columns:1fr}.outcome-workflow-card{grid-template-columns:1fr auto}}


/* v3.7 — Conversation-first information architecture */
.workspace-section{margin:0 0 20px;scroll-margin-top:16px}
.workspace-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin:0 2px 12px;padding:0 2px 10px;border-bottom:1px solid var(--border)}
.workspace-section-head h2{font-size:19px;line-height:1.35;margin:0;color:var(--blue)}
.workspace-section-head p{margin:4px 0 0;color:var(--muted);font-size:12px;line-height:1.6}
.workspace-section>.panel{margin:0 0 12px}
.workspace-section>.panel:last-child{margin-bottom:0}
#conversation-workspace{margin-top:4px}
#conversation-workspace>.chat{border:2px solid color-mix(in srgb,var(--blue) 20%,white);box-shadow:0 8px 26px #14213d0c}
#conversation-workspace>.chat .messages{min-height:300px}
#conversation-workspace>.bottom{margin-top:12px}
#settings-workspace{padding:16px;background:#edf1f6;border:1px solid var(--border);border-radius:18px}
#settings-workspace .settings-subpanel{margin:0 0 12px}
#settings-workspace .settings-subpanel:last-child{margin-bottom:0}
.theme-settings-controls{display:grid;grid-template-columns:minmax(180px,260px) minmax(200px,1fr);align-items:center;gap:10px;margin-top:12px}
.theme-settings-controls label{font-size:13px;font-weight:700}
.theme-settings-controls select{width:100%;max-width:480px}
#settings-workspace .controls{margin:0 0 12px}
#settings-workspace .team-ops{margin:0 0 12px}
#settings-workspace #admin-users-panel[hidden],
#admin-workspace #admin-overview-panel[hidden]{display:none!important}
#admin-workspace .admin-overview{margin:0}
#reports-workspace .operations{margin:0}
#inbox-workspace .inbox{margin:0}
#outcomes-workspace #outcome-workflow-panel{margin:0}
.workspace-section input,.workspace-section select,.workspace-section textarea{max-width:100%}
.workspace-section button{transition:filter .15s ease,transform .15s ease}
.workspace-section button:hover:not(:disabled){filter:brightness(.97)}
.workspace-section button:active:not(:disabled){transform:translateY(1px)}
:where(button,input,select,textarea):focus-visible{outline:3px solid color-mix(in srgb,var(--blue) 45%,white);outline-offset:2px}
@media(max-width:700px){
 .workspace-section-head{align-items:flex-start;flex-direction:column;gap:4px}
 .workspace-section-head h2{font-size:17px}
 #settings-workspace{padding:10px}
 .theme-settings-controls{grid-template-columns:1fr}
 .theme-settings-controls select{max-width:none}
 #conversation-workspace>.chat .messages{min-height:240px}
}
@media(prefers-reduced-motion:reduce){.workspace-section button{transition:none}}


/* AIVOX v3.8 — metallic 3D AI visual system */
:root{--blue:#168cff;--green:#00d4a0;--gold:#e7b34e;--bg:#050b18;--border:rgba(108,177,255,.28);--ink:#eaf3ff;--muted:#9bb0ca;--metal:#101c32;--metal2:#172947;--cyan:#22d3ee;--violet:#8568ff}
html,body{min-height:100%;background:#050b18;color:var(--ink)}
body{background:radial-gradient(ellipse at 70% 0%,#14254a 0%,#070e1d 46%,#040813 100%);font-family:Arial,"Noto Sans Arabic",sans-serif}
header{position:sticky;top:0;z-index:30;padding:12px clamp(16px,2vw,32px);background:linear-gradient(180deg,rgba(13,27,51,.96),rgba(5,12,25,.94));border-bottom:1px solid rgba(73,167,255,.3);box-shadow:0 10px 30px #0005;backdrop-filter:blur(16px)}
.brand,.brand-lockup .brand{color:#f5c96b;text-shadow:0 1px 0 #fff3,0 0 18px #e7b34e44}.brand-mark{background:linear-gradient(145deg,#fff0b0,#d99a2d 45%,#75460e);color:#0b1730;border:1px solid #ffe5a0;box-shadow:inset 0 2px 3px #fff8,0 5px 15px #e7a52d55}
main{width:100%;max-width:none;margin:0;padding:clamp(12px,1.6vw,24px)}
.workspace-section{margin:0 0 22px;scroll-margin-top:90px}.workspace-section-head{padding:8px 4px 12px;border-bottom:1px solid rgba(90,169,255,.22);margin-bottom:14px}.workspace-section-head h2{display:flex;align-items:center;gap:10px;font-size:clamp(18px,1.7vw,24px);color:#f2f7ff;text-shadow:0 2px 12px #168cff30}.workspace-section-head p{color:#9fb4d1}
.workspace-section-head h2:before{content:'✦';display:inline-grid;place-items:center;width:38px;height:38px;border-radius:12px;background:linear-gradient(145deg,#203d67,#0b1428);border:1px solid #3b8ff0;box-shadow:inset 0 1px 2px #ffffff45,0 7px 16px #0007,0 0 16px #168cff28;color:#e9bd5d;text-shadow:0 0 12px #ffd56b}
#conversation-workspace .workspace-section-head h2:before{content:'◉';color:#42dfff}#inbox-workspace .workspace-section-head h2:before{content:'▣'}#outcomes-workspace .workspace-section-head h2:before{content:'◎'}#admin-workspace .workspace-section-head h2:before{content:'⬡'}#settings-workspace .workspace-section-head h2:before{content:'⚙'}#reports-workspace .workspace-section-head h2:before{content:'▥'}
.panel,.auth-card{background:linear-gradient(145deg,rgba(20,38,67,.96),rgba(7,15,30,.97));border:1px solid rgba(91,171,255,.34);border-radius:16px;box-shadow:inset 0 1px 0 rgba(255,255,255,.10),inset 0 -14px 28px rgba(0,0,0,.16),0 14px 32px rgba(0,0,0,.28),0 0 0 1px rgba(38,105,185,.08);color:#eaf3ff}
.panel h1,.panel h2,.panel h3,.panel strong{color:#f4f8ff}.panel p,.panel small,.small,.workspace-section-head p{color:#9bb0ca}
select,input,textarea{background:linear-gradient(145deg,#152641,#0b172b);border:1px solid #355273;color:#f0f6ff;border-radius:10px;box-shadow:inset 0 2px 5px #0004}select:focus,input:focus,textarea:focus{outline:2px solid #20b8ff;outline-offset:1px;border-color:#22d3ee}
button{background:linear-gradient(145deg,#31a9ff,#0755c7);border:1px solid #5bc9ff;color:white;border-radius:10px;box-shadow:inset 0 1px 1px #ffffff65,0 5px 0 #073875,0 9px 18px #006dce38;transition:transform .16s ease,filter .16s ease,box-shadow .16s ease;font-weight:700}
button:hover:not(:disabled){filter:brightness(1.13);transform:translateY(-2px);box-shadow:inset 0 1px 1px #ffffff80,0 7px 0 #073875,0 13px 24px #006dce4a}
button:active:not(:disabled){transform:translateY(2px);box-shadow:inset 0 2px 5px #0005,0 2px 0 #073875}
button.secondary,.quick button{background:linear-gradient(145deg,#243958,#111e33);border:1px solid #47688e;color:#d9e9ff;box-shadow:inset 0 1px 0 #ffffff22,0 4px 10px #0004}
.metrics>div,.report-kpi,.performance-card,.queue-item,.inbox-item,.outcome-workflow-list>*,.internal-note{background:linear-gradient(145deg,rgba(24,47,79,.94),rgba(8,18,34,.96));border:1px solid rgba(88,161,232,.34);border-radius:13px;box-shadow:inset 0 1px 0 #ffffff18,0 7px 16px #0003;color:#eaf3ff}
.metrics strong,.report-kpi strong{color:#63c8ff;text-shadow:0 0 12px #168cff42}.metrics span,.report-kpi span{color:#a9bfd9}.messages{background:linear-gradient(135deg,#071226,#101e37);border:1px solid #2e527d;border-radius:14px}.bubble{box-shadow:inset 0 1px 0 #ffffff20,0 5px 12px #0003;border:1px solid #385b82}.bubble.user{background:linear-gradient(145deg,#1b416d,#102746);color:#e7f4ff}.bubble.assistant{background:linear-gradient(145deg,#164c54,#0c2d3c);color:#dffdf6;border-color:#1d8b92}
.inbox-item.selected,.queue-item:hover{border-color:#27baff;box-shadow:inset 0 1px 0 #ffffff25,0 0 0 1px #168cff44,0 0 18px #168cff26}.agent-performance{background:linear-gradient(145deg,#111f35,#0a1323);border:1px solid #2e4b6c}.auth-userbar{padding:10px 14px;border:1px solid #29486d;border-radius:12px;background:#0c182b}
/* Full-screen cinematic sign-in background with a real foreground login form. */
body.auth-required{min-height:100vh;overflow:hidden}body.auth-required header{display:none!important}body.auth-required main{min-height:100vh;margin:0;padding:0;max-width:none}body.auth-required main> :not(#auth-userbar):not(#auth-gate){display:none!important}body.auth-required #auth-userbar{display:none!important}body.auth-required footer{display:none!important}
.auth-gate{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:flex-start;padding:clamp(18px,5vw,80px);overflow:auto;background:linear-gradient(90deg,rgba(3,8,20,.18) 0%,rgba(3,8,20,.28) 38%,rgba(3,8,20,.82) 62%,rgba(3,8,20,.91) 100%),url('/aivox-login-bg.webp?v=4.0') center center/cover no-repeat}
.auth-gate[hidden]{display:none!important}.auth-card{width:min(440px,100%);margin:0 0 0 auto;padding:clamp(24px,3vw,38px);background:linear-gradient(145deg,rgba(12,27,50,.90),rgba(4,12,27,.90));border:1px solid rgba(103,190,255,.62);border-radius:22px;backdrop-filter:blur(22px);box-shadow:inset 0 1px 0 #ffffff35,0 24px 70px #0009,0 0 40px #167bff24;direction:rtl;text-align:right}
.auth-card::before{color:#f3c76a;text-shadow:0 0 18px #e7b34e55}.auth-card::after{color:#b8cce5;border-color:#284565}.auth-card h2{color:#f4f8ff}.auth-card p,.auth-card small{color:#a8bed9}.auth-card label{color:#dcecff}.auth-card input,.auth-card select{background:rgba(8,20,39,.82);border-color:#3d628c;color:#f4f8ff}.auth-card button{background:linear-gradient(110deg,#ffe3a0,#d99a2d 48%,#fff0b8);border:1px solid #ffe7a6;color:#14233a;box-shadow:inset 0 1px 2px #fff9,0 5px 0 #7c5018,0 12px 25px #d99a2d33}.auth-card button:hover{background:linear-gradient(110deg,#fff0bd,#e6ae43,#fff4c8)}.auth-card .auth-error:not(:empty){background:#451b2b;color:#ffd8df}
body:not(.auth-required) header .tag{padding:8px 12px;border-radius:999px;border:1px solid #315a83;background:#0c1a2e;color:#7ddcff}body:not(.auth-required) .brand span{color:#a7bdd8}
footer{color:#829bb8}
@media(min-width:1200px){main{padding:18px 22px}.messages{height:min(42vh,500px);min-height:300px}}
@media(max-width:760px){.auth-gate{justify-content:center;padding:14px;background:linear-gradient(0deg,rgba(3,8,20,.72),rgba(3,8,20,.48)),url('/aivox-login-bg.webp?v=4.0') 34% center/cover no-repeat}.auth-card{margin:auto;width:min(440px,100%);padding:23px 20px}.workspace-section-head h2:before{width:32px;height:32px}.panel{padding:14px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}


/* AIVOX v3.8 — metallic 3D AI visual system */
:root{--blue:#168cff;--green:#00d4a0;--gold:#e7b34e;--bg:#050b18;--border:rgba(108,177,255,.28);--ink:#eaf3ff;--muted:#9bb0ca;--metal:#101c32;--metal2:#172947;--cyan:#22d3ee;--violet:#8568ff}
html,body{min-height:100%;background:#050b18;color:var(--ink)}
body{background:radial-gradient(ellipse at 70% 0%,#14254a 0%,#070e1d 46%,#040813 100%);font-family:Arial,"Noto Sans Arabic",sans-serif}
header{position:sticky;top:0;z-index:30;padding:12px clamp(16px,2vw,32px);background:linear-gradient(180deg,rgba(13,27,51,.96),rgba(5,12,25,.94));border-bottom:1px solid rgba(73,167,255,.3);box-shadow:0 10px 30px #0005;backdrop-filter:blur(16px)}
.brand,.brand-lockup .brand{color:#f5c96b;text-shadow:0 1px 0 #fff3,0 0 18px #e7b34e44}.brand-mark{background:linear-gradient(145deg,#fff0b0,#d99a2d 45%,#75460e);color:#0b1730;border:1px solid #ffe5a0;box-shadow:inset 0 2px 3px #fff8,0 5px 15px #e7a52d55}
main{width:100%;max-width:none;margin:0;padding:clamp(12px,1.6vw,24px)}
.workspace-section{margin:0 0 22px;scroll-margin-top:90px}.workspace-section-head{padding:8px 4px 12px;border-bottom:1px solid rgba(90,169,255,.22);margin-bottom:14px}.workspace-section-head h2{display:flex;align-items:center;gap:10px;font-size:clamp(18px,1.7vw,24px);color:#f2f7ff;text-shadow:0 2px 12px #168cff30}.workspace-section-head p{color:#9fb4d1}
.workspace-section-head h2:before{content:'✦';display:inline-grid;place-items:center;width:38px;height:38px;border-radius:12px;background:linear-gradient(145deg,#203d67,#0b1428);border:1px solid #3b8ff0;box-shadow:inset 0 1px 2px #ffffff45,0 7px 16px #0007,0 0 16px #168cff28;color:#e9bd5d;text-shadow:0 0 12px #ffd56b}
#conversation-workspace .workspace-section-head h2:before{content:'◉';color:#42dfff}#inbox-workspace .workspace-section-head h2:before{content:'▣'}#outcomes-workspace .workspace-section-head h2:before{content:'◎'}#admin-workspace .workspace-section-head h2:before{content:'⬡'}#settings-workspace .workspace-section-head h2:before{content:'⚙'}#reports-workspace .workspace-section-head h2:before{content:'▥'}
.panel,.auth-card{background:linear-gradient(145deg,rgba(20,38,67,.96),rgba(7,15,30,.97));border:1px solid rgba(91,171,255,.34);border-radius:16px;box-shadow:inset 0 1px 0 rgba(255,255,255,.10),inset 0 -14px 28px rgba(0,0,0,.16),0 14px 32px rgba(0,0,0,.28),0 0 0 1px rgba(38,105,185,.08);color:#eaf3ff}
.panel h1,.panel h2,.panel h3,.panel strong{color:#f4f8ff}.panel p,.panel small,.small,.workspace-section-head p{color:#9bb0ca}
select,input,textarea{background:linear-gradient(145deg,#152641,#0b172b);border:1px solid #355273;color:#f0f6ff;border-radius:10px;box-shadow:inset 0 2px 5px #0004}select:focus,input:focus,textarea:focus{outline:2px solid #20b8ff;outline-offset:1px;border-color:#22d3ee}
button{background:linear-gradient(145deg,#31a9ff,#0755c7);border:1px solid #5bc9ff;color:white;border-radius:10px;box-shadow:inset 0 1px 1px #ffffff65,0 5px 0 #073875,0 9px 18px #006dce38;transition:transform .16s ease,filter .16s ease,box-shadow .16s ease;font-weight:700}
button:hover:not(:disabled){filter:brightness(1.13);transform:translateY(-2px);box-shadow:inset 0 1px 1px #ffffff80,0 7px 0 #073875,0 13px 24px #006dce4a}
button:active:not(:disabled){transform:translateY(2px);box-shadow:inset 0 2px 5px #0005,0 2px 0 #073875}
button.secondary,.quick button{background:linear-gradient(145deg,#243958,#111e33);border:1px solid #47688e;color:#d9e9ff;box-shadow:inset 0 1px 0 #ffffff22,0 4px 10px #0004}
.metrics>div,.report-kpi,.performance-card,.queue-item,.inbox-item,.outcome-workflow-list>*,.internal-note{background:linear-gradient(145deg,rgba(24,47,79,.94),rgba(8,18,34,.96));border:1px solid rgba(88,161,232,.34);border-radius:13px;box-shadow:inset 0 1px 0 #ffffff18,0 7px 16px #0003;color:#eaf3ff}
.metrics strong,.report-kpi strong{color:#63c8ff;text-shadow:0 0 12px #168cff42}.metrics span,.report-kpi span{color:#a9bfd9}.messages{background:linear-gradient(135deg,#071226,#101e37);border:1px solid #2e527d;border-radius:14px}.bubble{box-shadow:inset 0 1px 0 #ffffff20,0 5px 12px #0003;border:1px solid #385b82}.bubble.user{background:linear-gradient(145deg,#1b416d,#102746);color:#e7f4ff}.bubble.assistant{background:linear-gradient(145deg,#164c54,#0c2d3c);color:#dffdf6;border-color:#1d8b92}
.inbox-item.selected,.queue-item:hover{border-color:#27baff;box-shadow:inset 0 1px 0 #ffffff25,0 0 0 1px #168cff44,0 0 18px #168cff26}.agent-performance{background:linear-gradient(145deg,#111f35,#0a1323);border:1px solid #2e4b6c}.auth-userbar{padding:10px 14px;border:1px solid #29486d;border-radius:12px;background:#0c182b}
/* Full-screen cinematic sign-in background with a real foreground login form. */
body.auth-required{min-height:100vh;overflow:hidden}body.auth-required header{display:none!important}body.auth-required main{min-height:100vh;margin:0;padding:0;max-width:none}body.auth-required main> :not(#auth-userbar):not(#auth-gate){display:none!important}body.auth-required #auth-userbar{display:none!important}body.auth-required footer{display:none!important}
.auth-gate{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:flex-start;padding:clamp(18px,5vw,80px);overflow:auto;background:linear-gradient(90deg,rgba(3,8,20,.18) 0%,rgba(3,8,20,.28) 38%,rgba(3,8,20,.82) 62%,rgba(3,8,20,.91) 100%),url('/aivox-login-bg.webp?v=4.0') center center/cover no-repeat}
.auth-gate[hidden]{display:none!important}.auth-card{width:min(440px,100%);margin:0 0 0 auto;padding:clamp(24px,3vw,38px);background:linear-gradient(145deg,rgba(12,27,50,.90),rgba(4,12,27,.90));border:1px solid rgba(103,190,255,.62);border-radius:22px;backdrop-filter:blur(22px);box-shadow:inset 0 1px 0 #ffffff35,0 24px 70px #0009,0 0 40px #167bff24;direction:rtl;text-align:right}
.auth-card::before{color:#f3c76a;text-shadow:0 0 18px #e7b34e55}.auth-card::after{color:#b8cce5;border-color:#284565}.auth-card h2{color:#f4f8ff}.auth-card p,.auth-card small{color:#a8bed9}.auth-card label{color:#dcecff}.auth-card input,.auth-card select{background:rgba(8,20,39,.82);border-color:#3d628c;color:#f4f8ff}.auth-card button{background:linear-gradient(110deg,#ffe3a0,#d99a2d 48%,#fff0b8);border:1px solid #ffe7a6;color:#14233a;box-shadow:inset 0 1px 2px #fff9,0 5px 0 #7c5018,0 12px 25px #d99a2d33}.auth-card button:hover{background:linear-gradient(110deg,#fff0bd,#e6ae43,#fff4c8)}.auth-card .auth-error:not(:empty){background:#451b2b;color:#ffd8df}
body:not(.auth-required) header .tag{padding:8px 12px;border-radius:999px;border:1px solid #315a83;background:#0c1a2e;color:#7ddcff}body:not(.auth-required) .brand span{color:#a7bdd8}
footer{color:#829bb8}
@media(min-width:1200px){main{padding:18px 22px}.messages{height:min(42vh,500px);min-height:300px}}
@media(max-width:760px){.auth-gate{justify-content:center;padding:14px;background:linear-gradient(0deg,rgba(3,8,20,.72),rgba(3,8,20,.48)),url('/aivox-login-bg.webp?v=4.0') 34% center/cover no-repeat}.auth-card{margin:auto;width:min(440px,100%);padding:23px 20px}.workspace-section-head h2:before{width:32px;height:32px}.panel{padding:14px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}


/* AIVOX v3.9: temporary windowed layout + readable contrast + refreshed AI login backdrop */
:root{color-scheme:dark;--ink:#edf4ff;--muted:#b7c6dc;--border:#36506f}
html,body{min-height:100%;height:auto;overflow-x:hidden;overflow-y:auto;background:#071225;color:#edf4ff}
body{background:radial-gradient(ellipse at 18% 0%,#18365a 0%,#09162a 48%,#050b16 100%);line-height:1.55}
/* Temporarily revert full-screen mode: retain normal page header, margins and scrolling. */
body.auth-required{min-height:100vh;height:auto;overflow-x:hidden;overflow-y:auto}
body.auth-required header{display:flex!important;justify-content:space-between!important;padding:14px clamp(16px,3vw,38px)!important}
body.auth-required main{width:auto!important;max-width:1160px!important;min-height:0!important;margin:22px auto!important;padding:0 16px!important}
body.auth-required footer{display:block!important}
body.auth-required main> :not(#auth-userbar):not(#auth-gate){display:none!important}
.auth-gate{position:relative!important;inset:auto!important;z-index:5!important;min-height:620px;height:auto!important;max-width:1240px;margin:20px auto!important;padding:clamp(20px,4vw,52px)!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;overflow:hidden!important;border:1px solid #355b83;border-radius:20px!important;background:linear-gradient(90deg,rgba(4,12,25,.12) 0%,rgba(4,12,25,.24) 36%,rgba(4,12,25,.78) 62%,rgba(4,12,25,.92) 100%),url('/aivox-login-bg-v3-9.webp?v=4.0') 35% center/cover no-repeat!important;box-shadow:0 18px 45px rgba(0,0,0,.28)}
.auth-gate[hidden]{display:none!important}
.auth-card{color:#172b45!important;background:linear-gradient(145deg,rgba(255,255,255,.97),rgba(241,247,255,.97))!important;border:1px solid rgba(255,255,255,.92)!important;box-shadow:0 18px 48px rgba(0,12,35,.38)!important;backdrop-filter:blur(14px)!important}
.auth-card h2,.auth-card strong{color:#102a4c!important}.auth-card p,.auth-card small{color:#536983!important}.auth-card label{color:#203d60!important}.auth-card input,.auth-card select{background:#fff!important;color:#172b45!important;border:1px solid #b9c9dc!important;box-shadow:inset 0 1px 2px rgba(15,40,70,.05)!important}.auth-card input::placeholder{color:#667b96!important}.auth-card button[type=submit]{background:linear-gradient(135deg,#238cff,#1553ad)!important;color:#fff!important;border:1px solid #5aaeff!important;box-shadow:0 5px 0 #103d79,0 10px 22px #0b5dcc35!important}.auth-card .auth-error:not(:empty){color:#8f1230!important;background:#fff0f2!important}
/* Consistent contrast for all panels, labels, status chips and controls in the dark metallic workspace. */
.panel,.metrics>div,.report-kpi,.performance-card,.queue-item,.inbox-item,.outcome-workflow-list>*,.internal-note,.agent-performance{color:#edf4ff!important}
.panel h1,.panel h2,.panel h3,.panel h4,.panel strong,.workspace-section-head h2{color:#f7faff!important}
.panel p,.panel small,.panel label,.panel .small,.workspace-section-head p,.muted,.meta{color:#b7c6dc!important}
input,select,textarea{background:#10213a!important;color:#f2f7ff!important;border-color:#49688d!important}input::placeholder,textarea::placeholder{color:#b0bfd3!important;opacity:1}
button.secondary,.quick button{color:#f0f6ff!important;background:linear-gradient(145deg,#263e5c,#13243c)!important;border-color:#526f91!important}
.bubble.user{color:#f3f8ff!important}.bubble.assistant{color:#eafffb!important}.notice{background:#342a13!important;color:#ffe7a0!important;border-color:#826627!important}
@media(max-width:760px){.auth-gate{min-height:560px!important;margin:12px!important;padding:16px!important;justify-content:center!important;background:linear-gradient(0deg,rgba(4,12,25,.62),rgba(4,12,25,.24)),url('/aivox-login-bg-v3-9.webp?v=4.0') center/cover no-repeat!important}.auth-card{margin:auto!important;width:min(440px,100%)!important}.body.auth-required header{padding:12px!important}}


/* AIVOX v4.0 — accessible centralized design tokens */
:root{--ui-font:Inter,'Segoe UI',Tahoma,Arial,sans-serif;--ui-font-size:14px;--ui-icon-size:20px;--ui-logo-size:44px}
body{font-family:var(--ui-font)!important;font-size:var(--ui-font-size)}
.brand-mark{width:var(--ui-logo-size);height:var(--ui-logo-size);flex-basis:var(--ui-logo-size)}
button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid color-mix(in srgb,var(--accent,#06b6d4) 45%,transparent);outline-offset:2px}
.design-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}
.design-controls>label{display:flex;flex-direction:column;gap:7px;padding:12px;border:1px solid var(--border);border-radius:10px;background:rgba(255,255,255,.78);font-size:13px;font-weight:700;min-width:0}
.design-controls input[type=color]{width:100%;height:42px;padding:3px;cursor:pointer}.design-controls input[type=range]{width:100%;accent-color:var(--accent,#06b6d4)}
.design-controls select,.design-controls input[type=file]{width:100%;min-width:0}.design-actions{grid-column:1/-1;display:flex;align-items:center;gap:9px;flex-wrap:wrap}.design-note{grid-column:1/-1;line-height:1.8}
.password-wrap{display:flex!important;flex-direction:row!important;align-items:stretch!important;gap:6px!important}.password-wrap input{flex:1!important;min-width:0!important}.password-toggle{width:48px!important;min-width:48px!important;margin:0!important;padding:0!important;background:#eef3fb!important;color:#1e4f91!important;box-shadow:none!important;border:1px solid #cbd5e1!important;font-size:20px!important}
.auth-links{display:flex;justify-content:flex-start;margin-top:8px}.link-button{background:transparent!important;color:#1e4f91!important;box-shadow:none!important;padding:6px 0!important;text-decoration:underline}.auth-methods{display:flex;flex-wrap:wrap;gap:7px;align-items:center;margin-top:12px;padding-top:10px;border-top:1px solid #e7edf5}.auth-methods span{width:100%;font-size:11px;color:#667085}.auth-methods button{font-size:11px;padding:7px 10px;box-shadow:none!important}
.recovery-dialog{width:min(460px,calc(100% - 28px));border:1px solid #d7e0ec;border-radius:16px;padding:22px;color:#172b45;box-shadow:0 22px 70px #0b1d3a30}.recovery-dialog::backdrop{background:#07172bb3}.recovery-dialog p{line-height:1.8}
.chart-panel{margin:14px 0;padding:16px;border:1px solid var(--border);border-radius:14px;background:var(--panel-bg,#fff)}.chart-panel h3{margin:0 0 14px}.outcome-bars{display:grid;gap:10px}.outcome-bar-row{display:grid;grid-template-columns:minmax(95px,160px) minmax(60px,1fr) 40px;gap:10px;align-items:center;font-size:12px}.outcome-bar-row>span{overflow-wrap:anywhere}.outcome-bar-track{height:16px;border-radius:999px;background:#edf2f8;overflow:hidden}.outcome-bar{height:100%;min-width:2px;border-radius:999px;background:linear-gradient(90deg,var(--accent,#06b6d4),var(--blue,#1e4f91));animation:bar-in .55s ease both}.outcome-bar-row strong{text-align:end;color:var(--ink)}@keyframes bar-in{from{width:0;opacity:.45}to{opacity:1}}
#auth-gate{background-image:linear-gradient(90deg,rgba(5,17,38,.12),rgba(5,17,38,.45)),var(--login-custom-bg,url('/aivox-login-bg.webp?v=4.0'))!important;background-position:center!important;background-size:cover!important;background-repeat:no-repeat!important}
body[data-theme="gold-blue"]{--blue:#1e4f91;--accent:#1e4f91;--accent2:#d9a21b;--gold:#d9a21b;--bg:#f3f5f7;--border:#dce4ee;--ink:#172b45;--muted:#5c6c82}
body[data-theme="gold-blue"] .brand-mark{background:linear-gradient(145deg,#102b50,#1e4f91 55%,#d9a21b)}
body[data-theme="gold-blue"] button:not(.secondary):not(.link-button){background:linear-gradient(135deg,#1e4f91,#2d65a8)}
@media(max-width:650px){.design-controls{grid-template-columns:1fr}.outcome-bar-row{grid-template-columns:90px minmax(40px,1fr) 28px;gap:6px}.auth-methods{align-items:stretch}.auth-methods button{flex:1}}

:root{--ui-icon-size:20px}.icon,.lucide,svg.icon,button.icon-button,[data-icon]{width:var(--ui-icon-size);height:var(--ui-icon-size);max-width:100%;max-height:100%}.brand-lockup{align-items:center}.brand-lockup .brand{font-size:calc(var(--ui-font-size) + 11px)}

body,h1,h2,h3,h4,p,label,span,td,th{color:var(--ink)}.small,.muted,.brand span,.workspace-section-head p{color:var(--muted)}button:not(.secondary):not(.link-button){color:#fff}.auth-card h2{color:#172b45!important}.auth-card p,.auth-card label{color:#344054!important}

/* AIVOX v4.1 corrective baseline: light, windowed layout and readable controls */
:root{color-scheme:light;--bg:#f3f5f7;--border:#dce4ee;--ink:#172b45;--muted:#5c6c82;--blue:#1e4f91;--accent:#1e4f91;--accent2:#d9a21b;--gold:#d9a21b}
html,body{min-height:100%;height:auto;overflow-x:hidden;background:#f3f5f7!important;color:#172b45!important}
body{background:linear-gradient(135deg,#f3f5f7,#eaf0f8 65%,#f8fafc)!important;color:#172b45!important}
header{position:relative;background:#fff!important;color:#172b45!important;border-bottom:1px solid #dce4ee!important;box-shadow:0 2px 10px #14213d0a!important;backdrop-filter:none!important}
.brand,.brand-lockup .brand{color:#1e4f91!important;text-shadow:none!important}
.brand span{color:#5c6c82!important}
main{width:auto!important;max-width:1280px!important;margin:20px auto!important;padding:0 18px!important}
.panel,.settings-subpanel,.team-ops,.agent-performance,.outcome-workflow,.chat,.info{background:#fff!important;color:#172b45!important;border:1px solid #dce4ee!important;box-shadow:0 4px 18px #14213d0b!important}
.workspace-section-head h2{color:#1e4f91!important;text-shadow:none!important}
.workspace-section-head p,.small,.muted{color:#5c6c82!important}
.workspace-section-head h2:before{background:#eaf0f8!important;border:1px solid #c7d7eb!important;box-shadow:none!important;color:#1e4f91!important;text-shadow:none!important}
#settings-workspace{background:#fff!important;border-color:#dce4ee!important}
#settings-workspace .theme-settings,#settings-workspace .design-controls>label{background:#f8fafc!important;color:#172b45!important;border-color:#dce4ee!important}
#settings-workspace h2,#settings-workspace h3,#settings-workspace p,#settings-workspace label,#settings-workspace span{color:#172b45!important;text-shadow:none!important}
#settings-workspace .small,#settings-workspace .workspace-section-head p{color:#5c6c82!important}
select,input,textarea{background:#fff!important;color:#172b45!important;border-color:#cbd5e1!important;color-scheme:light!important}
label{color:#344054!important}
button:not(:disabled){text-shadow:none!important}
.secondary,.quick button{background:#edf2f7!important;color:#23344d!important;border:1px solid #d6deea!important}
.tag{background:#edf4fc!important;color:#1e4f91!important}
.auth-gate{background:radial-gradient(ellipse at 20% 20%,rgba(30,79,145,.10),transparent 45%),linear-gradient(135deg,#eaf0f8,#f8fafc 58%,#e5edf7)!important}
.auth-gate[style*="--login-custom-bg"]{background-image:linear-gradient(90deg,rgba(6,18,39,.22),rgba(248,250,252,.52)),var(--login-custom-bg)!important;background-size:cover!important;background-position:center!important}
.auth-card{background:#fff!important;color:#172b45!important;border:1px solid #dce4ee!important;box-shadow:0 24px 60px rgba(20,43,77,.16)!important}
.auth-card h2{color:#172b45!important}.auth-card p,.auth-card label{color:#344054!important}.auth-card small{color:#5c6c82!important}
.auth-methods button:disabled{background:#edf2f7!important;color:#64748b!important}
.header-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.ui-language-label{font-size:12px;font-weight:700;color:#344054!important}.header-tools #ui-language{max-width:150px;padding:8px 10px}
.brand-mark img{display:block;width:100%;height:100%;object-fit:contain;border-radius:inherit}
@media(max-width:700px){main{margin:12px auto!important;padding:0 10px!important}.header-tools{justify-content:flex-start}.ui-language-label{font-size:11px}}


/* v4.2 — Top section navigation: one workspace at a time */
.section-nav[hidden]{display:none!important}
.section-nav{position:sticky;top:0;z-index:30;display:flex;align-items:stretch;gap:10px;margin:0 0 22px;padding:12px;background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(243,247,252,.97));border:1px solid #dbe4ef;border-radius:16px;box-shadow:0 10px 28px rgba(23,48,82,.09);overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin;backdrop-filter:blur(14px)}
.nav-group{display:flex;flex-direction:column;gap:7px;flex:0 0 auto;min-width:max-content;padding-inline:8px;border-inline-start:1px solid #e1e8f1}
.nav-group:first-child{border-inline-start:0;padding-inline-start:2px}
.nav-group-label{padding-inline:8px;color:#718198;font-size:11px;font-weight:800;letter-spacing:.04em;line-height:1.2;white-space:nowrap}
.nav-group-items{display:flex;align-items:center;gap:5px}
.section-nav-tab{appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;flex:0 0 auto;min-height:42px;padding:9px 12px;border:1px solid transparent;border-radius:10px;background:transparent;color:#233a59;font:inherit;font-size:13px;font-weight:750;white-space:nowrap;cursor:pointer;transition:background .16s ease,border-color .16s ease,transform .16s ease}
.section-nav-tab:hover{background:#edf4fc;border-color:#d4e2f4}
.section-nav-tab:focus-visible{outline:3px solid #78b8ff;outline-offset:2px}
.section-nav-tab.is-active{background:linear-gradient(135deg,#1e4f91,#2c6bb5);color:#fff;border-color:#1e4f91;box-shadow:0 5px 14px rgba(30,79,145,.22)}
.section-nav-tab .nav-icon{display:inline-grid;place-items:center;width:25px;height:25px;border-radius:7px;background:rgba(30,79,145,.09);font-size:19px;line-height:1}
.section-nav-tab.is-active .nav-icon{background:rgba(255,255,255,.18)}
.workspace-section[hidden]{display:none!important}
@media(max-width:900px){.section-nav{align-items:stretch;padding:9px;gap:6px}.nav-group{padding-inline:6px}.nav-group-items{gap:3px}.section-nav-tab{padding:8px 10px;min-height:40px;font-size:12px}.section-nav-tab .nav-icon{width:22px;height:22px;font-size:16px}}
@media(max-width:600px){.section-nav{margin-inline:-2px;padding:8px;gap:5px}.nav-group-label{font-size:10px}.section-nav-tab{padding:8px 9px;min-height:40px;font-size:12px}}
@media(prefers-reduced-motion:reduce){.section-nav-tab{transition:none}}


/* AIVOX v4.3 — full-viewport login artwork with compact header controls */
body.auth-required{
  min-height:100vh;
  overflow-x:hidden;
  background:#f3f5f7;
}
body.auth-required header{
  position:fixed!important;
  inset:0 0 auto 0!important;
  z-index:2147483001!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:16px!important;
  min-height:78px!important;
  padding:10px clamp(14px,2.4vw,34px)!important;
  background:rgba(255,255,255,.97)!important;
  border-bottom:1px solid #dbe4ef!important;
  box-shadow:0 4px 18px rgba(15,35,65,.10)!important;
  backdrop-filter:blur(14px);
}
body.auth-required header .brand-lockup{margin-inline-start:auto}
body.auth-required header .brand{color:#1e4f91!important}
body.auth-required header .brand span{color:#5c6c82!important}
body.auth-required header .brand-mark{box-shadow:0 4px 12px rgba(30,79,145,.22)}
body.auth-required header .header-tools{margin-inline-end:auto;gap:0!important}
body.auth-required header .ui-language-label{display:none!important}
body.auth-required header #ui-language{
  width:44px!important;min-width:44px!important;max-width:44px!important;
  height:44px!important;padding:0!important;
  color:transparent!important;text-shadow:none!important;
  font-size:0!important;line-height:0!important;
  appearance:none!important;-webkit-appearance:none!important;
  border:1px solid #cbd8e8!important;border-radius:13px!important;
  cursor:pointer!important;
  background-color:#fff!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%231e4f91' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M3 12h18M12 3a15 15 0 0 1 0 18M12 3a15 15 0 0 0 0 18'/%3E%3C/svg%3E")!important;
  background-repeat:no-repeat!important;background-position:center!important;background-size:23px 23px!important;
  box-shadow:0 3px 10px rgba(30,79,145,.10)!important;
}
body.auth-required header #ui-language option{
  color:#172b45!important;font-size:14px!important;
}
body.auth-required main{
  max-width:none!important;width:100%!important;
  min-height:100vh!important;margin:0!important;padding:0!important;
}
body.auth-required #auth-gate{
  position:fixed!important;inset:0!important;
  width:100vw!important;height:100vh!important;height:100dvh!important;
  max-width:none!important;max-height:none!important;
  margin:0!important;padding:96px clamp(14px,3vw,36px) 24px!important;
  border:0!important;border-radius:0!important;
  overflow:auto!important;box-sizing:border-box!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  background-color:#0b1930!important;
  background-image:linear-gradient(90deg,rgba(5,17,38,.20),rgba(5,17,38,.34)),url('/aivox-login-bg.webp?v=4.3')!important;
  background-size:cover!important;background-position:center center!important;background-repeat:no-repeat!important;
}
body.auth-required #auth-gate[hidden]{display:none!important}
body.auth-required .auth-card{
  position:relative!important;z-index:1!important;
  width:min(440px,calc(100vw - 28px))!important;
  max-height:calc(100dvh - 120px)!important;overflow-y:auto!important;
  margin:auto!important;background:rgba(255,255,255,.98)!important;
  color:#172b45!important;border:1px solid rgba(255,255,255,.8)!important;
  box-shadow:0 22px 64px rgba(2,10,25,.32)!important;
}
body.auth-required .auth-card h2{color:#172b45!important}
body.auth-required .auth-card p,
body.auth-required .auth-card label{color:#344054!important}
body.auth-required .auth-card input,
body.auth-required .auth-card select{background:#fff!important;color:#172b45!important}
@media(max-width:600px){
  body.auth-required header{min-height:66px!important;padding:8px 12px!important}
  body.auth-required header .brand{font-size:21px!important}
  body.auth-required header .brand span{font-size:9px!important}
  body.auth-required header .brand-mark{width:38px!important;height:38px!important;flex-basis:38px!important}
  body.auth-required #auth-gate{padding:82px 12px 16px!important;background-position:center!important}
  body.auth-required .auth-card{padding:22px 18px!important;max-height:calc(100dvh - 98px)!important}
}


/* AIVOX v4.6 — Brand-metallic cards, legible contrast, and clear interactive affordances */
:root{
 --aivox-metal-navy:#102642;
 --aivox-metal-blue:#1e4f91;
 --aivox-metal-blue2:#2c659f;
 --aivox-metal-cyan:#22d3ee;
 --aivox-metal-gold:#d9a21b;
 --aivox-card-text:#f8fbff;
 --aivox-card-muted:#d7e4f4;
 --aivox-card-border:rgba(191,219,254,.48);
}
/* Shared metallic identity for card-like components across the workspace. */
.metrics>div,
.inbox-item,
.queue-item,
.performance-card,
.report-kpi,
.report-result .report-kpi,
.agent-performance,
.team-ops .performance-card,
.section-card,
.outcome-card,
.admin-card,
.settings-card,
.dashboard-card{
 background:linear-gradient(145deg,#263f5e 0%,#18314f 44%,#10233c 100%);
 color:var(--aivox-card-text);
 border:1px solid var(--aivox-card-border);
 box-shadow:inset 0 1px 0 rgba(255,255,255,.13),0 7px 16px rgba(10,30,55,.16);
 border-radius:12px;
}
.metrics>div{position:relative;overflow:hidden}
.metrics>div:before,
.inbox-item:before,
.queue-item:before,
.performance-card:before,
.report-kpi:before{
 content:"";display:block;position:absolute;inset:0 0 auto;height:2px;
 background:linear-gradient(90deg,transparent,var(--aivox-metal-cyan),var(--aivox-metal-gold),transparent);
 opacity:.85;pointer-events:none;
}
.metrics strong,.report-kpi strong{color:#fff!important;text-shadow:0 1px 1px rgba(0,0,0,.18)}
.metrics span,.inbox-item span,.inbox-item small,.queue-item span,.queue-item small,
.performance-card span,.performance-card small,.report-kpi span,.agent-performance .small,
.team-ops .performance-card span,.team-ops .performance-card small{
 color:var(--aivox-card-muted)!important;
}
.inbox-item,.queue-item{position:relative;overflow:hidden;cursor:pointer;text-decoration:none;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease;background:linear-gradient(145deg,#2b4668 0%,#193453 48%,#10233b 100%)!important;color:#f8fbff!important}
.inbox-item strong,.queue-item strong{color:#fff!important;line-height:1.55}
.inbox-item:hover,.queue-item:hover,
.inbox-item:focus-visible,.queue-item:focus-visible{
 transform:translateY(-2px);border-color:var(--aivox-metal-cyan)!important;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 10px 22px rgba(10,30,55,.25),0 0 0 2px rgba(34,211,238,.14);
 outline:none;
}
.inbox-item.selected{border-color:var(--aivox-metal-gold)!important;box-shadow:inset 0 0 0 1px rgba(217,162,27,.5),0 8px 18px rgba(10,30,55,.2)}
.performance-card{position:relative;overflow:hidden}
.agent-performance{background:linear-gradient(145deg,#f8fbff,#edf3fa)!important;border-color:#d6e1ef!important;color:#172b45!important}
.agent-performance .performance-card{background:linear-gradient(145deg,#2b4668 0%,#193453 48%,#10233b 100%)!important;color:#f8fbff!important}
.report-kpi{position:relative;overflow:hidden}
/* Maintain readable inputs and body text; card styling must not leak into form controls. */
select,input,textarea{color:#172b45}
.panel{background:#fff;color:#172033;border-color:#dce5ef;box-shadow:0 5px 20px rgba(16,38,66,.07)}
.section-nav-tab{transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}
.section-nav-tab:hover,.section-nav-tab:focus-visible{transform:translateY(-1px);box-shadow:0 5px 12px rgba(16,38,66,.14);outline:2px solid rgba(34,211,238,.38);outline-offset:1px}
button:not(:disabled){transition:filter .15s ease,transform .15s ease,box-shadow .15s ease}
button:not(:disabled):hover{filter:brightness(1.07);box-shadow:0 5px 12px rgba(16,38,66,.16)}
button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid rgba(34,211,238,.55);outline-offset:2px}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}
@media(max-width:700px){.metrics>div,.inbox-item,.queue-item,.performance-card,.report-kpi{border-radius:10px}}

.metrics>div.metric-action-card{cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}
.metrics>div.metric-action-card:hover,.metrics>div.metric-action-card:focus-visible{transform:translateY(-2px);border-color:var(--aivox-metal-cyan);box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 10px 22px rgba(10,30,55,.25),0 0 0 2px rgba(34,211,238,.14);outline:none}
.metrics>div.metric-action-card.metric-action-active{border-color:var(--aivox-metal-gold);box-shadow:inset 0 0 0 1px rgba(217,162,27,.5),0 8px 18px rgba(10,30,55,.2)}

/* AIVOX v4.7 — Black typography across the application with light metallic card surfaces. */
:root{--ink:#000000!important;--muted:#222222!important;--aivox-card-text:#000000;--aivox-card-muted:#202020;--aivox-card-border:#b7c4d2;}
body, h1,h2,h3,h4,h5,h6,p,label,span,td,th,small,strong,em,li,summary,legend,dt,dd,
.workspace-section-head h2,.workspace-section-head p,.inbox-head h2,.inbox-head p,
.info h2,.info div,.agent-performance h2,.event,.small,.muted,.tag,.brand span,
.settings-card,.admin-card,.dashboard-card,.section-card,.outcome-card,
.metrics>div,.metrics>div span,.metrics>div strong,.report-kpi,.report-kpi span,.report-kpi strong,
.inbox-item,.inbox-item strong,.inbox-item span,.inbox-item small,
.queue-item,.queue-item strong,.queue-item span,.queue-item small,
.performance-card,.performance-card strong,.performance-card span,.performance-card small,
.team-ops .performance-card,.team-ops .performance-card strong,.team-ops .performance-card span,.team-ops .performance-card small,
.outcome-workflow-list>*,.internal-note,.chart-panel,.chart-panel h3,.outcome-bar-row>span{
 color:#000000!important;text-shadow:none!important;
}
/* Light silver metallic gradient keeps black text legible on every card type. */
.metrics>div,.report-kpi,.performance-card,.team-ops .performance-card,
.section-card,.outcome-card,.admin-card,.settings-card,.dashboard-card,
.outcome-workflow-list>*,.internal-note{
 background:linear-gradient(145deg,#ffffff 0%,#eef2f6 42%,#dfe6ee 72%,#f8fafc 100%)!important;
 color:#000000!important;border:1px solid #b8c5d3!important;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 5px 14px rgba(25,45,70,.12)!important;
}
.inbox-item,.queue-item,.agent-performance .performance-card{
 background:linear-gradient(145deg,#ffffff 0%,#eef2f6 42%,#dfe6ee 72%,#f8fafc 100%)!important;
 color:#000000!important;border:1px solid #b8c5d3!important;
}
.inbox-item strong,.queue-item strong{color:#000000!important}
.metrics strong,.report-kpi strong{color:#000000!important;text-shadow:none!important}
.metrics span,.report-kpi span,.inbox-item span,.inbox-item small,.queue-item span,.queue-item small,
.performance-card span,.performance-card small,.agent-performance .small,.team-ops .performance-card span,.team-ops .performance-card small{
 color:#202020!important;
}
/* Keep primary action buttons high-contrast; the text inside them remains white for accessibility. */
button:not(.secondary):not(.quick button),.section-nav-tab.is-active{color:#ffffff!important}
button.secondary,.quick button{color:#000000!important;background:linear-gradient(145deg,#ffffff,#e2e8f0)!important;border:1px solid #b8c5d3!important}
.auth-card,.auth-card h2,.auth-card p,.auth-card label,.auth-card small{color:#000000!important}
.auth-card input,.auth-card select{color:#000000!important}
.auth-card button[type=submit]{color:#ffffff!important}


/* AIVOX v4.8 — enforce readable black text throughout the light workspace.
   Dark backgrounds on non-action content are converted to light metallic surfaces;
   primary action buttons retain white text for contrast. */
:root{
 --ink:#000000!important;
 --muted:#222222!important;
 --aivox-text:#000000;
 --aivox-muted:#222222;
}
body,body *:not(button):not(button *):not(.brand-mark):not(.dot){
 color:#000000;
}
body{
 color:#000000!important;
}
header, main, .panel, section, article,
.inbox, .operations, .agent-performance, .team-ops,
.internal-notes, .admin-users, .analytics-kpis,
.analytics-table, .report-tools, .report-result,
.metrics, .inbox-list, .queue-list, .performance-grid,
.inbox-item, .queue-item, .performance-card, .report-kpi,
.internal-note, .event, .events, .user-row, .users-list,
.agent-reply, .assignment, .create-user-form {
 color:#000000!important;
}
.panel, section, article, .inbox, .operations, .agent-performance,
.team-ops, .internal-notes, .admin-users, .analytics-kpis,
.analytics-table, .report-tools, .report-result, .metrics,
.inbox-list, .queue-list, .performance-grid, .inbox-item,
.queue-item, .performance-card, .report-kpi, .internal-note,
.event, .events, .user-row, .users-list, .agent-reply,
.assignment, .create-user-form {
 background-color:#ffffff!important;
 background-image:linear-gradient(145deg,#ffffff 0%,#f4f6f9 52%,#e9edf2 100%)!important;
 border-color:#d4dce6!important;
}
.metrics>div,.report-kpi,.performance-card,.inbox-item,.queue-item,
.user-row,.internal-note,.event,.analytics-table th,.analytics-table td {
 color:#000000!important;
}
.metrics strong,.metrics span,.report-kpi strong,.report-kpi span,
.inbox-head h2,.inbox-head p,.info h2,.agent-performance h2,
.inbox-item strong,.inbox-item span,.inbox-item small,
.queue-item strong,.queue-item span,.queue-item small,
.performance-card strong,.performance-card span,.performance-card small,
.events .event,.event small,.internal-note p,.internal-note small,
.small,.tag,.header-tools label,.assignment-feedback {
 color:#000000!important;
}
h1,h2,h3,h4,h5,h6,p,label,small,strong,em,span,div,li,td,th,caption,
.chathead p,.empty,.meta,.state,.notice,.report-result,.analytics-table {
 text-shadow:none!important;
}
.notice{color:#000000!important;background:#fff8e5!important}
button,button *{
 color:#ffffff!important;
}
.secondary,.quick button{
 color:#000000!important;
 background:linear-gradient(145deg,#f7f9fb,#e1e7ee)!important;
}
.auth-card,.auth-card *:not(button):not(button *){
 color:#000000!important;
}
.auth-card button,.auth-card button *{color:#ffffff!important}
a{color:#000000!important}
a:hover{color:#1e4f91!important}
button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{
 outline:3px solid #1e4f91!important;outline-offset:2px;
}


/* AIVOX v4.9 — Fix unreadable conversation canvas and navigation labels/icons. */
/* Keep the whole workspace light; the chat transcript must never pair black text with a navy canvas. */
#conversation-workspace .chat,
#conversation-workspace .chat .messages,
.chat .messages,
.messages {
  background: linear-gradient(145deg,#ffffff 0%,#f5f7fa 55%,#e9eef4 100%) !important;
  color: #000000 !important;
  border: 1px solid #c5d0dc !important;
}
.messages, .messages *:not(button):not(button *) {
  color: #000000 !important;
  text-shadow: none !important;
}
.bubble,
.bubble.user,
.bubble.assistant {
  background: linear-gradient(145deg,#ffffff 0%,#edf2f7 100%) !important;
  color: #000000 !important;
  border: 1px solid #c7d2df !important;
  box-shadow: 0 2px 7px rgba(15,35,60,.08) !important;
}
.bubble.user *, .bubble.assistant *, .bubble.user, .bubble.assistant {
  color: #000000 !important;
}
.chathead, .chathead h2, .chathead p, .chathead small,
#conversation-workspace .workspace-section-head,
#conversation-workspace .workspace-section-head * {
  color: #000000 !important;
  text-shadow: none !important;
}
#conversation-workspace input,
#conversation-workspace textarea,
#conversation-workspace select,
#conversation-workspace input::placeholder,
#conversation-workspace textarea::placeholder {
  color: #000000 !important;
}
#conversation-workspace input::placeholder,
#conversation-workspace textarea::placeholder {
  opacity: .72 !important;
}
/* Navigation tab labels and glyphs must remain visible on white inactive tabs. */
.section-nav-tab,
.section-nav-tab:not(.is-active),
.section-nav-tab:not(.is-active) *,
nav .section-nav-tab,
nav .section-nav-tab:not(.is-active) * {
  color: #000000 !important;
  text-shadow: none !important;
}
.section-nav-tab svg,
.section-nav-tab i,
.section-nav-tab .icon,
.section-nav-tab .nav-icon {
  color: #000000 !important;
  fill: currentColor !important;
  opacity: 1 !important;
}
.section-nav-tab.is-active,
.section-nav-tab.is-active * {
  color: #ffffff !important;
}
.section-nav-tab.is-active svg,
.section-nav-tab.is-active i,
.section-nav-tab.is-active .icon,
.section-nav-tab.is-active .nav-icon {
  color: #ffffff !important;
  fill: currentColor !important;
  opacity: 1 !important;
}
/* Never allow muted text to fade into light surfaces. */
.muted, .small, small, .meta, .state, .tag, .empty,
.event, .event *, .internal-note, .internal-note *,
.admin-list-row, .admin-list-row *, .admin-status-chip {
  color: #202020 !important;
  opacity: 1 !important;
}


/* AIVOX v5.2 — Unified Metallic Identity Cards (approved design reference) */
:root{
  --aivox-ink:#111827;
  --aivox-muted:#263449;
  --aivox-blue-1:#e6f2ff;
  --aivox-blue-2:#bfdcff;
  --aivox-blue-3:#8cbcf0;
  --aivox-blue-4:#2b67ad;
  --aivox-green-1:#e2f8eb;
  --aivox-green-2:#a9e7c0;
  --aivox-green-3:#65c78b;
  --aivox-gold-1:#fff5d4;
  --aivox-gold-2:#f2d27a;
  --aivox-gold-3:#d9a52d;
  --aivox-red-1:#fff0ee;
  --aivox-red-2:#f6c0ba;
  --aivox-red-3:#e17a72;
}
.metrics>div,.admin-metric,.performance-card,.inbox-item,.queue-item,
.admin-list-row,.admin-status-chip,.event,.admin-events-list .event,
.admin-outcome-list>* ,.admin-outcome-summary,.report-result,
.chart-panel,.panel .card,.outcome-workflow-list>*,
.outcome-workflow-list-wrap>* ,.users-list>* ,.notes-list>*,
#agent-settings .performance-card,.settings-subpanel .settings-card{
  color:var(--aivox-ink)!important;
  background:linear-gradient(145deg,#ffffff 0%,#f0f4f8 42%,#dfe7ef 100%)!important;
  border:1px solid #c5d2e0!important;
  border-radius:14px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 5px 13px rgba(20,42,68,.10)!important;
  text-shadow:none!important;
}
.metrics>div{position:relative;overflow:hidden;min-height:86px;padding:14px 16px!important;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}
.metrics>div:nth-child(1){background:linear-gradient(135deg,#e7f3ff 0%,#bddcff 48%,#8cb9e9 100%)!important;border-color:#82acd9!important}
.metrics>div:nth-child(2){background:linear-gradient(135deg,#e7f9ed 0%,#c0ebcf 48%,#8ad4a4 100%)!important;border-color:#8dcba2!important}
.metrics>div:nth-child(3){background:linear-gradient(135deg,#fff8df 0%,#f4df9b 48%,#e6bf55 100%)!important;border-color:#d9b64f!important}
.metrics>div:nth-child(4){background:linear-gradient(135deg,#fff0ee 0%,#f8d0cb 48%,#edaaa3 100%)!important;border-color:#d9918a!important}
.metrics>div strong,.admin-metric strong,#admin-metrics strong{
  display:block!important;color:#000!important;font-size:clamp(27px,2.2vw,38px)!important;line-height:1.1!important;font-weight:850!important;text-shadow:none!important
}
.metrics>div span,.admin-metric span,.metrics>div *:not(strong){color:#111827!important;text-shadow:none!important}
.metrics>div:hover,.metric-action-card:hover,.inbox-item:hover,.queue-item:hover,.performance-card:hover,.admin-list-row:hover{
  transform:translateY(-2px);box-shadow:inset 0 1px 0 rgba(255,255,255,.98),0 9px 19px rgba(20,42,68,.16)!important;border-color:#6c9ccc!important
}
.metric-action-card:focus-visible,.inbox-item:focus-visible,.queue-item:focus-visible,.performance-card:focus-visible,.admin-list-row:focus-visible{
  outline:3px solid #1e4f91!important;outline-offset:3px
}
.metric-action-active{box-shadow:inset 0 0 0 2px #1e4f91,0 5px 14px rgba(30,79,145,.18)!important}
.inbox-item,.queue-item,.performance-card,.admin-list-row,.event,.admin-events-list .event{
  color:#111827!important;padding:13px!important;margin:5px 0!important;transition:transform .16s ease,box-shadow .16s ease!important
}
.inbox-item *, .queue-item *, .performance-card *, .admin-list-row *, .event *, .admin-events-list .event *{
  color:#111827!important;text-shadow:none!important;opacity:1!important
}
.inbox-item strong,.queue-item strong,.performance-card strong,.admin-list-row strong,
.inbox-item .title,.queue-item .title{
  color:#000!important;font-weight:800!important;font-size:1.02rem!important
}
.inbox-item:nth-child(4n+1),.queue-item:nth-child(4n+1),.performance-card:nth-child(4n+1){
  background:linear-gradient(145deg,#e8f3ff,#c5ddf6 58%,#a7c9eb)!important
}
.inbox-item:nth-child(4n+2),.queue-item:nth-child(4n+2),.performance-card:nth-child(4n+2){
  background:linear-gradient(145deg,#e7f8ed,#c5ebd2 58%,#a2d9b5)!important
}
.inbox-item:nth-child(4n+3),.queue-item:nth-child(4n+3),.performance-card:nth-child(4n+3){
  background:linear-gradient(145deg,#fff8df,#f5e3a8 58%,#e9cc70)!important
}
.inbox-item:nth-child(4n),.queue-item:nth-child(4n),.performance-card:nth-child(4n){
  background:linear-gradient(145deg,#fff0ee,#f6d4cf 58%,#eeb6af)!important
}
.admin-events-list .event:nth-child(odd),.admin-outcome-list>*:nth-child(odd),.outcome-workflow-list>*:nth-child(odd){
  background:linear-gradient(145deg,#eaf4ff,#d4e4f5 60%,#c1d4e8)!important
}
.admin-events-list .event:nth-child(even),.admin-outcome-list>*:nth-child(even),.outcome-workflow-list>*:nth-child(even){
  background:linear-gradient(145deg,#ffffff,#edf1f5 60%,#dfe6ed)!important
}
.report-result,.admin-outcome-summary,.chart-panel{
  color:#111827!important;background:linear-gradient(145deg,#fff,#f0f4f8 65%,#e0e8f0)!important
}
.report-result *, .admin-outcome-summary *, .chart-panel *{color:#111827!important;text-shadow:none!important}
.admin-status-chip{display:inline-flex;align-items:center;font-weight:750!important;padding:5px 9px!important}
.workspace-section-head h2,.panel h1,.panel h2,.panel h3,.inbox-head h2,.inbox-head h3,
.settings-subpanel h2,.settings-subpanel h3{color:#000!important;text-shadow:none!important}
.workspace-section-head p,.panel p,.inbox-head p,.settings-subpanel p,.small,.meta,small{color:#202938!important;text-shadow:none!important;opacity:1!important}
.section-nav-tab:not(.is-active),.section-nav-tab:not(.is-active) *{color:#111827!important;opacity:1!important}
.section-nav-tab.is-active,.section-nav-tab.is-active *{color:#fff!important}
button:not(.section-nav-tab){text-shadow:none!important}
button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{
 outline:3px solid #1e4f91!important;outline-offset:2px
}
@media(prefers-reduced-motion:reduce){
 .metrics>div,.inbox-item,.queue-item,.performance-card,.admin-list-row{transition:none!important}
}

/* AIVOX screen-map phase: consistent module cards; screens are UI-only until integrations are approved. */
.channel-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:18px 0 24px}
.channel-card{min-width:0;display:flex;flex-direction:column;align-items:stretch;gap:12px;padding:22px;border-radius:18px;border:1px solid #d8e2ef;background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(244,247,252,.96));box-shadow:0 10px 24px rgba(23,48,82,.08);color:#111827}
.channel-card h3{margin:0;color:#111827;font-size:1.08rem}.channel-card p,.channel-card li{color:#111827;line-height:1.7}.channel-card label{display:grid;gap:6px;color:#111827;font-weight:700}.channel-card input,.channel-card select,.channel-card textarea{width:100%;min-width:0;padding:10px;border:1px solid #cbd5e1;border-radius:9px;background:#fff;color:#111827;font:inherit}.channel-card button{align-self:flex-start}.channel-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0}.metallic-card{padding:18px 14px;border-radius:16px;text-align:center;color:#111827;background:linear-gradient(135deg,#e8eaf0 0%,#fff 20%,#c7d2e2 44%,#f8fafc 60%,#b6c5d8 82%,#eef2f7 100%);border:1px solid #aebdd0;box-shadow:inset 0 1px 0 #fff,0 8px 20px #18395b18}.metallic-card strong{display:block;font-size:clamp(1.35rem,2.5vw,2rem);line-height:1.25;color:#111827}.metallic-card span{display:block;margin-top:8px;font-weight:700;color:#111827}.big-status{font-size:1.8rem;font-weight:900;color:#b45309}.status-pill{display:inline-flex;align-self:flex-start;padding:6px 10px;border-radius:999px;font-weight:800;font-size:.85rem}.status-demo{background:#fff7ed;color:#9a3412;border:1px solid #fed7aa}.skill-tags{display:flex;flex-wrap:wrap;gap:8px}.skill-tags span{padding:7px 12px;border-radius:9px;background:linear-gradient(135deg,#e0e7ff,#f5f3ff);border:1px solid #c7d2fe;color:#111827;font-weight:800}
@media(max-width:900px){.channel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.channel-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.channel-grid{grid-template-columns:1fr}.channel-card{padding:16px}.channel-metrics{gap:8px}.metallic-card{padding:14px 8px}}

/* AIVOX Notifications Center: channel-aware alerts, filters, and responsive cards */
.notification-nav-tab{position:relative}.nav-unread-count{display:inline-flex;align-items:center;justify-content:center;min-width:19px;height:19px;padding:0 5px;border-radius:999px;background:#b42318;color:#fff;font-size:10px;font-weight:800;line-height:1}.notification-metrics .metallic-card{background:linear-gradient(135deg,#fff 0%,#edf3fb 42%,#e2e8f0 100%);border:1px solid #cbd5e1;color:#111827}.notification-metrics .metallic-card strong{color:#111827}.notifications-panel{margin-top:14px}.notification-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:16px 0}.notification-filters label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:700}.notification-filters select{width:100%;min-width:0}.notification-list{display:flex;flex-direction:column;gap:9px}.notification-item{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:start;gap:12px;padding:14px;border:1px solid var(--border);border-right:4px solid #94a3b8;border-radius:12px;background:#fff;color:#111827}.notification-item.unread{background:#f8fbff;border-right-color:var(--blue)}.notification-item.priority-high{border-left:4px solid #dc2626}.notification-channel-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#e0e7ff,#f8fafc);font-size:20px}.notification-item h4{margin:0 0 5px;font-size:14px;color:#111827}.notification-item p{margin:0 0 7px;color:#475467;font-size:13px;line-height:1.6;overflow-wrap:anywhere}.notification-meta{display:flex;flex-wrap:wrap;gap:6px;align-items:center;color:#667085;font-size:11px}.notification-pill{display:inline-flex;align-items:center;border-radius:999px;padding:3px 8px;background:#eef2f7;color:#344054;font-size:10px;font-weight:700}.notification-pill.high{background:#fee4e2;color:#b42318}.notification-pill.unread-pill{background:#dbeafe;color:#1d4ed8}.notification-actions{display:flex;flex-direction:column;gap:6px}.notification-actions button{white-space:nowrap;font-size:11px;padding:7px 9px}.notification-empty{padding:28px;text-align:center;border:1px dashed #cbd5e1;border-radius:12px;color:var(--muted);background:#f8fafc}.notification-demo-note{margin:14px 0 0;padding:10px;border-radius:9px;background:#fff8e5;color:#765b16;font-size:11px;line-height:1.7}.notification-nav-tab .nav-unread-count:empty{display:none}
@media(max-width:700px){.notification-filters{grid-template-columns:1fr}.notification-item{grid-template-columns:36px minmax(0,1fr)}.notification-channel-icon{width:34px;height:34px}.notification-actions{grid-column:2;flex-direction:row;flex-wrap:wrap}.notification-actions button{flex:1}.notifications-panel .inbox-head{align-items:flex-start;flex-direction:column}.notifications-panel .inbox-head button{width:100%}}

/* AIVOX navigation preferences: configurable sidebar/top bar with preview */
.navigation-settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;margin:14px 0}
.navigation-settings-grid>label{display:flex;flex-direction:column;gap:7px;font-weight:700;color:var(--ink,#172b45)}
.navigation-settings-grid select{min-height:40px;border:1px solid #d7e0eb;border-radius:9px;padding:8px;background:#fff;color:#172b45}
.navigation-settings-grid .nav-check-setting{flex-direction:row;align-items:center;gap:9px}
.navigation-preview-wrap{border:1px solid #dbe4ef;border-radius:12px;padding:12px;background:#f7f9fc;margin:12px 0}
.navigation-preview-title{font-size:12px;font-weight:800;color:#52657c;margin-bottom:10px}
.navigation-preview{display:flex;gap:8px;min-height:64px;align-items:stretch}
.navigation-preview .preview-group{display:flex;flex-direction:column;gap:6px;border:1px solid #dce5ef;border-radius:9px;padding:8px;background:#fff;min-width:120px}
.navigation-preview .preview-group strong{font-size:11px;color:#738198}
.navigation-preview .preview-item{font-size:12px;color:#203a59;border-radius:6px;padding:5px 7px;background:#f2f6fb;white-space:nowrap}
.navigation-preview .preview-item.active{background:#1e4f91;color:#fff}
body.aivox-nav-side main{padding-inline-start:280px!important}
body.aivox-nav-side #section-nav{position:fixed;z-index:80;top:112px;bottom:14px;width:248px;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;align-items:stretch;border-radius:14px}
html[dir="rtl"] body.aivox-nav-side #section-nav{right:12px;left:auto}
html[dir="ltr"] body.aivox-nav-side #section-nav{left:12px;right:auto}
body.aivox-nav-side .nav-group{border-inline-start:0;border-bottom:1px solid #e1e8f1;padding:8px 2px;min-width:0}
body.aivox-nav-side .nav-group-items{display:flex;flex-direction:column;align-items:stretch}
body.aivox-nav-side .section-nav-tab{width:100%;justify-content:flex-start;white-space:normal;text-align:start}
body.aivox-nav-side.nav-icons-only main{padding-inline-start:104px!important}
body.aivox-nav-side.nav-icons-only #section-nav{width:76px}
body.aivox-nav-side.nav-icons-only .section-nav-tab>span:not(.nav-icon):not(.nav-unread-count),body.aivox-nav-side.nav-icons-only .nav-group-label{display:none}
body.aivox-nav-side.nav-icons-only .section-nav-tab{justify-content:center;padding:8px}
body.aivox-nav-top #section-nav{position:sticky;top:0;display:flex;flex-direction:row;overflow-x:auto;width:auto;max-height:none}
body.aivox-nav-top main{padding-inline: min(3vw,28px)!important}
body.aivox-nav-groups-collapsible .nav-group-label{cursor:pointer}
body.aivox-nav-groups-collapsible .nav-group-label::after{content:"⌄";margin-inline-start:8px}
body.aivox-nav-groups-collapsible .nav-group.is-collapsed .nav-group-items{display:none}
body.aivox-nav-drawer #section-nav{box-shadow:0 16px 40px rgba(16,38,66,.22)}
@media(max-width:760px){body.aivox-nav-side main{padding-inline:10px!important}body.aivox-nav-side #section-nav{top:82px;bottom:10px;width:min(82vw,280px);transform:translateX(calc(100% + 20px));transition:transform .2s ease}html[dir="ltr"] body.aivox-nav-side #section-nav{transform:translateX(calc(-100% - 20px))}body.aivox-nav-side.nav-drawer-open #section-nav{transform:translateX(0)}body.aivox-nav-side.nav-icons-only main{padding-inline:10px!important}body.aivox-nav-side.nav-icons-only #section-nav{width:min(82vw,280px)}body.aivox-nav-side.nav-icons-only .section-nav-tab>span:not(.nav-icon):not(.nav-unread-count),body.aivox-nav-side.nav-icons-only .nav-group-label{display:initial}body.aivox-nav-top #section-nav{flex-wrap:wrap} }
.nav-drawer-toggle{display:none;position:fixed;z-index:90;bottom:16px;inset-inline-start:14px;padding:10px 14px;border:0;border-radius:12px;background:#172554;color:#fff;font-weight:800;box-shadow:0 8px 24px rgba(16,38,66,.25)}
@media(max-width:760px){body.aivox-nav-side .nav-drawer-toggle{display:inline-flex;align-items:center;gap:8px}}

/* PBX provider management UI */
.pbx-layout{display:grid;grid-template-columns:minmax(240px,.78fr) minmax(0,1.6fr);gap:16px;align-items:start;margin:16px 0}.pbx-provider-panel,.pbx-editor-panel,.pbx-catalog-settings{min-width:0}.pbx-provider-list{display:grid;gap:8px}.pbx-provider-item{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;text-align:start;padding:12px;border:1px solid var(--border-color,#dfe3eb);border-radius:12px;background:var(--panel-bg,#fff);color:var(--text-color,#171923);cursor:pointer}.pbx-provider-item:hover,.pbx-provider-item.is-selected{border-color:var(--primary-color,#6336b5);box-shadow:0 0 0 2px color-mix(in srgb,var(--primary-color,#6336b5) 12%,transparent)}.pbx-provider-item strong{display:block;font-size:13px}.pbx-provider-item small{display:block;color:var(--muted-color,#687083);margin-top:4px}.pbx-provider-dot{width:9px;height:9px;flex:0 0 9px;border-radius:50%;background:#9ca3af}.pbx-provider-dot.configured{background:#d9a21b}.pbx-provider-dot.error{background:#dc4545}.pbx-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.pbx-form-grid label,.pbx-catalog-row{display:flex;flex-direction:column;gap:6px;font-size:13px}.pbx-form-grid input,.pbx-form-grid select{width:100%;min-width:0}.pbx-form-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:16px}.pbx-safety-note{margin-top:18px;padding:12px;border-radius:10px;background:rgba(217,162,27,.12);border:1px solid rgba(217,162,27,.4);font-size:13px;line-height:1.7}.pbx-catalog-editor{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.pbx-catalog-row{flex-direction:row;align-items:center;padding:10px;border:1px solid var(--border-color,#dfe3eb);border-radius:10px}.pbx-catalog-row input{width:auto}.pbx-catalog-preview{margin-top:12px;padding:12px;border-radius:10px;background:var(--surface-secondary,#f4f5f8)}@media(max-width:800px){.pbx-layout{grid-template-columns:1fr}.pbx-form-grid,.pbx-catalog-editor{grid-template-columns:1fr}}


/* AIVOX sidebar visual customization: font, shape, and palette */
.sidebar-style-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:13px;margin:14px 0}
.sidebar-style-grid label{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:700;color:var(--ink,#172b45)}
.sidebar-style-grid select{min-height:40px;border:1px solid #d7e0eb;border-radius:9px;padding:8px;background:#fff;color:#172b45}
.sidebar-style-grid input[type=color]{width:100%;height:40px;border:1px solid #d7e0eb;border-radius:9px;padding:3px;background:#fff;cursor:pointer}
.sidebar-style-preview-wrap{border:1px solid #dbe4ef;border-radius:12px;padding:12px;background:#f7f9fc;margin:14px 0}.sidebar-style-preview-wrap>strong{display:block;font-size:12px;color:#52657c;margin-bottom:10px}
.sidebar-style-preview{display:flex;flex-direction:column;gap:7px;max-width:360px;padding:12px;border:1px solid var(--sidebar-border,#dbe4ef);border-radius:12px;background:var(--sidebar-bg,#f8fafc);color:var(--sidebar-text,#172b45);font-size:var(--sidebar-font,14px)}
.sidebar-preview-label{font-weight:800;font-size:1.05em;padding:5px 8px}.sidebar-preview-item{padding:9px 11px;border:1px solid var(--sidebar-border,#dbe4ef);border-radius:var(--sidebar-radius,8px);color:var(--sidebar-text,#172b45);background:transparent}.sidebar-preview-item.active{background:var(--sidebar-active,#1e4f91);border-color:var(--sidebar-accent,#1e4f91);color:#fff;font-weight:800}
body.sidebar-font-compact{--sidebar-font:12px}body.sidebar-font-normal{--sidebar-font:14px}body.sidebar-font-large{--sidebar-font:16px}
body.sidebar-shape-square{--sidebar-radius:3px}body.sidebar-shape-rounded{--sidebar-radius:9px}body.sidebar-shape-pill{--sidebar-radius:999px}
body.aivox-nav-side #section-nav{background:var(--sidebar-bg,#f8fafc)!important;border:1px solid var(--sidebar-border,#dbe4ef)!important;color:var(--sidebar-text,#172b45)!important;font-size:var(--sidebar-font,14px)}
body.aivox-nav-side .section-nav-tab{border-radius:var(--sidebar-radius,9px)!important;border:1px solid transparent!important;color:var(--sidebar-text,#172b45)!important;font-size:inherit}
body.aivox-nav-side .section-nav-tab:not(.is-active),body.aivox-nav-side .section-nav-tab:not(.is-active) *{color:var(--sidebar-text,#172b45)!important}
body.aivox-nav-side .section-nav-tab.is-active{background:var(--sidebar-active,#1e4f91)!important;border-color:var(--sidebar-accent,#1e4f91)!important;color:#fff!important}
body.aivox-nav-side .section-nav-tab.is-active *{color:#fff!important}
body.aivox-nav-side .nav-group{border-bottom-color:var(--sidebar-border,#dbe4ef)!important}

/* Contextual navigation: links each workspace to its related screens. */
.screen-related-links{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:12px;padding-top:10px;border-top:1px solid var(--border-color,#e1e7ef)}
.screen-related-title{font-size:11px;font-weight:800;color:var(--muted-color,#687083);margin-inline-end:3px}
.screen-related-link{font:inherit;font-size:12px;font-weight:700;padding:7px 10px;border:1px solid var(--accent,#1e4f91);border-radius:999px;background:linear-gradient(135deg,var(--accent,#1e4f91),var(--accent-secondary,#7652ca));color:var(--aivox-button-text-color,#ffffff);cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .15s ease;box-shadow:0 3px 9px #6336b522}
.screen-related-link:hover,.screen-related-link:focus-visible{background:linear-gradient(135deg,var(--accent,#1e4f91),var(--accent-secondary,#7652ca));border-color:var(--sidebar-accent,var(--accent,#1e4f91));color:var(--aivox-button-text-color,#ffffff);outline:3px solid #06b6d460;outline-offset:2px}
.screen-related-link:active{transform:scale(.98)}
@media(max-width:600px){.screen-related-links{gap:6px}.screen-related-link{padding:7px 9px}}


/* AIVOX global button typography controls. Settings are centralized through CSS variables. */
:root{--aivox-button-text-color:#ffffff;--aivox-button-font-size:14px}
button,button.secondary,.quick button,.notification-actions button,.section-nav-tab,.screen-related-link{color:var(--aivox-button-text-color)!important;font-size:var(--aivox-button-font-size)!important}
.button-style-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin:14px 0}
.button-style-grid label{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:700;color:var(--ink,#172b45)}
.button-style-grid input[type=color],.button-style-grid select{width:100%;min-height:42px;border:1px solid #d7e0eb;border-radius:9px;padding:6px;background:#fff;color:#172b45}
.button-style-preview-wrap{border:1px solid #dbe4ef;border-radius:12px;padding:14px;background:#f7f9fc;margin:14px 0}
.button-style-preview-wrap>strong{display:block;font-size:12px;color:#52657c;margin-bottom:12px}
.button-style-preview{display:flex;align-items:center;flex-wrap:wrap;gap:10px}
.button-style-preview button{color:var(--preview-button-text-color,#fff)!important;font-size:var(--preview-button-font-size,14px)!important;min-height:42px}
.button-style-preview .preview-button-outline{background:transparent!important;border:2px solid #64748b!important;box-shadow:none!important}


/* AIVOX Conversation Workspace redesign v1: structured header, customer panel, readable composer */
#conversation-workspace > .chat.panel{
 display:grid;grid-template-columns:minmax(0,1fr) 238px;grid-template-areas:
 "chathead chathead" "messages customer" "composer customer" "quick customer" "agent customer" "assignment customer";
 gap:12px 16px;align-items:start;padding:18px;direction:rtl;
}
#conversation-workspace > .chat .chathead{grid-area:chathead;display:flex;gap:14px;align-items:center;justify-content:space-between;padding:2px 2px 14px;border-bottom:1px solid #e4eaf2;min-width:0}
.chat-title-wrap{display:flex;align-items:center;gap:12px;min-width:0}.chat-channel-mark{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(145deg,#d9f8f5,#e8efff);color:#155e75;font-size:22px;font-weight:800;flex:0 0 auto}
.chat-title-line{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.chat-title-line h1{font-size:18px;line-height:1.35;color:#172b45}.chat-status-pill,.chat-channel-badge{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:700;background:#eaf8f5;color:#11675e;border:1px solid #c9eee6;white-space:nowrap}.chat-status-dot{width:7px;height:7px;border-radius:50%;background:#10a58b}.chat-head-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.chat-channel-badge{background:#eef4ff;color:#244c88;border-color:#d9e5fb}
#conversation-workspace > .chat .messages{grid-area:messages;width:100%;box-sizing:border-box;height:clamp(280px,42vh,520px);min-height:280px;margin:0;padding:18px;background:linear-gradient(180deg,#f8fbff,#f2f6fb);border:1px solid #dfe7f1;border-radius:14px;gap:13px}
#conversation-workspace > .chat #sendform{grid-area:composer;display:flex;align-items:center;gap:9px;margin:0;padding:8px;background:#fff;border:1px solid #dbe4ef;border-radius:13px;box-shadow:0 3px 12px #172b450a}
#conversation-workspace > .chat #sendform input{border:0;box-shadow:none;background:transparent;min-height:38px;padding:8px 10px}
#conversation-workspace > .chat .quick{grid-area:quick;display:flex;gap:7px;flex-wrap:wrap;margin:0;padding:0}
#conversation-workspace > .chat .quick button{border-radius:9px;padding:8px 11px;min-height:36px}
#conversation-workspace > .chat .agent-reply{grid-area:agent;margin:0;padding:13px;border:1px solid #e2eaf2;border-radius:12px;background:#fbfcfe}
#conversation-workspace > .chat .agent-reply h2{font-size:13px;margin:0 0 10px;color:#203954}
#conversation-workspace > .chat .agent-reply form{display:flex;gap:8px}
#conversation-workspace > .chat .assignment{grid-area:assignment;display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:0;padding-top:12px;border-top:1px solid #e5ebf3}
#conversation-workspace > .chat .customer-panel{grid-area:customer;align-self:stretch;min-width:0;padding:15px 13px;border:1px solid #dfe7f1;border-radius:14px;background:linear-gradient(180deg,#fff,#f8fbff);text-align:center}
.customer-panel-head{display:flex;justify-content:space-between;align-items:center;gap:6px;text-align:right;font-size:12px;font-weight:800;color:#233b59;margin-bottom:13px}.customer-demo-tag{font-size:9px;color:#64748b;background:#eef2f7;border-radius:999px;padding:4px 6px;white-space:nowrap}
.customer-avatar{width:58px;height:58px;display:grid;place-items:center;margin:8px auto 10px;border-radius:18px;background:linear-gradient(145deg,#d8f6f2,#e3eafe);color:#194a71;font-size:23px;font-weight:800;border:1px solid #d5e8f4}
.customer-panel h2{font-size:14px;margin:0;color:#172b45}.customer-muted{font-size:10px;color:#7a899d;margin:6px 0 17px}.customer-detail{display:flex;flex-direction:column;gap:4px;text-align:right;padding:10px 0;border-bottom:1px solid #e8edf4}.customer-detail span{font-size:10px;color:#748399}.customer-detail strong{font-size:12px;color:#233b59;font-weight:700}.customer-panel-divider{height:1px;background:#e2eaf2;margin:14px 0}.customer-action{display:block;width:100%;margin:7px 0;text-align:center;white-space:normal}.customer-footnote{font-size:10px;line-height:1.6;color:#718096;margin:14px 0 0;text-align:right}
#conversation-workspace > .chat .bubble{max-width:min(84%,680px);padding:12px 15px;border-radius:14px;line-height:1.7;font-size:13px}
#conversation-workspace > .chat .meta{font-size:10px;line-height:1.5}
@media(max-width:900px){#conversation-workspace > .chat.panel{grid-template-columns:minmax(0,1fr);grid-template-areas:"chathead" "customer" "messages" "composer" "quick" "agent" "assignment"}.customer-panel{display:grid;grid-template-columns:1fr 1fr;gap:8px;text-align:right}.customer-panel-head,.customer-panel h2,.customer-muted,.customer-avatar,.customer-panel-divider,.customer-footnote{grid-column:1/-1}.customer-detail{padding:7px 0}.chat-head-actions{justify-content:flex-start}}
@media(max-width:560px){#conversation-workspace > .chat.panel{padding:12px;gap:10px}.chathead{align-items:flex-start!important;flex-direction:column}.chat-head-actions{width:100%;justify-content:space-between}.messages{height:38vh!important;min-height:230px!important;padding:11px!important}.customer-panel{grid-template-columns:1fr 1fr}.customer-action{font-size:11px!important;padding:8px!important}#conversation-workspace > .chat .agent-reply form{flex-direction:column}}

/* Shared customer context panel across voice and digital channels */
.shared-customer-panel{display:block;max-width:none;margin:14px 0 18px;text-align:center;box-sizing:border-box}
.shared-customer-panel .customer-panel-head{font-size:12px}
.shared-customer-panel .customer-avatar{margin:8px auto 10px}
.shared-customer-panel .customer-detail strong{color:var(--button-text-color, #233b59)}
.shared-customer-panel .customer-action{min-height:38px}
@media(min-width:1000px){.shared-customer-panel{display:grid;grid-template-columns:minmax(130px,1fr) minmax(130px,1fr) minmax(130px,1fr);align-items:center;gap:8px;text-align:right;padding:14px 16px}.shared-customer-panel .customer-panel-head,.shared-customer-panel .customer-avatar,.shared-customer-panel h2,.shared-customer-panel .customer-muted,.shared-customer-panel .customer-panel-divider,.shared-customer-panel .customer-footnote{grid-column:1/-1}.shared-customer-panel .customer-panel-head{margin-bottom:2px}.shared-customer-panel .customer-detail{padding:8px 0}.shared-customer-panel .customer-action{margin:0}}

/* Hybrid Multi-Tenant company management screen — responsive, demo-only admin UI. */
.tenant-admin-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0}
.tenant-admin-metrics .metric-card{border:1px solid var(--border,#dbe3ef);border-radius:12px;background:var(--panel,#fff);padding:14px;display:flex;flex-direction:column;gap:8px;box-shadow:0 4px 14px rgba(22,45,75,.05)}
.tenant-admin-metrics .metric-card strong{font-size:1.25rem}
.tenant-admin-grid{display:grid;grid-template-columns:minmax(230px,.8fr) minmax(300px,1.2fr);gap:16px;margin-bottom:16px}
.tenant-company-list{display:flex;flex-direction:column;gap:8px}
.tenant-company-item{display:flex;flex-direction:column;align-items:flex-start;gap:5px;width:100%;text-align:start;padding:12px;border:1px solid var(--border,#dbe3ef);border-radius:10px;background:var(--panel,#fff);color:var(--text,#17212f);cursor:pointer}
.tenant-company-item.is-selected{border-color:var(--primary,#1769aa);box-shadow:inset 0 0 0 1px var(--primary,#1769aa);background:color-mix(in srgb,var(--primary,#1769aa) 7%,white)}
.tenant-company-item small{color:var(--muted,#64748b)}
.tenant-editor-panel form{display:grid;grid-template-columns:1fr;gap:8px}
.tenant-editor-panel input,.tenant-editor-panel select{width:100%;min-width:0}
.tenant-readiness-panel{margin-bottom:18px}
.tenant-readiness-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:12px 0}
.tenant-readiness-checks label{display:flex;align-items:flex-start;gap:8px;padding:10px;border:1px solid var(--border,#dbe3ef);border-radius:8px}
.tenant-readiness-checks input{margin-top:3px;flex:0 0 auto}
.tenant-readiness-summary{margin:10px 0;padding:12px;border-radius:8px;background:var(--surface-muted,#f3f6fa);color:var(--text,#17212f)}
#tenant-migration-disabled{opacity:.65;cursor:not-allowed}
@media(max-width:850px){.tenant-admin-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.tenant-admin-grid{grid-template-columns:1fr}.tenant-readiness-checks{grid-template-columns:1fr}}


/* Tenant registry screen refinement: strong contrast, card separation, RTL-friendly alignment. */
#tenant-central-api-panel{background:linear-gradient(145deg,#fff 0%,#f4f8fd 100%);border:1px solid #cbd7e6;border-radius:16px;padding:20px;box-shadow:0 8px 24px rgba(28,53,84,.08);color:#172b45}
#tenant-central-api-panel .inbox-head{align-items:flex-start;gap:16px;margin-bottom:18px}
#tenant-central-api-panel .inbox-head h3{color:#102b4e;font-size:1.08rem;line-height:1.6}
#tenant-central-api-panel .inbox-head p,#tenant-central-api-panel .small,#tenant-central-api-panel .design-note{color:#526780;line-height:1.75}
#tenant-central-api-panel .tenant-admin-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;align-items:start}
#tenant-central-api-panel .tenant-admin-grid>div{min-width:0;padding:16px;background:rgba(255,255,255,.88);border:1px solid #d8e2ef;border-radius:12px}
#tenant-central-api-panel label{display:block;color:#203b5c;font-weight:700;font-size:.9rem;margin:0 0 7px;text-align:start}
#tenant-central-api-panel input:not([type=checkbox]),#tenant-central-api-panel select{display:block;width:100%;min-height:42px;box-sizing:border-box;margin:0 0 13px;padding:9px 12px;border:1px solid #aebfd3;border-radius:8px;background:#fff;color:#172b45;font-size:.95rem;text-align:start;box-shadow:inset 0 1px 2px rgba(15,35,60,.04)}
#tenant-central-api-panel input::placeholder{color:#71839a;opacity:1}
#tenant-central-api-panel input:focus,#tenant-central-api-panel select:focus{outline:3px solid rgba(25,126,220,.2);border-color:#1976d2}
#tenant-central-api-panel .design-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:10px}
#tenant-central-api-panel #tenant-central-feedback{display:block;flex-basis:100%;padding:10px 12px;border-radius:8px;background:#edf3fa;color:#23415f;font-weight:600;overflow-wrap:anywhere}
#tenant-central-api-panel #tenant-central-results{margin-top:12px;padding:12px 14px;border-radius:9px;background:#edf3fa;border:1px solid #d4e0ee;color:#183653;line-height:1.8;overflow-wrap:anywhere}
#tenant-central-api-panel button{min-height:40px;white-space:normal;line-height:1.45}
#tenant-central-api-panel .status-pill{flex-shrink:0}
@media(max-width:850px){#tenant-central-api-panel{padding:14px}#tenant-central-api-panel .tenant-admin-grid{grid-template-columns:minmax(0,1fr)}#tenant-central-api-panel .inbox-head{flex-direction:column}}

/* AIVOX v2.9 — channel badges, agent workflow states, live customer panel */
.inbox-tools{grid-template-columns:auto auto minmax(0,1fr) minmax(140px,190px) minmax(140px,190px)}
@media(max-width:900px){.inbox-tools{grid-template-columns:1fr 1fr}.inbox-tools input{grid-column:1/-1}}
#my-work-button.is-active,#all-work-button.is-active{background:var(--blue);color:#fff}
.channel-badge{display:inline-block;font-size:10px;font-weight:700;line-height:1;padding:4px 7px;border-radius:999px;background:#eef2f7;color:#23344d;margin-inline-end:4px;vertical-align:middle}
.channel-badge.channel-whatsapp{background:#dcfce7;color:#14532d}
.channel-badge.channel-webchat{background:#e0f2fe;color:#0c4a6e}
.channel-badge.channel-console{background:#f1f5f9;color:#334155}
.inbox-item.is-waiting{border-inline-start:3px solid #b45309}
.customer-detail .cp-id{font-size:10px;overflow-wrap:anywhere;font-weight:600}
#sendform.is-channel-conversation{opacity:.55}
#sendform.is-channel-conversation::after{content:"";}
.agent-reply #agent-reply-feedback{margin:6px 0 0}
.wa-delivery{font-size:12px;color:var(--ink);background:#f7f9fc;border:1px solid var(--border);border-radius:9px;padding:8px;margin:6px 0;overflow-wrap:anywhere}
.bubble.agent{align-self:flex-end;background:#fff4dc}
/* v2.9 readability fixes: the global button-text color (default white) made light secondary buttons unreadable,
   and the signed-in user label was dark text on the dark user bar. */
button.secondary,.secondary,.quick button,.customer-action,#logout-button{color:var(--aivox-secondary-button-text,#172b45)!important}
#my-work-button.is-active,#all-work-button.is-active{color:#fff!important}
#auth-user-label{color:#e8eef8!important;font-weight:700}
#conversation-workspace .customer-detail strong,#conversation-workspace .customer-detail span{opacity:1!important}
#conversation-workspace .customer-detail strong{color:#172b45!important;-webkit-text-fill-color:#172b45}
.notification-body h4{color:#172b45!important;-webkit-text-fill-color:#172b45}

/* ======================================================================
   AIVOX v3.0 — brand identity (metallic, from the logo), login, modules
   Brand: navy #1B1D53 · indigo #3B37BA · blue #3D4FD8 · sky #5BAAFD · teal #2FB3A6
   ====================================================================== */
body[data-theme="aivox"]{--blue:#3d4fd8;--accent:#3d4fd8;--accent2:#2fb3a6;--accent-secondary:#2fb3a6;--green:#1f9d8f;--gold:#2fb3a6;--bg:#eef1f8;--border:#dbe1ef;--ink:#1b1d53;--muted:#5b6385;
 --metal:linear-gradient(135deg,#ffffff 0%,#eef1f7 38%,#d9dfeb 52%,#f4f6fb 70%,#e3e8f2 100%);
 --metal-dark:linear-gradient(135deg,#0f1240 0%,#1b1d53 40%,#2a3180 62%,#1b1d53 100%)}
body[data-theme="aivox"] header{background:var(--metal);border-bottom:1px solid #cfd6e6;box-shadow:0 1px 0 #fff inset,0 6px 18px #1b1d5314}
body[data-theme="aivox"] .brand{color:#1b1d53;background:linear-gradient(90deg,#1b1d53,#3d4fd8 60%,#2fb3a6);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
body[data-theme="aivox"] .brand span{-webkit-text-fill-color:#5b6385}
body[data-theme="aivox"] .tag{background:var(--metal-dark);color:#e8ecff;border:1px solid #3a4290}
.brand-mark{background:transparent!important;box-shadow:none!important;border:0!important;width:var(--ui-logo-size,52px)!important;height:var(--ui-logo-size,52px)!important}
.brand-mark img{width:100%;height:100%;object-fit:contain}
body[data-theme="aivox"] button:not(.secondary):not(.section-nav-tab):not(.screen-related-link):not(.demo-account):not(.link-button):not(.password-toggle){background:linear-gradient(135deg,#3d4fd8,#3b37ba 55%,#2a2f8f);box-shadow:0 1px 0 #ffffff40 inset,0 4px 12px #3b37ba33}
body[data-theme="aivox"] .metrics strong,body[data-theme="aivox"] .report-kpi strong{color:#2a2f8f}

/* ---------- full-screen login ---------- */
body.auth-required{background:#05081a!important}
#auth-gate.auth-gate{position:fixed!important;inset:0!important;z-index:99999!important;margin:0!important;max-width:none!important;min-height:100vh!important;height:100vh!important;border-radius:0!important;border:0!important;
 display:grid!important;grid-template-columns:minmax(0,1.15fr) minmax(320px,440px);align-items:center;gap:clamp(24px,5vw,80px);padding:clamp(20px,5vw,72px)!important;overflow:auto!important;
 background:linear-gradient(90deg,rgba(5,8,26,.25),rgba(5,8,26,.55)),var(--login-custom-bg,url('/aivox-ai-bg.webp'))!important;background-size:cover!important;background-position:center!important;box-shadow:none!important}
#auth-gate.auth-gate[hidden]{display:none!important}
#auth-gate::before,#auth-gate::after{display:none!important}
.auth-hero{color:#eef2ff;max-width:620px;justify-self:center}
.auth-hero-logo{width:min(300px,60vw);height:auto;filter:drop-shadow(0 10px 30px #3d4fd855)}
.auth-hero h1{font-size:clamp(30px,4.2vw,54px);line-height:1.15;margin:18px 0 6px;font-weight:800;background:linear-gradient(90deg,#ffffff,#c9d6ff 45%,#7fe6d4);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.auth-hero-en{letter-spacing:.32em;text-transform:uppercase;font-size:12px;color:#9fb0e8;margin:0 0 18px}
.auth-hero-text{font-size:16px;line-height:1.9;color:#d4dbf5;max-width:560px}
.auth-hero-chips{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:22px 0 0}
.auth-hero-chips li{padding:8px 13px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(160,190,255,.28);backdrop-filter:blur(6px);font-size:13px;color:#e6ecff}
#auth-gate .auth-card{position:relative;width:100%!important;max-width:440px!important;margin:0!important;background:linear-gradient(160deg,rgba(255,255,255,.96),rgba(240,244,252,.93))!important;color:#1b1d53!important;border:1px solid rgba(255,255,255,.7)!important;border-radius:22px!important;
 box-shadow:0 30px 80px rgba(0,0,0,.45),0 1px 0 #fff inset!important;backdrop-filter:blur(14px);padding:30px 28px!important;display:flex;flex-direction:column;gap:4px}
#auth-gate .auth-card-logo{width:150px;align-self:center;margin-bottom:6px}
#auth-gate .auth-card h2{margin:4px 0 0;text-align:center;font-size:22px;color:#1b1d53!important;-webkit-text-fill-color:#1b1d53}
#auth-gate .auth-card>p{text-align:center;color:#5b6385!important;margin:4px 0 10px;font-size:13px}
#auth-gate .auth-card label{color:#1b1d53!important;font-weight:700;font-size:13px}
#auth-gate .auth-card input,#auth-gate .auth-card select{background:#fff!important;color:#1b1d53!important;border:1px solid #cfd6e6!important;border-radius:11px!important}
#auth-gate .auth-card button[type=submit]{margin-top:12px;min-height:46px;font-weight:800;background:linear-gradient(135deg,#3d4fd8,#3b37ba 55%,#2fb3a6)!important;color:#fff!important}
.demo-accounts{margin-top:14px;padding-top:12px;border-top:1px dashed #cfd6e6;font-size:12px;color:#5b6385}
.demo-accounts code{background:#eef1f8;border-radius:6px;padding:1px 6px;color:#1b1d53;direction:ltr;unicode-bidi:embed}
.demo-accounts div{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.demo-account{background:#eef1fb!important;color:#2a2f8f!important;border:1px solid #d5dcf2!important;padding:6px 10px!important;font-size:12px!important;border-radius:999px!important;min-height:0!important}
@media(max-width:900px){#auth-gate.auth-gate{grid-template-columns:1fr;align-content:start}.auth-hero{text-align:center}.auth-hero-chips{justify-content:center}.auth-hero-text{display:none}.auth-hero h1{font-size:28px}.auth-hero-logo{width:200px}#auth-gate .auth-card{justify-self:center}}

/* ---------- toasts ---------- */
#aivox-toasts{position:fixed;inset-inline-start:16px;bottom:16px;z-index:100000;display:flex;flex-direction:column;gap:8px;max-width:min(420px,calc(100vw - 32px))}
.aivox-toast{background:#1b1d53;color:#fff;padding:12px 14px;border-radius:12px;box-shadow:0 10px 30px #0004;font-size:13px;line-height:1.6;transition:opacity .5s,transform .5s}
.aivox-toast.out{opacity:0;transform:translateY(8px)}

/* ---------- modules: calls, voice, quality, agents ---------- */
.calls-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr);gap:16px;margin-bottom:16px}
.calls-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px;margin-top:10px}
.call-item{display:flex;flex-direction:column;align-items:stretch;gap:4px;text-align:start;background:#f7f9fd!important;color:#1b1d53!important;border:1px solid var(--border)!important;border-radius:12px;padding:11px!important;min-width:0}
.call-item strong{font-size:13px;overflow-wrap:anywhere}.call-item span{font-size:12px;color:#3d4366}.call-item small{font-size:11px;color:#6b7395}
.call-item.status-queued,.call-item.status-ringing{border-inline-start:4px solid #b45309!important}
.call-item.status-active{border-inline-start:4px solid #1f9d8f!important}.call-item.status-on_hold{border-inline-start:4px solid #6d28d9!important}
.call-active{margin-top:14px;padding:14px;border-radius:14px;border:1px solid #c9d2ea;background:linear-gradient(160deg,#fbfcff,#eef2fb)}
.call-head{display:flex;justify-content:space-between;align-items:center;gap:8px}
.call-actions{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}.call-actions select{min-width:150px}
button.danger{background:linear-gradient(135deg,#c2410c,#9a3412)!important;color:#fff!important}
.status-pill.status-sim{background:#e6f7f4;color:#11685f;border:1px solid #a7e3d9}
.status-pill.status-live{background:#e6f7ec;color:#14532d;border:1px solid #a7e3b9}
.transcript{display:flex;flex-direction:column;gap:6px;max-height:340px;overflow:auto;margin-top:8px;padding:10px;background:#fff;border:1px solid var(--border);border-radius:12px;font-size:13px;line-height:1.7}
.tline{padding:6px 10px;border-radius:10px;background:#f3f5fb}.tline b{color:#2a2f8f}.tline small{color:#6b7395}
.tline.user{background:#eaf0ff}.tline.assistant{background:#e6f7f4}.tline.agent{background:#fff4dc}.tline.system{background:transparent;color:#6b7395;font-size:12px;text-align:center}
.bubble.system{align-self:center;background:transparent;color:var(--muted);font-size:12px;max-width:100%}
.sim-verdict{margin:10px 0 0;padding:10px;border-radius:10px;font-weight:700;font-size:13px}.sim-verdict.ok{background:#e6f7ec;color:#14532d}.sim-verdict.warn{background:#fff4dc;color:#7c4a03}
.stack-form{display:flex!important;flex-direction:column;gap:9px}.stack-form label{display:flex;flex-direction:column;gap:5px;font-size:13px;font-weight:700}
.stack-form textarea,#voice-sim-input{width:100%;border:1px solid #cfd5df;border-radius:10px;padding:10px;font:inherit;resize:vertical;box-sizing:border-box}
.stack-form .check-row{flex-direction:row;align-items:center;gap:8px}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.eval-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.eval-grid label{font-size:11px}
.audio-placeholder{padding:12px;border-radius:12px;background:var(--metal-dark,#1b1d53);color:#dfe6ff;font-size:13px;text-align:center}
.agents-board{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px;margin-top:10px}
.agent-card{display:flex;flex-direction:column;gap:6px;padding:14px;border-radius:14px;border:1px solid var(--border);background:var(--metal,#fff)}
.agent-card.is-paused{opacity:.7}.agent-card small{color:#5b6385}
.agent-avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;font-weight:800;color:#fff;background:linear-gradient(135deg,#3d4fd8,#2fb3a6)}
.agent-card .pill{align-self:flex-start;font-size:11px;padding:3px 9px;border-radius:999px}.agent-card .pill.on{background:#e6f7ec;color:#14532d}.agent-card .pill.off{background:#f1f5f9;color:#475569}
.pbx-provider-dot.sim{background:#2fb3a6!important}
.pbx-test-result{margin-top:10px;padding:10px;border-radius:12px;background:#f6f8fd;border:1px solid var(--border);font-size:13px;display:flex;flex-direction:column;gap:4px}
.pbx-check.pass{color:#14532d}.pbx-check.fail{color:#9a3412}.pbx-check.skipped{color:#5b6385}
.table-wrap{overflow-x:auto}#calls-history tbody tr{cursor:pointer}#calls-history tbody tr:hover{background:#f3f6ff}
@media(max-width:900px){.calls-layout{grid-template-columns:1fr}.eval-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* v3.0 login: win over earlier v4.x rules (body.auth-required #auth-gate …) */
html body.auth-required header{display:none!important}
html body.auth-required #auth-gate.auth-gate{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;height:100dvh!important;padding:clamp(20px,5vw,72px)!important;
 display:grid!important;grid-template-columns:minmax(0,1.15fr) minmax(320px,440px)!important;align-items:center!important;justify-content:stretch!important;gap:clamp(24px,5vw,80px)!important;
 background-color:#05081a!important;background-image:linear-gradient(90deg,rgba(5,8,26,.15),rgba(5,8,26,.55)),var(--login-custom-bg,url('/aivox-ai-bg.webp'))!important;background-size:cover!important;background-position:center!important}
html body.auth-required #auth-gate.auth-gate[hidden]{display:none!important}
#auth-gate .auth-card::before,#auth-gate .auth-card::after{display:none!important;content:none!important}
@media(max-width:900px){html body.auth-required #auth-gate.auth-gate{grid-template-columns:1fr!important;align-content:start!important;padding:22px 16px!important}}
.call-item strong,.call-item span,.call-item small{-webkit-text-fill-color:currentColor}
.call-item strong{color:#1b1d53!important}.call-item span{color:#3d4366!important}.call-item small{color:#6b7395!important}
.agent-card button,.call-actions button.secondary{color:#1b1d53!important}
html body.auth-required #auth-gate .auth-card{height:auto!important;max-height:calc(100dvh - 40px)!important;overflow:auto!important;align-self:center!important}
#auth-gate .auth-card-logo{width:130px!important;height:auto!important;max-height:96px;object-fit:contain}
#auth-gate .auth-hero h1{-webkit-text-fill-color:transparent!important}
#auth-gate .auth-hero p.auth-hero-en{color:#b9c6f2!important}
#auth-gate .auth-hero p.auth-hero-text{color:#dbe2fa!important;text-shadow:0 1px 12px #000a}
#auth-gate .auth-hero-chips li{color:#eef2ff!important;background:rgba(20,28,80,.55)!important}
#auth-gate .link-button{color:#3d4fd8!important;background:transparent!important;border:0!important;box-shadow:none!important;text-decoration:underline}
#auth-gate .auth-methods{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:12px;color:#5b6385}
#auth-gate .auth-methods button{min-height:0!important;padding:5px 10px!important;font-size:11px!important;color:#6b7395!important;background:#f1f4fa!important}
#auth-gate .auth-links{text-align:center;margin-top:4px}#auth-gate .auth-links button{border-color:transparent!important}
html body #auth-gate .auth-card .demo-accounts{display:block;margin-top:12px}
html body #auth-gate .auth-card .demo-accounts>div{display:flex!important;flex-wrap:wrap;gap:6px}
html body #auth-gate .auth-card .demo-accounts button.demo-account{width:auto!important;flex:0 0 auto;background:#eef1fb!important;color:#2a2f8f!important;-webkit-text-fill-color:#2a2f8f;border:1px solid #d5dcf2!important;border-bottom:1px solid #d5dcf2!important;box-shadow:none!important;padding:6px 11px!important;margin:0!important;font-size:12px!important;font-weight:700;border-radius:999px!important;min-height:0!important;height:auto!important}
html body #auth-gate .auth-card .demo-accounts button.demo-account:hover{background:#dfe6fb!important}

/* v3.1 — system self-test */
.selftest-summary{margin:12px 0;padding:12px 14px;border-radius:12px;background:#eef1fb;color:#1b1d53;font-weight:600}
.selftest-summary:empty{display:none}
.selftest-summary.ok{background:#e3f6f3;color:#0f5f56}.selftest-summary.bad{background:#fdecec;color:#8a1c1c}
.selftest-results{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.selftest-results li{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;background:#fff;border:1px solid #e3e7f3}
.selftest-results li div{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}
.selftest-results li div span{font-size:12.5px;color:#4a5072;overflow-wrap:anywhere}
.selftest-results li em{font-style:normal;font-size:11px;color:#8a90ad;direction:ltr}
.st-icon{width:28px;height:28px;flex:0 0 28px;border-radius:50%;display:grid;place-items:center;font-weight:700;color:#fff;background:#9aa0bb}
.st-pass .st-icon{background:#2fb3a6}.st-fail .st-icon{background:#d64545}.st-fail{border-color:#f3c2c2!important}
.selftest-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}
.selftest-cards article{border:1px solid #e3e7f3;border-radius:14px;padding:14px;background:#fafbff;line-height:1.7}
.selftest-cards h4{margin:0 0 6px;color:#1b1d53}.selftest-cards p{margin:0 0 10px;font-size:13px;color:#4a5072}
.button-link{display:inline-block;padding:8px 14px;border-radius:10px;background:linear-gradient(135deg,#3d4fd8,#2fb3a6);color:#fff!important;text-decoration:none;font-weight:600}
#selftest-wa-mode[data-mode="sandbox"]{background:#e3f6f3;color:#0f5f56}
html body #selftest-workspace .selftest-results strong,html body #selftest-workspace .selftest-cards h4{color:#1b1d53!important;-webkit-text-fill-color:#1b1d53!important;background:none!important;font-size:14px;opacity:1!important}
html body #selftest-workspace #selftest-wa-result{color:#0f5f56!important;-webkit-text-fill-color:#0f5f56!important;opacity:1!important;font-weight:600}

/* v3.1 — live voice call */
.live-call-phone{display:flex;flex-direction:column;align-items:center;gap:10px;padding:18px;border-radius:18px;background:linear-gradient(160deg,#1b1d53,#2a2f86 60%,#14514c);color:#fff;margin:10px 0}
.live-call-avatar{position:relative;width:96px;height:96px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#5d6cf0,#2fb3a6);box-shadow:0 0 0 6px #ffffff14}
.live-call-avatar b{font-size:24px;letter-spacing:1px}
.live-call-avatar span{position:absolute;inset:0;border-radius:50%;border:2px solid #2fb3a6;opacity:0}
#live-call-panel[data-mode="speaking"] .live-call-avatar span{animation:lcPulse 1.4s ease-out infinite}
#live-call-panel[data-mode="speaking"] .live-call-avatar span:nth-child(2){animation-delay:.45s}
#live-call-panel[data-mode="speaking"] .live-call-avatar span:nth-child(3){animation-delay:.9s}
#live-call-panel[data-mode="listening"] .live-call-avatar{box-shadow:0 0 0 6px #ff5a5a55,0 0 24px #ff5a5a88}
@keyframes lcPulse{from{transform:scale(1);opacity:.8}to{transform:scale(1.6);opacity:0}}
@media (prefers-reduced-motion:reduce){#live-call-panel .live-call-avatar span{animation:none!important}}
.live-call-state{font-weight:700;font-size:15px;color:#fff!important;-webkit-text-fill-color:#fff!important;text-align:center}
.live-call-timer{font-variant-numeric:tabular-nums;opacity:.8;direction:ltr}
.live-call-heard{min-height:22px;font-size:14px;color:#cfe9ff;text-align:center}
.live-call-actions{display:flex;gap:10px}
.lc-btn{border-radius:999px!important;padding:10px 22px!important;font-weight:700;border:0!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
.lc-green{background:#1fa463!important}.lc-red{background:#d64545!important}
.lc-text{display:flex;gap:8px;width:100%}.lc-text input{flex:1;min-width:0}
.lc-text[hidden]{display:none}
.lc-voice-row{display:flex;flex-direction:column;gap:4px;width:100%;font-size:12px;color:#dfe4ff!important;-webkit-text-fill-color:#dfe4ff!important}
.lc-voice-row select{width:100%}
#lc-hint{color:#cdd3f5!important;-webkit-text-fill-color:#cdd3f5!important;margin:0;font-size:12px;line-height:1.7}
.live-call-log{list-style:none;margin:0;padding:0;display:grid;gap:6px;max-height:280px;overflow:auto}
.live-call-log li{padding:8px 10px;border-radius:12px;font-size:13px;line-height:1.6;display:flex;flex-direction:column;gap:2px}
.live-call-log li b{font-size:11px;opacity:.75}
.live-call-log .lc-ai{background:#eef1fb;color:#1b1d53}.live-call-log .lc-me{background:#e3f6f3;color:#0f5f56}.live-call-log .lc-sys{background:#fff6e0;color:#6b4e00}
html body #live-call-panel .lc-voice-row select{color:#1b1d53!important;-webkit-text-fill-color:#1b1d53!important;background:#fff!important;opacity:1!important}
html body #live-call-panel > p.small{color:#4a5072!important;-webkit-text-fill-color:#4a5072!important;opacity:1!important}

/* v3.1 — Grandstream UCM */
.pbx-guide{margin:12px 0;padding:14px 16px;border-radius:14px;background:#f2f5ff;border:1px solid #d9e0fb;line-height:1.8;font-size:13px;color:#1b1d53}
.pbx-guide[hidden]{display:none}
.pbx-guide ol{margin:6px 0;padding-inline-start:20px}.pbx-guide code{direction:ltr;display:inline-block;background:#fff;border:1px solid #dfe5f4;border-radius:6px;padding:0 6px}
.pbx-provider-dot.live{background:#1fa463!important}.pbx-provider-dot.err{background:#d64545!important}
.pbx-check.pass{color:#0f5f56}.pbx-check.fail{color:#a12626}.pbx-check.skipped{color:#6b6f8a}
html body #pbx-connection-form{display:flex!important;flex-direction:column!important;gap:12px}
html body #pbx-connection-form .pbx-form-actions,html body #pbx-connection-form .pbx-test-result{width:100%!important;max-width:none!important;grid-column:1/-1}
html body #pbx-connection-form .pbx-form-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
html body #pbx-connection-form .pbx-test-result:not([hidden]){display:flex;flex-direction:column;gap:4px;padding:12px 14px;border-radius:12px;background:#f6f8fd;border:1px solid #e3e7f3;line-height:1.7}
.pbx-check{unicode-bidi:plaintext}

/* v3.2 — login hero: logo centered at top, text centered at bottom (desktop) */
@media(min-width:901px){
 html body #auth-gate .auth-hero{
  position:absolute;inset:0;z-index:0;max-width:none;margin:0;
  display:flex;flex-direction:column;align-items:center;justify-content:flex-end;
  padding:clamp(24px,4vh,48px) clamp(20px,4vw,60px) clamp(28px,6vh,64px);
  text-align:center;pointer-events:none;box-sizing:border-box
 }
 html body #auth-gate .auth-hero-logo{margin:0 0 auto;width:min(280px,40vw)}
 html body #auth-gate .auth-hero h1{margin:0 0 6px}
 html body #auth-gate .auth-hero-text{margin:0 auto;max-width:760px}
 html body #auth-gate .auth-hero-chips{justify-content:center;pointer-events:auto}
 html body.auth-required #auth-gate .auth-card{grid-column:2;position:relative;z-index:1}
}
@media(min-width:901px) and (max-height:760px){
 html body #auth-gate .auth-hero-logo{width:200px}
 html body #auth-gate .auth-hero h1{font-size:clamp(26px,3vw,40px)}
 html body #auth-gate .auth-hero-text{font-size:14px;line-height:1.7}
}