.sales-referral-field .referral-create-button{font-size:12px;padding:6px 9px;align-self:start}
dialog.sales-referral-quick{position:fixed!important;inset:0!important;margin:0!important;width:100vw!important;height:100dvh!important;max-width:none!important;max-height:none!important;padding:0!important;border:0!important;border-radius:0!important;background:#fff;color:#172536;box-sizing:border-box}
dialog.sales-referral-quick[open]{display:flex!important;flex-direction:column}
.sales-referral-quick::backdrop{background:#172536aa}
.sales-referral-quick>header,.sales-referral-quick>footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 16px;border-bottom:1px solid #ddd;flex-shrink:0}
.sales-referral-quick>header h3{margin:0;font-size:18px}
.sales-referral-quick>footer{border-top:1px solid #ddd;border-bottom:0;justify-content:flex-end;padding-bottom:max(12px,env(safe-area-inset-bottom))}
.sales-referral-quick-body{flex:1;min-height:0;overflow:auto;padding:16px;display:flex;flex-direction:column;gap:12px}
.sales-referral-quick-body label{display:flex;flex-direction:column;gap:5px;font-weight:600}
.sales-referral-quick-body input{box-sizing:border-box;width:100%;min-height:40px;padding:8px;border:1px solid #ccd4df;border-radius:6px;font-size:16px}
.sales-referral-quick-body p,.sales-referral-quick-body small{font-size:13px}
.sales-referral-quick [role=alert]{color:#8c1111}