#page-child-requests{--cr-gold:#e7c48b;--cr-line:#394454;--cr-text:#c3cede}
.cr-hero{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:30px;border:1px solid #455063;border-radius:22px;margin-bottom:22px;background:radial-gradient(ellipse at top left,#50627c30,transparent 70%),linear-gradient(120deg,#252e3b,#1b222c)}
.cr-hero h2{font-size:32px;letter-spacing:-.025em;margin:9px 0;color:#f2f5f9}.cr-hero p{color:#b1bfd0;line-height:1.9}.cr-hero .header-eyebrow{color:var(--cr-gold)}
.cr-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.cr-actions .btn{min-height:40px;font-size:11px}.cr-hero .btn-primary,.cr-card .btn-primary{background:#e7c48b;color:#202631;border-color:#e7c48b}
.cr-toolbar{display:flex;gap:16px;align-items:end;margin:22px 0}.cr-toolbar .search-field{flex:1;min-width:0}.cr-toolbar>.field{width:190px;flex-shrink:0}.cr-toolbar input{width:100%;min-height:44px}.cr-toolbar select{min-height:44px}
.cr-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,380px),1fr));gap:16px}.cr-card{min-width:0;padding:23px;border:1px solid var(--cr-line);border-radius:17px;background:linear-gradient(125deg,#252d39,#202730);box-shadow:0 8px 24px #0b0e141c;display:flex;flex-direction:column;gap:12px}
.cr-card-head{display:flex;align-items:start;justify-content:space-between;gap:12px}.cr-card-head>div{min-width:0}.cr-id{font-size:9px;letter-spacing:.12em;color:#9caec5}.cr-email{font-size:16px;font-weight:650;overflow-wrap:anywhere;text-align:right;color:#f0f4fb;margin:8px 0 0}.cr-status{font-size:10px;white-space:nowrap;border:1px solid #546379;background:#313e51;color:#cedcf2;border-radius:20px;padding:6px 10px}.cr-ready{color:#aad8c0;background:#2b473a;border-color:#436a55}.cr-purchased{color:#e9d1a4;background:#4a4031;border-color:#6e5b3c}.cr-transferred{color:#acd4ee;background:#2c4254;border-color:#45647e}.cr-cancelled{color:#bfc6d0;background:#353a42;border-color:#535b67}
.cr-game{font-size:17px;margin:0;color:#e1e7f0}.cr-master{display:flex;align-items:center;gap:9px;color:#acbdd3;font-size:11px;line-height:1.8}.cr-master svg{width:24px;height:16px}.cr-card p{margin:0;font-size:11px;line-height:1.9;overflow-wrap:anywhere}.cr-notes{color:#b6c4d6;border-right:2px solid #59677b;padding-right:10px}.cr-cost{display:grid;gap:6px;background:#1a212a;border:1px solid #364252;border-radius:10px;padding:12px;font-size:12px;color:#c4cedb}.cr-cost strong{color:#e3c997;font-size:13px;font-weight:600}.cr-card>.cr-actions{margin-top:auto;padding-top:12px;border-top:1px solid #394351}
.cr-dialog-card{max-width:760px!important;width:min(760px,calc(100vw - 28px));max-height:90vh;overflow:auto}.cr-dialog-card form>.btn{margin-top:18px}.cr-dialog-card .field input,.cr-dialog-card .field textarea,.cr-dialog-card .field select{max-width:100%;min-width:0}.cr-dialog-card .field small{font-size:11px;color:#a9b9cf}.cr-secret-note{border:1px solid #3f535f;background:#283d452e;color:#b7ceda;padding:12px 15px;border-radius:10px;font-size:12px;line-height:1.8;margin-bottom:18px}.cr-otp{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:#192431;border:1px solid #3b536c;border-radius:14px;padding:20px;margin:18px 0}.cr-otp>div{display:grid;gap:8px;flex:1}.cr-otp small{font-size:11px;color:#abbdd4}.cr-otp strong{font-family:ui-monospace,monospace;font-size:34px;letter-spacing:.12em;color:#e8d4ac;text-align:right}.cr-otp span{font-size:11px;color:#aebed3}.cr-purchase-summary{background:#202c38;border:1px solid #455365;padding:15px;border-radius:12px;margin-bottom:18px;line-height:1.9;overflow-wrap:anywhere}.cr-dialog-card input:focus-visible,.cr-dialog-card button:focus-visible,#page-child-requests button:focus-visible{outline:2px solid #dfc18f;outline-offset:3px}
@media(max-width:700px){.cr-hero{padding:22px;align-items:start;flex-direction:column}.cr-hero h2{font-size:27px}.cr-toolbar{align-items:stretch;flex-direction:column}.cr-toolbar>.field{width:100%}.cr-card{padding:18px}.cr-card-head{flex-direction:column;gap:10px}.cr-card-head>div{width:100%}.cr-dialog-card{padding:20px 16px!important}.cr-dialog-card .two-cols{grid-template-columns:1fr}.cr-otp{padding:15px}.cr-otp strong{font-size:31px}.cr-actions .btn{flex-grow:1}.cr-hero .cr-actions{width:100%}.cr-grid .empty-state{padding:30px 16px}}