#client-referral{padding-top:16px}#client-referral p{max-width:44rem;font-size:1rem;line-height:1.5}.referral-dialog{--ref-surface:#fff;--ref-ink:#1d2831;--ref-muted:#56616c;--ref-line:#b7c1c9;--ref-accent:#184d36;color:var(--ref-ink);background:var(--ref-surface);border:1px solid var(--ref-line);border-radius:24px;padding:24px;width:min(560px,calc(100% - 24px));max-height:90dvh;overflow:auto;font:1.0625rem/1.5 -apple-system,BlinkMacSystemFont,sans-serif}.referral-dialog::backdrop{background:rgba(0,0,0,.45)}.referral-dialog-head{display:flex;gap:12px;align-items:center;justify-content:space-between}.referral-dialog h2{font-size:1.5rem;margin:0}.referral-dialog p{color:var(--ref-muted)}.referral-dialog label{display:flex;flex-direction:column;gap:6px;margin:16px 0}.referral-dialog input,.referral-dialog button{font:inherit;min-height:44px;border:1px solid var(--ref-line);border-radius:12px;padding:10px;max-width:100%;background:var(--ref-surface);color:var(--ref-ink)}.referral-dialog .referral-check{flex-direction:row;align-items:flex-start;gap:12px}.referral-check input{width:24px;height:24px;min-height:24px;flex:0 0 24px;margin-top:4px}.referral-dialog .primary{background:var(--ref-accent);color:white}.referral-dialog summary{cursor:pointer;min-height:44px;padding:10px 0}.referral-dialog :focus-visible{outline:3px solid var(--ref-accent);outline-offset:3px}.referral-dialog [role=status]{font-weight:600}.referral-dialog button:disabled{opacity:.6}@media(prefers-color-scheme:dark){.referral-dialog{--ref-surface:#1d252b;--ref-ink:#f5f6f7;--ref-muted:#c5cbd0;--ref-line:#82909b;--ref-accent:#b8e2c9}.referral-dialog .primary{color:#123522}}@media(max-width:580px){.referral-dialog{padding:20px 18px}}
#client-referral .btn{min-height:44px}
.referral-dialog form{display:flex;flex-direction:column;gap:12px}
.referral-dialog .referral-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.referral-dialog .referral-fields label,.referral-dialog .referral-check{margin:0}
.referral-dialog form p{margin:0}
.referral-dialog form [role=status]:empty{display:none}
@media(max-width:480px){.referral-dialog .referral-fields{grid-template-columns:minmax(0,1fr)}}
.referral-dialog.referral-dialog{font-size:1rem;line-height:1.4}
#nfc-client-card .nfc-client-identity{grid-column:1 / -1;grid-row:2;min-width:0}
#nfc-client-card .nfc-client-name-row{display:flex;width:100%;gap:12px}
#nfc-client-card .nfc-client-name-row h2{min-width:0;overflow-wrap:anywhere}
#client-referral{padding:0;flex:0 0 auto;margin-inline-start:auto}
#client-referral .referral-icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;padding:10px;border-radius:50%;line-height:1}
#client-referral .referral-icon svg{width:24px;height:24px;flex:none}
#client-referral .referral-icon:focus-visible{outline:3px solid currentColor;outline-offset:3px}
#client-referral .referral-icon:active{filter:brightness(.85)}