/* ===========================================
   SYNTHEDGE v2 — PAYOUTS CSS
   =========================================== */

.po-loading { text-align:center; padding:64px; color:var(--text-3); font-size:14px; }

.payout-locked { text-align:center; padding:48px 32px; background:linear-gradient(135deg, rgba(255,107,53,0.05), var(--bg-card)); }
.pl-icon { font-size:40px; margin-bottom:16px; }
.payout-locked h2 { font-family:var(--font-display); font-size:1.3rem; font-weight:800; margin-bottom:10px; }
.payout-locked p { color:var(--text-2); font-size:14px; max-width:460px; margin:0 auto 28px; line-height:1.7; }

.po-label-text { font-size:12px; font-weight:600; text-transform:uppercase; letter-spacing:.06em; color:var(--text-3); margin-bottom:6px; display:block; }
.po-min-notice { font-size:12px; color:var(--text-3); margin-top:10px; }

.payout-methods { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.pmethod-card {
  display:flex; align-items:center; gap:10px; padding:12px 14px; cursor:pointer;
  background:var(--bg-base); border:1px solid var(--border); border-radius:var(--r-md);
  transition:border-color .2s;
}
.pmethod-card input { display:none; }
.pmethod-card.active { border-color:var(--orange); background:rgba(255,107,53,0.06); }
.pmc-icon { width:32px; height:32px; border-radius:50%; background:var(--bg-card); display:flex; align-items:center; justify-content:center; font-size:14px; font-weight:700; flex-shrink:0; }
.pmethod-card strong { display:block; font-size:13px; }
.pmethod-card span { font-size:11px; color:var(--text-3); }

.tx-hash { font-family:monospace; font-size:11px; color:var(--text-3); }

.payout-status { padding:3px 10px; border-radius:100px; font-size:11px; font-weight:700; white-space:nowrap; }
.payout-status-pending { background:rgba(255,176,32,0.12); color:var(--amber); }
.payout-status-processing { background:rgba(45,212,191,0.12); color:var(--teal); }
.payout-status-paid { background:rgba(52,211,153,0.12); color:var(--green); }
.payout-status-rejected { background:rgba(251,91,91,0.12); color:var(--red); }

@media (max-width:600px) { .payout-methods { grid-template-columns:1fr; } }