.owner-payout-history > article { flex-wrap:wrap; }
.owner-recipient-actions { display:flex; align-items:flex-end; flex-direction:column; gap:8px; margin-left:auto; max-width:280px; }
.owner-recipient-actions .secondary { font:inherit; font-size:12px; padding:7px 10px; }
.owner-recipient-actions small { text-align:right; line-height:1.45; }
.owner-recipient-history { flex-basis:100%; margin-top:10px; padding-top:8px; border-top:1px solid #e4edf4; font-size:12px; }
.owner-recipient-history > summary { cursor:pointer; color:#4e6c83; font-size:12px; padding:4px 0; }
.owner-recipient-history > div { display:grid; gap:4px; margin:10px 0; }
.owner-recipient-history p { margin:0; white-space:pre-wrap; overflow-wrap:anywhere; }
.owner-recipient-modal { display:flex; flex-direction:column; width:min(600px,calc(100vw - 32px)); max-height:calc(100dvh - 32px); padding:0; overflow:hidden; font:inherit; }
.owner-recipient-modal .modal-head { padding:18px 22px; flex-shrink:0; }
.owner-recipient-modal .modal-head span { font-size:17px; font-weight:600; }
.owner-recipient-modal .modal-head small { font-size:12px; }
.owner-recipient-body { overflow-y:auto; min-height:0; padding:18px 22px; display:grid; gap:14px; }
.owner-recipient-body label { display:grid; gap:6px; font:inherit; font-size:13px; }
.owner-recipient-body :is(input,select,textarea,button) { font-family:inherit; font-size:13px; }
.owner-recipient-body textarea { min-height:80px; resize:vertical; }
.owner-recipient-body p { margin:0; font-size:12px; line-height:1.5; }
.owner-recipient-facts { color:#64788b; }
.owner-recipient-preview { display:grid; gap:6px; padding:12px 14px; background:#f3f8fc; border:1px solid #dbe7f1; border-radius:10px; }
.owner-recipient-preview span { color:#72869a; font-size:11px; }
.owner-recipient-preview strong { font-size:13px; font-weight:600; }
.owner-recipient-body .owner-recipient-check { display:flex; align-items:flex-start; gap:8px; padding:10px 12px; background:#fff7e7; border-radius:8px; font-size:12px; line-height:1.5; }
.owner-recipient-check input { flex-shrink:0; margin-top:3px; width:16px; height:16px; }
.owner-recipient-modal .modal-actions { flex-shrink:0; padding:14px 22px; border-top:1px solid #e1eaf2; }
.owner-recipient-modal .modal-actions button { font:inherit; font-size:13px; }
@media(max-width:600px) { .owner-recipient-actions { align-items:flex-start; margin-left:0; max-width:100%; } .owner-recipient-actions small { text-align:left; } }