html,body{margin:0;min-width:0;background:transparent!important}body{overflow-x:hidden}#liquid-scene{opacity:.65}.app-header,.sidebar,.app-footer,.mobile-backdrop{display:none!important}.app-frame{padding:0!important;min-height:100vh!important}.layout{display:block!important;margin:0!important;padding:0!important}.booking-call-tabs{display:flex;gap:8px;position:sticky;top:0;z-index:20;padding:10px;background:color-mix(in srgb,var(--blue) 8%,transparent);backdrop-filter:blur(16px)}.booking-call-tabs [aria-current=page]{background:var(--blue);color:#fff}#page-content{padding:12px!important;min-width:0;width:100%;max-width:none}.phone-console{max-width:none}.phone-dial-row input{min-width:0}.booking-dial-extra{margin-top:10px}.booking-dial-extra .phone-keypad[hidden]{display:none}.phone-keypad{max-width:360px}.table-wrap{overflow:auto}.call-row{cursor:pointer}.call-row:focus-visible{outline:2px solid var(--blue);outline-offset:-3px}.dialog-scrim{overscroll-behavior:contain}.dialog-scroll{scrollbar-gutter:stable;overflow-x:hidden}.phone-transfer-modal{max-height:calc(100dvh - 20px);overflow:auto}html[data-voice-theme=dark]{--panel-fill:rgba(28,54,76,.72);--muted:#a8c5dc;color:var(--ink)}html[data-voice-theme=dark] .table-wrap{color:var(--ink)}.select-trigger{display:flex}.select-trigger .selected-label{flex:1;min-width:0;text-align:left}.select-trigger>.icon{margin-left:auto;flex:none}@media(max-width:600px){#page-content{padding:6px!important}.booking-call-tabs{padding:8px 4px;justify-content:space-between}.booking-call-tabs>.button{flex:1;min-width:0}.phone-dial-row{flex-wrap:wrap}.phone-dial-row input{width:100%;flex-basis:100%}.phone-dial-row button{width:100%;justify-content:center}.call-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.voice-player-tools{flex-wrap:wrap}}
.booking-call-layout{display:grid;grid-template-columns:minmax(300px,380px) minmax(0,1fr);gap:14px;align-items:start}.booking-call-layout>aside{position:sticky;top:82px}.booking-call-layout>section{min-width:0}.booking-call-layout .phone-console{margin:0}.booking-call-layout .page-heading{flex-wrap:wrap}.button.primary{background:var(--blue)!important;color:#fff!important}.button.primary .sg-pane{opacity:.25}@media(max-width:1000px){.booking-call-layout{grid-template-columns:1fr}.booking-call-layout>aside{position:static}}
.phone-person.idle{padding:16px 0!important}.phone-person.idle .phone-orb{width:64px;height:64px;margin-bottom:14px}.phone-person.idle h2{font-size:23px;line-height:1.2}.phone-person.idle p{font-size:13px}.booking-call-layout .phone-console{padding:20px}.booking-call-tabs .button[aria-current=page]{color:var(--ink)}.button:disabled{opacity:.5;cursor:not-allowed}.booking-call-layout .phone-live{max-height:200px;overflow:auto}
.booking-call-mobile-tabs{display:none}@media(max-width:1000px){.booking-call-mobile-tabs{display:flex;gap:8px;margin:8px 0}.booking-call-mobile-tabs>.button{flex:1;justify-content:center}.booking-call-layout[data-mobile-pane=history]>aside,.booking-call-layout[data-mobile-pane=phone]>section{display:none}}

.booking-call-tabs[hidden]{display:none!important}

/* Keep dial input and erase action usable on narrow screens. */
.phone-dial-row input{min-height:49px}
.booking-dial-extra .phone-keypad{grid-template-columns:repeat(3,minmax(0,1fr))}
.booking-dial-extra [data-do=booking-dial-erase]{grid-column:1/-1;font-size:14px;white-space:nowrap;justify-content:center}
@media(max-width:600px){.phone-dial-row input{flex:0 0 auto}}

/* Size call controls by panel width, including the narrow desktop sidebar. */
.phone-console .phone-controls{grid-template-columns:repeat(auto-fit,minmax(min(100%,88px),1fr));gap:8px}
.phone-console .phone-control{min-width:0;padding:10px 6px;white-space:normal;line-height:1.25}
.phone-console .phone-control>span{max-width:100%;overflow-wrap:anywhere;text-align:center}
.phone-console .phone-control>.icon{flex-shrink:0}

/* Keep the dial actions beside the number and separate the panel from the line filter. */
.booking-call-layout{margin-top:16px}
.phone-console .phone-dial-row{display:grid;grid-template-columns:minmax(0,1fr) 44px 44px;gap:8px;align-items:center}
.phone-console .phone-dial-row input{width:100%;min-width:0;height:49px;padding:0 10px;font-size:15px}
.phone-console .phone-dial-row .button{width:44px;min-width:0;height:49px;padding:0;justify-content:center;border-radius:15px}
.phone-console .phone-dial-row .button>.icon{width:20px;height:20px;flex-shrink:0}
.booking-dial-extra:not(:has(.phone-keypad:not([hidden]))){margin:0}