/* One system referral control shared by dynamic customer/admin forms. */
.df-approved .df-referral-card{padding:16px;border:1px solid #dfe7f1;border-radius:10px;background:#f8faff;margin:18px 0;min-width:0}
.df-approved .df-referral-card>label{display:flex;flex-direction:row;align-items:center;gap:8px;justify-content:space-between;margin:0 0 9px;font-size:13px;font-weight:600;color:#284565}
.df-approved .df-referral-optional{font-size:10px;font-weight:400;color:#7d8da4;background:#edf2f8;border-radius:5px;padding:2px 7px}
.df-approved .df-referral-control{display:flex;align-items:stretch;gap:8px;min-width:0}
.df-approved .df-referral-control input{flex:1;min-width:0;width:100%;min-height:44px;border:1px solid #ccd9eb;border-radius:8px;padding:10px 12px;background:white;font:inherit;font-size:14px;text-align:left;letter-spacing:.4px}
.df-approved .df-referral-control input[readonly]{background:#edf2f8;color:#46617f;cursor:default}
.df-approved .df-referral-control button{flex:none;min-height:44px;padding:8px 13px;border:1px solid #c7d8ee;border-radius:8px;background:#edf4ff;color:#1554bd;font:inherit;font-size:12px;cursor:pointer;white-space:nowrap}
.df-approved .df-referral-control button:disabled{opacity:.65;cursor:wait}
.df-approved .df-referral-card small{display:block;margin-top:7px;font-size:11px;line-height:1.9;color:#71839b}
.df-approved .df-referral-card [data-referral-status]{color:#187e59;font-weight:500}
.df-approved .df-referral-card [data-referral-error]{color:#b42318}
.df-approved .df-referral-card :is([data-referral-status],[data-referral-error]):empty{display:none}
.df-approved .df-referral-card[data-referral-state=valid]{border-color:#b9daca;background:#f7fcf9}
.df-approved .df-referral-card[data-referral-state=valid] input{border-color:#81b69b}
.df-approved .df-referral-card[data-referral-state=invalid] input,.df-approved .df-referral-card[data-referral-state=error] input{border-color:#c95b5b}
.df-approved .df-referral-card[data-referral-state=checking] [data-referral-status]{color:#526f97}
.df-approved .df-referral-card [hidden]{display:none!important}
@media(max-width:360px){.df-approved .df-referral-card{padding:12px}.df-approved .df-referral-control{gap:6px}.df-approved .df-referral-control button{font-size:11px;padding-inline:8px}}

.df-approved .df-referral-feedback{display:grid;min-height:42px;margin-top:7px;align-items:start}
.df-approved .df-referral-feedback small{grid-area:1/1;margin-top:0}