/* IBEX Phone V89 — Single visual system for dark/light panels and forms.
   Source: fixed selector specificity, not duplicate tinted overlays. */
:root{--v89-card:#fff;--v89-card-subtle:#f6f8fb;--v89-border:#dce4ef;--v89-ink:#20364f;--v89-muted:#62758c;--v89-field:#fff;--v89-field-border:#bacada;--v89-primary:#173757}
html[data-theme="dark"]{--v89-card:#152237;--v89-card-subtle:#192b42;--v89-border:#35475f;--v89-ink:#eef5ff;--v89-muted:#b8cbe3;--v89-field:#1a3049;--v89-field-border:#536b86;--v89-primary:#254568}
/* Page-level background is the same as the rest of IBEX Phone. */
#page-meetings,#page-meetings .v76-meeting-intro,#v76-phone-meeting-content,
[data-panel="meetings"] .v76-meeting-intro,[data-panel="meetings"] #v76-meetings-content{background:transparent!important;background-image:none!important}
/* All communication surfaces share identical theme cards. */
#page-meetings .v76-meeting-intro>div,#page-meetings .v75-personal-panel,
#page-meetings #v75-user-rooms,.v76-dedicated-page[data-panel="meetings"] .v76-meeting-intro>div,
.v76-dedicated-page[data-panel="meetings"] .v75-tool,
#page-dialer .dashboard-aside .v79-presence-card,
#page-contacts .v79-presence-card,
#v76-queues-content .v75-tool,#v75-queue-list .v76-queue-card,
#v76-recordings-content .v75-tool,
#v76-recordings-list .v77-record-item{
 background:var(--v89-card)!important;background-image:none!important;
 border:1px solid var(--v89-border)!important;color:var(--v89-ink)!important;
 box-shadow:0 9px 26px rgba(4,16,34,.06)!important;
}
/* Light/dark theme typography: specificity wins against old fixed dark blues. */
#page-meetings .v76-meeting-intro strong,#page-meetings .v75-personal-panel h3,
[data-panel="meetings"] .v76-meeting-intro strong,
#v75-queue-list .v76-queue-title strong,#v75-queue-list .v76-queue-meter strong,
#v76-recordings-list .v77-record-label strong{color:var(--v89-ink)!important}
#page-meetings .v76-meeting-intro p,#page-meetings .v75-personal-panel>p,
[data-panel="meetings"] .v76-meeting-intro p,
#v75-queue-list .v76-queue-title small,#v75-queue-list .v76-queue-meter span,
#v76-recordings-list .v77-record-label small{color:var(--v89-muted)!important}
/* Dialer availability uses the same panel surface, no pale or unmatched blue. */
html[data-theme="dark"] #page-dialer .dashboard-aside .v79-presence-card,
html[data-theme="dark"] #page-dialer .dashboard-aside #v79-presence-card,
html[data-theme="dark"] #page-contacts .v79-presence-card{background:#152237!important;background-image:none!important;border-color:#35475f!important}
html[data-theme="dark"] #page-dialer .v79-presence-card :is(.v79-presence-team,.v79-presence-top,.v79-siren-row,.v75-list-row){background:transparent!important}
/* Video/audio introductory cards and invitation editor */
#page-meetings .v76-meeting-intro>div,[data-panel="meetings"] .v76-meeting-intro>div{min-height:128px!important;padding:22px 24px!important;border-radius:17px!important}
#page-meetings .v75-personal-panel{padding:25px!important;border-radius:19px!important}
#page-meetings .v77-meeting-row,#v75-meeting-list .v77-meeting-row{min-height:64px!important;padding:12px 4px!important;gap:12px!important}
#page-meetings .v77-invite-form,[data-panel="meetings"] .v77-invite-form,
#v75-meeting-list .v77-invite-form{background:var(--v89-card-subtle)!important;color:var(--v89-ink)!important;border:1px solid var(--v89-border)!important;border-radius:14px!important;padding:18px!important;box-sizing:border-box!important;}
#page-meetings .v77-invite-form label,[data-panel="meetings"] .v77-invite-form label,
#v75-meeting-list .v77-invite-form label{color:var(--v89-ink)!important;font-size:13px!important}
#page-meetings .v77-invite-form input,[data-panel="meetings"] .v77-invite-form input,
#v75-meeting-list .v77-invite-form input{height:43px!important;min-height:43px!important;max-height:43px!important;width:min(450px,100%)!important;padding:10px 13px!important;font-size:14px!important;background:var(--v89-field)!important;color:var(--v89-ink)!important;border:1px solid var(--v89-field-border)!important;border-radius:10px!important;box-sizing:border-box!important}
#page-meetings .v77-invite-form input::placeholder,[data-panel="meetings"] .v77-invite-form input::placeholder{color:var(--v89-muted)!important;opacity:1}
#page-meetings .v77-invite-form button,[data-panel="meetings"] .v77-invite-form button{min-height:43px!important;background:#274c73!important;color:#fff!important;border-radius:10px!important;font-size:13px!important}
/* Queue operations are full-width: one queue per row with a real editor. */
#v76-queues-content,#v76-queues-content .v75-tool{width:100%!important;min-width:0!important;max-width:100%!important}
#v75-queue-list{display:flex!important;flex-direction:column!important;gap:22px!important;margin-top:25px!important;align-items:stretch!important;max-width:100%!important}
#v75-queue-list .v76-queue-card{width:100%!important;max-width:100%!important;box-sizing:border-box!important;min-width:0!important;padding:25px 28px!important;border-radius:20px!important;display:block!important}
#v75-queue-list .v76-queue-card-head{gap:16px!important;margin-bottom:14px!important}
#v75-queue-list .v76-queue-icon{width:46px!important;height:46px!important;border-radius:13px!important}
#v75-queue-list .v76-queue-title{gap:5px!important}
#v75-queue-list .v76-queue-title strong{font-size:19px!important;font-weight:780!important}
#v75-queue-list .v76-queue-meter{padding:5px 0!important;margin:16px 0 8px!important;gap:11px!important}
#v75-queue-list .v76-queue-meter strong{font-size:34px!important}
#v75-queue-list .v76-card-actions{display:flex!important;gap:9px!important;flex-wrap:wrap!important;margin:19px 0 0!important;padding-top:18px!important;border-top:1px solid var(--v89-border)!important}
#v75-queue-list .v76-card-actions .v75-button{width:auto!important;flex:0 1 auto!important;min-width:130px!important;min-height:42px!important;height:auto!important;padding:10px 14px!important;line-height:1.3!important;font-size:13px!important}
#v75-queue-list .v76-card-actions .v75-button:disabled{opacity:.52!important}
/* Real 43px inputs; no inherited oversized box dimensions. */
#v75-queue-list .v78-queue-editor{display:grid!important;grid-template-columns:minmax(0,1.6fr) repeat(2,minmax(0,.65fr))!important;column-gap:19px!important;row-gap:14px!important;align-items:end!important;margin:19px 0 4px!important;padding:23px!important;border:1px solid var(--v89-border)!important;border-radius:16px!important;background:var(--v89-card-subtle)!important;box-shadow:none!important;box-sizing:border-box!important}
#v75-queue-list .v78-queue-editor[hidden],#v75-queue-list .v76-agent-panel[hidden]{display:none!important}
#v75-queue-list .v78-queue-editor::before{content:'Edit queue settings';grid-column:1/-1;font-size:15px;color:var(--v89-ink);font-weight:760;margin-bottom:2px}
#v75-queue-list .v78-queue-editor .v78-edit-field:first-of-type{grid-column:auto!important}
#v75-queue-list .v78-queue-editor .v78-edit-field{display:flex!important;flex-direction:column!important;min-width:0!important;gap:7px!important;font-size:12px!important;color:var(--v89-muted)!important;font-weight:700!important;}
#v75-queue-list .v78-queue-editor .v75-input{
 box-sizing:border-box!important;display:block!important;width:100%!important;min-width:0!important;
 min-height:43px!important;max-height:43px!important;height:43px!important;
 padding:9px 12px!important;margin:0!important;font-size:14px!important;line-height:22px!important;
 border-radius:10px!important;background:var(--v89-field)!important;color:var(--v89-ink)!important;border:1px solid var(--v89-field-border)!important;
}
#v75-queue-list .v78-queue-editor .v75-actions{grid-column:1/-1!important;margin:8px 0 0!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:10px!important;padding:16px 0 0!important;border-top:1px solid var(--v89-border)!important}
#v75-queue-list .v78-queue-editor .v75-button{min-height:42px!important;height:42px!important;padding:10px 17px!important;font-size:13px!important;border-radius:10px!important;width:auto!important;min-width:125px!important}
#v75-queues .v78-routing-summary{background:var(--v89-card-subtle)!important;border-color:var(--v89-border)!important;padding:21px 23px!important;border-radius:15px!important}
#v75-queues .v78-routing-summary :is(strong,p){color:var(--v89-ink)!important}
#v75-queues .v78-routing-summary p{color:var(--v89-muted)!important}
#v75-queues .v78-routing-summary .v75-button{color:var(--v89-ink)!important;border-color:var(--v89-field-border)!important;background:var(--v89-card)!important;font-weight:720!important;opacity:1!important;min-height:42px!important}
#v75-queues .v78-routing-summary .v75-button:hover{background:var(--v89-card-subtle)!important}
/* Recordings: genuinely visible dates/actions in both themes. */
#v76-recordings-list .v77-record-item{grid-template-columns:minmax(165px,1fr) auto auto!important;gap:12px!important;padding:21px!important;min-height:88px!important}
#v76-recordings-list .v77-record-label{min-width:0!important}
#v76-recordings-list .v77-record-label strong{font-size:14px!important;font-weight:760!important;opacity:1!important;line-height:1.45!important}
#v76-recordings-list .v77-record-label small{font-size:12px!important;opacity:1!important}
#v76-recordings-list .v77-record-item button.v77-secondary{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:auto!important;min-width:142px!important;min-height:42px!important;max-height:50px!important;border-radius:10px!important;padding:9px 16px!important;border:1px solid var(--v89-field-border)!important;background:var(--v89-card-subtle)!important;color:var(--v89-ink)!important;font-size:13px!important;font-weight:750!important;opacity:1!important;letter-spacing:0!important;text-shadow:none!important;}
#v76-recordings-list .v77-record-item button.v77-secondary:hover{border-color:#e78c50!important}
#v76-recordings-list .v77-record-player{grid-column:1/-1!important;width:100%!important;max-width:650px!important;display:block!important;}
#v76-recordings-list .v77-record-player[hidden]{display:none!important}
html[data-theme="dark"] #v76-recordings-list .v77-record-item{background:#152237!important}
#v77-recordings-feedback[data-error=true]{color:#d65d4d!important;font-weight:720!important}
html[data-theme="dark"] #v77-recordings-feedback[data-error=true]{color:#ffb2a3!important}
/* Improve readability for generic muted status controls. */
html[data-theme="dark"] [data-panel="recordings"] :is(.v75-muted,.v75-pill),
html[data-theme="dark"] #page-meetings .v75-muted,
html[data-theme="dark"] #v75-queue-list .v75-muted{color:#bcd0e9!important}
/* Button hover/focus; coherent brand orange accents. */
:is(#page-meetings,#v76-queues-content,#v76-recordings-content) :is(button,input,select):focus-visible{outline:3px solid #f29658!important;outline-offset:3px!important}
@media(max-width:780px){
 #v75-queue-list .v76-queue-card{padding:20px!important}
 #v75-queue-list .v78-queue-editor{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 #v75-queue-list .v78-queue-editor .v78-edit-field:first-of-type{grid-column:1/-1!important}
 #v76-recordings-list .v77-record-item{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 #v76-recordings-list .v77-record-label{grid-column:1/-1!important}
 #v76-recordings-list .v77-record-item button.v77-secondary{min-width:0!important;width:100%!important}
}
@media(max-width:490px){
 #v75-queue-list .v78-queue-editor{grid-template-columns:1fr!important;padding:16px!important}
 #v75-queue-list .v78-queue-editor .v78-edit-field{grid-column:1/-1!important}
 #v75-queue-list .v76-card-actions .v75-button{flex:1 1 155px!important}
 #page-meetings .v76-meeting-intro>div,[data-panel="meetings"] .v76-meeting-intro>div{min-height:0!important;padding:17px!important}
}