/* IBEX Phone V44 — polished keypad and reports pricing UX */
.v42-theme-toggle,.v16-top-settings-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;vertical-align:middle!important;line-height:1!important;padding:0!important}
.v42-theme-toggle{font-size:0!important;border-radius:15px!important;box-shadow:0 2px 6px rgba(10,35,78,.025);}
.v42-theme-toggle .v44-theme-icon{width:22px!important;height:22px!important;display:block!important;flex:none!important;stroke-linecap:round!important;stroke-linejoin:round!important;transform:none!important}
.v42-theme-toggle:hover{box-shadow:0 3px 10px rgba(10,35,78,.10)}
#page-dialer .dial-button#start-call{display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important;border-radius:50%!important;background:linear-gradient(160deg,#f99a45,#e97a24)!important;border:1px solid #f1ad6c!important;box-shadow:0 0 0 7px rgba(239,136,48,.10),0 9px 22px rgba(233,108,28,.17)!important;transition:transform .14s ease,filter .14s ease!important}
#page-dialer #start-call:hover{filter:brightness(1.055);transform:translateY(-1px)}
#page-dialer #start-call:active{transform:scale(.95)}
#page-dialer #start-call .handset-icon{width:31px!important;height:31px!important;stroke:none!important;fill:currentColor!important;color:#fff!important;margin:0!important;transform:rotate(-1deg)}
#page-dialer .key[data-digit="*"] .v44-star-glyph{display:flex!important;align-items:center!important;justify-content:center!important;font-family:inherit!important;font-size:43px!important;font-weight:420!important;line-height:1!important;height:38px!important;transform:translateY(5px)!important;color:inherit}
#page-dialer .key[data-digit="*"]{font-family:inherit!important}
#page-reports .v35-report-actions #reports-refresh{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;min-height:39px!important;padding:9px 14px!important;border-radius:11px!important;cursor:pointer;transition:background .15s ease,transform .15s ease}
#reports-refresh .v44-refresh-icon{width:15px!important;height:15px!important;flex:none!important;stroke-width:2!important;fill:none!important}
#reports-refresh.is-loading .v44-refresh-icon{animation:v44Spin 1.1s linear infinite}
@keyframes v44Spin{to{transform:rotate(360deg)}}
#reports-refresh:disabled{opacity:.7;cursor:wait}
.v44-report-sync{margin:3px 0 16px!important;font-size:12px!important;color:#57718c!important;line-height:1.5!important;display:block!important;min-height:18px}
.v44-report-sync[data-state="error"]{color:#b5583a!important}
.v44-report-sync[data-state="ok"]{color:#287050!important}
#v37-cost-rows td.v44-cost-cell{vertical-align:middle}
.v44-cost-cell .v44-cost-value{display:block;white-space:nowrap;font-variant-numeric:tabular-nums;font-size:14px!important;font-weight:800!important;color:#183a61!important;letter-spacing:-.015em}
.v44-cost-cell .v44-cost-kind{display:block;margin-top:5px;color:#8292a5!important;font-size:10px!important;letter-spacing:0;font-weight:600!important;white-space:normal}
.v44-cost-cell.estimated .v44-cost-value{color:#b96824!important}
.v44-cost-cell.pending .v44-cost-value{color:#697e92!important;font-weight:600!important;font-size:13px!important}
html[data-theme="dark"] #page-reports .v44-report-sync{color:#b0c3da!important}
html[data-theme="dark"] #page-reports .v44-report-sync[data-state="error"]{color:#ffc097!important}
html[data-theme="dark"] #page-reports .v44-report-sync[data-state="ok"]{color:#8cdbbc!important}
html[data-theme="dark"] .v44-cost-cell .v44-cost-value{color:#e4ecfa!important}
html[data-theme="dark"] .v44-cost-cell .v44-cost-kind{color:#9caec2!important}
html[data-theme="dark"] .v44-cost-cell.estimated .v44-cost-value{color:#ffa75f!important}
html[data-theme="dark"] .v44-cost-cell.pending .v44-cost-value{color:#b8c7d9!important}
#account-security-section .v38-password-server-note{max-width:60ch!important;font-size:12px!important;line-height:1.55!important;color:var(--muted,#798ba1)!important}
@media(max-width:740px){
 .v42-theme-toggle{width:37px!important;height:37px!important;min-width:37px!important;border-radius:12px!important;flex-shrink:0!important}
 .v42-theme-toggle .v44-theme-icon{width:20px!important;height:20px!important}
 #page-dialer .dialer-panel{min-height:0!important;max-height:none!important;padding:17px 14px 24px!important;overflow:visible!important}
 #page-dialer .dialer-panel .connection-banner{margin-bottom:10px!important}
 #page-dialer .dialer-panel .line-select-wrap{margin:5px 0 12px!important}
 #page-dialer .dialer-panel .number-field{margin:8px auto 10px!important}
 #page-dialer .dialer-panel .keypad{grid-template-columns:repeat(3,minmax(0,1fr))!important;max-width:320px!important;width:100%!important;margin:9px auto 13px!important;column-gap:14px!important;row-gap:11px!important;justify-items:center!important}
 #page-dialer .dialer-panel .key{width:clamp(60px,7.7dvh,68px)!important;min-width:0!important;height:clamp(60px,7.7dvh,68px)!important;min-height:0!important;border-radius:50%!important}
 #page-dialer .dialer-panel .key strong{font-size:clamp(26px,3.4dvh,32px)!important}
 #page-dialer .dialer-panel .key[data-digit="*"] .v44-star-glyph{font-size:39px!important}
 #page-dialer .dialer-panel .dial-actions{margin:11px auto 0!important}
 #page-dialer .dialer-panel #start-call{width:clamp(63px,7.6dvh,69px)!important;height:clamp(63px,7.6dvh,69px)!important;min-width:0!important;min-height:0!important}
 #page-dialer .dialer-panel .call-action-hint{margin-top:8px!important}
 #page-dialer{padding-bottom:0!important}
 #page-dialer .dashboard-grid{padding-bottom:calc(104px + env(safe-area-inset-bottom))!important}
 #page-reports .v35-report-actions{gap:9px!important;flex-wrap:wrap!important}
 #page-reports #reports-refresh{white-space:nowrap}
 #page-reports .v37-cost-table tbody tr td.v44-cost-cell{display:flex!important;flex-direction:column!important;align-items:flex-end!important;justify-content:center!important;text-align:right!important;gap:3px!important;min-width:125px!important}
 #page-reports .v44-cost-value{font-size:14px!important}
}
@media(max-width:740px) and (max-height:760px){
 #page-dialer .dialer-panel .call-action-hint{display:none!important}
 #page-dialer .dialer-panel{padding-top:12px!important;padding-bottom:18px!important}
 #page-dialer .dialer-panel .key{height:57px!important;width:57px!important}
 #page-dialer .dialer-panel .keypad{row-gap:8px!important;margin-block:6px 8px!important}
 #page-dialer .dialer-panel .number-field{margin:3px auto 6px!important}
}
@media(max-width:355px){#page-dialer .dialer-panel .key{width:57px!important;height:57px!important}#page-dialer .dialer-panel .keypad{gap:8px!important}}
