/* IBEX Phone V63 — aligned settings, reliable dialer geometry and cohesive audio editing */
/* A recording belongs to the same full-width visual hierarchy as other menu details. */
[data-panel="attendants"] .v63-menu-recording{width:100%!important;max-width:none!important;min-width:0;margin:16px 0 0!important}
[data-panel="attendants"] .v63-menu-recording>.v61-audio-card{box-sizing:border-box!important;width:100%!important;max-width:none!important;margin:0!important;padding:20px 22px!important;border:1px solid var(--stroke,#dce4ef)!important;border-radius:17px!important;background:var(--surface,#fff)!important;box-shadow:none!important}
[data-panel="attendants"] .v63-menu-recording .v61-audio-controls{gap:9px;align-items:center}
[data-panel="attendants"] .v63-menu-recording .v61-audio-file{flex:1 1 200px;min-width:0;max-width:340px}
[data-panel="attendants"] .v63-menu-recording .v61-audio-heading strong{font-size:14px}
.v63-hold-panel,.v63-vmail-records{display:grid;gap:12px;max-width:100%;min-width:0;padding:22px;border-radius:18px}
.v63-hold-panel h3,.v63-vmail-records h3{font-size:19px;margin:0 0 5px;color:var(--ink,#152c44)}
.v63-hold-panel p,.v63-vmail-records p{font-size:12px;line-height:1.6;color:var(--muted,#718399);margin:0}
.v63-hold-panel>.v61-audio-slot,.v63-vmail-records .v61-audio-slot{width:100%;max-width:none;min-width:0}
.v63-hold-panel .v61-audio-card,.v63-vmail-records .v61-audio-card{max-width:100%!important;width:100%;box-shadow:none;margin:0}
#v63-vmail-user{display:block;width:min(100%,510px);min-height:46px;background:var(--surface,#fff);color:var(--ink,#152c44);border:1px solid var(--stroke,#dce4ef);padding:10px 14px;border-radius:12px;font:inherit;font-size:13px}
.v63-extension-forward{box-sizing:border-box;display:grid;gap:13px;margin:18px 0;padding:18px;border-radius:16px}
.v63-extension-forward>div:first-child{display:grid;gap:5px}
.v63-extension-forward strong{font-size:14px;color:var(--ink,#152c44)}
.v63-extension-forward small,.v63-extension-forward p{font-size:12px;line-height:1.5;color:var(--muted,#728298);margin:0}
.v63-forward-toggle{display:flex;gap:10px;align-items:center;font-size:13px;font-weight:700;color:var(--ink,#152c44)}
.v63-forward-toggle input{accent-color:#de7b35;width:17px;height:17px}
.v63-forward-controls{display:flex;align-items:end;gap:13px;flex-wrap:wrap}
.v63-forward-controls label{display:grid;flex:1 1 210px;gap:7px;font-size:12px;font-weight:700;color:var(--ink,#152c44)}
#v63-forward-number{box-sizing:border-box;padding:11px 13px;min-height:45px;width:100%;border:1px solid var(--stroke,#dce4ef);border-radius:11px;background:var(--surface,#fff);color:var(--ink,#152c44);font:inherit;font-size:14px}
#v63-forward-message.error{color:#c44b47}
.v63-agent-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:15px 0}
.v63-agent-field{display:grid;gap:6px;background:var(--surface-2,#f6f8fc);padding:13px 14px;border:1px solid var(--stroke,#e0e6ee);border-radius:12px;min-width:0;overflow-wrap:anywhere}
.v63-agent-field small{font-size:10px;letter-spacing:.03em;font-weight:700;color:var(--muted,#6b7b8c)}
.v63-agent-field strong{font-size:12px;color:var(--ink,#152c44);font-weight:750;overflow-wrap:anywhere}
.v63-agent-note{grid-column:1/-1;font-size:12px!important}
/* Align all five fraud-limit fields by keeping helper notes in a fixed row. */
.v55-protect-grid{align-items:stretch!important;grid-auto-rows:minmax(120px,auto)!important}
.v55-protect-grid>label{display:grid!important;grid-template-rows:minmax(36px,auto) 47px 16px!important;gap:7px!important;align-items:end!important;align-content:start!important}
.v55-protect-grid>label>span{align-self:end!important;line-height:1.45;min-height:34px;display:flex;align-items:end}
.v55-protect-grid>label>input,.v55-protect-grid>label>select{box-sizing:border-box!important;width:100%!important;height:47px!important;min-height:47px!important;margin:0!important;align-self:stretch!important}
.v55-protect-grid>label>small{line-height:15px!important;min-height:15px}
/* Price appears immediately beneath each number. Confirmation still prevents accidental billing. */
.v63-number-monthly{display:block;font-size:12px!important;line-height:1.5;color:#d17a30;font-weight:780;margin-top:7px;font-variant-numeric:tabular-nums}
.v50-search-row>div:first-child{min-width:0}.v50-search-row strong{white-space:normal;overflow-wrap:anywhere}
/* Standard admin status/dropdown tone on phone app. */
.v63-status-picker{position:relative;min-width:0}
.v63-status-picker>select{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important}
.v63-status-trigger{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:42px;width:100%;padding:11px 14px;border-radius:12px;border:1px solid rgba(117,144,180,.3);background:var(--surface,#fff);color:var(--ink,#213448);text-align:left;font:inherit;font-size:12px;font-weight:720;cursor:pointer}
.v63-status-trigger:after{content:'⌄';color:#75869e;font-size:16px}
.v63-status-options{position:absolute;top:calc(100% + 6px);left:0;right:0;min-width:180px;z-index:130;display:grid;gap:4px;padding:6px;border:1px solid rgba(118,143,179,.28);background:var(--surface,#fff);border-radius:13px;box-shadow:0 15px 40px rgba(7,24,55,.2)}
.v63-status-options button{background:transparent;border:0;text-align:left;padding:10px 11px;min-height:36px;border-radius:8px;color:var(--ink,#213448);font:inherit;font-size:12px;cursor:pointer}
.v63-status-options button:hover,.v63-status-options button[aria-selected="true"]{background:rgba(229,125,43,.10);color:#bc671f}
/* Green means registered and ready. Amber remains reserved for transitional states. */
#page-dialer .connection-banner.v63-line-ready{border-color:rgba(35,165,105,.30)!important;background:rgba(43,169,109,.075)!important}
#page-dialer .connection-banner.v63-line-ready .connection-beacon{background:#2bae75!important;box-shadow:0 0 0 5px rgba(43,169,109,.11)!important}
#page-dialer .connection-banner.v63-line-ready #dialer-connection-title,#page-dialer .connection-banner.v63-line-ready #dialer-connection-state{color:#209664!important}
#page-dialer .connection-banner.v63-line-ready #dialer-connection-state{background:rgba(45,167,107,.09)!important}
/* The number being dialed always sits clearly above the keypad on desktop. */
@media (min-width:741px){
 #page-dialer .dialer-panel{display:flex;flex-direction:column;min-height:765px!important;}
 #page-dialer .dialer-panel .number-field{order:unset;position:relative!important;z-index:3!important;display:flex!important;align-items:center!important;justify-content:center!important;min-height:88px!important;height:88px!important;margin:19px auto 21px!important;width:100%!important;max-width:100%!important;overflow:visible!important;padding:0 10px!important;isolation:isolate}
 #page-dialer .dialer-panel .number-field input{position:relative!important;display:block!important;height:80px!important;min-height:80px!important;line-height:1.2!important;font-size:clamp(26px,2.4vw,36px)!important;text-align:center!important;z-index:4!important;background:transparent!important;border:0!important;padding:0 12px!important;width:100%!important;opacity:1!important}
 #page-dialer .dialer-panel .keypad{position:relative!important;z-index:1!important;margin-top:12px!important;transform:none!important;}
 #page-dialer .dialer-panel .dial-actions{margin-top:26px!important}
}
/* Company receptionist settings are exclusively Admin; users retain their inbox. */
#settings-siren-section,[data-settings-target="settings-siren-section"]{display:none!important}
/* Fix dark-mode audio and admin panels */
html[data-theme="dark"] [data-panel="attendants"] .v63-menu-recording>.v61-audio-card{background:#26364d!important;border-color:#40536b!important;color:#f0f4fa!important}
html[data-theme="dark"] .v63-agent-field{background:#1d2c42;border-color:#40516a}
html[data-theme="dark"] .v63-agent-field strong{color:#f3f7fc}
html[data-theme="dark"] .v63-status-trigger,html[data-theme="dark"] .v63-status-options{background:#21324a;color:#f2f5fc;border-color:#45566d}
html[data-theme="dark"] .v63-status-options button{color:#eff4fb}
@media(max-width:780px){.v63-agent-facts{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:540px){.v63-agent-facts{grid-template-columns:1fr}.v55-protect-grid{grid-auto-rows:auto!important}.v63-hold-panel,.v63-vmail-records{padding:16px}.v63-forward-controls>button{width:100%}}
/* Display connection readiness consistently in the small mobile dialer header. */
#page-dialer:has(.connection-banner.v63-line-ready) .line-status{color:#209766!important;background:rgba(44,163,104,.10)!important;border-color:rgba(44,163,104,.23)!important}
#page-dialer:has(.connection-banner.v63-line-ready) .line-status span{background:#22a66f!important}