/* Referral review: one compact header and a readable approval form. */
.rf-dialog { box-sizing:border-box; width:min(560px,100vw); font:14px/1.5 'Segoe UI',sans-serif; }
.rf-dialog .rf-drawer-head { padding:14px 18px; gap:10px; background:#122036; }
.rf-drawer-heading { flex:1; min-width:0; }
.rf-dialog .rf-drawer-head h2 { margin:0; font-size:19px; font-weight:650; line-height:1.3; }
.rf-review-position { display:block; margin-top:3px; color:#a2b5ce; font-size:11px; }
.rf-dialog .rf-close { display:grid; place-items:center; width:40px; height:40px; min-height:40px!important; padding:0!important; font-size:24px!important; line-height:1; border:1px solid #35465f; background:#1a2a42; border-radius:10px; }
.rf-dialog .rf-skip { padding:7px 10px; min-height:40px; font-size:12px; color:#b7c8df; background:transparent; border-color:#35465f; }
.rf-dialog .rf-editor { padding:16px 18px!important; gap:12px; }
.rf-dialog .rf-review-intro { gap:5px 10px; margin:0; padding-bottom:12px; border-bottom:1px solid #ffffff14; }
.rf-dialog .rf-review-intro p { margin:0; font-size:12px; line-height:1.5; }
.rf-dialog .rf-review-intro .cw-badge { padding:3px 8px; font-size:11px; }
.rf-dialog .cw-action-form { gap:12px; }
.rf-dialog .cw-field { display:flex; flex-direction:column; gap:5px; margin:0; }
.rf-dialog .cw-field:not(.cw-check) { font-size:12px; font-weight:600; }
.rf-dialog .cw-field input:not([type=checkbox]),.rf-dialog .cw-field select { box-sizing:border-box; min-height:44px; height:44px; margin:0; padding:10px 12px; font-size:16px; }
.rf-dialog .cw-check { padding:10px 12px; border-radius:9px; background:#152338; border:1px solid #2d3f59; font-weight:400; }
.rf-workspace .rf-dialog .cw-check { font-size:13px; line-height:1.45; gap:9px; }
.rf-dialog .cw-check input { border-radius:4px; }
.rf-dialog .rf-field-hint { display:block; color:#94a9c6; font-size:11px; font-weight:400; line-height:1.4; margin:4px 0 0; }
.rf-dialog .rf-save-hint { margin:0; font-size:12px; line-height:1.4; }
.rf-dialog .rf-save-actions { padding:0; }
.rf-dialog .rf-save-actions .cw-button { min-height:44px; padding:10px 14px; border-radius:9px; font-size:14px; }
.rf-dialog .rf-referrer-required { min-width:0; }
.rf-dialog .rf-picker { gap:5px; }
.rf-dialog .rf-picker-control { min-height:50px; padding:4px 8px; gap:9px; border-radius:10px; }
.rf-dialog .rf-picker-control input { font-size:16px!important; min-height:40px; height:40px; line-height:1.3; margin:0; }
.rf-dialog .rf-picker-avatar { width:30px; height:30px; flex-basis:30px; font-size:11px; }
.rf-picker.is-selected .rf-picker-control { border-color:#548d84; }
/* Native option buttons preserve keyboard semantics and allow reliable mobile selection. */
.rf-picker-option { box-sizing:border-box; width:100%; text-align:left; font:inherit; color:#edf3ff; background:transparent; touch-action:pan-y; }
.rf-dialog .rf-picker-option { min-height:48px; padding:8px; gap:9px; }
.rf-dialog .rf-picker-name strong { font-size:14px; }
.rf-dialog .rf-picker-list { max-height:min(240px,35dvh); }
.rf-dialog .rf-account-list { display:block; }
.rf-dialog .rf-editor>.rf-details { padding:0; margin:0; border:1px solid #2b3b53; border-radius:10px; background:#101c2e; }
.rf-dialog .rf-editor>.rf-details>summary { cursor:pointer; padding:12px; font-size:12px; font-weight:600; color:#adbed6; }
.rf-dialog .rf-editor>.rf-details[open]>summary { border-bottom:1px solid #2b3b53; margin-bottom:10px; }
.rf-dialog .rf-editor>.rf-details>*:not(summary) { margin-left:12px; margin-right:12px; }
.rf-dialog .rf-editor>.rf-details>*:last-child:not(summary) { margin-bottom:12px; }
.rf-dialog .rf-account { padding:12px; margin-bottom:10px; }
.rf-dialog .rf-account h3 { font-size:13px; margin-bottom:6px; }
.rf-dialog .rf-check-row { padding:7px 0; font-size:12px; }
.rf-dialog .rf-account-list>.rf-details { padding:10px 12px; margin-top:8px; }
.rf-dialog .rf-secondary-actions { margin-top:10px; }
.rf-dialog .rf-details p { margin-top:8px; margin-bottom:8px; font-size:12px; line-height:1.5; }
@media(max-width:600px) {
 .rf-dialog .rf-drawer-head { padding:12px 14px; gap:8px; }
 .rf-dialog .rf-drawer-head h2 { font-size:18px; }
 .rf-dialog .rf-editor { padding:14px!important; gap:10px; }
 .rf-dialog .rf-picker-pair { gap:12px; }
}
.rf-match-suggestions { display:grid; gap:5px; margin-top:7px; }
.rf-match-suggestions:empty { display:none; }
.creator-workspace .rf-match-suggestions .rf-picker-option { justify-content:flex-start; border:1px solid #344961; background:#142238; }
.rf-match-suggestions .rf-picker-name { min-width:0; overflow-wrap:anywhere; }
.rf-match-suggestions .rf-picker-name small { display:block; color:#a7bad4; font-size:11px; }