.withdrawals-panel { margin: 22px 0; padding: 22px; border: 1px solid rgba(185, 181, 234, .2); border-radius: 20px; background: rgba(17, 19, 35, .8); }
.withdrawals-panel [hidden] { display: none; }
.withdrawals-heading { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 20px; }
.withdrawals-heading h3 { margin: 7px 0 0; font-size: 19px; color: #f5f3ff; }
.withdrawals-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
.withdrawals-grid[data-columns="1"] { grid-template-columns: minmax(0, 1fr); }
.withdrawals-grid > section { min-width: 0; }
.withdrawal-kind-head { display: flex; align-items: center; gap: 12px; min-height: 38px; margin-bottom: 8px; }
.withdrawal-kind-head h4 { margin: 0; color: #f0edff; font-size: 15px; }
.withdrawal-kind-head > span { margin-left: auto; color: #b6b3c9; font-size: 12px; }
.withdrawals-panel .text-button { min-height: 36px; padding: 6px 10px; font-size: 13px; }
.withdrawal-list { display: grid; }
.withdrawal-row { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; align-items: center; gap: 12px; width: 100%; padding: 15px 0; text-align: left; border: 0; border-bottom: 1px solid rgba(186, 180, 220, .14); background: transparent; color: #f0edff; cursor: pointer; }
.withdrawal-row:hover { background: rgba(174, 165, 250, .06); }
.withdrawal-row:focus-visible { outline: 2px solid #b7a4ff; outline-offset: 3px; border-radius: 8px; }
.withdrawal-row-info { min-width: 0; }
.withdrawal-row-info > small { display: block; margin-top: 0; color: #b6b3c9; font-size: 11px; line-height: 1.5; white-space: nowrap; }
.withdrawal-row > strong { display: inline-flex; align-items: baseline; justify-content: flex-end; gap: 5px; text-align: right; font-size: 14px; white-space: nowrap; }
.withdrawal-row > strong small { display: inline; margin-top: 0; color: #b6b3c9; font-size: 11px; font-weight: 400; }
.withdrawal-status { display: inline-flex; align-items: center; gap: 5px; font-size: 12px; color: #d4c8ff; white-space: nowrap; }
.withdrawal-status[data-status="sent"] { color: #8ee0b4; }
.withdrawal-status[data-status="rejected"], .withdrawal-status[data-status="failed"] { color: #ffb9b9; }
.withdrawal-empty { margin: 0; padding: 25px 12px; color: #b6b3c9; font-size: 14px; line-height: 1.6; text-align: center; }
.withdrawal-error { display: grid; gap: 8px; margin: 10px 0; padding: 14px; border: 1px solid rgba(255, 145, 145, .5); border-radius: 12px; background: #36202c; color: #ffe2e2; font-size: 14px; line-height: 1.6; }
.withdrawal-error strong { font-size: 14px; }
.withdrawal-error .text-button { justify-self: start; color: #ffe2e2; text-decoration: underline; }
.withdrawal-more { display: block; margin: 10px auto 0; }
#withdrawalDetailModal .withdrawal-detail-modal { width: min(560px, 100%); }
#withdrawalDetailModal h3 { margin: 10px 0 24px; font-size: 22px; }
.withdrawal-detail-summary { display: flex; justify-content: space-between; align-items: center; gap: 16px; }
.withdrawal-detail-summary > strong { font-size: 27px; color: #f5f3ff; }
.withdrawal-detail-summary > strong small { font-size: 15px; font-weight: 400; }
.withdrawal-detail-summary .withdrawal-status { font-size: 15px; }
#withdrawalDetailModal .withdrawal-detail-note { margin: 18px 0; font-size: 14px; line-height: 1.75; color: #c4bdd9; }
#withdrawalDetailModal .withdrawal-detail-note.is-warning { padding: 13px; border: 1px solid rgba(255, 192, 135, .4); border-radius: 10px; background: rgba(83, 51, 26, .6); color: #ffe0bc; }
.withdrawal-detail-fields { margin: 0; }
.withdrawal-detail-fields > div { display: grid; grid-template-columns: 90px minmax(0, 1fr); gap: 16px; padding: 13px 0; border-bottom: 1px solid rgba(186, 180, 220, .14); font-size: 14px; line-height: 1.6; }
.withdrawal-detail-fields dt { color: #b6b3c9; }
.withdrawal-detail-fields dd { margin: 0; color: #f0edff; text-align: right; overflow-wrap: anywhere; }
.withdrawal-detail-actions { display: grid; gap: 12px; margin-top: 20px; }
.withdrawal-detail-actions .button { min-height: 44px; font-size: 15px; }
@media (max-width: 760px) {
  .withdrawals-panel { padding: 18px; }
  .withdrawals-heading { align-items: flex-start; flex-direction: column; gap: 10px; }
  .withdrawals-grid { grid-template-columns: minmax(0, 1fr); gap: 22px; }
  .withdrawal-row { gap: 9px; }
  .withdrawal-detail-fields > div { grid-template-columns: 78px minmax(0, 1fr); gap: 12px; }
}

@media (max-width: 480px) {
  .withdrawal-row { grid-template-columns: minmax(0, 1fr) auto auto; gap: 8px; }
  .withdrawal-row > .withdrawal-status { justify-self: end; }
}