/* Full-width order register with independent document and receipt windows. */
.main:has(.order-page.active){max-width:none}
.order-page>.viplink-grid{gap:10px;margin-bottom:12px}
.order-page>.viplink-grid .viplink-kpi{padding:10px 16px}
.order-inbox{min-width:0}
.order-queue-head{padding:6px 0;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid var(--line-gold)}
.order-queue-head strong{color:var(--gold);font-size:12px}
.order-list-scroll{min-width:0}
.order-list{width:100%;table-layout:fixed;border-collapse:separate;border-spacing:0;font-size:11px;text-align:left}
.order-list th{position:sticky;top:0;z-index:2;padding:8px 6px;background:#23221f;color:#c9bc9e;font-size:9px;font-weight:750;letter-spacing:.06em;text-transform:uppercase;overflow-wrap:anywhere;border-bottom:1px solid var(--line-gold)}
.order-list td{padding:8px 6px;border-bottom:1px solid var(--line);vertical-align:middle;overflow-wrap:anywhere;line-height:1.45}
.order-row{--order-color:#85bafd;cursor:pointer}
.order-row.withdraw{--order-color:#f2969d}
.order-row td:first-child{border-left:3px solid var(--order-color)}
.order-row:hover td{background:#24252a}
.order-row.selected td{background:#2b2821;border-bottom-color:#8b7548}
.order-row td>.note,.order-row td>time,.order-row td>span:not(.order-type):not(.viplink-pill){display:block}
.order-row .note{font-size:10px;color:#a79f91}
.order-code-cell{min-width:0}
.order-list th:first-child{left:0;z-index:3}
.order-code-link{padding:0;color:var(--gold-hi);font:inherit;font-weight:750;text-align:left;background:none;border:0;cursor:pointer;overflow-wrap:anywhere}
.order-verified{margin-top:3px;color:var(--gold);font-size:8px;letter-spacing:.08em;font-weight:750}
.order-type{display:inline-flex;color:var(--order-color);background:rgba(116,174,239,.08);border:1px solid #3a5878;font-size:9px;font-weight:800;letter-spacing:.05em;padding:4px 7px;border-radius:5px;white-space:nowrap}
.withdraw .order-type{background:rgba(235,128,139,.07);border-color:#76434b}
.order-unhandled{font-size:9px;color:var(--gold);margin-top:3px}
.order-list .viplink-pill{white-space:normal;overflow-wrap:anywhere}
.order-list .order-amount{font-size:14px;font-weight:750;color:#f0e5ce;font-variant-numeric:tabular-nums;white-space:nowrap}
.order-bonus-cell{min-width:0;font-size:10px}
.order-list .rcpt-thumb{width:34px;height:34px;border-radius:5px}
.order-open-cell{width:150px;text-align:center}
.order-list th:last-child{right:0;z-index:3;border-left:1px solid var(--line-gold)}
.order-open-cell .btn{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;font-size:10px;padding:7px 10px}
.order-list-scroll:focus-visible,.order-code-link:focus-visible{outline:2px solid var(--gold);outline-offset:-2px}
.order-document-layer[hidden]{display:none}
.order-document-layer{position:fixed;inset:0;z-index:65;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(5,6,8,.62)}
.order-workspace{display:flex;flex-direction:column;width:min(940px,100%);max-height:calc(100dvh - 40px);min-width:0;border:1px solid #75613c;border-radius:14px;background:#16171b;box-shadow:0 28px 90px rgba(0,0,0,.65);overflow:hidden}
.order-workspace-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 18px;background:linear-gradient(110deg,#2c281f,#1c1d21);border-bottom:1px solid var(--line-gold);flex-shrink:0}
.order-workspace-head>div{min-width:0}
.order-workspace-head strong{display:block;font-size:15px;color:var(--gold-hi);overflow-wrap:anywhere}
.order-document-kicker{display:block;font-size:8px;letter-spacing:.16em;color:#b7aa8d;margin-bottom:4px}
.order-document-nav{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 18px;border-bottom:1px solid var(--line);flex-shrink:0}
.order-document-nav .btn{font-size:10px;padding:6px 9px}
#omDetailBody{padding:12px 18px;overflow:auto;min-height:0;overscroll-behavior:contain;scrollbar-gutter:stable}
/* Embedded Member View shares the order document's vertical scroll area.
   Its standalone scroll containment would otherwise trap wheel/touch input. */
#omDetailBody #playerContent{overflow:visible;overscroll-behavior:auto;scrollbar-gutter:auto}
#omDetailBody .order-history{max-height:none;overflow:visible;overscroll-behavior:auto}
#omDetailBody :is(.table-wrap,.player-tabs){overscroll-behavior-y:auto}
#omDetailBody .order-detail-facts{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
#omDetailBody .order-fact{padding:6px 0;border:0;border-bottom:1px solid var(--line);border-radius:0;background:none;min-width:0}
#omDetailBody .order-fact strong{font-size:11px}
#omMemberAmount,#omBonus,#omBonus .order-bonus-amount{display:inline;margin:0;font:inherit;letter-spacing:normal;text-transform:none}
#omMemberAmount{color:#78b7ff}
#omBonus{color:inherit}
#omBonus .order-bonus-amount{color:#79d9a5;white-space:nowrap}
#omBonus .order-bonus-pending{color:var(--muted);font-size:9px;font-weight:400;white-space:nowrap}
#omDetailBody #omGameCredit strong{color:var(--gold-hi);font-size:13px;font-weight:700}
#omDetailBody .order-tabs{position:static;background:transparent;padding:7px 0 0}
#omDetailBody .order-customer-sections{padding-top:0}
#omDetailBody .order-customer-sections summary{font-size:10px}
#omDetailBody .order-actions{display:flex;gap:8px;margin-top:8px!important}
#omDetailBody .order-actions .btn{min-width:92px;flex:1;max-width:160px}
#omDetailBody .btn:disabled{opacity:.4;cursor:not-allowed}
#omDetailBody .viplink-form-grid{grid-template-columns:1fr 1fr;gap:8px}
#omDetailBody .viplink-form-grid .field.full{grid-column:auto}
#omDetailBody .viplink-form-grid .field:only-child{grid-column:1/-1}
#omDetailBody input,#omDetailBody select,#omDetailBody textarea{min-width:0;max-width:100%}
#omDetailBody .order-payment{padding:8px 10px;gap:5px;border-radius:8px}
#omDetailBody .order-block-title{margin-bottom:5px}
#omDetailBody .order-expand{padding:7px 0}
#omDetailBody .rcpt-open-row .rcpt-thumb{width:48px;height:42px}
#omDetailBody .order-verification{padding:8px 10px;border:1px solid var(--line-gold);border-radius:8px;background:rgba(201,167,95,.035)}
.order-verification>label{display:flex;align-items:flex-start;gap:8px;margin-top:6px;cursor:pointer}
.order-verification input{accent-color:var(--gold);flex:none;margin-top:2px}
.order-credit-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 13px;border:1px solid var(--line-gold);border-radius:8px;background:#27231a;color:var(--gold-hi)}
.order-credit-summary span{font-size:12px;font-weight:700}
.order-credit-summary small{display:block;margin-top:2px;font-size:9px;color:#b9ab8c}
.order-credit-summary>strong{font-size:22px;font-variant-numeric:tabular-nums}
@media(max-width:900px){.order-page>.viplink-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.order-document-layer{padding:10px}.order-workspace{max-height:calc(100dvh - 20px)}}
@media(max-width:600px){#omDetailBody{padding:10px 12px}#omDetailBody .order-detail-facts{grid-template-columns:repeat(2,minmax(0,1fr))}#omDetailBody .viplink-form-grid{grid-template-columns:minmax(0,1fr)}.order-workspace-head,.order-document-nav{padding:10px 12px}.order-document-nav .note{font-size:9px}.order-credit-summary>strong{font-size:19px}}
body.order-document-open{overflow:hidden}
#omDetailBody{line-height:1.4}
#omDetailBody .order-expand summary{font-size:11px}
#omDetailBody .order-fact strong>.viplink-pill{display:inline-flex;width:max-content;font-size:9px}
#omDetailBody .order-payment>.order-detail-facts{grid-template-columns:repeat(5,minmax(0,1fr))}
#omDetailBody .field>span{font-size:10px;color:var(--muted)}
#omDetailBody .field input,#omDetailBody .field select{height:34px;font-size:11px}
#omDetailBody .order-verification input{width:14px;height:14px;padding:0;margin:2px 0 0;min-width:14px}
@media(max-width:600px){#omDetailBody .order-payment>.order-detail-facts{grid-template-columns:repeat(2,minmax(0,1fr))}}
.order-row{color:var(--text);background:transparent}

.order-list-scroll .empty{padding:22px 12px}

.order-row-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap}
.order-verifier{display:flex;flex-direction:column;min-width:0;max-width:94px;text-align:left;color:var(--gold);font-size:10px;line-height:1.35}
.order-verifier strong{font-size:8px;letter-spacing:.06em}
.order-verifier span{overflow-wrap:anywhere}
.order-row-actions .btn:disabled{opacity:.5;cursor:wait}

/* The single refresh control sits directly below the compact filters. */
.order-page .order-filters{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-end;justify-content:flex-start;margin-bottom:6px}
.order-page .order-filters>.filter-field{flex:0 1 150px;min-width:0}
.order-page .order-filters>.filter-field:has(#omSearch){flex-basis:220px}
.order-page #omRefresh{display:block;width:max-content;margin:0 0 6px;padding:6px 8px;font-size:11px;white-space:nowrap;font-variant-numeric:tabular-nums}
@media(max-width:1200px){
 .order-list,.order-list tbody{display:block;width:100%}
 .order-list thead{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%)}
 .order-list .order-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px 12px;padding:10px 0;border-bottom:1px solid var(--line)}
 .order-list .order-row td{display:block;position:static;min-width:0;max-width:none;width:auto;padding:0;border:0;background:none;white-space:normal}
 .order-list .order-row td::before{content:attr(data-label);display:block;margin-bottom:3px;color:var(--muted);font-size:9px;font-weight:600}
 .order-list .order-row .order-open-cell{grid-column:span 2;text-align:left}
 .order-list .order-row-actions{justify-content:flex-start}
 .order-list .empty{display:block;padding:12px 0}
}
@media(max-width:600px){.order-list .order-row{grid-template-columns:repeat(2,minmax(0,1fr))}}