/* Palette values come from hover-dispatch.css; this sheet owns the authenticated layout. */ body:has(#app.dispatch-live){background:var(--canvas);color:var(--ink)} #app.dispatch-live{display:block!important;min-width:0!important;width:100%!important;overflow-x:clip} #app.dispatch-live>main{display:block!important;width:100%!important;min-width:0!important;max-width:none!important;margin:0!important;padding:0!important;background:var(--canvas)!important} #app.dispatch-live .live-top{display:flex;align-items:center;gap:20px;min-height:90px;padding:15px 5vw;border-bottom:1px solid var(--line);background:var(--canvas)} #app.dispatch-live .live-brand{font-size:24px;font-weight:800;color:var(--accent);white-space:nowrap}.live-brand small{display:block;letter-spacing:3px;font-size:9px} #app.dispatch-live header.live-account{position:static!important;display:flex!important;flex:1;justify-content:flex-end;gap:15px;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important} #app.dispatch-live .next-breadcrumb,#app.dispatch-live .ws-header-search{display:none!important} #app.dispatch-live .live-controls{padding:30px 5vw 0;max-width:1800px;margin:auto} .live-palette{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}.live-palette button{display:flex;align-items:center;gap:6px;font-size:11px;padding:7px 12px!important;border:1px solid var(--line)!important;border-radius:30px!important;background:var(--surface)!important;color:var(--ink)!important}.live-palette button[aria-pressed=true]{border-color:var(--accent)!important;box-shadow:0 0 0 1px var(--accent)}.live-palette i{height:11px;width:11px;border-radius:50%;border:1px solid #ffffff33}.live-palette i+i{margin-left:-9px} #app.dispatch-live .live-nav{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;background:none!important;padding:0!important;margin:0!important;width:100%!important} #app.dispatch-live .live-nav .live-menu{position:relative!important;display:block!important;min-height:110px!important;height:auto!important;width:auto!important;margin:0!important;padding:17px!important;text-align:left!important;border:1px solid var(--line)!important;border-radius:8px!important;background:var(--menu-surface)!important;color:var(--muted)!important;transition:background .35s,color .35s!important;transform:none!important} #app.dispatch-live .live-menu small{font-size:9px;opacity:.7}#app.dispatch-live .live-menu strong{display:block;font-size:19px;margin-top:22px;font-weight:500}#app.dispatch-live .live-menu>span{position:absolute;right:15px;top:13px;font-size:20px}#app.dispatch-live .live-nav .live-menu.active,#app.dispatch-live .live-nav .live-menu:hover{background:var(--accent)!important;color:var(--on-accent)!important;border-color:var(--accent)!important} #app.dispatch-live .live-menu:nth-child(n+7){min-height:50px!important;display:flex!important;align-items:center;gap:15px}#app.dispatch-live .live-menu:nth-child(n+7) strong{margin:0;font-size:14px}#app.dispatch-live .live-menu:nth-child(n+7) small{display:none} #app.dispatch-live .live-page-frame{position:relative;max-width:1800px;margin:auto;overflow:clip} #app.dispatch-live .main-content{position:relative!important;margin:0!important;padding:36px 5vw!important;min-width:0!important;max-width:none!important;width:100%!important;background:var(--canvas)!important} #app.dispatch-live .live-outgoing{position:absolute!important;inset:0!important;pointer-events:none;z-index:0}#app.dispatch-live .main-content:not(.live-outgoing){z-index:1} #app.dispatch-live .page-heading h1,#app.dispatch-live :is(#reference-board,.live-reference-board) .page-head h1{font-size:clamp(32px,4vw,58px)!important;line-height:1.2!important;color:var(--ink)!important;letter-spacing:-2px;background:none!important;padding:0!important} #app.dispatch-live :is(#reference-board,.live-reference-board) .page-head{background:none!important;border:0!important;padding:0 0 25px!important;min-height:0!important}#app.dispatch-live :is(#reference-board,.live-reference-board) .feature-row,#app.dispatch-live :is(#reference-board,.live-reference-board):not(.ref-team-scope)>section{display:none!important} #app.dispatch-live :is(#reference-board,.live-reference-board) .ref-workspace{grid-template-columns:minmax(0,1fr)!important;width:100%!important;gap:18px!important}#app.dispatch-live :is(#reference-board,.live-reference-board) .ref-workspace>div:last-child{display:grid;grid-template-columns:1fr 1fr;gap:18px} #app.dispatch-live :is(#reference-orders,.live-reference-orders){display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:17px!important} #app.dispatch-live :is(#reference-orders,.live-reference-orders)>button{display:block!important;min-width:0!important;min-height:270px!important;margin:0!important;padding:23px!important;border:1px solid var(--line)!important;background:var(--surface)!important;border-radius:12px!important;color:var(--ink)!important} #app.dispatch-live :is(#reference-orders,.live-reference-orders) .next-order-top{display:flex;align-items:center;gap:8px;font-size:11px}#app.dispatch-live :is(#reference-orders,.live-reference-orders) .next-order-customer{display:block;margin:25px 0 10px;font-size:24px}#app.dispatch-live :is(#reference-orders,.live-reference-orders) .next-order-bottom{display:flex;justify-content:space-between;margin-top:25px;padding-top:16px;border-top:1px solid var(--line)}#app.dispatch-live :is(#reference-orders,.live-reference-orders) .next-order-bottom strong{font-size:23px;color:var(--accent)}#app.dispatch-live :is(#reference-orders,.live-reference-orders) .next-order-id{display:block;margin-top:14px;font-size:9px;color:var(--muted)} #app.dispatch-live .panel,#app.dispatch-live .paper,#app.dispatch-live .settings-card,#app.dispatch-live .ws-summary,#app.dispatch-live .ws-stage,#app.dispatch-live .ws-order-tools,#app.dispatch-live .ws-order-table tbody>tr,#app.dispatch-live .ws-customers-panel tbody>tr,#app.dispatch-live .player,#app.dispatch-live .talent{background:var(--surface)!important;border-color:var(--line)!important;color:var(--ink)!important;box-shadow:none!important} #app.dispatch-live .ws-order-table tbody,#app.dispatch-live .ws-customers-panel tbody,#app.dispatch-live .ref-full-team{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:17px!important} #app.dispatch-live .portrait-stage{background:var(--soft)!important}#app.dispatch-live .portrait-stage:after{content:none!important} #app.dispatch-live .ws-report-layout{display:block!important}#app.dispatch-live .ws-report-body{width:100%!important;max-width:none!important}#app.dispatch-live .ws-report-body .metrics{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important} #app.dispatch-live input,#app.dispatch-live select,#app.dispatch-live textarea{background:var(--surface)!important;color:var(--ink)!important;border-color:var(--line)!important} #app.dispatch-live p,#app.dispatch-live small,#app.dispatch-live .sub,#app.dispatch-live td,#app.dispatch-live .muted{color:var(--muted)!important}#app.dispatch-live h1,#app.dispatch-live h2,#app.dispatch-live h3,#app.dispatch-live strong{color:var(--ink)} #app.dispatch-live .primary,#app.dispatch-live .hot,#app.dispatch-live .ws-stage.selected{background:var(--accent)!important;color:var(--on-accent)!important;border-color:var(--accent)!important} #app.dispatch-live .secondary,#app.dispatch-live .text,#app.dispatch-live .row-actions button{background:var(--soft)!important;color:var(--accent)!important;border-color:var(--line)!important} body .next-login{background:var(--canvas)!important;color:var(--ink)!important}body .next-login-story{background:var(--soft)!important}body .next-login-auth{background:var(--surface)!important}body .next-login-story h1,body .next-login-brand,body .next-auth-mark{color:var(--accent)!important}body .next-login input{background:var(--canvas)!important;color:var(--ink)!important;border-color:var(--line)!important}body .next-login .primary{background:var(--accent)!important;color:var(--on-accent)!important}body .next-login-story:before,body .next-login-story:after{display:none!important}body .next-login-auth .live-palette{margin-bottom:20px} body #modal{background:var(--surface)!important;color:var(--ink)!important;border-color:var(--line)!important}body #modal input,body #modal select,body #modal textarea{background:var(--canvas)!important;color:var(--ink)!important;border-color:var(--line)!important}body #modal .primary{background:var(--accent)!important;color:var(--on-accent)!important}body #modal .adjust-actions{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0!important} @media(max-width:1100px){#app.dispatch-live .live-nav{grid-template-columns:repeat(3,minmax(0,1fr))}#app.dispatch-live :is(#reference-orders,.live-reference-orders),#app.dispatch-live .ws-order-table tbody,#app.dispatch-live .ws-customers-panel tbody,#app.dispatch-live .ref-full-team{grid-template-columns:repeat(2,minmax(0,1fr))!important}#app.dispatch-live .live-top{flex-wrap:wrap}#app.dispatch-live .ws-global-search{display:none}} @media(max-width:600px){#app.dispatch-live .live-controls{padding:20px 16px 0}#app.dispatch-live .main-content{padding:25px 16px!important}#app.dispatch-live .live-nav{gap:7px}#app.dispatch-live .live-nav .live-menu{padding:12px!important;min-height:85px!important}#app.dispatch-live .live-menu strong{font-size:14px;margin-top:15px}#app.dispatch-live .live-menu small{font-size:7px}#app.dispatch-live :is(#reference-orders,.live-reference-orders),#app.dispatch-live .ws-order-table tbody,#app.dispatch-live .ws-customers-panel tbody,#app.dispatch-live .ref-full-team{grid-template-columns:1fr!important}#app.dispatch-live :is(#reference-board,.live-reference-board) .ref-workspace>div:last-child{display:block}#app.dispatch-live .live-menu:nth-child(n+7) strong{font-size:12px}} /* All legacy components consume the same six theme palettes. */ :root{--bg:var(--canvas);--surface2:var(--soft);--text:var(--ink);color:var(--ink);background:var(--canvas)} #app.dispatch-live :is(#reference-board,.live-reference-board){--s-bg:var(--canvas);--s-paper:var(--surface);--s-ink:var(--ink);--s-sub:var(--muted);--s-line:var(--line);--s-pink:var(--accent);--s-blush:var(--soft);--s-fill:var(--soft);background:transparent!important;color:var(--ink)!important;border:0!important} #app.dispatch-live .metrics article,#app.dispatch-live .finance-filter,#app.dispatch-live .ws-settings-section,#app.dispatch-live .ws-settings-nav,#app.dispatch-live .ws-settings-nav button,#app.dispatch-live .ws-settings-body,#app.dispatch-live .ws-report-rail,#app.dispatch-live .ws-report-rail .finance-filter,#app.dispatch-live .ws-global-search,#app.dispatch-live .ws-header-account .ws-logout{background:var(--surface)!important;color:var(--ink)!important;border-color:var(--line)!important} #app.dispatch-live .metrics article:first-child{background:var(--soft)!important;border-color:var(--line)!important} #app.dispatch-live .ws-settlement-tabs button,#app.dispatch-live .finance-filter .tabs button,#app.dispatch-live .ws-settings-nav button{background:var(--soft)!important;color:var(--muted)!important;border-color:var(--line)!important;box-shadow:none!important} #app.dispatch-live .ws-settlement-tabs button.active,#app.dispatch-live .finance-filter .tabs button.active,#app.dispatch-live .finance-filter .tabs .active,#app.dispatch-live .ws-settings-nav button.active,#app.dispatch-live .ws-settings-nav button[aria-selected=true]{background:var(--accent)!important;color:var(--on-accent)!important;border-color:var(--accent)!important} #app.dispatch-live .ws-settings-nav button.active *,#app.dispatch-live .live-nav .live-menu.active strong,#app.dispatch-live .live-nav .live-menu.active small,#app.dispatch-live .live-nav .live-menu.active span,#app.dispatch-live .live-nav .live-menu:hover strong,#app.dispatch-live .live-nav .live-menu:hover small,#app.dispatch-live .live-nav .live-menu:hover span{color:var(--on-accent)!important} #app.dispatch-live th,#app.dispatch-live thead,#app.dispatch-live .finance-filter .filter-caption,#app.dispatch-live .ws-settlement-panel .filter-caption{background:var(--soft)!important;color:var(--muted)!important;border-color:var(--line)!important} #app.dispatch-live table td,#app.dispatch-live table th,#app.dispatch-live .section-head,#app.dispatch-live .date-filter,#app.dispatch-live .queue-head,#app.dispatch-live .queue-foot,#app.dispatch-live .tabs,#app.dispatch-live .next-order-bottom,#app.dispatch-live .ws-talent-performance{border-color:var(--line)!important} #app.dispatch-live :is(#reference-board,.live-reference-board) .page-head{background:transparent!important}#app.dispatch-live :is(#reference-board,.live-reference-board) .tools .search,#app.dispatch-live .ws-global-search,#app.dispatch-live .ws-global-search input,#app.dispatch-live .ws-global-search kbd{background:var(--surface)!important;color:var(--muted)!important;border-color:var(--line)!important} #app.dispatch-live :is(#reference-board,.live-reference-board) .tabs button{color:var(--muted)!important;background:var(--soft)!important;border-color:var(--line)!important}#app.dispatch-live :is(#reference-board,.live-reference-board) .tabs button[aria-pressed=true]{background:var(--accent)!important;color:var(--on-accent)!important;border-color:var(--accent)!important} #app.dispatch-live .next-game-icon,#app.dispatch-live .next-order-state,#app.dispatch-live .badge,#app.dispatch-live .admin-avatar,#app.dispatch-live .ws-header-account>span,#app.dispatch-live .traits span{background:var(--soft)!important;color:var(--accent)!important;border-color:var(--line)!important} #app.dispatch-live :is(#reference-board,.live-reference-board) .next-order-game,#app.dispatch-live :is(#reference-board,.live-reference-board) .next-order-player,#app.dispatch-live :is(#reference-board,.live-reference-board) .next-order-player span,#app.dispatch-live :is(#reference-board,.live-reference-board) .next-order-bottom span{color:var(--muted)!important} body #modal .tabs button,body #modal .secondary,body .next-login .login-tabs{background:var(--soft)!important;color:var(--muted)!important;border-color:var(--line)!important}body .next-login .login-tabs button.active{background:var(--accent)!important;color:var(--on-accent)!important}body #modal p,body #modal label,body #modal small{color:var(--muted)!important} #app.dispatch-live .live-home-analytics{display:block!important;margin:0 0 28px!important} #app.dispatch-live .live-daily-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:20px} #app.dispatch-live .live-daily-metrics article{padding:22px;background:var(--surface);border:1px solid var(--line);border-radius:12px} #app.dispatch-live .live-daily-metrics span{display:block;font-size:13px;color:var(--muted)}#app.dispatch-live .live-daily-metrics strong{display:block;font-size:32px;color:var(--ink);margin:6px 0;font-variant-numeric:tabular-nums}#app.dispatch-live .live-daily-metrics small{font-size:11px;color:var(--muted)} #app.dispatch-live .live-home-reports{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:18px} #app.dispatch-live .live-home-reports .panel{margin:0!important;min-width:0}#app.dispatch-live .live-home-reports .section-head{padding:20px;display:flex;align-items:center;justify-content:space-between;gap:10px}#app.dispatch-live .live-home-reports .section-head h3{font-size:16px}#app.dispatch-live .live-home-reports .tabs{display:flex;gap:5px;flex-wrap:wrap;border:0}#app.dispatch-live .live-home-reports .tabs button{padding:6px 9px;border-radius:6px;color:var(--muted)!important;background:var(--soft)!important;border:0!important;font-size:11px}#app.dispatch-live .live-home-reports .tabs button.active{background:var(--accent)!important;color:var(--on-accent)!important} #app.dispatch-live .modern-chart svg{display:block;width:100%;height:auto;padding:0 15px 12px}#app.dispatch-live .modern-chart svg line{stroke:var(--line)}#app.dispatch-live .modern-chart svg text{fill:var(--muted);font-size:11px}#app.dispatch-live .modern-chart svg path[stroke]{stroke:var(--accent)}#app.dispatch-live .modern-chart svg circle{fill:var(--accent)}#app.dispatch-live .modern-chart svg stop{stop-color:var(--accent)} #app.dispatch-live .modern-rank-head,#app.dispatch-live .modern-rank-row{display:grid;grid-template-columns:minmax(0,1fr) 65px 100px;gap:10px;padding:14px 20px;border-bottom:1px solid var(--line)}#app.dispatch-live .modern-rank-head{font-size:11px;color:var(--muted)}#app.dispatch-live .modern-rank-person{display:flex;align-items:center;gap:10px;min-width:0}#app.dispatch-live .modern-rank-person>div{min-width:0}#app.dispatch-live .modern-rank-person strong{font-size:12px;overflow-wrap:anywhere}#app.dispatch-live .modern-rank-person small{display:block;font-size:10px}#app.dispatch-live .modern-rank-person .avatar{background:var(--soft);color:var(--accent);width:36px;height:36px;flex-shrink:0;border-radius:50%;font-size:14px}#app.dispatch-live .modern-rank-row>strong{font-size:13px;color:var(--accent)}#app.dispatch-live .modern-rank-row>span{font-size:12px;color:var(--muted)}#app.dispatch-live .modern-rank-scroll{max-height:300px;overflow:auto}#app.dispatch-live .modern-footnote{padding:13px 20px;font-size:10px} @media(max-width:1000px){#app.dispatch-live .live-home-reports{grid-template-columns:1fr}}@media(max-width:600px){#app.dispatch-live .live-daily-metrics{grid-template-columns:1fr;gap:10px}#app.dispatch-live .live-home-reports .section-head{flex-wrap:wrap}#app.dispatch-live .modern-rank-head,#app.dispatch-live .modern-rank-row{grid-template-columns:minmax(0,1fr) 45px 80px;padding:12px;font-size:10px}} /* Uniform animation boundaries: each statistic is a real card surface. */ #app.dispatch-live .ws-summary{background:transparent!important;border:0!important;padding:0!important;gap:16px!important;overflow:visible!important} #app.dispatch-live .ws-summary-item{background:var(--surface)!important;border:1px solid var(--line)!important;border-radius:12px!important;padding:20px!important} #app.dispatch-live .live-motion-card{transform-origin:50% 100%;will-change:transform,opacity} #app.dispatch-live .live-outgoing{background:transparent!important;visibility:hidden;z-index:3!important} #app.dispatch-live .live-outgoing .live-motion-card{visibility:visible} #app.dispatch-live .live-outgoing .live-motion-card *{visibility:visible} #app.dispatch-live :is(#reference-board,.live-reference-board):not(.ref-team-scope)>section.live-home-analytics{display:block!important} #app.dispatch-live :is(#reference-board,.live-reference-board):not(.ref-team-scope) .ref-workspace>div:last-child{display:none!important} #app.dispatch-live :is(#reference-board,.live-reference-board) .queue-head .section-title h2{font-size:18px!important;font-weight:600!important} #app.dispatch-live :is(#reference-board,.live-reference-board) .queue-head .tabs{display:flex!important;flex-wrap:wrap!important;gap:8px!important;padding:14px 0!important;margin:0!important;border:0!important} #app.dispatch-live :is(#reference-board,.live-reference-board) .queue-head .tabs button{display:inline-flex!important;align-items:center!important;gap:8px!important;padding:9px 14px!important;border-radius:20px!important;border:1px solid var(--line)!important;min-height:36px!important;font-size:12px!important;box-shadow:none!important} #app.dispatch-live :is(#reference-board,.live-reference-board) .queue-head .tabs button b{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:19px!important;line-height:19px!important;padding:0 5px!important;margin:0!important;border-radius:12px!important;background:var(--surface)!important;color:var(--muted)!important;font-size:10px!important} #app.dispatch-live :is(#reference-board,.live-reference-board) .queue-head .tabs button[aria-pressed=true],#app.dispatch-live :is(#reference-board,.live-reference-board) .queue-head .tabs button[aria-pressed=true] b{background:var(--accent)!important;color:var(--on-accent)!important;border-color:var(--accent)!important} body #modal .live-order-detail{background:var(--surface)!important;color:var(--ink)!important;padding:8px!important;border:0!important;max-height:75vh;overflow:auto}body #modal .live-order-detail .facts{background:var(--soft)!important}body #modal .live-order-detail .section-title h2{font-size:22px;color:var(--ink)}body #modal .live-order-detail button{cursor:pointer}body #modal:has(.live-order-detail){width:680px;max-width:94vw;padding:28px} /* Final component audit: record-card wrappers are also theme surfaces. */ #app.dispatch-live .cb-order-board tbody>tr,#app.dispatch-live .cb-record-cards tbody>tr,#app.dispatch-live .ws-order-panel>.toolbar,#app.dispatch-live .ws-order-panel>.ws-filter-drawer,#app.dispatch-live .ws-order-panel .ws-order-tools,#app.dispatch-live .ws-customers-panel .toolbar,#app.dispatch-live .hall-card,#app.dispatch-live .tenant-card,#app.dispatch-live .pager{background:var(--surface)!important;color:var(--ink)!important;border-color:var(--line)!important;box-shadow:none!important} #app.dispatch-live .cb-order-board td,#app.dispatch-live .cb-record-cards td{color:var(--muted)!important;border-color:var(--line)!important}#app.dispatch-live .cb-order-board td strong,#app.dispatch-live .cb-record-cards td strong,#app.dispatch-live .cb-order-board td:nth-child(2){color:var(--ink)!important} #app.dispatch-live .cb-order-board tbody,#app.dispatch-live .cb-record-cards tbody{gap:16px!important}#app.dispatch-live .cb-order-board .ws-table-actions,#app.dispatch-live .cb-record-cards .ws-table-actions{display:flex;flex-wrap:wrap;gap:8px;min-width:0} #app.dispatch-live .cb-order-board button,#app.dispatch-live .cb-record-cards button{background:var(--soft)!important;color:var(--accent)!important;border-color:var(--line)!important} #app.dispatch-live .modern-chart svg path[fill="none"]{fill:none!important}#app.dispatch-live .modern-chart svg path:not([stroke]){fill:url(#modern-area)!important} #app.dispatch-live .ws-stage.selected small,#app.dispatch-live .ws-stage.selected strong{color:var(--on-accent)!important} body #modal .section-head,body #modal thead,body #modal .form-note,body #modal .note{background:var(--soft)!important;color:var(--muted)!important;border-color:var(--line)!important}body #modal td,body #modal th{color:var(--ink)!important;border-color:var(--line)!important} body .next-login p,body .next-login label,body .next-login small,body .next-login .next-auth-top,body .next-login .next-auth-bottom{color:var(--muted)!important} :root[data-theme="pink"],:root[data-theme="amber"],:root[data-theme="night"]{color-scheme:dark}:root:not([data-theme="pink"]):not([data-theme="amber"]):not([data-theme="night"]){color-scheme:light} #app.dispatch-live .main-content[hidden]{display:none!important}#app.dispatch-live .live-preview-page{pointer-events:none}#app.dispatch-live .live-menu.previewing{border-color:var(--accent)!important;box-shadow:inset 0 0 0 1px var(--accent)} /* Rounded surfaces and pill controls, including legacy text action buttons. */ #app.dispatch-live button:not(.live-menu):not([data-ref-order]),body #modal button{border-radius:999px!important} #app.dispatch-live .live-nav .live-menu,#app.dispatch-live :is(#reference-orders,.live-reference-orders)>button,#app.dispatch-live .panel,#app.dispatch-live .paper,#app.dispatch-live .metrics article,#app.dispatch-live .live-daily-metrics article,#app.dispatch-live .ws-summary-item,#app.dispatch-live .cb-order-board tbody>tr,#app.dispatch-live .cb-record-cards tbody>tr{border-radius:22px!important} #app.dispatch-live input,#app.dispatch-live select,#app.dispatch-live textarea,body #modal input,body #modal select,body #modal textarea{border-radius:18px!important} #app.dispatch-live .note,#app.dispatch-live .form-note,#app.dispatch-live .hint,body #modal .note,body #modal .form-note,body #modal .section-head,body #modal .facts{border-radius:18px!important} body #modal{border-radius:28px!important}body #modal .section-head{padding:16px 20px!important} #app.dispatch-live .text,body #modal .text{display:inline-flex!important;align-items:center;justify-content:center;padding:8px 13px!important;border-radius:999px!important} /* Partner club cards: compact facts and one consistent action footer. */ #app.dispatch-live .tenant-card{padding:24px!important;border-radius:24px!important;min-width:0;display:flex!important;flex-direction:column!important;gap:0!important} #app.dispatch-live .tenant-card .player-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px!important} #app.dispatch-live .tenant-card .avatar{border-radius:50%!important;width:54px!important;height:54px!important;display:grid;place-items:center} #app.dispatch-live .tenant-card .tag{border-radius:999px!important;padding:6px 12px!important} #app.dispatch-live .tenant-card h2{margin:0 0 8px!important;font-size:21px!important;line-height:1.4} #app.dispatch-live .tenant-card .tenant-domain{margin:0!important;overflow-wrap:anywhere} #app.dispatch-live .tenant-card .tenant-info{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important;padding:18px 0!important;margin:20px 0!important;border-top:1px solid var(--line);border-bottom:1px solid var(--line)} #app.dispatch-live .tenant-card .tenant-info small{display:block;margin-bottom:7px;color:var(--muted)} #app.dispatch-live .tenant-card .account-row{display:flex!important;align-items:center;flex-wrap:wrap;gap:10px!important;margin:0!important;padding:0!important;border:0!important} #app.dispatch-live .tenant-card .account-row button{min-height:38px!important;padding:8px 14px!important;margin:0!important} #app.dispatch-live .tenant-card .ws-club-link{display:inline-flex!important;align-items:center;justify-content:center;align-self:flex-start;width:auto!important;min-height:38px;box-sizing:border-box;padding:9px 16px!important;margin:16px 0 0!important;border:1px solid var(--line)!important;border-radius:999px!important;background:var(--soft)!important;color:var(--accent)!important;font-size:12px;line-height:1.4;text-decoration:none} #app.dispatch-live .tenant-card .ws-club-link:hover{background:var(--accent)!important;color:var(--on-accent)!important} @media(max-width:600px){#app.dispatch-live .tenant-card .tenant-info{gap:10px!important}} /* Full-bleed player portraits without stretching the uploaded image. */ #app.dispatch-live .portrait-stage{position:relative!important;overflow:hidden!important;padding:0!important;border-radius:22px 22px 0 0!important} #app.dispatch-live .portrait-stage>img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:cover!important;object-position:center 30%!important;transform:none!important;margin:0!important;border-radius:0!important} #app.dispatch-live .portrait-stage .talent-state{position:absolute!important;z-index:2!important;top:12px!important;left:12px!important;border-radius:999px!important} #app.dispatch-live .cb-team-portrait{overflow:hidden!important;padding:0!important} #app.dispatch-live .cb-team-portrait>img{width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important;object-position:center 30%!important;border-radius:0!important;margin:0!important} /* Consistent rounded filter surfaces across orders and settlements. */ #app.dispatch-live .ws-order-panel{background:transparent!important;border:0!important;border-radius:0!important;overflow:visible!important;box-shadow:none!important} #app.dispatch-live .ws-order-panel>.toolbar,#app.dispatch-live .ws-order-panel>.ws-filter-drawer{border:1px solid var(--line)!important;border-radius:22px!important;overflow:hidden!important;box-sizing:border-box!important;margin:0 0 14px!important} #app.dispatch-live .ws-order-panel>.toolbar{padding:18px 20px!important;gap:14px!important;min-height:76px} #app.dispatch-live .ws-order-panel .ws-toolbar-title{margin:0!important;padding:0!important} #app.dispatch-live .filter-caption{margin:14px 20px!important;padding:12px 16px!important;border-radius:16px!important;border:1px solid var(--line)!important;background:var(--soft)!important;color:var(--muted)!important;line-height:1.7!important} #app.dispatch-live .tenant-card.ws-club-card{border:1px solid var(--line)!important;overflow:hidden!important} /* Settings navigation uses the page canvas instead of a white backing sheet. */ #app.dispatch-live .ws-settings-nav{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;border-radius:0!important} #app.dispatch-live .ws-settings-nav button{background:var(--soft)!important;border:1px solid var(--line)!important} #app.dispatch-live .ws-settings-nav button.active,#app.dispatch-live .ws-settings-nav button[aria-selected=true]{background:var(--accent)!important;color:var(--on-accent)!important} /* Translate is separate from menu transition transforms, keeping both smooth. */ #app.dispatch-live .ref-full-team>.talent{transition:translate .3s cubic-bezier(.22,1,.36,1),box-shadow .3s,border-color .3s!important;translate:0 0;box-shadow:none} #app.dispatch-live .ref-full-team>.talent .portrait-stage>img{transition:scale .5s cubic-bezier(.22,1,.36,1)!important;scale:1} @media(hover:hover) and (pointer:fine){ #app.dispatch-live .ref-full-team>.talent:hover,#app.dispatch-live .ref-full-team>.talent:focus-within{translate:0 -7px;box-shadow:0 18px 36px color-mix(in srgb,var(--accent) 18%,transparent)!important;border-color:var(--accent)!important} #app.dispatch-live .ref-full-team>.talent:hover .portrait-stage>img{scale:1.045} } #app.dispatch-live .ref-full-team>.talent .ref-team-control summary{border-radius:16px!important;transition:background .2s,color .2s} #app.dispatch-live .ref-full-team>.talent .ref-team-control summary:hover{background:var(--accent)!important;color:var(--on-accent)!important} @media(prefers-reduced-motion:reduce){#app.dispatch-live .ref-full-team>.talent,#app.dispatch-live .ref-full-team>.talent .portrait-stage>img{transition:none!important}} /* Settings content rests on the canvas; only its working rows are tinted. */ #app.dispatch-live .ws-settings-body,#app.dispatch-live .ws-settings-section,#app.dispatch-live .settings-card{background:transparent!important;box-shadow:none!important;border:0!important;border-radius:22px!important} #app.dispatch-live .ws-settings-section{padding:24px!important} #app.dispatch-live .ws-settings-section .game-item{background:var(--soft)!important;border:1px solid var(--line)!important;border-radius:18px!important;padding:16px 18px!important} #app.dispatch-live .ws-settings-section .game-add{background:var(--menu-surface)!important;border:1px solid var(--line)!important;border-radius:22px!important;padding:18px!important;gap:12px!important;max-width:none!important;width:100%!important;box-sizing:border-box} #app.dispatch-live .ws-settings-section .game-add input{background:var(--canvas)!important;min-width:0} #app.dispatch-live .ws-settings-section .tag{border-radius:999px!important} /* Settings navigation must occupy normal flow, never cover the selected section. */ #app.dispatch-live .ws-settings-layout{display:flex!important;flex-direction:column!important;gap:24px!important;position:relative!important} #app.dispatch-live .ws-settings-nav{position:static!important;top:auto!important;bottom:auto!important;inset:auto!important;transform:none!important;float:none!important;height:auto!important;min-height:0!important;margin:0!important;flex:none!important;z-index:auto!important;align-self:stretch!important} #app.dispatch-live .ws-settings-body{position:static!important;top:auto!important;transform:none!important;margin:0!important;width:100%!important;min-width:0!important;clear:both!important} #app.dispatch-live .ws-settings-section{position:static!important;margin:0!important} #app.dispatch-live .ws-settings-section[hidden]{display:none!important} /* Bedimcode-inspired full-screen backdrop and compact glass authentication. */ body #app .next-login.next-glass{position:relative!important;display:grid!important;place-items:center!important;grid-template-columns:1fr!important;min-height:100svh!important;height:auto!important;width:100%!important;padding:84px 24px 40px!important;box-sizing:border-box!important;background:radial-gradient(ellipse at 50% 35%,#35255b55,#0b1022ee),url('/hero-orbit.webp') center/cover no-repeat,#101225!important;overflow:hidden!important;border:0!important;border-radius:0!important;color:#fff!important} body #app .next-glass .next-login-story,body #app .next-glass .next-auth-top,body #app .next-glass .next-auth-bottom{display:none!important} body #app .next-glass>.next-login-brand{position:absolute!important;top:28px!important;left:36px!important;color:#fff!important;font-size:23px!important;line-height:1.2;text-decoration:none} body #app .next-glass>.next-login-brand span{display:block!important;font-size:10px!important;letter-spacing:2px!important;margin-top:9px!important;color:#d5cfeb!important} body #app .next-glass .next-login-auth{display:block!important;position:relative!important;width:min(100%,440px)!important;max-width:440px!important;min-height:0!important;height:auto!important;margin:0!important;padding:34px 36px!important;box-sizing:border-box!important;border:1px solid #ffffff70!important;border-radius:28px!important;background:#ffffff08!important;backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important;box-shadow:0 24px 80px #0005!important;overflow:visible!important} body #app .next-glass .next-auth-content{width:100%!important;max-width:none!important;padding:0!important;margin:0!important} body #app .next-glass .next-auth-mark{display:none!important} body #app .next-glass .next-auth-heading{text-align:center!important;margin:0 0 25px!important} body #app .next-glass .next-auth-heading h2{color:#fff!important;font-size:30px!important;margin:0 0 10px!important;line-height:1.3!important} body #app .next-glass p,body #app .next-glass label,body #app .next-glass small{color:#e3ddf2!important} body #app .next-glass .login-tabs{display:flex!important;padding:5px!important;border:1px solid #ffffff45!important;border-radius:999px!important;background:#ffffff08!important;margin:0 0 23px!important;gap:4px!important} body #app .next-glass .login-tabs button{flex:1!important;border:0!important;border-radius:999px!important;background:transparent!important;color:#e3ddf2!important;padding:10px!important;box-shadow:none!important} body #app .next-glass .login-tabs button.active{background:#ffffffe8!important;color:#28213e!important} body #app .next-glass #login-form{display:flex!important;flex-direction:column!important;gap:17px!important;margin:0!important;padding:0!important;background:transparent!important} body #app .next-glass #login-form label{display:block!important;margin:0!important;font-size:12px!important;line-height:1.5!important} body #app .next-glass #login-form input{width:100%!important;height:50px!important;box-sizing:border-box!important;margin-top:8px!important;padding:12px 20px!important;border:1px solid #ffffff85!important;border-radius:999px!important;background:#ffffff06!important;color:#fff!important;font-size:14px!important;box-shadow:none!important} body #app .next-glass #login-form input::placeholder{color:#d1c9e5!important} body #app .next-glass #login-form input:focus{outline:2px solid #ffffff70!important;outline-offset:3px!important;background:#ffffff10!important} body #app .next-glass .password-wrap{position:relative!important;background:transparent!important} body #app .next-glass .password-wrap input{padding-right:52px!important} body #app .next-glass .password-toggle{color:#fff!important;background:transparent!important} body #app .next-glass #modern-forgot{align-self:flex-end!important;background:transparent!important;border:0!important;color:#eee8ff!important;padding:0!important;margin:0!important;font-size:12px!important} body #app .next-glass #login-form .primary{width:100%!important;min-height:50px!important;padding:13px 20px!important;border:0!important;border-radius:999px!important;background:#fff!important;color:#26213a!important;font-weight:650!important;box-shadow:none!important;margin:0!important;transition:translate .2s,background .2s!important} body #app .next-glass #login-form .primary:hover{background:#e8e0ff!important;translate:0 -2px} body #app .next-glass .next-login-enroll{margin:23px 0 0!important;text-align:center!important;font-size:12px!important;color:#ddd6ee!important} body #app .next-glass #next-enroll{color:#fff!important;background:transparent!important;border:0!important;font-weight:600!important;padding:0 4px!important} body #app .next-glass .next-login-help{font-size:10px!important;line-height:1.7!important;text-align:center!important;margin:14px 0 0!important;color:#bfb6d2!important} @media(max-width:600px){body #app .next-login.next-glass{padding:88px 18px 28px!important}body #app .next-glass .next-login-auth{padding:28px 24px!important}body #app .next-glass>.next-login-brand{left:24px!important;top:22px!important}} @media(max-height:720px) and (min-width:601px){body #app .next-login.next-glass{padding:75px 24px 24px!important}body #app .next-glass .next-login-auth{padding:25px 32px!important}body #app .next-glass .next-auth-heading{margin-bottom:18px!important}} /* Authentication dialogs match the glass login rather than dashboard themes. */ body:has(.next-glass) #modal{background:rgba(25,22,46,.82)!important;color:#fff!important;border:1px solid #ffffff55!important;backdrop-filter:blur(22px)!important;-webkit-backdrop-filter:blur(22px)!important;box-shadow:0 24px 80px #0006!important;border-radius:28px!important} body:has(.next-glass) #modal::backdrop{background:#090b1c70;backdrop-filter:blur(6px)} body:has(.next-glass) #modal .section-head,body:has(.next-glass) #modal .form-note,body:has(.next-glass) #modal .note{background:#ffffff09!important;color:#ded7ef!important;border-color:#ffffff25!important} body:has(.next-glass) #modal h2,body:has(.next-glass) #modal h3,body:has(.next-glass) #modal label{color:#fff!important} body:has(.next-glass) #modal p,body:has(.next-glass) #modal small{color:#d5cde7!important} body:has(.next-glass) #modal input,body:has(.next-glass) #modal select,body:has(.next-glass) #modal textarea{background:#ffffff08!important;color:#fff!important;border-color:#ffffff70!important;color-scheme:dark} body:has(.next-glass) #modal input::placeholder{color:#bfb6d5!important} body:has(.next-glass) #modal .primary{background:#fff!important;color:#28213e!important;border:0!important;border-radius:999px!important} body:has(.next-glass) #modal .secondary{background:#ffffff12!important;color:#fff!important;border:1px solid #ffffff50!important;border-radius:999px!important} body:has(.next-glass) #modal .close{background:transparent!important;color:#fff!important} body:has(.next-glass) #modal .dialog-actions{border-color:#ffffff25!important} body:has(.next-glass) #modal .modern-form-grid{grid-template-columns:1fr!important;gap:18px!important} body:has(.next-glass) #modal .modern-code{display:grid!important;grid-template-columns:minmax(100px,1fr) auto!important;gap:10px!important} /* Compact authentication dialogs, with no light sticky action footer. */ body:has(.next-glass) #modal:has(#modern-register-form),body:has(.next-glass) #modal:has(#modern-reset-form){width:560px!important;max-width:calc(100vw - 32px)!important;max-height:calc(100svh - 40px)!important;padding:24px!important;box-sizing:border-box!important;scrollbar-width:thin;scrollbar-color:#ffffff40 transparent} body:has(.next-glass) #modal form{margin:0!important;padding:0!important;background:transparent!important;display:block!important} body:has(.next-glass) #modal .section-head{padding:12px 16px!important;margin:0 0 20px!important;min-height:0!important} body:has(.next-glass) #modal .section-head h2{font-size:20px!important;margin:0!important;line-height:1.4!important} body:has(.next-glass) #modal .modern-form-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px 18px!important} body:has(.next-glass) #modal .modern-form-grid label{display:flex!important;flex-direction:column!important;gap:7px!important;margin:0!important;font-size:12px!important;line-height:1.4!important;min-width:0!important} body:has(.next-glass) #modal .modern-form-grid input,body:has(.next-glass) #modal .modern-form-grid select{height:44px!important;padding:10px 14px!important;margin:0!important;width:100%!important;box-sizing:border-box!important;min-width:0!important;font-size:13px!important} body:has(.next-glass) #modal .modern-code{grid-template-columns:minmax(0,1fr) auto!important;gap:8px!important} body:has(.next-glass) #modal .modern-code button{font-size:11px!important;padding:8px 10px!important;min-height:44px!important;white-space:nowrap!important} body:has(.next-glass) #modal .form-note{padding:13px 16px!important;margin:18px 0!important;font-size:11px!important;line-height:1.7!important} body:has(.next-glass) #modal .dialog-actions{position:static!important;inset:auto!important;display:flex!important;justify-content:flex-end!important;background:transparent!important;box-shadow:none!important;padding:16px 0 0!important;margin:0!important;border-top:1px solid #ffffff25!important;min-height:0!important} body:has(.next-glass) #modal .dialog-actions .primary{min-height:42px!important;padding:10px 20px!important;background:#fff!important;color:#28213e!important} body:has(.next-glass) #modal .modern-reset-email{grid-column:1/-1!important} body:has(.next-glass) #modal::-webkit-scrollbar{width:6px}body:has(.next-glass) #modal::-webkit-scrollbar-track{background:transparent}body:has(.next-glass) #modal::-webkit-scrollbar-thumb{background:#ffffff40;border-radius:99px} @media(max-width:420px){body:has(.next-glass) #modal:has(#modern-register-form),body:has(.next-glass) #modal:has(#modern-reset-form){padding:18px!important}body:has(.next-glass) #modal .modern-form-grid{gap:14px 10px!important}body:has(.next-glass) #modal #modern-register-form label:has(.modern-code){grid-column:1/-1!important}} /* Remove the legacy code-button offset and align every form row. */ body:has(.next-glass) #modal .modern-code{align-items:center!important;height:44px!important;margin:0!important;padding:0!important} body:has(.next-glass) #modal .modern-code button,body:has(.next-glass) #modal .modern-code input{height:44px!important;min-height:44px!important;max-height:44px!important;margin:0!important;box-sizing:border-box!important;align-self:center!important;vertical-align:middle!important} body:has(.next-glass) #modal .modern-form-grid{align-items:start!important} body:has(.next-glass) #modal .modern-form-grid label{gap:7px!important} #app.dispatch-live .modern-profile{display:flex!important;align-items:center!important;gap:16px!important;padding:20px 24px!important;border-radius:22px!important;background:var(--surface)!important;border:1px solid var(--line)!important} #app.dispatch-live .modern-profile .modern-avatar{display:block!important;width:64px!important;height:64px!important;min-width:64px!important;object-fit:cover!important;border-radius:50%!important;border:2px solid var(--line)!important;background:var(--soft)!important} #app.dispatch-live .modern-profile>label{border-radius:999px!important;background:var(--soft)!important;color:var(--accent)!important;border:1px solid var(--line)!important;padding:10px 16px!important;cursor:pointer} #app.dispatch-live .modern-profile>span:not(.avatar){color:var(--muted)!important} @media(max-width:600px){#app.dispatch-live .modern-profile{flex-wrap:wrap!important}} /* Responsive order details without a visible scrollbar. */ body #modal.live-fit-order{width:620px!important;max-width:calc(100vw - 32px)!important;padding:24px!important;max-height:calc(100svh - 32px)!important;box-sizing:border-box!important;overflow:auto!important;scrollbar-width:none!important;border-radius:28px!important} body #modal.live-fit-order::-webkit-scrollbar{display:none!important;width:0!important;height:0!important} body #modal.live-fit-order .section-head{padding:14px 18px!important;margin-bottom:16px!important;min-height:0!important} body #modal.live-fit-order .section-head h2{font-size:21px!important;margin:0!important} body #modal.live-fit-order p{margin:10px 0!important;line-height:1.6!important} body #modal.live-fit-order label{margin:12px 0!important;font-size:12px!important} body #modal.live-fit-order input,body #modal.live-fit-order select{min-height:40px!important;padding:9px 13px!important} body #modal.live-fit-order .dialog-actions{margin-top:14px!important;padding-top:14px!important} @media(max-height:780px){body #modal.live-fit-order{padding:20px!important}body #modal.live-fit-order p{margin:7px 0!important}body #modal.live-fit-order h3{margin:14px 0!important}} #app.dispatch-live .modern-profile{align-items:center!important;min-height:104px!important;box-sizing:border-box!important} #app.dispatch-live .modern-profile>.modern-avatar{margin:0!important;padding:0!important;align-self:center!important;flex:0 0 64px!important;box-sizing:border-box!important;position:static!important;inset:auto!important;transform:none!important;translate:none!important;vertical-align:middle!important} #app.dispatch-live .modern-profile>label,#app.dispatch-live .modern-profile>span:not(.avatar){margin:0!important;align-self:center!important;line-height:20px!important;position:relative!important;top:auto!important;bottom:auto!important;transform:none!important} /* Row hover and action controls must remain visually distinct in every palette. */ #app.dispatch-live .ws-table tbody tr:hover,#app.dispatch-live .table-wrap table tbody tr:hover{background:color-mix(in srgb,var(--surface) 94%,var(--accent) 6%)!important} #app.dispatch-live .ws-table tbody tr:hover td,#app.dispatch-live .table-wrap table tbody tr:hover td{background:transparent!important} #app.dispatch-live .ws-table tbody td button,#app.dispatch-live .table-wrap table tbody td button{border:1px solid var(--line)!important;background:var(--soft)!important;color:var(--accent)!important;box-shadow:none!important} #app.dispatch-live .ws-table tbody tr:hover td button,#app.dispatch-live .table-wrap table tbody tr:hover td button{background:var(--surface)!important;border-color:var(--accent)!important;color:var(--accent)!important} #app.dispatch-live .ws-table tbody td button:hover,#app.dispatch-live .table-wrap table tbody td button:hover,#app.dispatch-live .ws-table tbody td button:focus-visible,#app.dispatch-live .table-wrap table tbody td button:focus-visible{background:var(--accent)!important;border-color:var(--accent)!important;color:var(--on-accent)!important} /* Announcements belong inside the player welcome banner. */ #app.dispatch-live .ws-welcome-banner.live-welcome-announcements{display:grid!important;grid-template-columns:minmax(280px,.8fr) minmax(0,2fr);align-items:center;gap:32px;height:auto!important;min-height:194px;padding:28px 30px!important} #app.dispatch-live .live-welcome-announcements>div{min-width:0} #app.dispatch-live .live-banner-announcements{position:static!important;min-width:0;width:100%;margin:0!important;padding:16px 20px!important;border:1px solid var(--line)!important;border-radius:20px!important;background:color-mix(in srgb,var(--surface) 65%,transparent)!important;max-height:210px;overflow:auto;box-sizing:border-box} #app.dispatch-live .live-banner-announcements .announce-head{font-size:11px;color:var(--muted)!important;margin:0 0 8px;letter-spacing:1px} #app.dispatch-live .live-banner-announcements .announce-item{padding:0!important;margin:0!important;background:transparent!important;border:0!important;border-radius:0!important;color:var(--ink)!important} #app.dispatch-live .live-banner-announcements .announce-item+.announce-item{margin-top:14px!important;padding-top:14px!important;border-top:1px solid var(--line)!important} #app.dispatch-live .live-banner-announcements .announce-item h4{font-size:14px;margin:0 0 6px!important;color:var(--ink)!important} #app.dispatch-live .live-banner-announcements .announce-item p{font-size:12px;line-height:1.7;margin:0!important;color:var(--muted)!important;overflow-wrap:anywhere} #app.dispatch-live .live-banner-announcements .announce-item small{font-size:10px;margin-top:8px;color:var(--muted)!important} @media(max-width:760px){#app.dispatch-live .ws-welcome-banner.live-welcome-announcements{grid-template-columns:1fr;gap:20px;padding:22px!important}} /* A single full-width announcement surface replaces the welcome copy. */ #app.dispatch-live .ws-welcome-banner.live-welcome-announcements{display:block!important;min-height:0!important;padding:24px 30px!important} #app.dispatch-live .live-welcome-announcements .live-banner-announcements{padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;max-height:240px} #app.dispatch-live .live-welcome-announcements .announce-head{font-size:12px;font-weight:600;margin-bottom:12px} #app.dispatch-live .live-welcome-announcements .announce-item h4{font-size:16px} /* The five player menus span the same width as the content below. */ @media(min-width:1101px){#app.dispatch-live .live-nav:has(>.live-menu:nth-child(5):last-child){grid-template-columns:repeat(5,minmax(0,1fr))}} /* Style native file selection without replacing upload behavior. */ #app input[type="file"],#modal input[type="file"]{padding:6px 10px!important;min-height:44px;box-sizing:border-box;color:var(--muted);font:inherit} #app input[type="file"]::file-selector-button,#modal input[type="file"]::file-selector-button{appearance:none;border:1px solid var(--line);border-radius:999px;padding:8px 16px;margin:0 12px 0 0;background:var(--soft);color:var(--accent);font:inherit;font-weight:500;cursor:pointer;transition:background .2s,color .2s,border-color .2s} #app input[type="file"]::file-selector-button:hover,#modal input[type="file"]::file-selector-button:hover{background:var(--accent);color:var(--on-accent);border-color:var(--accent)} body:has(.next-glass) #modal input[type="file"]::file-selector-button{background:#ffffff14;color:#fff;border-color:#ffffff40} /* Full portrait inset over the cropped cover image. */ #app.dispatch-live .portrait-stage .talent-avatar{position:absolute;right:14px;bottom:12px;width:82px;height:82px;border:3px solid var(--surface);border-radius:50%;overflow:hidden;background:var(--soft);box-shadow:0 4px 18px #0002;z-index:3;box-sizing:border-box;pointer-events:none} #app.dispatch-live .portrait-stage .talent-avatar>img{display:block!important;position:static!important;width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;transform:none!important;scale:1!important;border-radius:0!important} /* Order center uses the original semantic table and bound row actions. */ #app.dispatch-live .ws-orders .cb-order-board{overflow-x:auto!important;border:1px solid var(--line);border-radius:22px;background:var(--surface)} #app.dispatch-live .ws-orders .cb-order-board table{display:table!important;width:100%!important;min-width:980px;table-layout:auto;border-collapse:collapse!important} #app.dispatch-live .ws-orders .cb-order-board thead{display:table-header-group!important;position:static!important;clip-path:none!important;clip:auto!important;width:auto!important;height:auto!important;overflow:visible!important;background:var(--soft)} #app.dispatch-live .ws-orders .cb-order-board tbody{display:table-row-group!important;padding:0!important} #app.dispatch-live .ws-orders .cb-order-board tr{display:table-row!important;transform:none!important;border:0!important;border-radius:0!important;padding:0!important;box-shadow:none!important} #app.dispatch-live .ws-orders .cb-order-board th,#app.dispatch-live .ws-orders .cb-order-board td{display:table-cell!important;padding:14px 16px!important;margin:0!important;border:0!important;border-bottom:1px solid var(--line)!important;font-size:12px!important;font-weight:400!important;text-align:left!important;vertical-align:middle!important;max-width:none!important;width:auto!important;white-space:normal!important;line-height:1.6!important} #app.dispatch-live .ws-orders .cb-order-board th{color:var(--muted);font-weight:600!important;white-space:nowrap!important} #app.dispatch-live .ws-orders .cb-order-board td:nth-child(2){font-size:13px!important;font-weight:600!important} #app.dispatch-live .ws-orders .cb-order-board td:nth-child(5){font-size:14px!important;color:var(--ink)!important} #app.dispatch-live .ws-orders .cb-order-board td:last-child{min-width:190px} #app.dispatch-live .ws-orders .cb-order-board tr:last-child td{border-bottom:0!important} #app.dispatch-live .ws-order-panel>.toolbar{display:flex!important;align-items:center;gap:14px} #app.dispatch-live .ws-order-panel>.toolbar .ws-toolbar-title{margin-right:auto!important} /* The dashboard contains two responsive rows, with full access through order center. */ #app.dispatch-live :is(#reference-orders,.live-reference-orders)>[data-ref-order]:nth-child(n+9){display:none!important} .live-dashboard-orders-footer{display:flex;justify-content:flex-end;align-items:center;padding:16px 20px;border-top:1px solid var(--line);gap:16px;color:var(--muted);font-size:11px} @media(max-width:1100px){#app.dispatch-live :is(#reference-orders,.live-reference-orders)>[data-ref-order]:nth-child(n+5){display:none!important}} @media(max-width:600px){#app.dispatch-live :is(#reference-orders,.live-reference-orders)>[data-ref-order]:nth-child(n+3){display:none!important}} /* Compact responsive creation form, keeping all fields and actions available. */ body #modal.live-fit-create{width:820px!important;padding:22px!important} body #modal.live-fit-create #of2{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 20px;background:transparent!important;padding:0!important;margin:0!important} body #modal.live-fit-create #of2>label,body #modal.live-fit-create #of2 label{display:flex;flex-direction:column;gap:6px;margin:0!important;padding:0!important;border:0!important;min-width:0} body #modal.live-fit-create #of2>div,body #modal.live-fit-create #of2>p{grid-column:1/-1} body #modal.live-fit-create #of2>div:not([hidden]):not(.dialog-actions){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 20px} body #modal.live-fit-create #of2 [hidden]{display:none!important} body #modal.live-fit-create #of2 input,body #modal.live-fit-create #of2 select{height:40px!important;min-height:40px!important;margin:0!important;padding:8px 12px!important;box-sizing:border-box} body #modal.live-fit-create #of2 .dialog-actions{position:static!important;background:transparent!important;grid-column:1/-1;display:flex!important;justify-content:flex-end;margin-top:4px!important;padding:12px 0 0!important;border-top:1px solid var(--line)} @media(max-width:520px){body #modal.live-fit-create #of2{gap:10px}body #modal.live-fit-create{padding:16px!important}} /* Phone layouts must not squeeze financial amounts into narrow columns. */ @media(max-width:600px){ #app.dispatch-live .ws-report-body .metrics,#app.dispatch-live .ws-finance .metrics,#app.dispatch-live .metrics{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:12px!important} #app.dispatch-live .metrics article{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:8px!important;min-width:0!important;padding:20px!important} #app.dispatch-live .metrics article>span,#app.dispatch-live .metrics article>small{width:100%!important;max-width:none!important;writing-mode:horizontal-tb!important;line-height:1.6!important} #app.dispatch-live .metrics article h2{font-size:28px!important;white-space:nowrap!important;overflow-wrap:normal!important;word-break:normal!important;margin:0!important} #app.dispatch-live .ws-report-body,#app.dispatch-live .finance-filter{min-width:0!important;max-width:100%!important;box-sizing:border-box} #app.dispatch-live .finance-filter{padding:16px!important} #app.dispatch-live .finance-filter .date-filter{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;align-items:end} #app.dispatch-live .finance-filter label,#app.dispatch-live .finance-filter input{min-width:0!important;width:100%!important;box-sizing:border-box} #app.dispatch-live .page-heading{flex-wrap:wrap;gap:14px!important} #app.dispatch-live .page-heading h1{font-size:34px!important;line-height:1.2!important;overflow-wrap:normal!important} #app.dispatch-live .ws-order-pipeline{grid-template-columns:repeat(2,minmax(0,1fr))!important} #app.dispatch-live .ws-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important} #app.dispatch-live .table-wrap{max-width:100%;overflow-x:auto!important} #app.dispatch-live .ws-order-panel>.toolbar{flex-wrap:wrap!important} #app.dispatch-live .ws-order-panel>.toolbar .ws-toolbar-title{flex:1 0 100%;margin:0!important} } /* Keep finance totals clear of the filter panel. */ #app.dispatch-live .ws-finance .ws-report-body > .metrics { margin-top:24px!important; margin-bottom:24px!important; } @media(max-width:600px){#app.dispatch-live .ws-finance .ws-report-body > .metrics { margin-top:18px!important; margin-bottom:18px!important; }} /* Order rows, pagination and semantic statuses. */ #app.dispatch-live .ws-orders .pager{margin-top:16px!important;padding:16px 20px!important;border:1px solid var(--line)!important;border-radius:20px!important;background:var(--surface)!important;gap:12px!important;flex-wrap:wrap;} #app.dispatch-live .ws-orders .cb-order-board tbody tr td{box-shadow:inset 0 -1px 0 var(--line)!important;} #app.dispatch-live .badge[data-order-status]{border-radius:8px!important;border:1px solid!important;padding:5px 9px!important;font-weight:600;white-space:nowrap;} #app.dispatch-live .badge[data-order-status="waiting"]{background:#fff1e6!important;color:#a95112!important;border-color:#f7d5b5!important;} #app.dispatch-live .badge[data-order-status="pending"]{background:#eaf2ff!important;color:#285db2!important;border-color:#cbdcff!important;} #app.dispatch-live .badge[data-order-status="active"]{background:#e5f8f5!important;color:#137867!important;border-color:#bce8df!important;} #app.dispatch-live .badge[data-order-status="review"]{background:#fff7db!important;color:#876500!important;border-color:#efdf9d!important;} #app.dispatch-live .badge[data-order-status="completed"]{background:#eaf6e9!important;color:#35743a!important;border-color:#c9e7c5!important;} #app.dispatch-live .badge[data-order-status="cancelled"]{background:#f1f2f5!important;color:#697180!important;border-color:#dfe2e8!important;} #app.dispatch-live .live-game-label{display:inline-flex;align-items:center;gap:9px;vertical-align:middle;white-space:nowrap;} #app.dispatch-live .live-game-logo{display:inline-grid;place-items:center;flex:0 0 28px;width:28px;height:28px;border-radius:8px;color:var(--game-color,var(--accent));background:var(--surface);border:1px solid var(--line);vertical-align:middle;} #app.dispatch-live .live-game-logo svg{width:19px;height:20px;display:block;} #app.dispatch-live .next-game-icon,#app.dispatch-live .ws-game-symbol{background:transparent!important;padding:0!important;width:30px!important;height:30px!important;} #modal .tenant-assign-note{display:block!important;width:auto!important;margin:0 0 16px!important;padding:12px 14px!important;background:var(--soft)!important;border:1px solid var(--line)!important;color:var(--ink)!important;border-radius:14px!important;line-height:1.7!important;} #modal .assign-item{background:var(--surface)!important;border-color:var(--line)!important;border-radius:18px!important;} #modal .assign-item:hover{background:var(--soft)!important;border-color:var(--accent)!important;} #modal .assign-item strong{color:var(--ink)!important;} #modal .assign-item small{color:var(--muted)!important;} #modal .assign-item .tag{background:var(--soft)!important;color:var(--accent)!important;border-color:var(--line)!important;} #modal .assign-item .avatar{background:var(--accent)!important;color:#fff!important;} #app.dispatch-live .ws-settlement-panel > h3{margin:20px 24px 14px!important;} #app.dispatch-live .ws-settlement-panel > .dialog-actions{padding:0 24px!important;margin:16px 0!important;box-sizing:border-box;} #app.dispatch-live .ws-settlement-panel > .section-head{padding:24px!important;gap:20px;} #app.dispatch-live .live-enrollment-review{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;} #app.dispatch-live .live-review-count{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 5px;box-sizing:border-box;border-radius:999px;background:#dc4856;color:#fff;font-size:11px;font-weight:700;line-height:1;} #app.dispatch-live .live-game-logo img{width:22px;height:22px;object-fit:contain;display:block;} #app.dispatch-live .live-enrollment-review{background:transparent!important;border:0!important;color:var(--muted)!important;border-radius:10px!important;padding:8px 10px!important;font-size:12px!important;box-shadow:none!important;} #app.dispatch-live .live-enrollment-review:hover{background:var(--soft)!important;color:var(--accent)!important;} #app.dispatch-live .live-account{margin-left:auto;} /* Readable create form without shrinking desktop controls. */ body #modal.live-fit-create{width:1040px!important;padding:24px!important;font-size:14px!important;} body #modal.live-fit-create h2{font-size:24px!important;} body #modal.live-fit-create #of2{gap:12px 24px!important;} body #modal.live-fit-create #of2 label{font-size:13px!important;line-height:1.5;} body #modal.live-fit-create #of2 input,body #modal.live-fit-create #of2 select{font-size:14px!important;height:42px!important;min-height:42px!important;} body #modal.live-fit-create #of2 #of2-main-box{grid-column:auto!important;grid-template-columns:1fr!important;} body #modal.live-fit-create #of2 #of2-player-box{grid-template-columns:1fr!important;} body #modal.live-fit-create #of2 #of2-player-box>label{display:grid!important;grid-template-columns:1fr 1fr!important;} body #modal.live-fit-create #of2 #of2-player-box input{grid-column:1!important;} body #modal.live-fit-create #of2 #of2-player-box select{grid-column:2!important;grid-row:2!important;} body #modal.live-fit-create #of2 .check-pill{display:flex!important;flex-direction:row!important;align-items:center!important;gap:10px!important;} body #modal.live-fit-create #of2 input[type=checkbox]{width:18px!important;height:18px!important;min-height:18px!important;flex:0 0 18px;} body #modal.live-fit-create #of2-special-box{grid-template-columns:1fr!important;} body #modal.live-fit-create #of2 .dialog-actions button{font-size:14px!important;padding:10px 20px!important;} @media(max-width:600px){body #modal.live-fit-create{padding:16px!important;}body #modal.live-fit-create #of2{gap:10px 12px!important;}body #modal.live-fit-create #of2 #of2-player-box>label{display:flex!important;}body #modal.live-fit-create #of2 input,body #modal.live-fit-create #of2 select{font-size:13px!important;}} #app.dispatch-live .tenant-order-list{border:1px solid var(--line)!important;border-radius:22px!important;background:var(--surface)!important;overflow:auto!important;margin:0 0 24px!important;} #app.dispatch-live .tenant-order-list table{width:100%!important;min-width:1060px;border-collapse:separate!important;border-spacing:0!important;background:var(--surface)!important;} #app.dispatch-live .tenant-order-list th{background:var(--soft)!important;color:var(--muted)!important;padding:17px 20px!important;font-size:12px!important;font-weight:600!important;border:0!important;} #app.dispatch-live .tenant-order-list td{background:transparent!important;padding:20px!important;border:0!important;box-shadow:inset 0 -1px 0 var(--line)!important;vertical-align:middle!important;font-size:13px!important;} #app.dispatch-live .tenant-order-list tbody tr:last-child td{box-shadow:none!important;} #app.dispatch-live .tenant-order-list tbody tr:hover{background:color-mix(in srgb,var(--soft) 35%,var(--surface))!important;} #app.dispatch-live .tenant-order-list td small{display:block;margin-top:7px;line-height:1.6;color:var(--muted);} #app.dispatch-live .tenant-order-list td.numeric{font-size:15px!important;font-weight:600!important;color:var(--ink)!important;font-variant-numeric:tabular-nums;white-space:nowrap;} #app.dispatch-live .tenant-order-list td:last-child{min-width:230px;} #app.dispatch-live .tenant-order-list td:last-child button{margin:3px 5px 3px 0!important;} /* Notices must appear above native modal dialogs and their backdrops. */ body #toast{position:fixed!important;inset:20px auto auto 50%!important;transform:translateX(-50%)!important;margin:0!important;max-width:min(520px,calc(100vw - 32px))!important;width:max-content!important;box-sizing:border-box;padding:14px 20px!important;border:1px solid var(--line)!important;border-radius:14px!important;background:var(--surface,#fff)!important;color:var(--ink,#30303b)!important;box-shadow:0 8px 32px #0003!important;z-index:2147483647!important;pointer-events:none;line-height:1.6!important;white-space:normal!important;} #toast::backdrop{background:transparent;pointer-events:none;} .live-theme-picker{position:relative;margin-left:auto;flex:0 0 auto;font-size:13px;} .live-theme-picker summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:8px;padding:10px 14px;background:var(--soft);color:var(--accent);border:1px solid var(--line);border-radius:20px;white-space:nowrap;} .live-theme-picker summary::-webkit-details-marker{display:none;} .live-theme-picker .live-palette{position:absolute;right:0;top:calc(100% + 10px);z-index:1000;display:grid!important;grid-template-columns:repeat(2,1fr);gap:8px;padding:12px!important;width:220px;box-sizing:border-box;background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:0 10px 30px #0002;} .live-theme-picker:not([open]) .live-palette{display:none!important;} .live-theme-picker .live-palette button{white-space:nowrap;justify-content:center;} @media(max-width:600px){.live-theme-picker summary{padding:8px 10px;font-size:12px;}} body .live-theme-picker{display:flex;align-items:center;margin:0;align-self:center;} body .live-theme-picker summary{width:42px;height:42px;box-sizing:border-box;padding:5px!important;justify-content:center;background:var(--surface);border-radius:50%;} .live-theme-swatch{display:block;width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,var(--theme-base) 0 50%,var(--theme-accent) 50% 100%);box-shadow:inset 0 0 0 1px #0001;} body .tenant-settlement-actions{display:flex;justify-content:flex-end;align-items:center;flex-wrap:wrap;gap:12px;margin:20px 0;padding:0 24px;} body .tenant-settlement-actions .tenant-settlement-day{margin:0!important;padding:0!important;border:0!important;background:transparent!important;line-height:1.5;color:var(--muted);font-size:13px;} body .tenant-settlement-actions #t-apply{margin:0!important;flex:0 0 auto;} @media(max-width:600px){body .tenant-settlement-actions{padding:0 16px;justify-content:flex-start;}.tenant-settlement-day{flex-basis:100%;}} .game-logo-name{display:inline-flex;align-items:center;gap:10px;}.game-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;} .shot-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:12px 0;}.shot-tools a{color:var(--accent);font-size:13px;}.shot-scale{min-width:48px;text-align:center;}.shot-hint{font-size:12px;color:var(--muted);margin:8px 0!important;}.shot-viewport{height:min(55vh,600px);width:100%;overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--soft);border-radius:14px;touch-action:none;cursor:grab;}.shot-viewport:active{cursor:grabbing;}.shot-viewport .shot-hires{max-width:100%!important;max-height:100%!important;width:auto!important;height:auto!important;object-fit:contain;flex-shrink:0;transform-origin:center;user-select:none;}.shot-back{margin-top:14px;} /* Settlement applications use compact rows, keeping nested order details intact. */ #app.dispatch-live .live-settlement-rows{overflow-x:auto;margin:12px 0 0;border-top:1px solid var(--line);} #app.dispatch-live .live-settlement-rows>table{display:table;width:100%;min-width:1000px;border-collapse:collapse;} #app.dispatch-live .live-settlement-rows>table>thead{display:table-header-group;position:static;clip-path:none;width:auto;height:auto;} #app.dispatch-live .live-settlement-rows>table>tbody{display:table-row-group;} #app.dispatch-live .live-settlement-rows>table>tbody>tr{display:table-row;background:var(--surface);} #app.dispatch-live .live-settlement-rows>table>tbody>tr:hover{background:var(--soft);} #app.dispatch-live .live-settlement-rows>table>thead>tr>th{padding:14px 20px;text-align:left;font-size:12px;white-space:nowrap;} #app.dispatch-live .live-settlement-rows>table>tbody>tr>td{display:table-cell;padding:16px 20px!important;border-bottom:1px solid var(--line);vertical-align:middle;font-size:13px;} #app.dispatch-live .live-settlement-rows>table>tbody>tr>td:before{display:none;} #app.dispatch-live .live-settlement-rows>table>tbody>tr>td:first-child{font-weight:600;white-space:nowrap;} #app.dispatch-live .live-settlement-rows>table>tbody>tr>td:nth-child(4){font-size:17px;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--ink);} #app.dispatch-live .live-settlement-rows>table>tbody>tr>td:nth-child(6){max-width:240px;overflow-wrap:anywhere;} #app.dispatch-live .live-settlement-rows td .ws-table-actions{display:flex;gap:8px;flex-wrap:wrap;} #app.dispatch-live .live-settlement-rows td small{display:block;margin-top:5px;font-size:11px;font-weight:400;} /* Native option popups need opaque colors; transparent glass inherits unreadable text. */ body:has(.next-glass) #modal select option,body:has(.next-glass) #modal select optgroup{background:#252239!important;color:#F2EFF8!important;} body:has(.next-glass) #modal select option:checked{background:#514365!important;color:#fff!important;} #app.dispatch-live .badge[data-settlement-status="review"]{background:#FFF1DD!important;color:#8D4D0B!important;border:1px solid #EDCD9D!important;} #app.dispatch-live .badge[data-settlement-status="pending"]{background:#E6EFFC!important;color:#245490!important;border:1px solid #B8CDEE!important;} #app.dispatch-live .badge[data-settlement-status="paid"]{background:#E5F3E9!important;color:#27613B!important;border:1px solid #B3D9BF!important;} #app.dispatch-live .badge[data-settlement-status="rejected"]{background:#FAE8E7!important;color:#983A38!important;border:1px solid #E9BCB9!important;} :root:is([data-theme="pink"],[data-theme="amber"],[data-theme="night"]) #app.dispatch-live .badge[data-settlement-status="review"]{background:#493A27!important;color:#EFC88B!important;border-color:#735C38!important;} :root:is([data-theme="pink"],[data-theme="amber"],[data-theme="night"]) #app.dispatch-live .badge[data-settlement-status="pending"]{background:#293D52!important;color:#B0CEF4!important;border-color:#486482!important;} :root:is([data-theme="pink"],[data-theme="amber"],[data-theme="night"]) #app.dispatch-live .badge[data-settlement-status="paid"]{background:#2C4435!important;color:#B4DEC1!important;border-color:#496D55!important;} :root:is([data-theme="pink"],[data-theme="amber"],[data-theme="night"]) #app.dispatch-live .badge[data-settlement-status="rejected"]{background:#4D3033!important;color:#F0B8B6!important;border-color:#795053!important;} #app.dispatch-live .date-filter label:has([data-order-party]){min-width:180px;max-width:280px;flex:1 1 180px;} #app.dispatch-live .date-filter select[data-order-party]{width:100%;height:44px;background:var(--surface);color:var(--ink);border:1px solid var(--line);padding:8px 12px;} #app.dispatch-live select[data-order-party] option{background:var(--surface);color:var(--ink);} /* Phone order layout: keep desktop order tables unchanged. */ @media(max-width:760px){ #app.dispatch-live .hmo-list{display:flex;flex-direction:column;gap:14px;width:100%;min-width:0;box-sizing:border-box;padding:0} #app.dispatch-live .hmo-order{display:block!important;padding:16px!important;margin:0!important;min-width:0!important;width:100%!important;box-sizing:border-box;border:1px solid var(--line,#e6e2ed)!important;border-radius:16px!important;background:var(--surface,#fff)!important;box-shadow:none!important;color:var(--ink,#292630)} #app.dispatch-live .hmo-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px} #app.dispatch-live .hmo-number{min-width:0;overflow-wrap:anywhere;font-size:12px;line-height:1.6;color:var(--muted,#77717f);font-weight:500;letter-spacing:.1px} #app.dispatch-live .hmo-top .badge{flex-shrink:0;font-size:11px!important;line-height:1.5;padding:4px 8px!important;white-space:nowrap!important;border-radius:7px!important} #app.dispatch-live .hmo-game{font-size:17px!important;font-weight:650;line-height:1.6;margin:13px 0 4px;color:var(--ink)} #app.dispatch-live .hmo-description{font-size:13px!important;line-height:1.65!important;margin:0 0 12px!important;color:var(--muted);overflow-wrap:anywhere;white-space:normal} #app.dispatch-live .hmo-info{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 20px;margin-top:14px;padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)} #app.dispatch-live .hmo-info>div{display:flex;flex-direction:column;align-items:flex-start;gap:5px;min-width:0} #app.dispatch-live .hmo-info span{font-size:11px;color:var(--muted);line-height:1.5} #app.dispatch-live .hmo-info strong{font-size:14px;font-weight:550;line-height:1.55;overflow-wrap:anywhere;white-space:normal} #app.dispatch-live .hmo-info .hmo-income{color:var(--accent);font-size:17px;font-variant-numeric:tabular-nums} #app.dispatch-live .hmo-date{margin:11px 0 0;font-size:11px!important;color:var(--muted);line-height:1.6} #app.dispatch-live .hmo-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px} #app.dispatch-live .hmo-actions button{flex:1 1 120px;min-width:0!important;min-height:44px!important;white-space:normal!important;box-sizing:border-box;padding:10px 12px!important;margin:0!important;border-radius:10px!important;font-size:13px!important;font-weight:550!important;line-height:1.5!important} #app.dispatch-live .hmo-actions button:first-child{background:var(--accent)!important;color:#fff!important;border:1px solid var(--accent)!important} #app.dispatch-live .hmo-actions>span{font-size:12px;align-self:center;color:var(--muted)} #app.dispatch-live .ws-order-panel>.toolbar{flex-wrap:wrap!important;gap:10px!important} #app.dispatch-live .ws-order-panel .ws-search{width:100%;min-width:0} #app.dispatch-live .ws-order-panel:has(.hmo-list){min-width:0;overflow:visible} } @media(max-width:760px){#app.dispatch-live .hmo-order .hmo-game{display:flex!important;align-items:center;gap:10px!important;min-width:0}#app.dispatch-live .hmo-game>.live-game-logo{flex:0 0 34px;width:34px;height:34px;border-radius:9px}#app.dispatch-live .hmo-game>.live-game-logo img{width:27px;height:27px}#app.dispatch-live .hmo-game>.live-game-logo svg{width:23px;height:25px}#app.dispatch-live .hmo-game>span:last-child{min-width:0;overflow-wrap:anywhere}} /* Phone finance follows the order workspace: readable amounts, stacked records, original actions. */ @media(max-width:760px){ #app.dispatch-live .main-content.hfp{min-width:0!important;max-width:100%!important;box-sizing:border-box} #app.dispatch-live .main-content.hfp .panel{padding:16px!important;border-radius:16px!important;min-width:0!important;max-width:100%!important;box-sizing:border-box;overflow:visible} #app.dispatch-live .main-content.hfp .section-head{display:flex!important;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px} #app.dispatch-live .main-content.hfp .section-head h3{font-size:17px!important;line-height:1.5!important;margin:0} #app.dispatch-live .main-content.hfp .section-head p,#app.dispatch-live .main-content.hfp .form-note{font-size:12px!important;line-height:1.75!important;white-space:normal;overflow-wrap:anywhere} #app.dispatch-live .main-content.hfp :is(.metrics,.grid,.ws-summary){display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;min-width:0!important} #app.dispatch-live .main-content.hfp .grid:has(.settings-card){grid-template-columns:1fr!important} #app.dispatch-live .main-content.hfp .metrics article{padding:14px!important;gap:7px!important;min-width:0!important} #app.dispatch-live .main-content.hfp .metrics h2{font-size:23px!important;font-variant-numeric:tabular-nums;line-height:1.4!important;overflow-wrap:anywhere} #app.dispatch-live .main-content.hfp .ws-summary-item{padding:12px!important;min-width:0!important;gap:8px!important} #app.dispatch-live .main-content.hfp .ws-summary-item strong{font-size:20px!important;line-height:1.5;overflow-wrap:anywhere;font-variant-numeric:tabular-nums} #app.dispatch-live .main-content.hfp .ws-summary-item small{font-size:12px!important} #app.dispatch-live .main-content.hfp .ws-summary-item p{font-size:11px!important;line-height:1.6} #app.dispatch-live .main-content.hfp .ledger-totals{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;margin:16px 0!important} #app.dispatch-live .main-content.hfp .ledger-totals>span{display:flex;flex-direction:column;gap:7px;padding:13px!important;background:var(--soft);border-radius:12px;min-width:0;box-sizing:border-box;font-size:12px!important;color:var(--muted)} #app.dispatch-live .main-content.hfp .ledger-totals>span strong{font-size:21px!important;line-height:1.5;color:var(--ink);font-variant-numeric:tabular-nums;overflow-wrap:anywhere} #app.dispatch-live .main-content.hfp .ledger-totals>span:last-child{grid-column:1/-1;flex-direction:row;align-items:center;justify-content:space-between} #app.dispatch-live .main-content.hfp :is(.date-filter,#ledger-filter){display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;width:100%;min-width:0;box-sizing:border-box} #app.dispatch-live .main-content.hfp :is(.date-filter,#ledger-filter)>:is(p,.quick-dates){grid-column:1/-1} #app.dispatch-live .main-content.hfp :is(.date-filter,#ledger-filter) label{min-width:0!important;max-width:100%!important;font-size:12px;gap:7px} #app.dispatch-live .main-content.hfp :is(.date-filter,#ledger-filter) input{width:100%!important;min-width:0!important;max-width:100%;height:44px;box-sizing:border-box;font-size:14px!important;padding:8px!important} #app.dispatch-live .main-content.hfp button{min-height:44px;white-space:normal;line-height:1.5} #app.dispatch-live .main-content.hfp .settings-card{padding:0!important;min-width:0!important} #app.dispatch-live .main-content.hfp .hfp-application h2{font-size:30px!important;line-height:1.4!important;margin:12px 0 18px;color:var(--ink);font-variant-numeric:tabular-nums} #app.dispatch-live .main-content.hfp .hfp-application>p{font-size:13px;line-height:1.7;margin:9px 0;overflow-wrap:anywhere} #app.dispatch-live .main-content.hfp .hfp-application>p strong{font-size:17px;font-variant-numeric:tabular-nums} #app.dispatch-live .main-content.hfp .hfp-application>p.form-note{padding:10px 12px;background:var(--soft);border-radius:9px} #app.dispatch-live .main-content.hfp .hfp-application>button{width:100%!important;min-height:44px!important;margin-top:14px} #app.dispatch-live .main-content.hfp :is(.table-wrap,.live-settlement-rows){overflow:visible!important;min-width:0!important;width:100%!important;border:0!important;background:transparent!important} #app.dispatch-live .main-content.hfp table.hfp-records{display:block!important;width:100%!important;min-width:0!important;max-width:100%!important;border:0!important;background:transparent!important} #app.dispatch-live .main-content.hfp table.hfp-records thead{display:none!important} #app.dispatch-live .main-content.hfp table.hfp-records tbody{display:flex!important;flex-direction:column!important;gap:12px!important;width:100%!important;padding:0!important;min-width:0!important} #app.dispatch-live .main-content.hfp table.hfp-records tbody tr{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px 18px!important;width:100%!important;min-width:0!important;padding:16px!important;margin:0!important;border:1px solid var(--line)!important;border-radius:14px!important;background:var(--surface)!important;box-shadow:none!important;transform:none!important;box-sizing:border-box} #app.dispatch-live .main-content.hfp table.hfp-records tbody td{display:block!important;position:static!important;width:auto!important;min-width:0!important;max-width:100%!important;padding:0!important;margin:0!important;border:0!important;white-space:normal!important;word-break:normal!important;overflow-wrap:anywhere!important;text-align:left!important;font-size:14px!important;line-height:1.6!important;color:var(--ink)!important;box-sizing:border-box} #app.dispatch-live .main-content.hfp table.hfp-records tbody td:before{content:attr(data-phone-label)!important;display:block!important;position:static!important;font-size:11px!important;color:var(--muted)!important;font-weight:400!important;margin:0 0 5px!important;line-height:1.5!important} #app.dispatch-live .main-content.hfp table.hfp-records tbody td small{display:block!important;font-size:12px!important;line-height:1.6!important;margin-top:5px;overflow-wrap:anywhere} #app.dispatch-live .main-content.hfp.hfp-finance table.hfp-records td:nth-child(3),#app.dispatch-live .main-content.hfp.hfp-settlements table.hfp-records td:first-child,#app.dispatch-live .main-content.hfp.hfp-tenant table.hfp-records td:nth-child(2){grid-column:1/-1} #app.dispatch-live .main-content.hfp.hfp-tenant table.hfp-records td:nth-child(3){grid-column:auto} #app.dispatch-live .main-content.hfp.hfp-main.hfp-finance table.hfp-records td:nth-child(6),#app.dispatch-live .main-content.hfp.hfp-tenant table.hfp-records td:nth-child(5),#app.dispatch-live .main-content.hfp.hfp-settlements table.hfp-records td:nth-child(4){font-size:21px!important;font-weight:600!important;color:var(--accent)!important;font-variant-numeric:tabular-nums} #app.dispatch-live .main-content.hfp.hfp-settlements table.hfp-records td:last-child{grid-column:1/-1} #app.dispatch-live .main-content.hfp table.hfp-records td.hfp-empty{grid-column:1/-1;text-align:center!important;padding:16px 0!important;color:var(--muted)!important} #app.dispatch-live .main-content.hfp table.hfp-records td.hfp-empty:before{display:none!important} #app.dispatch-live .main-content.hfp .badge{white-space:nowrap!important;font-size:12px!important} #app.dispatch-live .main-content.hfp .ws-settlement-tabs{display:flex!important;flex-wrap:wrap!important;gap:6px!important} } @media(max-width:760px){#app.dispatch-live .main-content.hfp table.hfp-records tbody tr[hidden]{display:none!important}} @media(min-width:761px){ #app.dispatch-live .main-content .dsp-grid{display:grid!important;grid-template-columns:minmax(0,1fr)!important;align-items:start!important;gap:16px!important} #app.dispatch-live .main-content .dsp-grid>.dsp-payee{grid-column:1/-1;min-height:0!important;height:auto!important;padding:20px 24px!important} #app.dispatch-live .dsp-payee .settings-card{display:flex!important;align-items:center!important;gap:16px 28px;flex-wrap:wrap;padding:0!important;min-height:0!important} #app.dispatch-live .dsp-payee h3,#app.dispatch-live .dsp-payee p{margin:0!important;line-height:1.6} #app.dispatch-live .dsp-payee .actions{margin:0 0 0 auto!important;display:flex;gap:10px} #app.dispatch-live .main-content .dsp-application{height:auto!important;min-height:0!important;padding:24px!important} #app.dispatch-live .dsp-application .settings-card{display:grid!important;grid-template-columns:minmax(180px,.65fr) minmax(0,1.35fr)!important;gap:24px!important;padding:0!important;align-items:start} #app.dispatch-live .dsp-amount h3{font-size:15px!important;line-height:1.6;margin:0 0 14px!important} #app.dispatch-live .dsp-amount h2{font-size:34px!important;line-height:1.3;margin:0 0 20px!important;font-variant-numeric:tabular-nums} #app.dispatch-live .dsp-amount p{font-size:13px!important;line-height:1.7;margin:7px 0!important} #app.dispatch-live .dsp-details{min-width:0;border-left:1px solid var(--line);padding-left:24px} #app.dispatch-live .dsp-details p{margin:0 0 12px!important;line-height:1.7!important} #app.dispatch-live .dsp-details button{min-height:40px;margin-top:2px} } @media(min-width:761px) and (max-width:1100px){#app.dispatch-live .dsp-application .settings-card{grid-template-columns:1fr!important}#app.dispatch-live .dsp-details{border-left:0;border-top:1px solid var(--line);padding-left:0;padding-top:18px}} @media(min-width:1101px){#app.dispatch-live .main-content .dsp-grid.dsp-dual{grid-template-columns:repeat(2,minmax(0,1fr))!important}} /* Reference dispatch dialog: existing business form, focused two-column composition. */ body #modal.hdf{width:min(1120px,calc(100vw - 36px))!important;max-width:1120px!important;max-height:calc(100dvh - 36px)!important;padding:0!important;overflow:hidden!important;border-radius:22px!important;box-sizing:border-box;background:var(--surface,#fff)!important;color:var(--ink,#201b32);zoom:1!important} body #modal.hdf>.section-head{display:block!important;position:relative!important;padding:24px 30px 18px!important;margin:0!important;border-bottom:1px solid var(--line);background:var(--surface)!important;border-radius:0!important} body #modal.hdf>.section-head h2{font-size:22px!important;line-height:1.5!important;padding-right:40px;margin:0!important;font-weight:650!important} body #modal.hdf .hdf-subtitle{font-size:12px!important;line-height:1.7;margin:4px 0 0!important;color:var(--muted)} body #modal.hdf>.section-head .close{position:absolute!important;right:24px;top:25px;width:32px!important;height:32px!important;min-height:32px!important;padding:0!important;background:transparent!important;border:0!important;color:var(--muted)!important} body #modal.hdf #of2{display:flex!important;flex-direction:column!important;padding:0!important;margin:0!important;gap:0!important;background:var(--surface)!important;max-height:calc(100dvh - 142px);overflow:hidden!important} body #modal.hdf #of2>.hdf-body{display:grid!important;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr)!important;gap:28px!important;padding:24px 28px!important;overflow-y:auto!important;overscroll-behavior:contain;min-height:0!important;align-items:start} body #modal.hdf .hdf-left,body #modal.hdf .hdf-right{min-width:0!important} body #modal.hdf .hdf-left h3,body #modal.hdf .hdf-right h3{font-size:13px!important;line-height:1.5;margin:0 0 18px!important;color:var(--ink)} body #modal.hdf h3>span{font-size:11px;color:var(--accent);letter-spacing:1px;margin-right:10px} body #modal.hdf .hdf-fields,body #modal.hdf .hdf-advanced-fields{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px!important} body #modal.hdf #of2 label{display:flex!important;flex-direction:column!important;gap:7px!important;min-width:0!important;font-size:12px!important;line-height:1.5;margin:0!important;padding:0!important;color:var(--muted)!important;border:0!important} body #modal.hdf #of2 :is(input:not([type=checkbox]),select){display:block;width:100%!important;min-width:0!important;height:42px!important;min-height:42px!important;border:1px solid var(--line)!important;border-radius:10px!important;padding:9px 11px!important;margin:0!important;box-sizing:border-box;background:var(--surface)!important;color:var(--ink)!important;font-size:13px!important;box-shadow:none!important} body #modal.hdf #of2 :is(input,select):focus{outline:2px solid color-mix(in srgb,var(--accent) 32%,transparent)!important;outline-offset:1px;border-color:var(--accent)!important} body #modal.hdf .hdf-wide{grid-column:1/-1} body #modal.hdf .hdf-advanced{margin-top:20px;border-top:1px solid var(--line);padding-top:14px} body #modal.hdf .hdf-advanced summary{cursor:pointer;font-size:12px;color:var(--ink);line-height:1.7} body #modal.hdf .hdf-advanced summary>span{display:block;font-size:11px;color:var(--muted);margin-top:2px} body #modal.hdf .hdf-advanced-fields{margin-top:16px} body #modal.hdf #of2-special-box,body #modal.hdf #of2-special-opt{grid-column:1/-1} body #modal.hdf #of2 .check-pill{display:flex!important;flex-direction:row!important;align-items:center;gap:8px!important} body #modal.hdf .hdf-right{padding:20px;background:var(--soft)!important;border:1px solid var(--line);border-radius:18px} body #modal.hdf .hdf-side-heading{display:flex;justify-content:space-between;gap:10px;align-items:baseline} body #modal.hdf .hdf-side-heading small{font-size:11px;color:var(--accent);white-space:nowrap} body #modal.hdf #of2-player-box>label{font-size:0!important;gap:0!important} body #modal.hdf #of2-player-search{font-size:13px!important;background:var(--surface)!important} body #modal.hdf #of2 .hdf-native-select{position:absolute!important;width:1px!important;height:1px!important;min-height:0!important;clip-path:inset(50%)!important;overflow:hidden!important;opacity:0;pointer-events:none} body #modal.hdf .hdf-players{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;max-height:228px;overflow:auto;overscroll-behavior:contain;margin:12px 0 18px;padding:2px} body #modal.hdf .hdf-player{display:flex!important;align-items:center;gap:8px!important;min-width:0!important;min-height:62px!important;padding:10px!important;margin:0!important;text-align:left!important;border:1px solid var(--line)!important;border-radius:12px!important;background:var(--surface)!important;box-shadow:none!important;color:var(--ink)!important;cursor:pointer;transition:border-color .15s,background .15s} body #modal.hdf .hdf-player.is-selected{border-color:var(--accent)!important;background:color-mix(in srgb,var(--accent) 9%,var(--surface))!important} body #modal.hdf .hdf-player:focus-visible{outline:2px solid var(--accent);outline-offset:2px} body #modal.hdf .hdf-check{flex:0 0 13px;height:13px;border:1px solid var(--muted);border-radius:3px;text-align:center;font-size:10px;line-height:13px;color:var(--accent)} body #modal.hdf .hdf-avatar{display:grid;place-items:center;flex:0 0 27px;height:27px;border-radius:50%;background:var(--soft);color:var(--accent);font-size:12px;font-weight:600} body #modal.hdf .hdf-person{display:flex;flex-direction:column;gap:4px;min-width:0} body #modal.hdf .hdf-person strong{font-size:12px;color:var(--ink);font-weight:600} body #modal.hdf .hdf-person small{font-size:10px!important;line-height:1.5;color:var(--muted);white-space:normal;overflow-wrap:anywhere} body #modal.hdf .hdf-empty{font-size:12px;color:var(--muted);grid-column:1/-1;padding:12px 0} body #modal.hdf .hdf-preview{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:16px;margin-top:16px} body #modal.hdf .hdf-preview-head{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px} body #modal.hdf .hdf-preview-head>span{font-size:10px;color:var(--accent);background:var(--soft);padding:3px 7px;border-radius:6px} body #modal.hdf .hdf-preview-total{font-size:12px;color:var(--muted);margin:14px 0} body #modal.hdf .hdf-split{display:grid;grid-template-columns:1fr 1fr;gap:14px} body #modal.hdf .hdf-split>div{display:flex;flex-direction:column;gap:6px;min-width:0} body #modal.hdf .hdf-split span{font-size:11px;color:var(--muted)} body #modal.hdf .hdf-split strong{font-size:21px;line-height:1.5;font-variant-numeric:tabular-nums;color:var(--accent)} body #modal.hdf .hdf-preview h4{font-size:19px;color:var(--accent);margin:16px 0} body #modal.hdf .hdf-preview>p{margin:16px 0 0;padding-top:13px;border-top:1px dashed var(--line);font-size:11px;line-height:1.8;color:var(--muted)} body #modal.hdf #of2>.hdf-footer{display:flex!important;flex-shrink:0!important;align-items:center;gap:10px!important;margin:0!important;padding:16px 28px!important;border-top:1px solid var(--line);background:var(--surface)!important;border-radius:0!important} body #modal.hdf .hdf-footer-note{margin-right:auto;font-size:11px;color:var(--muted)} body #modal.hdf .hdf-footer>button{min-height:44px!important;padding:10px 22px!important;border-radius:11px!important;font-size:13px!important;margin:0!important} body #modal.hdf #of2 [hidden]{display:none!important} @media(max-width:760px){body #modal.hdf{width:calc(100vw - 20px)!important;max-height:calc(100dvh - 20px)!important;border-radius:17px!important}body #modal.hdf>.section-head{padding:18px!important}body #modal.hdf>.section-head h2{font-size:18px!important}body #modal.hdf #of2{max-height:calc(100dvh - 120px)}body #modal.hdf #of2>.hdf-body{grid-template-columns:1fr!important;gap:22px!important;padding:18px!important}body #modal.hdf .hdf-right{padding:16px}body #modal.hdf #of2>.hdf-footer{padding:12px 18px!important}body #modal.hdf .hdf-footer-note{display:none}body #modal.hdf .hdf-footer>button{flex:1;padding:10px!important}body #modal.hdf .hdf-person small{font-size:10px!important}} @media(max-width:360px){body #modal.hdf .hdf-fields{grid-template-columns:1fr}body #modal.hdf .hdf-players{grid-template-columns:1fr}}