/* V9.3.28: shared account workflow, readable cost, and responsive layouts. */
:root{--workflow-gold:#e8c991;--workflow-ink:#edf1f6;--workflow-muted:#aebbc9;--workflow-line:#3e4b5b}
.client-history-dialog{width:min(820px,calc(100vw - 28px));max-width:820px!important;border:1px solid #4c586a!important;border-radius:18px!important;background:#242b34!important;padding:26px!important;scrollbar-color:#54667e transparent}.client-history-dialog .dialog-heading{padding-bottom:18px;margin-bottom:18px;border-bottom:1px solid #3e4b5b;gap:15px}.client-history-dialog .dialog-heading>div{min-width:0}.client-history-dialog .dialog-heading h2{font-size:23px;line-height:1.6;overflow-wrap:anywhere}.client-history-dialog .form-eyebrow{color:#e8c991}.client-history-dialog .client-history-row{background:#1d2631;border-color:#42536a;padding:17px;gap:16px}.client-history-dialog .client-history-meta{line-height:1.8}.client-history-dialog .client-history-meta strong{font-size:13px}.client-history-dialog .client-history-actions{flex-wrap:wrap;gap:9px}.client-history-dialog .empty-state{padding:30px 16px}.client-history-dialog .icon-button{flex-shrink:0}@media(max-width:640px){.client-history-dialog{padding:19px 15px!important}.client-history-dialog .dialog-heading h2{font-size:19px}.client-history-dialog .client-history-row{padding:14px;align-items:stretch;flex-direction:column}}
.workflow-section-heading{display:flex;align-items:center;gap:13px;margin:22px 0 17px;padding:15px 17px;border:1px solid #455468;border-radius:13px;background:linear-gradient(110deg,#24303d,#202a34)}
.workflow-section-heading>b{display:grid;place-items:center;flex:0 0 32px;height:32px;background:var(--workflow-gold);border-radius:50%;color:#252b33;font-size:13px}
.workflow-section-heading>div{display:grid;gap:5px;min-width:0}.workflow-section-heading strong{color:var(--workflow-ink);font-size:13px}.workflow-section-heading span{color:var(--workflow-muted);font-size:11px;line-height:1.8}
.account-workflow-dialog{width:min(860px,calc(100vw - 32px));max-width:860px;padding:28px!important;border:1px solid #465160;border-radius:20px;background:#24292f;box-shadow:0 24px 90px #0007}
.account-workflow-dialog .dialog-heading{padding-bottom:19px;border-bottom:1px solid #3b4552;margin-bottom:21px}.account-workflow-dialog .dialog-heading h2{font-size:25px;line-height:1.5}.account-workflow-dialog .form-eyebrow{color:#dfc89e}
.account-workflow-dialog .workflow-section-heading:first-child{margin-top:0}.account-workflow-dialog .editor-fields{gap:17px}.account-workflow-dialog .field{gap:8px;min-width:0}.account-workflow-dialog .field>span{font-size:12px;line-height:1.7}.account-workflow-dialog input,.account-workflow-dialog select,.account-workflow-dialog textarea{border-radius:10px!important;background:#1c2229!important;border-color:#485464!important;color:#e7edf5!important;min-height:44px}.account-workflow-dialog input[type="password"],.account-workflow-dialog input[type="email"],.account-workflow-dialog #edit-date-of-birth,.account-workflow-dialog #edit-backup-codes{direction:ltr;text-align:left}.account-workflow-dialog .account-cost-card{margin:18px 0;background:#202a32;border-color:#4b5865;border-radius:13px}.account-workflow-dialog .dialog-actions{padding-top:20px;border-top:1px solid #3c4755;margin-top:23px}.account-workflow-dialog .dialog-actions .btn{min-height:44px}
#account-detail-layer{padding:22px;background:#090d13b8;backdrop-filter:blur(7px)}
#account-detail-layer .account-drawer.account-document{width:min(1080px,100%);height:min(92vh,1100px);border-radius:20px;background:#24292f;border-color:#46515e}
#account-detail-layer .drawer-header{padding:23px 28px;background:#24292f;border-bottom:1px solid #3e4855;align-items:flex-start}
#account-detail-layer .drawer-header h2{font-size:26px;margin:8px 0;color:#f0f2f6}#account-detail-layer .drawer-header .form-eyebrow{color:#dfc89e;font-size:10px;letter-spacing:.13em}#account-detail-layer .drawer-header .muted{color:#b7c4d3;line-height:1.8}#account-detail-layer .drawer-header .icon-button{background:#2b333e;border-color:#4a586b;color:#cfd8e5;flex:0 0 36px}
#account-detail-layer .drawer-content{padding:0 28px 28px;scrollbar-color:#56667b transparent}#account-detail-layer .detail-info{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}#account-detail-layer .info-row{padding:12px 14px;background:#1c232b;border:1px solid #3b4756;border-radius:11px;min-width:0;gap:8px}#account-detail-layer .info-row span{color:#9eafc2;font-size:10px}#account-detail-layer .info-row strong{font-size:12px;line-height:1.8;overflow-wrap:anywhere}
.account-access-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:16px;align-items:start}#account-detail-layer .account-access-layout>.drawer-section{margin:0;padding:18px;border-radius:13px;background:#1e262f;border:1px solid #3d4959;min-width:0}#account-detail-layer .drawer-section-head{align-items:center;gap:8px;flex-wrap:wrap}#account-detail-layer .drawer-section-head h3{font-size:14px}#account-detail-layer .safe-caption{font-size:9px;letter-spacing:.08em;color:#a5b8cf}#account-detail-layer .drawer-section>.muted{font-size:11px;line-height:1.9;margin:10px 0 16px}#account-detail-layer .paper-fields{gap:10px}#account-detail-layer .paper-field{min-width:0;background:#242e39;border:1px solid #435164;border-radius:10px;padding:13px}#account-detail-layer .paper-field-title{font-size:10px;color:#aabbd0;letter-spacing:.03em}#account-detail-layer .paper-field-value{font-size:13px;overflow-wrap:anywhere;word-break:break-word;line-height:1.9}#account-detail-layer .paper-field-actions{flex-wrap:wrap;gap:6px}
#account-detail-layer .paper-code-grid{grid-template-columns:repeat(auto-fit,minmax(125px,1fr));gap:8px}#account-detail-layer .otp-display{padding:24px 10px;background:#1a2430;border-color:#435a76;border-radius:12px}#account-detail-layer .otp-code{font-size:35px;letter-spacing:.12em;color:#ebcea0}#account-detail-layer .otp-actions{display:flex;flex-wrap:wrap;gap:8px}#account-detail-layer .otp-actions .btn{flex:1;padding:10px 8px;min-height:40px;font-size:11px}
#account-detail-layer .detail-slots{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}#account-detail-layer .slot-row{min-width:0;background:#1e2731;border-color:#425064;border-radius:12px;padding:16px;gap:12px}#account-detail-layer .slot-inline-editor{margin:0}#account-detail-layer .slot-manual-hint{max-width:none;line-height:1.8}#account-detail-layer .slot-row .btn{font-size:11px;min-height:38px}#account-detail-layer .account-game-assignment{background:#202a35;border:1px solid #3f5064;border-radius:11px;margin-top:14px;padding:14px}#account-detail-layer .account-game-assignment p{font-size:11px;line-height:1.8}
.account-workflow-help{margin-top:15px;padding:13px 15px;border:1px solid #3d4a5a;border-radius:10px;color:#acbbcd;font-size:11px;line-height:1.9}.account-workflow-help summary{cursor:pointer;color:#ccd7e6}.account-workflow-help p{margin:10px 0 0}
.game-purchase-cost,.account-purchase-cost{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px 14px;padding:15px 17px;border:1px solid #52604f;border-radius:12px;background:linear-gradient(110deg,#2a332d,#232c29);color:#b5c4b8;font-size:11px;line-height:1.8;min-width:0}
.game-purchase-cost{margin-top:17px}.account-purchase-cost{margin-top:12px}.game-purchase-cost strong,.account-purchase-cost strong{color:#edce98;font-size:18px;font-weight:700;white-space:nowrap}.game-purchase-cost small,.account-purchase-cost small{grid-column:1/-1;color:#a7b6ac;font-size:10px;line-height:1.8}.cost-caption{align-self:center;color:#c6d1c9;font-size:11px}.game-purchase-cost .btn-mini{justify-self:end}
#games-collection{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:28px 20px;align-items:start}#games-collection>.series-section{margin-bottom:0;min-width:0}#games-collection>.series-expanded,#games-collection>.search-result-section,#games-collection>.empty-state{grid-column:1/-1}#page-games .game-grid{gap:18px;grid-template-columns:repeat(auto-fit,minmax(min(100%,285px),1fr))}#page-games .game-card{padding:23px;border:1px solid #3d4857;border-radius:17px;background:linear-gradient(145deg,#28313c,#222932);box-shadow:0 8px 22px #10151b20}#page-games .game-title{line-height:1.5;font-size:18px}#page-games .game-subtitle{margin-top:5px;color:#a8bbd0}#page-games .game-monogram{border-radius:13px;background:#343f50;color:#e5c894;border-color:#536076}#page-games .card-foot{flex-wrap:wrap;gap:10px;padding-top:15px;margin-top:17px}#page-games .game-delete-row{margin-top:11px}#page-games .btn-delete-empty-game:disabled{opacity:.5}
.instant-directory-controls{align-items:flex-end;gap:15px!important}.instant-directory-controls .search-field{flex:1;min-width:0}.instant-balance-choice{min-width:215px;margin:0}.instant-balance-choice>span{font-size:10px;color:#aebed2}.instant-balance-choice select{min-height:44px;border:1px solid #49596e;border-radius:11px;background:#202a36;color:#e2e9f4;padding:10px 13px}.instant-directory-controls .search-field input{min-height:44px}
.cr-dialog-card{background:#24292f!important;border:1px solid #485361!important;border-radius:20px!important;padding:27px!important}.cr-dialog-card .dialog-heading{margin-bottom:22px;padding-bottom:18px;border-bottom:1px solid #3d4856}.cr-dialog-card .dialog-heading h2{font-size:25px!important;line-height:1.5}.cr-dialog-card .form-eyebrow{color:#dfc89e}.cr-dialog-card .cr-form-step{padding:16px}.cr-dialog-card .cr-form-step span{font-size:11px;line-height:1.9}.cr-dialog-card .editor-fields{gap:17px}.cr-dialog-card .field{min-width:0;margin-bottom:8px}.cr-dialog-card .field>span{font-size:12px}.cr-dialog-card input,.cr-dialog-card select,.cr-dialog-card textarea{background:#1c232b!important;min-height:44px;border-radius:10px!important;border-color:#4a5667!important}.cr-dialog-card .field small{line-height:1.9}.cr-dialog-card form>.btn{min-height:44px;margin-top:20px}.cr-dialog-card #cr-meta-save{float:none;display:block;margin-inline-start:auto}.cr-screen-help{padding:12px 15px;margin-bottom:17px;border:1px dashed #4b5d72;border-radius:11px;color:#b8c8dc;font-size:11px;line-height:1.9}.cr-screen-help strong{color:#e6c994}.cr-game-choice{grid-column:1/-1}.cr-game-choice select{margin-top:8px}.cr-master-preview{display:flex;gap:10px;align-items:center;border:1px solid #4b5d72;background:#23303d;padding:13px 15px;border-radius:11px;margin-bottom:18px;color:#c9d5e4;font-size:11px;line-height:1.8}.cr-master-preview:empty{display:none}
@media(max-width:900px){.account-access-layout{grid-template-columns:1fr}#account-detail-layer .account-access-layout>.drawer-section:last-child{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:center}#account-detail-layer .account-access-layout>.drawer-section:last-child .drawer-section-head{grid-column:1/-1}#account-detail-layer .otp-display{grid-row:span 2}.game-purchase-cost{grid-template-columns:1fr}.game-purchase-cost strong{font-size:19px}}
@media(max-width:640px){#account-detail-layer{padding:10px}#account-detail-layer .account-drawer.account-document{width:100%;height:94dvh;border-radius:16px}#account-detail-layer .drawer-header{padding:19px 17px}#account-detail-layer .drawer-content{padding:0 16px 24px}#account-detail-layer .detail-info{grid-template-columns:1fr 1fr}#account-detail-layer .detail-slots{grid-template-columns:1fr}#account-detail-layer .account-access-layout>.drawer-section:last-child{display:block}#account-detail-layer .paper-fields{grid-template-columns:1fr}#account-detail-layer .drawer-controls{gap:8px;flex-wrap:wrap}#account-detail-layer .drawer-controls .btn{flex:1 1 100%;min-height:40px;font-size:11px}.account-workflow-dialog{padding:20px 16px!important;width:100%}.account-workflow-dialog .two-cols{grid-template-columns:1fr}.workflow-section-heading{padding:13px;gap:10px}.workflow-section-heading span{font-size:10px}.instant-directory-controls{flex-direction:column;align-items:stretch!important}.instant-balance-choice{min-width:0;width:100%}.cr-dialog-card{padding:20px 17px!important}.cr-dialog-card .dialog-heading h2{font-size:22px!important}.cr-game-choice{grid-column:auto}.account-purchase-cost{grid-template-columns:1fr}.account-purchase-cost strong{font-size:21px}#page-games .game-card{padding:18px}#page-games .game-title{font-size:16px}}