/* Dynamic player withdrawal records. Keeps the supplied record-page design. */
.s-withdraw-records-dynamic { min-height: calc(2050 * var(--v)); background: #fff; color: #222; }
.s-withdraw-record-tabs button { min-width: 33.333%; }
.s-withdraw-record-filters { position: relative; gap: calc(75 * var(--v)); }
.s-withdraw-record-date-input { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }

.s-withdraw-record-status-menu { position: absolute; z-index: 20; top: calc(248 * var(--v)); left: calc(38 * var(--v)); width: calc(360 * var(--v)); padding: calc(12 * var(--v)); border: 1px solid #d8e9f0; border-radius: calc(13 * var(--v)); background: #fff; box-shadow: 0 calc(10 * var(--v)) calc(36 * var(--v)) #0002; }
.s-withdraw-record-status-menu[hidden] { display: none; }
.s-withdraw-record-status-menu button { display: block; width: 100%; min-height: calc(78 * var(--v)); padding: 0 calc(20 * var(--v)); text-align: left; border: 0; border-bottom: 1px solid #eee; color: #444; background: #fff; }
.s-withdraw-record-status-menu button:last-child { border-bottom: 0; }
.s-withdraw-record-status-menu button.selected { color: #178fc4; font-weight: 700; }

.s-withdraw-record-list { display: grid; gap: calc(24 * var(--v)); padding: calc(28 * var(--v)) calc(35 * var(--v)) calc(150 * var(--v)); background: #f6f6f6; }
.s-withdraw-record-card { overflow: hidden; border: 1px solid #ececec; border-radius: calc(16 * var(--v)); background: #fff; box-shadow: 0 calc(3 * var(--v)) calc(14 * var(--v)) #0000000b; }
.s-withdraw-record-head { display: flex; align-items: flex-start; justify-content: space-between; gap: calc(18 * var(--v)); padding: calc(25 * var(--v)); border-bottom: 1px solid #f0f0f0; }
.s-withdraw-record-head > div { min-width: 0; display: grid; gap: calc(8 * var(--v)); }
.s-withdraw-record-head strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: max(12px, calc(37 * var(--v))); color: #333; }
.s-withdraw-record-head span { color: #999; font-size: max(9px, calc(27 * var(--v))); }
.s-withdraw-record-status { flex: 0 0 auto; padding: calc(8 * var(--v)) calc(17 * var(--v)); border-radius: 999px; font-size: max(9px, calc(27 * var(--v))); }
.s-withdraw-record-status.pending { color: #168cc1; background: #eaf7fd; }
.s-withdraw-record-status.review { color: #c87a00; background: #fff4dd; }
.s-withdraw-record-status.approved { color: #7658c8; background: #f1edff; }
.s-withdraw-record-status.completed { color: #11885b; background: #e8f8f1; }
.s-withdraw-record-status.rejected { color: #dc3545; background: #fff0f1; }
.s-withdraw-record-status.cancelled { color: #777; background: #f0f0f0; }

.s-withdraw-record-main { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: calc(18 * var(--v)); padding: calc(22 * var(--v)) calc(25 * var(--v)); }
.s-withdraw-record-main > div { min-width: 0; display: grid; gap: calc(8 * var(--v)); }
.s-withdraw-record-main span { color: #929292; font-size: max(9px, calc(27 * var(--v))); }
.s-withdraw-record-main strong { color: #333; font-size: max(12px, calc(37 * var(--v))); }
.s-withdraw-record-meta { display: flex; flex-wrap: wrap; justify-content: space-between; gap: calc(10 * var(--v)); padding: calc(18 * var(--v)) calc(25 * var(--v)); border-top: 1px dashed #e8e8e8; color: #aaa; font-size: max(8px, calc(24 * var(--v))); }
.s-withdraw-record-reason { padding: 0 calc(25 * var(--v)) calc(20 * var(--v)); color: #c44951; font-size: max(8px, calc(25 * var(--v))); line-height: 1.45; }

.s-withdraw-record-loading, .s-withdraw-record-error { display: grid; justify-items: center; align-content: center; gap: calc(25 * var(--v)); min-height: calc(1250 * var(--v)); padding: calc(70 * var(--v)); color: #299ac5; text-align: center; }
.s-withdraw-record-loading > span { width: calc(78 * var(--v)); height: calc(78 * var(--v)); min-width: 28px; min-height: 28px; border: 2px solid #cbeaf7; border-top-color: #2199c8; border-radius: 50%; animation: s-withdraw-record-spin .75s linear infinite; }
.s-withdraw-record-error button, .s-withdraw-record-footer button { min-height: calc(78 * var(--v)); padding: 0 calc(30 * var(--v)); border: 1px solid #2298c6; border-radius: calc(10 * var(--v)); color: #2298c6; background: #fff; }
.s-withdraw-record-footer { display: flex; align-items: center; justify-content: space-between; gap: calc(20 * var(--v)); padding: calc(22 * var(--v)) calc(35 * var(--v)) calc(120 * var(--v)); color: #888; background: #f6f6f6; }

@keyframes s-withdraw-record-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .s-withdraw-record-loading > span { animation-duration: 1.5s; } }