/* V19: enterprise-grade IBEX Phone navigation and information architecture.
   Keeps V18 Twilio, Siren and account workflows intact. */
:root{--v19-border:var(--v8-sheet-line,#e2e8f0);--v19-ink:var(--v8-sheet-ink,#0e305f);--v19-muted:var(--v8-sheet-muted,#71819a);--v19-surface:var(--v8-sheet,#fff);--v19-soft:var(--v8-sheet-soft,#f6f8fc)}
/* The premium 'adjustments' glyph is shared by top and sidebar settings. */
.top-actions .v16-top-settings-btn,.top-actions .avatar-btn{width:38px;height:38px;min-width:38px;min-height:38px;display:grid;place-items:center;border-radius:12px;border:1px solid var(--v19-border);background:var(--v19-surface);color:var(--v19-ink);box-shadow:0 2px 7px rgba(5,31,70,.025);transition:background .16s,border-color .16s,box-shadow .16s}
.top-actions .v16-top-settings-btn:hover,.top-actions .avatar-btn:hover{border-color:#abc7e8;background:var(--v19-soft);box-shadow:0 4px 14px rgba(5,31,70,.07)}
.top-actions .v16-top-settings-btn .icon{width:20px;height:20px;stroke-width:1.8}
.top-actions .avatar-btn{border-radius:12px;background:#103773;color:#fff;border-color:#103773;font-weight:770;font-size:11px;letter-spacing:.2px;box-shadow:0 3px 8px rgba(7,35,83,.11)}
.top-actions{overflow:visible;position:relative;gap:10px}
.v19-top-profile-wrap{position:relative;display:block;z-index:45;flex:none}
.v19-top-profile-menu{position:absolute;right:0;top:calc(100% + 11px);width:min(310px,calc(100vw - 32px));padding:9px;background:var(--v19-surface);color:var(--v19-ink);border:1px solid var(--v19-border);border-radius:17px;box-shadow:0 17px 55px rgba(8,33,72,.17);z-index:90;text-align:left}
.v19-top-profile-menu[hidden]{display:none!important}
.v19-menu-identity{display:flex;align-items:center;gap:11px;padding:13px 11px 16px;margin-bottom:5px;border-bottom:1px solid var(--v19-border)}
.v19-menu-identity>div{min-width:0;flex:1}
.v19-menu-identity strong{font-size:12px;font-weight:790;color:var(--v19-ink);display:block;overflow-wrap:anywhere;line-height:1.4}
.v19-menu-identity small{font-size:10px;color:var(--v19-muted);display:block;margin-top:4px}
.v19-menu-mark{width:38px;height:38px;flex:none;border-radius:12px;background:#e8f0fc;color:#113b76;display:grid;place-items:center;font-size:12px;font-weight:840}
.v19-menu-caption{padding:13px 11px 5px;font-size:9px;color:var(--v19-muted);letter-spacing:1.2px;font-weight:780}
.v19-top-profile-menu>button{width:100%;display:flex;align-items:center;gap:12px;padding:11px 12px;background:transparent;border:0;border-radius:10px;color:var(--v19-ink);text-align:left}
.v19-top-profile-menu>button:hover,.v19-top-profile-menu>button:focus-visible{background:var(--v19-soft)}
.v19-top-profile-menu>button>.icon{color:#4c6c99;width:18px;height:18px;flex:none;stroke-width:1.8}
.v19-top-profile-menu>button>span{display:flex;flex-direction:column;min-width:0;gap:3px}
.v19-top-profile-menu>button strong{font-size:12px;font-weight:740;color:var(--v19-ink)}
.v19-top-profile-menu>button small{font-size:10px;color:var(--v19-muted)}
.v19-menu-divider{height:1px;background:var(--v19-border);margin:7px 10px}
.v19-top-profile-menu>button.v19-danger strong,.v19-top-profile-menu>button.v19-danger .icon{color:#d15c49}
/* The sidebar receptionist advertisement was redundant with the Siren workspace. */
.side-bottom{gap:10px!important}
/* Balanced dialer workspace: the two columns end on the same baseline, no dead white wedge. */
@media (min-width:901px){
 #page-dialer .dashboard-grid{align-items:stretch!important;grid-template-columns:minmax(335px,.89fr) minmax(370px,1.11fr);gap:16px}
 #page-dialer .dialer-panel{height:100%;min-height:0}
 #page-dialer .dashboard-aside{display:grid!important;grid-template-rows:auto minmax(0,1fr);height:100%;min-height:0;gap:12px;align-content:stretch}
 #page-dialer .dashboard-aside>.stat-grid{margin:0!important;align-items:stretch;grid-auto-rows:1fr}
 #page-dialer .dashboard-aside .stat-card{height:100%!important;min-height:73px!important}
 #page-dialer .dashboard-aside .activity-panel{height:100%;display:flex;flex-direction:column;min-height:0;padding:18px 19px!important;overflow:hidden}
 #page-dialer .dashboard-aside .activity-panel>.panel-header{flex:none}
 #page-dialer .dashboard-aside .activity-panel>#recent-calls{display:flex;flex-direction:column;flex:1 1 auto;justify-content:space-around;min-height:0}
 #page-dialer .dashboard-aside .activity-panel>#recent-calls>.call-row{flex:1;display:flex;align-items:center;min-height:53px;max-height:97px;box-sizing:border-box}
 #page-dialer .dashboard-aside .activity-panel>#recent-calls>.call-row:last-child{border-bottom:0}
}
@media(min-width:741px) and (max-width:900px){
 #page-dialer .dashboard-grid{align-items:stretch}
 #page-dialer .dashboard-aside{display:flex;flex-direction:column;gap:12px}
 #page-dialer .dashboard-aside>.stat-grid{margin-bottom:0}
 #page-dialer .activity-panel{flex:1}
}
/* Polished settings management workspace. All cards share grid gutters and edge alignment. */
#page-settings .page-intro,#page-account .page-intro{margin-bottom:21px!important}
#page-settings .v16-settings-layout{display:grid;grid-template-columns:minmax(222px,249px) minmax(0,1fr);gap:18px;align-items:stretch;--v18-settings-card-offset:0px!important}
#page-settings .v16-settings-nav{position:sticky;top:20px;align-self:start;margin:0!important;padding:14px 10px 13px;background:var(--v19-surface);border:1px solid var(--v19-border);border-radius:16px;box-shadow:0 2px 6px rgba(13,40,87,.018)}
#page-settings .v16-settings-nav-title{padding:11px 13px 15px;font-size:10px;letter-spacing:1.25px}
#page-settings .v16-settings-tab{border:0;border-radius:10px;min-height:54px;display:flex;align-items:center;gap:12px;width:100%;font-size:inherit;text-align:left;padding:9px 12px;background:transparent;color:var(--v19-ink)}
#page-settings .v16-settings-tab>.icon{height:20px;width:20px;flex:none;color:#7990ad;stroke-width:1.7}
#page-settings .v16-settings-tab .v19-nav-label{flex:1;display:flex;flex-direction:column;gap:3px;min-width:0}
#page-settings .v16-settings-tab .v19-nav-label strong{font-size:12px;font-weight:750;line-height:1.3;color:var(--v19-ink)}
#page-settings .v16-settings-tab .v19-nav-label small{color:var(--v19-muted);font-size:10px;font-weight:450;line-height:1.3}
#page-settings .v16-settings-tab.current{background:rgba(30,91,165,.085)!important;color:#18539b!important}
#page-settings .v16-settings-tab.current>.icon,#page-settings .v16-settings-tab.current strong{color:#1554a0!important}
#page-settings .v16-settings-tab:hover{background:var(--v19-soft)}
#page-settings .v16-settings-content{display:block;min-width:0}
#page-settings .v16-setting-group{background:var(--v19-surface);color:var(--v19-ink);padding:25px 26px 22px;border:1px solid var(--v19-border);border-radius:16px;box-shadow:0 2px 8px rgba(9,39,77,.018);min-width:0;min-height:370px}
#page-settings .v16-group-heading{align-items:start;padding:0 0 21px;margin:0 0 22px;border-bottom:1px solid var(--v19-border)}
#page-settings .v16-group-heading h2{font-size:24px;letter-spacing:-.7px;line-height:1.18;margin:5px 0!important}
#page-settings .v16-group-heading>p{text-align:right;max-width:270px;font-size:11px;line-height:1.5;padding-top:6px}
#page-settings .v16-setting-group .page-panel,#page-settings .v16-setting-group .system-health{padding:18px 20px!important;background:var(--v19-soft);border:1px solid var(--v19-border);border-radius:12px;box-shadow:none;margin:0 0 12px}
#page-settings .v16-setting-group .page-panel:last-child,#page-settings .v16-setting-group .system-health:last-child{margin-bottom:0}
#page-settings .v16-setting-two{gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}
#page-settings .v16-setting-two>.page-panel{height:100%;margin:0!important}
#page-settings .voice-beta-panel{background:var(--v19-soft)!important}
#page-settings .v16-settings-nav-rule{background:var(--v19-border)}
/* Account = security console; never mix telephony settings inside account pages. */
#page-account .v16-account-hero{border-radius:16px!important;background:linear-gradient(112deg,#0c3468,#194a80)!important;box-shadow:none!important;padding:22px 26px!important;gap:17px;margin-bottom:17px}
#page-account .v16-avatar{height:59px;width:59px;border-radius:14px;font-size:20px}
#page-account .v16-identity-copy h2{font-size:23px;margin:3px 0!important}
#page-account .v16-identity-tags{margin-top:10px}
#page-account .v16-account-grid{display:grid;grid-template-columns:minmax(215px,250px) minmax(0,1fr);gap:18px;align-items:start}
#page-account .v19-account-nav{position:sticky;top:20px;display:flex;flex-direction:column;padding:15px 10px;background:var(--v19-surface);color:var(--v19-ink);border:1px solid var(--v19-border);border-radius:16px;min-width:0}
.v19-account-nav-title{padding:11px 13px 16px;font-size:10px;letter-spacing:1.2px;font-weight:800;color:var(--v19-muted)}
#page-account .v19-account-tab,#page-account .v19-account-settings-link{display:flex;gap:12px;align-items:center;min-height:58px;padding:10px 12px;border:none;border-radius:10px;background:transparent;color:var(--v19-ink);text-align:left}
#page-account .v19-account-tab .icon,#page-account .v19-account-settings-link .icon{color:#8296ad;height:20px;width:20px;stroke-width:1.7;flex:none}
#page-account .v19-account-tab span,#page-account .v19-account-settings-link span{display:flex;flex-direction:column;gap:3px;min-width:0}
#page-account .v19-account-tab strong,#page-account .v19-account-settings-link strong{font-size:12px;font-weight:760;color:var(--v19-ink)}
#page-account .v19-account-tab small,#page-account .v19-account-settings-link small{font-size:10px;color:var(--v19-muted);line-height:1.35}
#page-account .v19-account-tab:hover,#page-account .v19-account-settings-link:hover{background:var(--v19-soft)}
#page-account .v19-account-tab.current{background:rgba(30,91,165,.085)}
#page-account .v19-account-tab.current strong,#page-account .v19-account-tab.current .icon{color:#1554a0}
.v19-account-nav-divider{height:1px;background:var(--v19-border);margin:12px 11px 8px}
#page-account .v16-account-main{display:block;min-width:0}
#page-account .v16-account-main>.v19-account-section{padding:25px 28px!important;border-radius:16px!important;border:1px solid var(--v19-border)!important;box-shadow:0 2px 8px rgba(9,39,77,.018)!important;min-height:360px;display:block;background:var(--v19-surface)}
#page-account .v16-account-main>.v19-account-section[hidden]{display:none!important}
#page-account .v16-panel-title{padding:0 0 21px;margin-bottom:23px;gap:12px}
#page-account .v16-panel-icon{width:42px;height:42px;border-radius:12px;background:var(--v19-soft)}
#page-account .v16-profile-form{max-width:640px}
#page-account #account-access-section .v16-access-row{min-height:68px}
#page-account #account-access-section .v16-access-actions{grid-template-columns:repeat(2,minmax(0,1fr))}
#page-account .v19-access-note{display:flex;align-items:flex-start;gap:8px;margin:15px 0 0;padding:13px;border-radius:10px;color:var(--v19-muted);background:var(--v19-soft);font-size:11px;line-height:1.6}
#page-account .v19-access-note .icon{width:16px;height:16px;flex:none;margin-top:1px}
/* Consistent row heights for equal-tier modules across all responsive contexts. */
#page-account .v16-identity-tags>*,#page-settings .v16-setting-two>*{min-width:0}
@media(max-width:1090px){
 #page-settings .v16-settings-layout,#page-account .v16-account-grid{grid-template-columns:minmax(185px,215px) minmax(0,1fr);gap:13px}
 #page-settings .v16-setting-group{padding:20px 19px}
 #page-settings .v16-setting-two{grid-template-columns:1fr}
 #page-account .v16-account-main>.v19-account-section{padding:22px!important}
}
@media(max-width:740px){
 .top-actions{gap:8px}
 .top-actions .v16-top-settings-btn,.top-actions .avatar-btn{height:34px;width:34px;min-width:34px;min-height:34px;border-radius:11px}
 .v19-top-profile-menu{position:absolute;top:calc(100% + 10px);right:0;max-height:min(68dvh,520px);overflow-y:auto}
 #page-settings .v16-settings-layout,#page-account .v16-account-grid{display:flex;flex-direction:column;gap:12px}
 #page-settings .v16-settings-nav,#page-account .v19-account-nav{position:static;display:flex;flex-direction:row;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin;overscroll-behavior-x:contain;padding:8px;width:100%;margin:0!important;border-radius:13px;flex:none}
 #page-settings .v16-settings-nav-title,#page-settings .v16-settings-nav-rule,#page-account .v19-account-nav-title,#page-account .v19-account-nav-divider{display:none}
 #page-settings .v16-settings-tab,#page-account .v19-account-tab,#page-account .v19-account-settings-link{flex:0 0 auto;width:auto;min-width:max-content;min-height:42px;gap:8px;padding:10px 12px}
 #page-settings .v16-settings-tab .v19-nav-label small,#page-account .v19-account-tab small,#page-account .v19-account-settings-link small{display:none}
 #page-settings .v16-settings-tab .v19-nav-label strong,#page-account .v19-account-tab strong,#page-account .v19-account-settings-link strong{font-size:11px}
 #page-settings .v16-settings-tab>.icon,#page-account .v19-account-tab .icon,#page-account .v19-account-settings-link .icon{height:17px;width:17px}
 #page-settings .v16-settings-content,#page-account .v16-account-main{width:100%}
 #page-settings .v16-setting-group,#page-account .v16-account-main>.v19-account-section{width:100%;min-height:0;padding:19px 17px!important;border-radius:14px!important}
 #page-settings .v16-group-heading{display:block;margin-bottom:17px;padding-bottom:17px}
 #page-settings .v16-group-heading>p{text-align:left;max-width:none;margin-top:9px}
 #page-settings .v16-setting-two{grid-template-columns:1fr}
 #page-settings .v16-setting-group .page-panel,#page-settings .v16-setting-group .system-health{padding:16px!important}
 #page-account .v16-account-hero{padding:17px!important;gap:12px;border-radius:14px!important}
 #page-account .v16-avatar{height:49px;width:49px;border-radius:12px;font-size:16px}
 #page-account .v16-identity-copy h2{font-size:19px}
 #page-account #account-access-section .v16-access-actions{grid-template-columns:1fr}
}
/* Dark is restrained and maintains distinct panel hierarchy. */
html[data-theme='dark'] .v19-top-profile-menu,html[data-theme='dark'] #page-account .v19-account-nav,html[data-theme='dark'] #page-settings .v16-settings-nav,html[data-theme='dark'] #page-settings .v16-setting-group,html[data-theme='dark'] #page-account .v16-account-main>.v19-account-section{background:#1b2b3e;color:#f1f5ff;border-color:#354861}
html[data-theme='dark'] #page-settings .v16-setting-group .page-panel,html[data-theme='dark'] #page-settings .v16-setting-group .system-health{background:#223449;border-color:#364b65}
html[data-theme='dark'] .v19-menu-mark{background:#284263;color:#dbeaff}
html[data-theme='dark'] #page-account .v19-account-tab.current,html[data-theme='dark'] #page-settings .v16-settings-tab.current{background:rgba(87,150,223,.20)!important}
html[data-theme='dark'] #page-account .v19-account-tab.current strong,html[data-theme='dark'] #page-account .v19-account-tab.current .icon,html[data-theme='dark'] #page-settings .v16-settings-tab.current strong,html[data-theme='dark'] #page-settings .v16-settings-tab.current>.icon{color:#c0dbff!important}
html[data-theme='dark'] #page-account .v19-account-tab strong,html[data-theme='dark'] #page-settings .v16-settings-tab strong,html[data-theme='dark'] .v19-top-profile-menu>button strong,html[data-theme='dark'] .v19-menu-identity strong{color:#eff6ff}
html[data-theme='dark'] .top-actions .v16-top-settings-btn{color:#e3efff;background:#223449;border-color:#35516d}
html[data-theme='dark'] #page-account .v19-access-note{background:#23374e}
/* Active selection must beat hover, including pointer emulation on mobile Safari. */
#page-settings .v16-settings-tab.current,
#page-settings .v16-settings-tab.current:hover,
#page-account .v19-account-tab.current,
#page-account .v19-account-tab.current:hover{
  background:#e7f0fc!important;
  box-shadow:inset 3px 0 0 #3678c5;
}
#page-settings .v16-settings-tab:not(.current):hover,
#page-account .v19-account-tab:not(.current):hover{background:rgba(110,142,181,.065)!important}
html[data-theme='dark'] #page-settings .v16-settings-tab.current,
html[data-theme='dark'] #page-account .v19-account-tab.current{background:#304962!important;box-shadow:inset 3px 0 0 #7ab9fa}
@media(max-width:740px){
 #page-settings .v16-settings-tab.current,#page-account .v19-account-tab.current{box-shadow:inset 0 -2px 0 #3678c5}
}
#page-dialer .v19-recent-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:12px;min-height:220px;padding:20px;}
#page-dialer .v19-recent-empty-mark{width:54px;height:54px;border-radius:17px;background:var(--v19-soft);display:grid;place-items:center;color:#2b66ad}
#page-dialer .v19-recent-empty-mark .icon{width:24px;height:24px}
#page-dialer .v19-recent-empty strong{font-size:14px;color:var(--v19-ink)}
#page-dialer .v19-recent-empty p{font-size:11px;max-width:260px;color:var(--v19-muted);line-height:1.6;margin:0}
#page-dialer .v19-recent-empty button{border:1px solid var(--v19-border);border-radius:10px;background:var(--v19-surface);color:var(--v19-ink);font-size:11px;font-weight:750;padding:11px 15px}
/* Keep the account trigger legible in pressed/keyboard focus states. */
.top-actions .avatar-btn,
.top-actions .avatar-btn:hover,
.top-actions .avatar-btn:focus,
.top-actions .avatar-btn:focus-visible,
.top-actions .avatar-btn[aria-expanded="true"]{
  background:#103773!important;color:#fff!important;border-color:#103773!important;
  box-shadow:0 3px 9px rgba(7,35,83,.14)!important;
}
.top-actions .avatar-btn:focus-visible{outline:2px solid #78b6fb!important;outline-offset:3px}
.v19-menu-identity{padding:10px 11px 12px}
.v19-menu-caption{padding:8px 11px 5px}
.v19-top-profile-menu>button{padding:9px 12px}
.v19-menu-divider{margin:5px 10px}