/* MISSION 66 -- W3-withdrawals (R920 S024 wallet, S025 withdrawal request, S073 payout setup, Finance queue).
   Reuses site.css tokens/classes (pb-card, pb-btn, pb-form-group, pb-badge, pb-tabstrip, pb-table); this file only adds
   the R920 page skeleton (crumb, lead, section cards, hints, tiles, banners, action rows) and the table -> cards transform. */
.pb-wd-page { max-width: 1100px; margin: 0 auto; }
.pb-wd-crumb { margin: 0 0 4px; }
.pb-wd-lead { margin: 0 0 18px; }
.pb-wd-section { margin: 0 0 16px; padding: 18px 20px; }
.pb-wd-section-title { font-size: 1.15rem; margin: 0 0 12px; }
.pb-wd-hint { margin: 4px 0 0; }
.pb-wd-grid2 { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 0 16px; }
.pb-wd-grid3 { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 0 14px; align-items: end; }
.pb-wd-grid2 select, .pb-wd-grid2 input[type=text], .pb-wd-grid2 input[type=number],
.pb-wd-grid3 select, .pb-wd-grid3 input { width: 100%; }
.pb-wd-actions { display: flex; gap: 10px; flex-wrap: wrap; align-items: center; margin-top: 8px; }
.pb-wd-footer { margin: 8px 0 24px; }
.pb-wd-roles { margin: 4px 0 16px; }
.pb-wd-kv { display: grid; grid-template-columns: max-content 1fr; gap: 8px 16px; margin: 0; }
.pb-wd-kv dt { color: var(--text-secondary); font-weight: 400; }
.pb-wd-kv dd { margin: 0; }
.pb-wd-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; padding: 10px 0; border-top: 1px solid var(--border-color); }
.pb-wd-row:first-of-type { border-top: 0; }
.pb-wd-list { margin: 0; padding-inline-start: 18px; display: flex; flex-direction: column; gap: 6px; }
.pb-wd-check { display: flex; align-items: center; gap: 8px; margin-top: 8px; font-weight: 600; }
.pb-wd-radio { display: inline-flex; align-items: center; gap: 8px; padding: 8px 12px; border: 1px solid var(--border-color); border-radius: 10px; margin: 0 0 8px 8px; }
.pb-wd-route { display: flex; margin: 0 0 8px; }
.pb-wd-fieldset { border: 0; padding: 0; margin: 0; min-width: 0; }
.pb-wd-fieldset legend { font-weight: 600; margin-bottom: 6px; padding: 0; }
.pb-wd-provider-panel { margin-top: 12px; padding: 12px 14px; border-radius: 10px; background: var(--surface-2); border: 1px solid var(--border-color); }
.pb-wd-provider-panel p { margin: 4px 0 0; }
.pb-wd-warn { color: var(--pb-warning); font-weight: 600; margin-top: 8px; }
.pb-wd-stepup-note { padding: 10px 14px; margin: 0 0 8px; background: var(--surface-2); }
.pb-wd-qa { border-style: dashed; }
.pb-wd-subtotals { margin: -6px 0 16px; }

/* banners: payout_freeze (warn) and policy-not-published (neutral) */
.pb-wd-banner { margin: 0 0 16px; padding: 14px 18px; border-radius: 12px; border: 1px solid var(--border-color); background: var(--surface-2); }
.pb-wd-banner strong { display: block; margin-bottom: 4px; }
.pb-wd-banner p { margin: 0; }
.pb-wd-banner-warn { background: color-mix(in srgb, var(--pb-warning) 10%, var(--surface)); border-color: color-mix(in srgb, var(--pb-warning) 35%, var(--surface)); }
.pb-wd-banner-warn strong { color: var(--pb-warning); }

/* S024 tiles */
.pb-wd-tiles { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 14px; margin: 0 0 16px; }
.pb-wd-tile { display: flex; flex-direction: column; gap: 6px; padding: 18px 20px; margin: 0; }
.pb-wd-tile-label { font-weight: 600; }
.pb-wd-tile-amount { font-size: 1.6rem; font-weight: 700; direction: ltr; text-align: end; margin: 0; }
.pb-wd-tile-available { background: color-mix(in srgb, var(--pb-success) 9%, var(--surface)); }
.pb-wd-tile-pending { background: color-mix(in srgb, var(--pb-info-text) 8%, var(--surface)); }
.pb-wd-tile-hold { background: color-mix(in srgb, var(--pb-warning) 9%, var(--surface)); }
.pb-wd-action-form { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; margin: 0 0 12px; }
.pb-wd-action-form input[type=text] { flex: 1 1 240px; min-width: 0; }

/* mobile: tables become stacked cards (R920 256_S024 mobile) */
@media (max-width: 640px) {
    .pb-wd-table thead { display: none; }
    .pb-wd-table, .pb-wd-table tbody, .pb-wd-table tr, .pb-wd-table td { display: block; width: 100%; }
    .pb-wd-table tr { border: 1px solid var(--border-color); border-radius: 10px; padding: 8px 12px; margin-bottom: 10px; }
    .pb-wd-table td { border: 0; padding: 4px 0; display: flex; justify-content: space-between; gap: 12px; }
    .pb-wd-table td[data-label]::before { content: attr(data-label); color: var(--text-secondary); }
    .pb-wd-actions .pb-btn { width: 100%; text-align: center; }
    .pb-wd-kv { grid-template-columns: 1fr; }
}