/* IBEX Phone V50 | Call administration: calm, information-dense and actionable */
:root{--v50-grad:linear-gradient(135deg,#122741 0%,#162e4e 60%,#29445b 100%);--v50-hover:rgba(234,119,55,.07);--v50-field:var(--surface);--v50-field-border:var(--stroke-strong)}
html[data-theme=dark]{--v50-grad:linear-gradient(130deg,#12243d 0%,#1a3352 62%,#1c3f54 100%);--v50-hover:rgba(255,151,85,.1);--v50-field:#172840;--v50-field-border:#40556c}
/* An administrator must know the difference between an activated service and a stored draft. */
.v50-hero{display:grid;grid-template-columns:1.15fr .85fr;gap:28px;background:var(--v50-grad);color:#fff;border-radius:21px;padding:34px;align-items:center;min-height:316px;box-shadow:0 18px 40px #0c18232b;margin-bottom:28px}
.v50-hero .overline{color:#ffab78}.v50-hero h2{font-size:clamp(27px,3vw,38px);line-height:1.13;letter-spacing:-1.25px;margin:15px 0 13px;max-width:510px}.v50-hero p{font-size:13px;color:#b9cde3;line-height:1.75;max-width:520px;margin:0}.v50-hero-buttons{display:flex;flex-wrap:wrap;gap:11px;margin-top:24px}.v50-hero-buttons .primary-btn{background:#f5823e;border-color:#f5823e;color:#111e30}.v50-hero-buttons .secondary-btn{background:#ffffff14;border:1px solid #ffffff30;color:#e9f1fa}.v50-setup-steps{display:grid;grid-template-columns:1fr;gap:7px}
.v50-setup-steps>button,.v50-step-future{background:#ffffff0e;border:1px solid #ffffff22;display:flex;align-items:center;width:100%;gap:13px;border-radius:12px;color:#eff6fe;text-align:left;padding:12px 14px;min-height:66px}.v50-setup-steps>button:hover{background:#ffffff1f;border-color:#ffffff55;transform:translateX(2px)}.v50-setup-steps>button>span:last-child{margin-left:auto;color:#fba36d;font-size:17px}.v50-setup-steps button>span:nth-child(2),.v50-step-future>span:nth-child(2){display:flex;flex-direction:column;gap:1px;flex:1}.v50-setup-steps strong{font-size:12.5px}.v50-setup-steps small{font-size:10.5px;color:#a5bace}.v50-step-number{font-weight:900;color:#ff9a60;font-size:13px;width:25px;flex:0 0 25px}.v50-step-future{opacity:.72}.v50-muted-tag{font-size:9px;font-weight:840;letter-spacing:.6px;background:#ffffff12;padding:5px 7px;border-radius:6px}
/* Keep the entire system in one navigation architecture, instead of multiple hidden flows. */
.admin-sidebar .admin-nav{gap:1px}.admin-nav .nav-caption{padding-top:15px}.admin-nav button.nav-active{background:#293c58;box-shadow:inset 3px 0 0 #ff9b5b}.admin-nav .nav-icon{font-family:system-ui,-apple-system,sans-serif;line-height:1}
.admin-shell [data-panel=numbers],.admin-shell [data-panel=attendants]{max-width:1180px}
.v50-subnav{display:flex;gap:4px;align-items:center;background:var(--surface-3);border-radius:12px;padding:4px;width:max-content;max-width:100%;margin:15px 0 21px;border:1px solid var(--stroke)}
.v50-subnav>button{border:0;background:transparent;color:var(--muted);padding:11px 17px;border-radius:9px;font-weight:780;font-size:12px;min-height:43px}.v50-subnav>button[aria-selected=true]{background:var(--surface);color:var(--ink);box-shadow:0 3px 12px #00000011}.v50-subnav>button:hover{color:var(--accent-deep)}
.v50-card,.v50-number-row,.v50-search-row{background:var(--surface);border:1px solid var(--stroke);border-radius:15px;box-shadow:var(--shadow)}.v50-card{padding:23px;margin-bottom:18px}.v50-card h3{margin:0 0 10px;font-size:18px;letter-spacing:-.35px}.v50-card .overline{display:block;margin-bottom:5px}.v50-card p{margin:0 0 18px;color:var(--muted);font-size:12px;line-height:1.6}.v50-help{display:flex;align-items:flex-start;gap:13px;background:var(--surface-2);border:1px solid var(--stroke);border-radius:13px;padding:16px 18px;margin:0 0 17px}.v50-help-icon{display:grid;place-items:center;flex:0 0 25px;width:25px;height:25px;background:var(--accent-wash);color:var(--accent-deep);font-size:12px;font-weight:900;border-radius:8px}.v50-help strong{font-weight:800;font-size:12px}.v50-help p{font-size:11.3px;color:var(--muted);line-height:1.65;margin:3px 0 0}.v50-alert{background:var(--good-wash);border:1px solid var(--good);border-radius:11px;color:var(--good);padding:13px 15px;margin-bottom:18px;font-size:12px}.v50-alert-error{background:var(--bad-wash);border-color:var(--bad);color:var(--bad)}
.v50-number-list{display:grid;gap:10px}.v50-number-row{display:grid;align-items:center;grid-template-columns:45px minmax(175px,1fr) minmax(105px,auto) auto;gap:15px;padding:16px 18px}.v50-number-icon{width:43px;height:43px;display:grid;place-items:center;border-radius:12px;background:var(--surface-3);color:var(--accent-deep);font-size:20px}.v50-number-info{display:flex;flex-direction:column;gap:4px;min-width:0}.v50-number-info strong{font-size:13.5px;overflow-wrap:anywhere}.v50-number-info>span{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}.v50-number-status{text-align:right}.v50-chip{display:inline-flex;align-items:center;background:var(--surface-3);border:1px solid var(--stroke);border-radius:999px;padding:6px 9px;font-size:10px;font-weight:780;color:var(--muted);white-space:nowrap}.v50-chip-orange{background:var(--accent-wash);color:var(--accent-deep);border-color:transparent}.v50-number-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.v50-number-actions button{min-height:36px;padding:7px 11px;font-size:11px}.v50-danger-quiet{border:1px solid #d77c7650;background:var(--bad-wash);color:var(--bad);padding:10px 14px;font-size:11.2px;font-weight:760;border-radius:10px;cursor:pointer}.v50-danger-quiet:hover{border-color:var(--bad)}
.v50-form-heading{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.v50-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.v50-form-grid label,.v50-menu-form label{display:flex;flex-direction:column;gap:8px;min-width:0;font-size:11px;font-weight:770;color:var(--ink)}.v50-form-grid input,.v50-form-grid select,.v50-menu-form input:not([type=checkbox]),.v50-menu-form select,.v50-menu-form textarea,.v50-dialog input{min-width:0;width:100%;background:var(--v50-field);border:1px solid var(--v50-field-border);border-radius:11px;padding:11px 13px;min-height:44px;color:var(--ink);font-size:12px;box-shadow:none}.v50-form-grid input:focus,.v50-menu-form input:focus,.v50-menu-form textarea:focus{border-color:var(--accent);outline:2px solid var(--focus)}.v50-form-action{display:flex;align-items:end}.v50-form-action button{min-height:44px}.v50-muted-note,.v50-small-explanation{font-size:11px;color:var(--muted);line-height:1.65;margin-top:14px}.v50-result-list{display:grid;gap:10px}.v50-find-caption{font-size:11.5px;color:var(--muted);padding:4px 0 5px}.v50-search-row{padding:15px 18px;display:flex;justify-content:space-between;gap:15px;align-items:center}.v50-search-row>div{display:flex;flex-direction:column;gap:3px}.v50-search-row strong{font-size:14px}.v50-search-row small{font-size:11px;color:var(--muted)}.v50-port-row{display:flex;align-items:center;justify-content:space-between;padding:13px 0;gap:15px;border-bottom:1px solid var(--stroke)}.v50-port-row:last-child{border:0}.v50-port-row>div{display:flex;flex-direction:column;gap:4px}.v50-port-row strong{font-size:13px}.v50-port-row small{font-size:11px;color:var(--muted)}.v50-empty-line{color:var(--muted);font-size:12px;padding:18px 0}.v50-skeleton{color:var(--muted);border:1px dashed var(--stroke-strong);background:var(--surface-2);padding:30px;border-radius:13px;font-size:12px}
.v50-dialog-overlay{z-index:250;position:fixed;inset:0;background:#041020be;display:grid;place-items:center;padding:16px;backdrop-filter:blur(5px)}.v50-dialog{max-width:520px;width:100%;background:var(--surface);border:1px solid var(--stroke-strong);border-radius:19px;padding:25px;box-shadow:0 26px 90px #0005}.v50-dialog-title{display:flex;gap:20px;justify-content:space-between;align-items:center}.v50-dialog-title h3{font-size:22px;line-height:1.2;margin:7px 0 0}.v50-dialog>p{color:var(--muted);font-size:12px;line-height:1.7;margin:18px 0}.v50-icon-button{width:33px;height:33px;display:grid;place-items:center;font-size:23px;border:1px solid var(--stroke);border-radius:9px;background:var(--surface-2);color:var(--ink)}.v50-price-summary{padding:15px;border:1px solid var(--stroke);background:var(--surface-2);border-radius:12px;font-size:14px;font-weight:820;color:var(--ink);margin-bottom:17px}.v50-dialog-confirm-label{display:flex;flex-direction:column;gap:8px;font-size:11px;color:var(--muted)}.v50-dialog-buttons{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:18px}
/* Menu builder: sensible side list and a focused right editor. */
.v50-attendant-layout{display:grid;grid-template-columns:235px minmax(0,1fr);align-items:start;gap:18px}.v50-attendant-sidebar{background:var(--surface);border:1px solid var(--stroke);border-radius:15px;padding:13px;position:sticky;top:27px}.v50-sidebar-label{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:10px;letter-spacing:1px;font-weight:850;padding:11px}.v50-sidebar-label span{background:var(--surface-3);border-radius:10px;padding:4px 7px;color:var(--ink)}.v50-menu-list{display:flex;flex-direction:column;gap:4px}.v50-menu-tile{background:transparent;border:1px solid transparent;padding:12px;border-radius:10px;text-align:left;display:flex;flex-direction:column;gap:4px;color:var(--ink)}.v50-menu-tile:hover{background:var(--surface-2)}.v50-menu-tile.is-current{background:var(--accent-wash);border-color:var(--accent);color:var(--ink)}.v50-menu-tile strong{font-size:12px}.v50-menu-tile small{font-size:10px;color:var(--muted)}.v50-secondary-wide{margin-top:13px;background:var(--surface-2);border:1px dashed var(--stroke-strong);padding:12px;text-align:center;border-radius:10px;width:100%;font-size:11px;font-weight:760;color:var(--ink)}.v50-attendant-editor{min-width:0;background:var(--surface);border:1px solid var(--stroke);border-radius:16px;overflow:visible;box-shadow:var(--shadow)}.v50-empty-menu{min-height:290px;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:35px 25px;text-align:center}.v50-empty-menu h3{margin:6px 0;font-size:19px}.v50-empty-menu p{max-width:390px;color:var(--muted);font-size:12px;line-height:1.7;margin:0 0 20px}.v50-empty-symbol{width:65px;height:65px;background:var(--surface-3);display:grid;place-items:center;border-radius:18px;font-size:29px;color:var(--accent-deep);margin-bottom:13px}
.v50-menu-form{display:block}.v50-editor-head{padding:23px 25px;border-bottom:1px solid var(--stroke);display:flex;justify-content:space-between;gap:15px;align-items:start}.v50-editor-head h3{font-size:21px;line-height:1.2;margin:8px 0 7px;letter-spacing:-.6px}.v50-editor-head p{font-size:11.5px;color:var(--muted);margin:0;line-height:1.5}.v50-draft-pill{font-size:9px;letter-spacing:.6px;white-space:nowrap;background:var(--accent-wash);color:var(--accent-deep);padding:7px 10px;border-radius:99px;font-weight:830}.v50-form-section{padding:23px 25px;border-bottom:1px solid var(--stroke)}.v50-form-section:last-child{border-bottom:0}.v50-form-section>h4,.v50-option-heading h4,.v50-hours-header h4,.v50-holiday-top h4{font-size:14px;font-weight:820;letter-spacing:-.15px;margin:0 0 16px}.v50-form-section>label{margin-top:17px}.v50-menu-form textarea{resize:vertical;min-height:84px}.v50-switch{flex-direction:row!important;gap:12px!important;align-items:center;max-width:410px;margin-top:18px}.v50-switch input{width:18px;height:18px;accent-color:var(--accent)}.v50-switch span{display:flex;flex-direction:column;gap:2px}.v50-switch span strong{font-size:11px}.v50-switch span small{color:var(--muted);font-size:10px}.v50-hours-header{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:15px}.v50-hours-header h4{margin:0 0 4px}.v50-hours-header p,.v50-option-heading p{font-size:10.5px;color:var(--muted);margin:0;line-height:1.6}.v50-timezone-label{min-width:200px}.v50-schedule-list{border:1px solid var(--stroke);border-radius:11px;overflow:hidden}.v50-day{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:9px 14px;border-bottom:1px solid var(--stroke);min-height:58px}.v50-day:last-child{border-bottom:0}.v50-day-toggle{flex-direction:row!important;align-items:center;min-width:115px;gap:12px!important}.v50-day-toggle>input{accent-color:var(--accent);width:17px;height:17px}.v50-day-toggle strong{font-size:11px}.v50-day-times{display:flex;align-items:center;gap:9px;min-width:0}.v50-day-times input{width:112px!important;min-height:37px!important;padding:6px 8px!important}.v50-day-times>span{font-size:11px;color:var(--muted)}.v50-closed-note{font-size:11px;color:var(--muted);min-width:52px;text-align:right}.v50-holiday-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:25px 0 8px}.v50-holiday-top h4{margin:0}.v50-holiday-top button{font-size:11px}.v50-form-section .v50-small-explanation{margin:0 0 14px}.v50-date-row{display:grid;grid-template-columns:minmax(110px,1.1fr) minmax(100px,1fr) minmax(108px,1fr) 80px 80px 31px;gap:9px;align-items:end;margin:10px 0}.v50-date-row label{gap:6px;font-size:10px}.v50-date-row input,.v50-date-row select{min-height:37px!important;padding:6px 8px!important}.v50-delete-line{border:1px solid var(--stroke);background:var(--surface-2);color:var(--bad);border-radius:9px;padding:5px 9px;min-height:37px;font-size:18px}.v50-fallbacks{margin-top:22px}.v50-option-heading{display:flex;justify-content:space-between;align-items:start;gap:15px;margin-bottom:13px}.v50-option-heading h4{margin:0 0 4px}.v50-option-heading button{white-space:nowrap}.v50-option-row{display:grid;grid-template-columns:90px minmax(100px,1fr) minmax(105px,1fr) minmax(100px,1fr) 31px;gap:8px;align-items:end;margin-bottom:10px}.v50-option-row label{font-size:10px;gap:5px}.v50-option-row input,.v50-option-row select{min-height:40px!important;padding:8px!important}.v50-editor-actions{padding:21px 25px;display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap}.v50-editor-actions>span{flex:1;color:var(--muted);font-size:10.5px;line-height:1.6}.v50-editor-actions .primary-btn{white-space:nowrap}
/* Replace dated browser dropdown panels on desktop with keyboard-usable, theme-native listboxes. */
.v50-select-frame{min-width:0;width:100%;position:relative;display:block}
@media (min-width:781px){.v50-select-frame>select{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%)!important;opacity:0!important;pointer-events:none!important;padding:0!important;border:0!important}.v50-select-trigger{min-height:42px;display:flex;align-items:center;justify-content:space-between;text-align:left;gap:12px;width:100%;padding:10px 13px;background:var(--v50-field);color:var(--ink);border:1px solid var(--v50-field-border);border-radius:10px;font-size:12px;font-weight:610;box-shadow:0 1px 2px #00000008}.v50-select-trigger:hover{border-color:var(--accent)}.v50-select-trigger:disabled{opacity:.6}.v50-select-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.v50-chevron{width:8px;height:8px;border-right:1.8px solid var(--muted);border-bottom:1.8px solid var(--muted);transform:rotate(45deg);margin-right:4px;margin-top:-4px;transition:transform .15s}.v50-select-frame.is-open .v50-chevron{transform:rotate(225deg);margin-top:4px}.v50-select-options{position:absolute;top:calc(100% + 5px);left:0;right:0;z-index:70;min-width:max(100%,190px);max-height:270px;overflow:auto;background:var(--surface);color:var(--ink);border:1px solid var(--stroke-strong);box-shadow:0 15px 42px #080f202a;padding:5px;border-radius:12px;animation:enter .12s ease-out}.v50-select-options.open-up{top:auto;bottom:calc(100% + 5px)}.v50-select-option{width:100%;text-align:left;background:transparent;border:none;border-radius:7px;color:var(--ink);font-size:12px;min-height:37px;padding:9px 11px}.v50-select-option:hover,.v50-select-option:focus{background:var(--surface-3);outline:none}.v50-select-option[aria-selected=true]{color:var(--accent-deep);font-weight:820;background:var(--accent-wash)}.v50-select-option:disabled{opacity:.4}}
@media (max-width:780px){.v50-select-trigger{display:none!important}.v50-select-frame>select{display:block;appearance:none;-webkit-appearance:none;padding-right:32px!important;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 18px) 50%,calc(100% - 13px) 50%;background-size:5px 5px,5px 5px;background-repeat:no-repeat}}
@media (max-width:1180px){.v50-date-row{grid-template-columns:1fr 1fr 1fr}.v50-date-row>button{align-self:end}.v50-option-row{grid-template-columns:75px 1fr 1fr}.v50-option-row>button{min-width:32px}}
@media (max-width:960px){.v50-hero{grid-template-columns:1fr;padding:27px;gap:22px}.v50-setup-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.v50-attendant-layout{grid-template-columns:200px minmax(0,1fr)}.v50-day-times input{width:95px!important}.v50-number-row{grid-template-columns:45px 1fr auto}.v50-number-status{grid-column:2}.v50-number-actions{grid-column:3;grid-row:1/3}}
@media (max-width:780px){.v50-hero{border-radius:15px;gap:17px;padding:22px}.v50-hero h2{font-size:25px}.v50-hero p{font-size:11.8px}.v50-setup-steps{grid-template-columns:1fr 1fr}.v50-setup-steps>button,.v50-step-future{padding:12px;min-height:70px}.v50-attendant-layout{grid-template-columns:1fr}.v50-attendant-sidebar{position:static}.v50-menu-list{display:flex;flex-direction:row;overflow-x:auto}.v50-menu-tile{flex:0 0 180px;border:1px solid var(--stroke)}.v50-secondary-wide{margin-top:10px}.v50-form-section{padding:20px 18px}.v50-editor-head{padding:20px 18px}.v50-editor-actions{padding:19px 18px}.v50-hours-header{flex-wrap:wrap}.v50-timezone-label{width:100%}.v50-option-row{grid-template-columns:1fr 1fr}.v50-option-row>label:nth-child(2){grid-column:2}.v50-option-row>label:nth-child(3){grid-column:1}.v50-option-row>label:nth-child(4){grid-column:2}.v50-option-row>button{grid-column:2;justify-self:end}}
@media (max-width:560px){.v50-hero h2{font-size:23px}.v50-hero-buttons{flex-direction:column;align-items:stretch}.v50-setup-steps{grid-template-columns:1fr;gap:7px}.v50-setup-steps>button,.v50-step-future{min-height:61px}.v50-subnav{width:100%}.v50-subnav>button{flex:1;padding:9px 6px;min-height:40px;font-size:11px}.v50-number-row{grid-template-columns:39px 1fr;gap:11px;padding:14px}.v50-number-icon{width:39px;height:39px}.v50-number-status{grid-column:2;text-align:left}.v50-number-actions{grid-row:auto;grid-column:1/-1;justify-content:flex-start;padding-top:8px;border-top:1px solid var(--stroke)}.v50-form-grid{grid-template-columns:1fr}.v50-card{padding:18px}.v50-search-row{flex-wrap:wrap}.v50-search-row button{width:100%}.v50-dialog{padding:21px}.v50-day{gap:10px;padding:9px}.v50-day-toggle{min-width:98px}.v50-day-toggle strong{font-size:10.5px}.v50-day-times{gap:5px;flex:1;justify-content:flex-end}.v50-day-times input{min-width:0;width:92px!important;font-size:10px!important}.v50-closed-note{display:none}.v50-date-row{grid-template-columns:1fr 1fr}.v50-date-row>button{grid-column:2;justify-self:end}.v50-option-row{grid-template-columns:1fr 1fr}.v50-editor-head h3{font-size:19px}.v50-option-heading{flex-wrap:wrap}.v50-editor-actions>span{flex-basis:100%}.v50-editor-actions button{flex-grow:1}}
.team-state-tag.pending{background:var(--accent-wash);color:var(--accent-deep)}.v50-route-panel{margin-bottom:17px;border:1px solid var(--accent);background:var(--surface-2)}.v50-route-panel .v50-form-heading h3{font-size:17px}.v50-route-panel .v50-form-heading p{max-width:600px}