/* Shared operating UI. Loaded last so legacy business layouts keep their controls. */
/* Text labels carry the action; decorative arrows and disclosure triangles are omitted. */
select{appearance:none!important;-webkit-appearance:none!important;background-image:none!important;padding-right:12px!important;cursor:pointer}
summary{list-style:none!important;cursor:pointer}summary::marker{content:""}summary::-webkit-details-marker{display:none}
:root{--presence-online:#16834b;--presence-busy:#946200;--presence-offline:#cf3434}
.presence[data-presence=online],[data-worker-status][data-presence=online],#adminApp .status-pill.online{color:var(--presence-online)!important}
.presence[data-presence=busy],[data-worker-status][data-presence=busy]{color:var(--presence-busy)!important}
.presence[data-presence=offline],[data-worker-status][data-presence=offline],#adminApp .status-pill.offline{color:var(--presence-offline)!important}
[data-worker-status][data-presence=online],#adminApp .status-pill.online{background:#edf8f1!important;border-color:#acd8bc!important}
[data-worker-status][data-presence=busy]{background:#fff6cf!important;border-color:#eac656!important}
[data-worker-status][data-presence=offline],#adminApp .status-pill.offline{background:#fff0f0!important;border-color:#efb5b5!important}
#appView .online-toggle,#appView #onlineToggleText{color:var(--presence-online)!important}
#appView .online-toggle .status-dot{background:var(--presence-online)!important;box-shadow:none!important}
#appView .online-toggle.offline,#appView .online-toggle.offline #onlineToggleText{color:var(--presence-offline)!important}
#appView .online-toggle.offline .status-dot{background:var(--presence-offline)!important;box-shadow:none!important}
#adminApp .status-pill.online i{background:var(--presence-online)!important;box-shadow:none!important}
#adminApp .status-pill.offline i{background:var(--presence-offline)!important;box-shadow:none!important}
#appView .account-text small{display:none!important}
:root{--ink:#242b32;--muted:#697582;--line:#e2e6ea;--soft:#f4f5f7;--blue:#e86124}
html,body{min-width:0!important;font-family:"Microsoft YaHei","PingFang SC",system-ui,sans-serif!important;font-size:14px}body:has(#adminApp),body:has(#appView),body:has(.web-login-page){background:#f4f5f7!important}
input,select,textarea,button{font:inherit}button,input,select,textarea,a{outline-offset:3px}button:focus-visible,a:focus-visible{outline:3px solid #edb58e!important}input,select,textarea{border-radius:7px!important;border-color:#ccd4dd!important}button{font-weight:550!important}.primary-btn,.send-btn,.send-button{background:#e86124!important;border-color:#e86124!important}.soft-btn,.ghost-btn,.soft-link{color:#303a44!important}
.web-login-page,#loginView:not(.hidden){min-height:100dvh!important;height:auto!important;display:grid!important;place-items:center!important;padding:40px 16px!important;background:#f4f5f7!important;overflow:auto!important}
.web-login-card,#loginView .login-panel{width:440px!important;max-width:100%!important;min-width:0!important;padding:32px!important;border:1px solid #e2e6ea!important;border-radius:12px!important;background:white!important;box-shadow:none!important;margin:0!important}
.web-login-card h1,#loginView .login-panel h1{font-size:24px!important;line-height:1.5!important;margin:0 0 8px!important;letter-spacing:-.4px!important}
.web-login-card>p,#loginView .login-panel>p{font-size:14px!important;line-height:1.6!important;color:#697582!important;margin:0 0 26px!important}
#loginView .brand,#loginView .brand-mark{display:none!important}
.web-login-card form,#loginView .login-panel form{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:20px!important}
.web-login-card label,#loginView .login-panel label{display:grid!important;gap:8px!important;font-size:14px!important;line-height:1.5!important;font-weight:500!important;color:#303a44!important;margin:0!important;padding:0!important;border:0!important;background:none!important}
#loginView .login-panel label span{margin:0!important;color:#303a44!important;font-size:14px!important}
.web-login-card input:not([type=hidden]),#loginView .login-panel input:not([type=hidden]){display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;height:46px!important;min-height:46px!important;padding:10px 12px!important;margin:0!important;font-size:15px!important;background:white!important;border:1px solid #ccd4dd!important;border-radius:7px!important;color:#242b32!important}
.web-login-card button[type=submit],#loginView .login-panel button[type=submit]{width:100%!important;min-height:46px!important;background:#e86124!important;border:1px solid #e86124!important;border-radius:7px!important;color:white!important;font-size:15px!important;margin:2px 0 0!important}
.web-login-card a.login-back,#loginView .login-back{display:block;text-align:center;margin-top:24px;color:#697582;font-size:13px}.login-error,#customerLoginError,#loginError{color:#b43e25!important;font-size:13px!important;line-height:1.6!important;min-height:0!important}.login-error:empty,#customerLoginError:empty,#loginError:empty{display:none!important}
.login-roles{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:4px;background:#f1f3f5;border-radius:9px}.web-login-card .login-roles button{min-height:40px!important;width:auto!important;background:transparent!important;color:#697582!important;border:1px solid transparent!important;border-radius:6px!important;font-size:14px}.web-login-card .login-roles button[aria-pressed=true]{background:#fff!important;border-color:#dce2e8!important;color:#c05220!important}
#adminApp.admin-shell{grid-template-columns:216px minmax(0,1fr)!important;grid-template-rows:76px 52px minmax(0,1fr)!important;height:calc(100dvh - 27px)!important}
#adminApp>.side-nav{background:#202830!important;border:0!important;padding:24px 16px!important;overflow-y:auto;gap:4px!important}
#adminApp .side-brand{height:auto!important;min-height:48px!important;margin:0 0 26px!important;padding:0 4px!important;gap:8px!important}
#adminApp .side-brand strong{font-size:16px!important;line-height:1.5!important;color:#f0f3f7!important;overflow-wrap:anywhere}
#adminApp .side-brand small{font-size:11px!important;letter-spacing:0!important;color:#aab7c4!important}
#adminApp .side-brand>img{width:26px!important;height:32px!important;filter:brightness(0) invert(1)}
#adminApp .side-nav>.nav-item{display:flex!important;height:44px!important;min-height:44px!important;padding:0 14px!important;font-size:14px!important;color:#c4ced8!important;border-radius:7px!important;gap:12px!important}
#adminApp .side-nav>.nav-item.active{background:#41342d!important;color:#ffb18a!important}#adminApp .side-nav>.nav-item:hover{background:#303b46!important}
#adminApp>.topbar,#adminApp>#adminSubNav{padding-inline:32px!important}#adminApp .topbar h1{font-size:24px!important;letter-spacing:-.5px!important}
#adminApp>.view{padding:24px 32px 36px!important;background:#f4f5f7!important;scrollbar-gutter:stable}
#adminApp>.view>.panel,#adminApp>.view>.stats-grid,#adminApp>.view>.welcome-card,#adminApp>.view>.module-insight,#adminApp>.view>.club-toolbar{width:100%!important;max-width:none!important;margin-inline:0!important}
#adminApp .panel{background:white!important;border:1px solid #e2e6ea!important;border-radius:10px!important;padding:24px!important;margin-bottom:20px!important}
#adminApp .panel-head{padding:0 0 18px!important}#adminApp .panel-head strong{font-size:18px!important}#adminApp .panel-head span{font-size:13px!important;color:#697582!important}
#adminApp .welcome-card{background:white!important;border-color:#e2e6ea!important;padding:22px 24px!important}#adminApp .welcome-card h2{font-size:21px!important;margin:0 0 8px!important}#adminApp .welcome-card p{margin:0!important;font-size:14px!important}
#adminApp .stats-grid{margin-block:20px!important;gap:14px!important}#adminApp .stats-grid article{padding:18px!important;border-color:#e2e6ea!important}#adminApp .stats-grid strong{font-size:27px!important;font-variant-numeric:tabular-nums}
#adminApp table th{padding:12px 14px!important;font-size:13px!important;background:#f5f7f9!important}#adminApp table td{padding:14px!important;font-size:14px!important}
#adminApp .form-grid label span{font-weight:500!important}.ops-quick-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.ops-quick-links button{background:#f7f9fb!important;text-align:left!important;padding:14px!important;min-height:48px;white-space:normal;border:1px solid #e2e6ea;border-radius:7px}
.ops-feature-status{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 20px;padding:12px 14px;background:#fff;border:1px solid #e2e6ea;border-radius:8px;font-size:12px}.ops-feature-status span{color:#27734e}.ops-feature-status span.off{color:#a24628}.ops-feature-status strong{color:#697582;font-weight:500}
.ops-disabled{opacity:.6!important;cursor:not-allowed!important}.ops-login-note{font-size:12px!important;color:#697582!important;margin-top:20px!important;text-align:center}
@media(min-width:801px){#appView.app-shell{height:calc(100dvh - 27px)!important;max-width:1760px;margin:auto}#appView .admin-rail{background:#202830!important;width:auto!important}#appView .rail-brand strong{color:#f0f3f7!important}#appView .rail-item{color:#c4ced8!important}#appView .rail-item.active{background:#41342d!important;color:#ffb18a!important}}
@media(max-width:1100px){#adminApp.admin-shell{grid-template-columns:184px minmax(0,1fr)!important}#adminApp>.topbar,#adminApp>#adminSubNav{padding-inline:22px!important}#adminApp>.view{padding:20px!important}.ops-quick-links{grid-template-columns:1fr 1fr}}
@media(max-width:760px){#adminApp.admin-shell{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto 65px 48px minmax(0,1fr)!important}#adminApp>.side-nav{grid-column:1!important;grid-row:1!important;display:flex!important;flex-direction:row!important;gap:4px!important;overflow-x:auto!important;overflow-y:hidden!important;padding:9px 12px!important;min-height:58px!important}#adminApp .side-brand{display:none!important}#adminApp .side-nav>.nav-item{flex:none!important;width:auto!important;min-width:55px!important;white-space:nowrap!important;padding:0 10px!important;height:40px!important;min-height:40px!important}#adminApp .club-nav-icon{display:none!important}#adminApp>.topbar{grid-column:1!important;grid-row:2!important;min-height:65px!important;height:65px!important;padding:12px 16px!important}#adminApp .topbar h1{font-size:20px!important}#adminApp>#adminSubNav{grid-column:1!important;grid-row:3!important;padding-inline:16px!important}#adminApp>.view{grid-column:1!important;grid-row:4!important;padding:18px 14px 32px!important}#adminApp .panel{padding:16px!important}#adminApp .stats-grid{grid-template-columns:1fr 1fr!important;gap:10px!important}#adminApp .stats-grid strong{font-size:23px!important}#adminApp .welcome-card{padding:18px!important}#adminApp .top-actions{gap:6px!important}#adminApp .top-actions a,#adminApp .top-actions button{padding:7px 9px!important;font-size:12px!important}.web-login-card,#loginView .login-panel{padding:26px 22px!important}.web-login-card h1,#loginView .login-panel h1{font-size:22px!important}.ops-quick-links{grid-template-columns:1fr 1fr}.ops-feature-status{gap:6px;font-size:11px}#appView.app-shell{height:calc(100dvh - 27px)!important}#appView>.admin-rail{bottom:27px!important}}

.club-product-mask{position:static!important;display:block!important;background:transparent!important;margin:0 auto 24px!important;max-width:1320px!important}.club-product-mask .product-drawer{width:100%!important;max-width:none!important;height:auto!important;padding:24px!important;border:1px solid #e2e6ea;border-radius:10px;box-shadow:none!important}.club-product-mask .product-form-grid{grid-template-columns:1fr 1fr!important}@media(max-width:760px){.club-product-mask .product-form-grid{grid-template-columns:1fr!important}.club-product-mask .product-drawer{padding:16px!important}}

#adminApp #statsGrid{grid-template-columns:repeat(4,minmax(0,1fr))!important}#adminApp #statsGrid article{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:8px!important;min-height:106px!important}#adminApp #statsGrid article span{font-size:13px!important;color:#697582!important}@media(max-width:760px){#adminApp #statsGrid{grid-template-columns:1fr 1fr!important}}

@media(max-width:760px){#adminApp.admin-shell{grid-template-rows:auto auto 48px minmax(0,1fr)!important}#adminApp>.side-nav{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:4px!important;overflow:visible!important;padding:10px!important}#adminApp .side-nav>.nav-item{width:100%!important;min-width:0!important;justify-content:center!important;padding:5px!important;height:34px!important;min-height:34px!important;font-size:13px!important}#adminApp>.topbar{height:auto!important;min-height:90px!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:10px!important;padding:12px 16px!important}#adminApp .top-actions{width:100%!important;display:flex!important;justify-content:flex-start!important}#adminApp .topbar h1{font-size:20px!important}#adminApp .side-nav:after{display:none!important}}

.web-login-page,#loginView:not(.hidden){grid-template-columns:minmax(0,1fr)!important}.web-login-card,#loginView .login-panel{width:min(440px,100%)!important;overflow-wrap:anywhere}

#appView.app-shell{min-height:0!important}#appView>.module-view{background:#f4f5f7!important}#appView .rail-brand span{min-width:0!important}#appView .rail-brand strong{white-space:normal!important;overflow-wrap:anywhere!important;font-size:16px!important;line-height:1.5!important}#appView .rail-brand{gap:8px!important;padding:0!important;overflow:visible!important}#appView .rail-brand>img{width:26px!important;height:32px!important;flex:none;filter:brightness(0) invert(1)}#appView .inbox-head{margin-bottom:24px!important}#appView .inbox-head h2,#appView .orders-head h2{font-size:24px!important}#appView .inbox-tabs{border-radius:0!important}#appView .session-title{font-size:14px!important}#appView .session-meta{font-size:12px!important;color:#697582!important}#appView .session-foot,#appView .ops-card-head>span{font-size:12px!important}#appView .rail-brand small{font-size:11px!important;color:#aab7c4!important}
@media(min-width:801px){#appView.app-shell{grid-template-columns:216px minmax(0,1fr)!important}#appView .admin-rail>.rail-item{background:transparent!important;color:#c4ced8!important}#appView .admin-rail>.rail-item.active{background:#41342d!important;color:#ffb18a!important}}

/* Membership is a dedicated user subpage; labels remain visible at every width. */
#membersView .member-config-panel{margin-top:0!important;border-top:1px solid #e2e6ea!important}
#membersView .member-level-row{display:grid!important;grid-template-columns:120px minmax(140px,1fr) 140px 120px minmax(200px,2fr) auto!important;align-items:end!important;gap:12px!important;padding:16px!important}
#membersView label{display:grid;gap:8px;font-size:12px;color:#697582;min-width:0}
#membersView input{width:100%!important;min-width:0;height:40px!important;font-size:14px}
#membersView .member-level-toolbar{margin-top:24px;padding-top:24px;border-top:1px solid #e2e6ea;align-items:end;gap:12px}
@media(max-width:1200px){#membersView .member-level-row{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:760px){#membersView .member-level-row,#membersView .member-level-toolbar{grid-template-columns:repeat(2,minmax(0,1fr))!important}#membersView label:has([data-member-level-field="imageUrl"]){grid-column:1/-1}}

#homeView .admin-edit-preview-layout,#homeView .home-config-grid{display:block!important}#homeView .admin-edit-column,#homeView .home-config-grid>section{padding:0!important;border:0!important}#homeView .notice-row{padding:14px!important;margin:0 0 12px!important}#membersView .panel-head{position:sticky;top:-24px;background:white;z-index:2;padding-top:12px!important}

/* One navigation and one set of queue metrics per screen. */
#appView>.support-sub-nav,#appView .inbox-head>.eyebrow,#appView .orders-head .eyebrow,#appView .ops-aside{display:none!important}
#appView .inbox-workbench{grid-template-columns:minmax(0,1fr)!important}
#appView .inbox-head .eyebrow{display:none!important}
#appView .session-meta,#appView .session-foot,#appView .stat-card span,#appView .order-stat span,#appView .message-system,#appView .message-meta{color:#65717b!important}
#appView .message-system,#appView .message-meta{font-size:12px!important;line-height:1.6!important}
#staffOrderLookupBtn{white-space:nowrap;flex:none;min-width:76px}
.summary .muted,.summary .notes,.summary .footer-note,.client-balance.dark .muted{color:#ccd4cf!important}
@media(min-width:801px){#appView.app-shell{grid-template-rows:76px 0 minmax(0,1fr)!important}}
@media(max-width:800px){#appView .account-chip{display:flex!important}#appView .account-chip .account-text{display:none!important}#appView .account-chip{padding:0!important;border:0!important}#appView .topbar h1{font-size:14px!important}}
@media(max-width:800px){#appView .account-chip{width:28px!important;min-width:28px!important;max-width:28px!important;flex:0 0 28px!important}#appView .account-cluster{width:auto!important;min-width:0!important}#appView .account-chip .account-avatar{width:28px!important;height:28px!important}}
/* Checkout and rules must follow the active storefront palette. */
html[data-template="arena"]:has(.hero) .modal,
html[data-template="arena"]:has(.hero) .modal .checkout-consent{background:#192330;color:#e7edf5;border-color:#43516a}
html[data-template="arena"]:has(.hero) .modal h2,
html[data-template="arena"]:has(.hero) .modal h3,
html[data-template="arena"]:has(.hero) .modal label,
html[data-template="arena"]:has(.hero) .modal label>span,
html[data-template="arena"]:has(.hero) .modal .small,
html[data-template="arena"]:has(.hero) .modal .muted{color:#cbd5e1}
html[data-template="arena"]:has(.hero) .modal .segmented .active{background:#e5b45f;color:#17202b}
html[data-template="arena"]:has(.hero) .modal .checkout-heading{border-color:#43516a}
@media(max-width:720px){.modal .booking-form{grid-template-columns:minmax(0,1fr)!important}.modal .booking-form>*{min-width:0;max-width:100%;grid-column:1}.modal input,.modal select,.modal textarea{width:100%;min-width:0}.modal .agree input{width:16px;flex:none}.modal .booking-form{gap:16px}.modal{padding:22px!important}}

.access-loading{min-height:70dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:#697582}.access-loading[hidden]{display:none}.access-loading button{border:1px solid #ccd4dd;border-radius:7px;background:white;padding:10px 18px}

/* Shared business pages: readable type, predictable controls and restrained widths. */
body:has(#adminApp){height:100dvh;overflow:hidden!important}
#adminApp .stat-card::after{display:none!important}
body:has(.header) .page{max-width:1280px;margin-inline:auto}
.shell{max-width:1440px;margin-inline:auto}
.page h1,.worker-head h1{font-size:28px;line-height:1.4}
.page h2,.shell h2{font-size:22px;line-height:1.4}
.page input:not([type=checkbox]),.page select,.booking-form input:not([type=checkbox]),.booking-form select{min-height:44px;font-size:14px}
.page button,.shell button,.modal button{min-height:40px}
.page .small,.page .muted,.booking-form label,.shell .small{font-size:13px;line-height:1.6}
.web-order-top{padding:12px 20px;font-size:12px}
.web-order-body{padding:20px;gap:20px}
.web-order h3{font-size:17px}.web-order p,.web-order-assignment,.order-time{font-size:12px!important;line-height:1.6}
.web-order-assignment strong{font-size:14px}.web-order-action button{min-height:40px!important;padding:9px 16px}
html:not([data-template="arena"]) .web-order p,html:not([data-template="arena"]) .web-order-top,html:not([data-template="arena"]) .web-order-assignment{color:#697582!important}
.web-order-amount .price{font-size:28px}
.client-metrics span,.detail-info-grid span{font-size:12px}.detail-info-grid strong{font-size:14px}
.delta-gift-copy h3{font-size:15px!important;line-height:1.5}.delta-gift-copy>p{font-size:13px!important;line-height:1.6}
.activity h3{line-height:1.4}.fun-copy{min-width:0}.fun-copy h3{font-size:21px}
.hero h1{font-size:44px;line-height:1.25}
#adminApp input:not([type=checkbox]):not([type=radio]):not([type=color]),#adminApp select,#appView input:not([type=checkbox]):not([type=radio]),#appView select{min-height:40px;font-size:14px!important}
#adminApp .soft-btn,#adminApp .primary-btn,#adminApp .ghost-btn,#appView .soft-btn,#appView .primary-btn{min-height:40px}
#adminApp .panel-head{gap:12px;flex-wrap:wrap}#adminApp .club-toolbar{gap:10px;flex-wrap:wrap}
#adminApp .club-toolbar input,#adminApp .club-toolbar select{min-width:0}
#appView .inbox-shell{max-width:1400px;margin-inline:auto}
#appView .inbox-head{margin-bottom:18px!important}
#appView .session-item{padding:18px!important;min-height:136px!important}
#appView .session-title{font-size:16px!important;line-height:1.5}
#appView .session-tags{margin-block:10px}
#appView .inbox-tabs{margin-bottom:16px}
#appView .message-name{font-size:12px!important;color:#697582!important}
#appView .bubble,#appView .message-text{font-size:14px!important;line-height:1.7!important}
#appView .message.system .bubble,#appView .message.system .message-text{font-size:12px!important;color:#697582!important}
#appView .staff-order-form{padding:0!important;gap:18px!important}
#appView .staff-order-form label{font-size:13px!important;line-height:1.6!important}
#appView #staffOrderBalanceInfo{font-size:16px!important;line-height:1.5}
#appView .staff-order-card{padding:24px!important}
#appView .staff-order-mode{margin-bottom:22px}
@media(min-width:1000px){
 .worker-page .web-order-body{grid-template-columns:minmax(240px,2fr) minmax(160px,1fr) 130px 160px}
 #adminApp>.view>.panel,#adminApp>.view>.welcome-card,#adminApp>.view>.stats-grid{max-width:1560px!important}
}
@media(max-width:800px){
 #appView>.module-view{padding:18px 14px 24px!important}
 #appView .inbox-shell{padding:0!important}
 #appView .inbox-head h2,#appView .orders-head h2{font-size:22px!important}
 #appView .stat-card,#appView .order-stat{padding:12px 10px!important;min-height:66px!important;gap:4px!important}
 #appView .stat-card span,#appView .order-stat span{font-size:12px!important}
 #appView .stats-grid,#appView .order-stats{margin-bottom:18px!important}
 #appView .session-item{min-height:0!important;padding:16px!important}
 #appView .inbox-tabs{gap:0!important;display:grid!important;grid-template-columns:repeat(4,1fr)}
 #appView .inbox-tab{min-height:44px!important;font-size:14px!important}
 #appView .online-toggle,#appView #logoutBtn{min-height:40px!important;height:40px!important;font-size:12px!important}
 #appView #onlineToggleText{font-size:12px!important}
 #appView .account-chip{display:none!important}
 #appView .order-toolbar>button{min-height:44px!important;font-size:13px!important}
 #appView .staff-order-card{padding:16px!important}
 #appView .staff-order-form{grid-template-columns:minmax(0,1fr)!important}
 #appView .staff-order-mode label{min-height:44px}
 #appView .staff-order-form input,#appView .staff-order-form select{min-height:44px!important}
}
@media(max-width:760px){
 #adminApp>.side-nav{grid-template-columns:repeat(5,minmax(0,1fr))!important;padding:8px!important}
 #adminApp .side-nav>.nav-item{height:40px!important;min-height:40px!important}
 #adminApp>.view{padding:16px 12px 28px!important}
 #adminApp .panel{padding:16px!important}
 #adminApp .panel-head{align-items:flex-start}
 #adminApp .top-actions a,#adminApp .top-actions button{min-height:40px!important;display:inline-flex;align-items:center}
 #adminApp .club-toolbar input{flex:1 1 100%;width:100%!important}
 #adminApp .club-toolbar select{flex:1 1 140px}
 #adminApp .admin-table-wrap:has(.ops-record-table),#adminApp .table-wrap:has(.ops-record-table),#appView .order-table-wrap:has(.ops-record-table){overflow:visible!important;border:0!important;background:transparent!important;padding:0!important;margin:16px 0 0!important;width:100%!important}
 #adminApp table.ops-record-table,#appView table.ops-record-table,.club-drawer table.ops-record-table{display:block!important;width:100%!important;min-width:0!important;border:0!important;table-layout:auto!important}
 table.ops-record-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
 table.ops-record-table tbody{display:grid!important;gap:14px!important}
 #adminApp .ops-record-table tr,#appView .ops-record-table tr,.club-drawer .ops-record-table tr{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 14px;padding:16px!important;width:100%!important;border:1px solid #e2e6ea!important;border-radius:9px;background:#fff!important}
 #adminApp .ops-record-table td,#appView .ops-record-table td,.club-drawer .ops-record-table td{display:block!important;min-width:0!important;max-width:none!important;width:auto!important;height:auto!important;min-height:0!important;padding:0!important;border:0!important;background:transparent!important;font-size:14px!important;white-space:normal!important;overflow-wrap:anywhere}
 .ops-record-table td::before{content:attr(data-label);display:block!important;font-size:12px!important;font-weight:400;color:#697582;margin-bottom:6px}
 .ops-record-table td:first-child,.ops-record-table td:last-child,.ops-record-table td[colspan]{grid-column:1/-1}
 .ops-record-table td[colspan]::before{display:none!important}
 #adminApp .ops-record-table td>span,#appView .ops-record-table td>span{font-size:12px!important;line-height:1.6}
 #adminApp .ops-record-table td:last-child{padding-top:12px!important;border-top:1px solid #e2e6ea!important}
 #adminApp .ops-record-table button,#appView .ops-record-table button{min-height:44px!important;padding:10px 12px!important;white-space:normal}
 #adminApp .club-row-actions{display:flex!important;flex-wrap:wrap!important;gap:8px}
 #adminApp .form-grid{grid-template-columns:minmax(0,1fr)!important}
 #adminApp input,#adminApp select,#adminApp textarea{max-width:100%;min-width:0}
 #adminApp .player-filter-bar,#adminApp .finance-filter-bar,#adminApp .revenue-toolbar,#adminApp .bulk-config-row{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:12px!important}
 #adminApp .player-filter-bar>*,#adminApp .finance-filter-bar>*,#adminApp .revenue-toolbar>*,#adminApp .bulk-config-row>*{min-width:0!important;width:100%!important;max-width:100%!important}
 #adminApp .record-row>div{min-width:0!important}
 #adminApp .record-row strong,#adminApp .record-row span{white-space:normal!important;overflow-wrap:anywhere}
 #adminApp .record-row{padding:16px!important;gap:14px!important}
}
@media(max-width:720px){
 .page h1,.worker-head h1{font-size:23px}.page h2,.shell h2{font-size:20px}
 .page button,.shell button,.modal button{min-height:44px!important}
 .hero h1{font-size:30px}
 .web-order-body{padding:16px;gap:14px!important}
 .web-order-top{padding:10px 16px;font-size:12px}
 .web-order h3{font-size:16px}.web-order p,.web-order-assignment,.order-time{font-size:12px!important}
 .web-order-assignment strong{font-size:13px}.web-order-amount .price{font-size:26px}
 .order-filter-tabs button{font-size:13px!important}
 .page .small,.page .muted,.booking-form label{font-size:12px}
 .client-metrics strong{font-size:26px}.client-metrics span{font-size:12px}
 .wallet-records{max-height:none}.fun-copy h3{font-size:18px}
 .detail-info-grid{gap:16px}.detail-info-grid span{font-size:12px}.detail-info-grid strong{font-size:14px}
}

[data-ops-hidden]{display:none!important}.ops-service-panel{padding:16px;margin:16px 0;background:#f5f7f9;border:1px solid #dce1e6;border-radius:8px;display:grid;gap:10px}.ops-service-panel p,.ops-service-note{font-size:13px;color:#65717d}.ops-service-panel textarea{display:block;width:100%;min-height:80px;margin-top:8px}.ops-service-panel button{min-height:42px}

.support-order-actions>.ops-service-panel{flex-basis:100%;min-width:0;width:100%}.ops-service-panel button{white-space:normal}

/* Platform selection and narrow-screen text layout. */
.platform-picker{margin:16px 0;max-width:420px}.platform-picker button{min-height:44px;flex:1}
.player-platform-label{display:block;font-size:12px;line-height:1.5;color:#65717d;margin-top:6px}
.person-name{min-width:0;overflow-wrap:anywhere;word-break:normal}
.identity-person,.customer-identity{min-width:0}.customer-identity>strong,.customer-identity>div{min-width:0;flex:1;overflow-wrap:anywhere}
input,textarea{writing-mode:horizontal-tb}
@media(max-width:760px){
 .players-page .player-mini{display:grid;grid-template-columns:56px minmax(0,1fr);gap:12px;padding:16px;align-items:start}
 .players-page .player-mini>img{width:56px;height:66px;grid-column:1;grid-row:1;flex:none}
 .players-page .player-mini .info{grid-column:2;min-width:0}
 .players-page .player-mini .info>strong{display:block;font-size:17px;line-height:1.5;word-break:normal;overflow-wrap:anywhere}
 .players-page .player-mini .pill{display:inline-block;margin:6px 0 0}
 .players-page .player-mini>div:last-child{grid-column:1/-1;display:flex;align-items:center;text-align:left;gap:8px;border-top:1px solid #e4e7e8;padding-top:12px}
 .players-page .player-mini>div:last-child>div{margin:0 0 0 auto!important}
 .players-page .player-mini .outline{min-height:42px;padding:9px 22px}
 .players-page .booking-options{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:18px}
 .players-page .booking-options select{flex:1;max-width:170px}
 .web-order-top{display:grid!important;grid-template-columns:minmax(0,1fr);gap:4px}
 .web-order-top>span:first-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px;direction:ltr}
 .web-order-service>div,.web-order-assignment,.identity-person,.recent-copy,.client-profile-copy{min-width:0}
 .identity-person{display:flex;gap:8px;align-items:center;max-width:100%}
 .identity-person .person-name{display:block;flex:1;line-height:1.5}
 .web-order-service h3,.page-intro h1,.worker-head h1{overflow-wrap:anywhere;word-break:normal;line-height:1.45}
 .worker-head>div{min-width:0;flex:1}.worker-head select{flex:none}
 .recent-order{grid-template-columns:36px minmax(0,1fr) auto;gap:10px}
 .client-profile-id,.detail-order-id,.club-id,.support-order-id{font-size:12px;line-height:1.6;word-break:normal;overflow-wrap:anywhere;direction:ltr}
 .club-detail-row{display:grid!important;grid-template-columns:minmax(0,1fr);gap:6px;text-align:left}
 .club-detail-row>span:last-child{min-width:0;text-align:left;overflow-wrap:anywhere}
 .club-drawer>h3{overflow-wrap:anywhere;word-break:normal;font-size:14px;line-height:1.6}
 #adminApp .ops-record-table td:has(.customer-identity),#adminApp .ops-record-table td:has(code){grid-column:1/-1}
 .ops-record-table code{display:block;width:100%;white-space:normal;overflow-wrap:anywhere;font-size:12px}
 .customer-identity,.order-customer-line{width:100%;min-width:0;line-height:1.5}
 .modal-mask{padding:8px!important;align-items:center}.modal{width:100%;max-width:500px;max-height:calc(100dvh - 32px);padding:20px 16px!important;overflow-y:auto;overscroll-behavior:contain}
 .checkout-heading{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;align-items:start}
 .checkout-heading>strong{font-size:17px;line-height:1.5;min-width:0;overflow-wrap:anywhere}
 .modal .booking-form{gap:18px}.booking-form .form-field>span,.booking-form .form-note>span{display:block;margin-bottom:7px;font-size:14px}
 .modal .booking-form input,.modal .booking-form select,.modal .booking-form textarea{font-size:16px;line-height:1.5;min-height:46px}
 .modal .booking-form textarea{min-height:88px;resize:vertical}.modal .payment-options{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.modal .payment-options small{grid-column:1/-1}
 .checkout-consent{margin-top:18px;padding-top:16px}.checkout-consent .agree{display:flex;align-items:flex-start;gap:9px;line-height:1.7}.checkout-consent .agree input{margin-top:5px;flex:none}
 .checkout-submit{width:100%;min-height:48px;margin-top:16px}.booking-availability p{line-height:1.6;overflow-wrap:anywhere}
}

@media(max-width:760px){
 .modal .checkout-heading{margin-bottom:18px;padding-bottom:16px;gap:8px}
 .modal .booking-form{gap:16px!important}
 .modal .booking-form .form-field,.modal .booking-form .form-note{display:flex;flex-direction:column;gap:7px;margin:0!important}
 .modal .booking-form .form-field>span,.modal .booking-form .form-note>span{margin:0!important}
 .modal .booking-form input,.modal .booking-form select,.modal .booking-form textarea{margin:0!important}
 .modal{max-height:calc(100dvh - 60px);margin-bottom:22px}
}

.checkout-service{min-width:0}.checkout-service strong{display:block;line-height:1.5;overflow-wrap:anywhere}.checkout-service>span{display:block;font-size:13px;color:#65717d;margin-top:6px}

@media(max-width:760px){
 .detail-info-grid>.detail-long-field,.detail-info-grid>div:has(.identity-person){grid-column:1/-1;display:grid;grid-template-columns:68px minmax(0,1fr);align-items:start;gap:10px}
 .detail-info-grid>.detail-long-field>strong{overflow-wrap:anywhere;word-break:normal;line-height:1.6;min-width:0}
 .detail-sidebar .client-balance,.detail-sidebar .order-actions-panel{padding:16px}
 .detail-sidebar .client-balance .order-time{margin:12px 0;font-size:14px}
}

@media(max-width:760px){
 #adminOrderTable>tr>td:nth-child(2),#orderTableBody>tr>td:nth-child(2),#playerList>tr>td:nth-child(2){grid-column:1/-1}
 #adminOrderTable .order-customer-line{display:block!important;overflow-wrap:anywhere}
 #orderTableBody>tr>td:nth-child(3),#adminOrderTable>tr>td:nth-child(5){grid-column:1/-1}
}

.payment-options{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 16px;align-items:center}.payment-options>.text-button{white-space:nowrap;min-width:60px}.payment-options>small{grid-column:1/-1}.detail-info-grid strong>.person-name{font-size:inherit;color:inherit;font-weight:inherit}

/* Conversation and one-time review are independent surfaces. */
.order-conversation .conversation-history{border:0;padding:0;margin:0}.order-conversation .order-messages{min-height:90px;max-height:360px;margin:0 0 16px;padding:0 12px;border:1px solid #e3e7e9;background:#f8fafb;border-radius:8px}.order-conversation .chat-row>div{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:8px;align-items:center}.order-conversation .chat-row strong{font-size:13px;color:#34414e;overflow-wrap:anywhere}.order-conversation .chat-row p{font-size:14px;color:#26333e;word-break:normal;overflow-wrap:anywhere}.order-conversation .chat-row small{font-size:11px;white-space:nowrap}.order-review-section textarea,.order-conversation textarea{width:100%;font-size:16px;min-height:88px;line-height:1.6}.order-review-section .field-stack{display:grid;gap:8px;margin:18px 0 12px}.order-review-section .review-stars{gap:6px;flex-wrap:wrap}.order-review-section .review-stars button{width:40px;min-height:44px;font-size:30px}.review-followup{margin-top:16px;border-top:1px solid #e2e6e8;padding-top:12px}.review-followup small{margin-left:12px;color:#65717d}.review-followup p{white-space:pre-wrap;overflow-wrap:anywhere}#reviewAttachment{display:flex;gap:12px;font-size:13px}#chatSyncStatus{font-size:12px}.order-review-section .saved-order-review{overflow-wrap:anywhere}
@media(max-width:760px){.detail-main{display:flex;flex-direction:column}.order-conversation{order:-1}.order-conversation .section-heading{gap:8px;flex-wrap:wrap}.order-conversation .order-messages{max-height:320px}.order-review-section .review-stars>span{flex-basis:100%;margin-left:0}.order-conversation .message-composer>.primary{min-width:110px;min-height:44px}}

.order-review-section .small,.order-review-section .muted,.order-review-section .field-stack,.order-conversation .field-stack,.order-conversation .image-file-button{color:#65717d}.order-rewards .primary{color:#fff!important}

.manual-field{display:grid;gap:8px;margin:16px 0}.manual-field input,.manual-field select,.manual-field textarea{width:100%;min-height:42px;box-sizing:border-box;padding:10px;border:1px solid #b9c6a9;border-radius:8px;background:#fff;color:#172a1a}.manual-check{display:flex;align-items:flex-start;gap:8px;margin:16px 0;line-height:1.6}.manual-check input{width:18px;height:18px;flex:none}.manual-payment-qr{display:block;width:100%;max-height:360px;object-fit:contain;background:white}.manual-review-dialog{max-width:540px;width:calc(100% - 40px);max-height:85vh;overflow:auto;border:1px solid #b9c6a9;border-radius:16px;background:#fff;color:#172a1a;padding:24px}.manual-review-dialog::backdrop{background:#0008}.manual-review-dialog p{overflow-wrap:anywhere}.manual-review-error{color:#a52d20}.manual-pending-reminder{position:fixed;right:24px;bottom:36px;z-index:510;max-width:calc(100vw - 48px)}.manual-pending-reminder[hidden]{display:none}