/* Hypatia V16 wave4 - scope-specific components, existing business logic unchanged. */
:root{--vx-bg:#060c19;--vx-panel:#101c30;--vx-lift:#162640;--vx-ink:#eff7ff;--vx-sub:#abbfd9;
--vx-line:rgba(121,166,209,.30);--vx-cyan:#69def2;--vx-purple:#ae9afc;--vx-green:#5ee9b0;
--vx-warn:#f3c981;--vx-danger:#ff86a4;--bg-deep:#060c19;--bg-surface:#101c30;
--bg-card:#101c30;--bg-card-hover:#182b46;--bg-input:#162640;--text:#eff7ff;
--text-dim:#abbfd9;--muted:#abbfd9;--accent:#69def2;--accent-text:#69def2;
--accent-dim:rgba(105,222,242,.13);--accent-glow:rgba(105,222,242,.24);
--border:rgba(121,166,209,.30);--border-color:var(--border);--border-focus:#89e8f7;
--info:#8ecbfc;--purple:#ae9afc;--warning:#f3c981;--danger:#ff86a4;
--glass-bg:rgba(16,28,48,.89);--glass-bg-heavy:rgba(12,23,41,.96);color-scheme:dark}
html[data-theme="light"],html[data-mode="light"],html.theme-light{
--vx-bg:#eff4fb;--vx-panel:#fff;--vx-lift:#f1f6fd;--vx-ink:#192c44;--vx-sub:#526883;
--vx-line:rgba(64,109,155,.28);--vx-cyan:#0b7189;--vx-purple:#694cad;--vx-green:#117d55;
--vx-warn:#865605;--vx-danger:#b02b4d;--bg-deep:#eff4fb;--bg-surface:#fff;
--bg-card:#fff;--bg-card-hover:#f1f6fd;--bg-input:#f1f6fd;--text:#192c44;
--text-dim:#526883;--muted:#526883;--accent:#0b7189;--accent-text:#0b7189;
--accent-dim:rgba(11,113,137,.12);--accent-glow:rgba(11,113,137,.24);
--border:rgba(64,109,155,.28);--border-color:var(--border);--border-focus:#0b7189;
--info:#276bb1;--purple:#694cad;--warning:#865605;--danger:#b02b4d;
--glass-bg:rgba(255,255,255,.93);--glass-bg-heavy:rgba(255,255,255,.98);color-scheme:light}
body[data-hyapp-v16]{
--bg-deep:var(--vx-bg)!important;--bg-surface:var(--vx-panel)!important;
--bg-card:var(--vx-panel)!important;--bg-card-hover:var(--vx-lift)!important;
--bg-input:var(--vx-lift)!important;--text:var(--vx-ink)!important;
--text-dim:var(--vx-sub)!important;--muted:var(--vx-sub)!important;
--border:var(--vx-line)!important;--border-color:var(--vx-line)!important;
--accent:var(--vx-cyan)!important;--accent-text:var(--vx-cyan)!important;
--accent-dim:color-mix(in srgb,var(--vx-cyan) 12%,transparent)!important;
--glass-bg:var(--vx-panel)!important;--glass-bg-heavy:var(--vx-panel)!important;
background:radial-gradient(800px 520px at 5% -5%,color-mix(in srgb,var(--vx-cyan) 8%,transparent),transparent 75%),
radial-gradient(640px 420px at 96% 3%,color-mix(in srgb,var(--vx-purple) 9%,transparent),transparent 73%),
var(--vx-bg)!important;color:var(--vx-ink);font-family:Inter,system-ui,-apple-system,sans-serif;
-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.52;min-width:0
}
body[data-hyapp-v16] *{box-sizing:border-box}
body[data-hyapp-v16] :is(button,input,textarea,select){font-family:inherit}
body[data-hyapp-v16] :is(button,a,input,textarea,select,[tabindex]):focus-visible{outline:3px solid var(--border-focus)!important;outline-offset:2px}
body[data-hyapp-v16] :is(input:not([type=color]):not([type=checkbox]):not([type=radio]),textarea,select){
 min-width:0;max-width:100%;font-size:16px;
 border:1px solid var(--vx-line);border-radius:12px;background:var(--vx-lift);color:var(--vx-ink)
}
body[data-hyapp-v16] :is(input,textarea)::placeholder{color:var(--vx-sub);opacity:.88}
body[data-hyapp-v16] button{touch-action:manipulation;transition:background-color .15s,border-color .15s,box-shadow .15s}
body[data-hyapp-v16] button:disabled{opacity:.55;cursor:not-allowed}
body[data-hyapp-v16] img{max-width:100%}
body[data-hyapp-v16] :is(.glass-pill,.hh-badge,.hyd-badge,.hv-status,.chip){border-radius:999px}
body[data-hyapp-v16] :is(.glass-card,.hh-card,.hv-card,.ctrl-section,.sc-card,.project-card){
 border:1px solid var(--vx-line);border-radius:17px;
 background:var(--vx-panel);box-shadow:0 10px 30px rgba(0,0,0,.13);min-width:0
}
body[data-hyapp-v16] :is(.glass-card,.hh-card,.hv-card,.ctrl-section):hover{
 border-color:color-mix(in srgb,var(--vx-cyan) 53%,var(--vx-line))
}
body[data-hyapp-v16] :is(.glass-tab,.hh-nav-tab,.mode-btn,.ctrl-btn,.hv-btn,.hh-btn){
 font-size:13px;font-weight:720;min-height:42px;border-radius:11px;touch-action:manipulation
}
body[data-hyapp-v16] :is(.glass-tab.active,.hh-nav-tab.active,.mode-btn.active){
 background:color-mix(in srgb,var(--vx-cyan) 15%,transparent);
 border-color:var(--vx-cyan);color:var(--vx-cyan)
}
body[data-hyapp-v16] :is(.glass-table,.hv-tbl,.table-wrap,[class*="-table-wrap"]){
 max-width:100%;min-width:0;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin
}
body[data-hyapp-v16] table{border-spacing:0;border-collapse:separate}
body[data-hyapp-v16] table th{color:var(--vx-sub);font-weight:750;background:var(--vx-lift)}
body[data-hyapp-v16] table td{color:var(--vx-ink);border-bottom:1px solid var(--vx-line)}
@media(max-width:640px){
body[data-hyapp-v16] :is(button,.hv-btn,.hh-btn,.ctrl-btn,.mode-btn){min-height:44px}
body[data-hyapp-v16] :is(.glass-card,.hh-card,.hv-card,.ctrl-section){border-radius:14px}
body[data-hyapp-v16] :is(.modal,.modal-card,[role=dialog]){max-width:calc(100vw - 16px)}
}
@media(prefers-reduced-motion:reduce){
 body[data-hyapp-v16] *,body[data-hyapp-v16] *::before,body[data-hyapp-v16] *::after{
 animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}


/* Beautiful UI inspired: filter navigation, call history records, dial pad panels. */
body[data-hyapp-v16="hyvoip"] #hv-wrap{max-width:1470px;gap:13px;padding:clamp(10px,2vw,24px);min-width:0}
body[data-hyapp-v16="hyvoip"] #hv-top{gap:13px;min-width:0;align-items:center}
body[data-hyapp-v16="hyvoip"] #hv-title{font:850 21px/1.15 Inter,system-ui,sans-serif;letter-spacing:-.024em;color:var(--vx-ink)}
body[data-hyapp-v16="hyvoip"] #hv-tenant{min-width:0}
body[data-hyapp-v16="hyvoip"] #hv-tenant select{min-height:42px;font-size:14px}
body[data-hyapp-v16="hyvoip"] #hv-tabs{display:flex;gap:6px;max-width:100%;overflow-x:auto;scrollbar-width:thin;overscroll-behavior-inline:contain;padding:6px}
body[data-hyapp-v16="hyvoip"] .glass-tab{white-space:nowrap;flex:0 0 auto;padding:10px 14px}
body[data-hyapp-v16="hyvoip"] #hv-main{min-width:0;min-height:0;overscroll-behavior-y:contain}
body[data-hyapp-v16="hyvoip"] .hv-panel{min-width:0;max-width:100%}
body[data-hyapp-v16="hyvoip"] :is(.hv-card,.glass-card){padding:clamp(13px,2vw,19px)}
body[data-hyapp-v16="hyvoip"] .hv-card-title{font:780 15px/1.3 Inter,system-ui,sans-serif;letter-spacing:-.012em}
body[data-hyapp-v16="hyvoip"] .hv-key{min-height:49px;border:1px solid var(--vx-line);border-radius:14px;background:var(--vx-lift)}
body[data-hyapp-v16="hyvoip"] .hv-key:hover{border-color:var(--vx-cyan)}
body[data-hyapp-v16="hyvoip"] :is(.hv-row,.hv-actions,.hv-pill-row){gap:10px;flex-wrap:wrap;min-width:0}
body[data-hyapp-v16="hyvoip"] :is(.hv-tbl,.glass-table){border:1px solid var(--vx-line);border-radius:13px}
body[data-hyapp-v16="hyvoip"] :is(.hv-tbl,.glass-table) table{min-width:540px}
body[data-hyapp-v16="hyvoip"] .hv-empty{border-radius:14px}
@media(max-width:760px){
body[data-hyapp-v16="hyvoip"]{height:auto;min-height:100dvh;overflow-y:auto!important}
body[data-hyapp-v16="hyvoip"] #hv-wrap{height:auto!important;min-height:calc(100dvh - 52px);overflow:visible!important;padding:12px}
body[data-hyapp-v16="hyvoip"] #hv-top{flex-wrap:wrap}
body[data-hyapp-v16="hyvoip"] #hv-tabs{position:relative;max-width:100%}
body[data-hyapp-v16="hyvoip"] #hv-main{min-height:350px;overflow:visible}
}


/* Exact missing functional modal state. Original openModal/closeModal use .active. */
body[data-hyapp-v16="hyvoip"] #hv-modal-overlay{
 display:none;position:fixed;inset:0;z-index:9500;
 padding:clamp(12px,3vw,26px);background:rgba(1,7,17,.78);
 align-items:center;justify-content:center;overflow-y:auto
}
body[data-hyapp-v16="hyvoip"] #hv-modal-overlay.active{display:flex}
body[data-hyapp-v16="hyvoip"] #hv-modal-overlay .glass-modal{
 width:min(560px,100%);min-width:0;max-height:calc(100dvh - 32px);
 overflow-y:auto;border:1px solid var(--vx-line);border-radius:18px;
 background:var(--vx-panel);box-shadow:0 30px 70px rgba(0,0,0,.55)
}
body[data-hyapp-v16="hyvoip"] .glass-modal-header,
body[data-hyapp-v16="hyvoip"] .glass-modal-footer{
 display:flex;gap:10px;align-items:center;padding:14px 17px;
 border-color:var(--vx-line);background:var(--vx-panel)
}
body[data-hyapp-v16="hyvoip"] .glass-modal-body{padding:17px;overflow:auto;min-width:0}
body[data-hyapp-v16="hyvoip"] .glass-modal-header strong{font:790 17px Inter,system-ui,sans-serif;color:var(--vx-ink)}
body[data-hyapp-v16="hyvoip"] #hv-float-save:not(.visible){display:none!important}
body[data-hyapp-v16="hyvoip"] #hv-float-save.visible{
 display:flex;align-items:center;justify-content:center;gap:8px;
 min-height:45px;bottom:max(18px,env(safe-area-inset-bottom));z-index:500;
 border-radius:12px;border:1px solid var(--vx-cyan);background:var(--vx-panel);
 padding:11px 18px;box-shadow:0 12px 28px #0004;color:var(--vx-cyan)
}
@media(max-width:600px){
 body[data-hyapp-v16="hyvoip"] #hv-modal-overlay{padding:8px}
 body[data-hyapp-v16="hyvoip"] #hv-modal-overlay .glass-modal{max-height:calc(100dvh - 18px)}
 body[data-hyapp-v16="hyvoip"] #hv-float-save.visible{left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));width:calc(100% - 24px)}
}