:root{--font-sans: "Inter", "Segoe UI", Roboto, Arial, sans-serif;--color-brand: #176f7a;--color-brand-strong: #0e4c57;--color-brand-soft: #dff3f2;--color-accent: #f2a541;--color-accent-soft: #fff0d7;--color-success: #1d8a5f;--color-warning: #b7791f;--color-danger: #ba3f3f;--color-ink: #17212b;--color-muted: #667085;--color-subtle: #edf2f4;--color-surface: #ffffff;--color-surface-alt: #f7faf9;--color-border: #d8e2e1}*{box-sizing:border-box}html{min-height:100%;font-family:var(--font-sans);color:var(--color-ink);background:var(--color-surface-alt)}body{min-height:100%;margin:0}a{color:inherit}button,input,select,textarea{font:inherit}.create-referral .search-label-row{display:flex;align-items:baseline;justify-content:space-between;gap:16px}.create-referral .search-label-row label{display:block;margin-bottom:8px;color:#344054;font-size:.78rem;font-weight:720}.create-referral .search-label-row>span{overflow:hidden;color:#6d788b;font-size:.72rem;text-overflow:ellipsis;white-space:nowrap}.create-referral .result-count{margin:0;padding:8px 14px;border-top:1px solid #edf0f4;color:#7b8798;background:#fafbfc;font-size:.7rem;text-align:right}.create-referral .patient-detail-grid{margin:22px 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid #dce3ed;border-radius:7px;overflow:hidden;background:#f9fafc}.create-referral .patient-detail-grid>div{min-width:0;min-height:78px;padding:14px 16px;border-right:1px solid #e3e8ef}.create-referral .patient-detail-grid>div:last-child{border-right:0}.create-referral .patient-detail-grid dt{margin:0 0 7px;color:#6d788b;font-size:.68rem;font-weight:780;text-transform:uppercase}.create-referral .patient-detail-grid dd{margin:0;overflow-wrap:anywhere;color:#25344b;font-size:.8rem;font-weight:680;line-height:1.45}.create-referral .context-required{margin:0 0 18px;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid #efc4c1;border-radius:7px;color:#7f2f2a;background:#fff7f6}.create-referral .context-required>div{display:grid;gap:3px}.create-referral .context-required strong{font-size:.8rem}.create-referral .context-required span{font-size:.74rem;line-height:1.45}.create-referral .context-required a{flex:0 0 auto;color:#315f9f;font-size:.75rem;font-weight:760}.create-referral .inline-error{min-height:66px;padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:16px;color:#9f2d28;background:#fff7f6;font-size:.78rem}.create-referral .search-results .inline-error button,.create-referral .encounter-state button{width:auto;min-height:32px;padding:0 11px;display:inline-flex;grid-template-columns:none;align-items:center;justify-content:center;border:1px solid #d6dde8;border-radius:6px;color:#344054;background:#fff;font-size:.72rem;font-weight:740}.create-referral .encounter-section{margin-top:30px;padding-top:26px;border-top:1px solid #e5eaf1}.create-referral .encounter-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.create-referral .encounter-heading h3{margin:0;color:#25344b;font-size:.92rem}.create-referral .encounter-heading p{margin:5px 0 0;color:var(--referral-muted);font-size:.76rem;line-height:1.5}.create-referral .encounter-heading>span{flex:0 0 auto;padding:5px 8px;border-radius:4px;color:#536176;background:#edf1f6;font-size:.68rem;font-weight:760}.create-referral .encounter-list{margin-top:14px;display:grid;gap:9px}.create-referral .encounter-option{width:100%;min-height:86px;padding:13px 14px;display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:13px;border:1px solid #dce3ed;border-radius:7px;color:#344054;background:#fff;text-align:left;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease}.create-referral .encounter-option:not(:disabled):hover{border-color:#9db8e8;background:#f9fbff}.create-referral .encounter-option.is-selected{border-color:#67b9a2;background:#f1faf8;box-shadow:0 0 0 2px #0f9f741a}.create-referral .encounter-option.is-unavailable{background:#f8fafc;opacity:.72}.create-referral .encounter-option-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:6px;color:#416da4;background:#eaf1fa}.create-referral .encounter-option-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7}.create-referral .encounter-option-copy{min-width:0;display:grid;gap:4px}.create-referral .encounter-option-copy strong{color:#263750;font-size:.82rem}.create-referral .encounter-option-copy small,.create-referral .encounter-option-copy>span{overflow-wrap:anywhere;color:#6e7b8d;font-size:.72rem;line-height:1.4}.create-referral .encounter-option-copy>span{color:#8490a2;font-size:.67rem}.create-referral .note-status{max-width:150px;padding:5px 8px;border-radius:4px;color:#667085;background:#e9edf2;font-size:.67rem;font-weight:760;text-align:center}.create-referral .note-status.is-ready{color:#16725a;background:#dff3ec}.create-referral .encounter-state{min-height:78px;margin-top:14px;padding:16px;display:flex;align-items:center;justify-content:center;gap:16px;border:1px dashed #d6dde8;border-radius:7px;color:#6e7b8d;background:#fafbfc;font-size:.78rem;text-align:center}.create-referral .encounter-state.is-error{border-color:#efc4c1;color:#9f2d28;background:#fff7f6}@media(max-width:760px){.create-referral .patient-detail-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.create-referral .encounter-option{grid-template-columns:42px minmax(0,1fr)}.create-referral .note-status{grid-column:2;justify-self:start}}@media(max-width:520px){.create-referral .patient-detail-grid{grid-template-columns:1fr}.create-referral .patient-detail-grid>div,.create-referral .patient-detail-grid>div:nth-child(2n){border-right:0}.create-referral .search-label-row,.create-referral .encounter-heading,.create-referral .context-required{align-items:flex-start;flex-direction:column;gap:6px}.create-referral .search-label-row>span{max-width:100%}.create-referral .encounter-option{padding:12px}.create-referral .encounter-option-icon{width:38px;height:38px}}.create-referral .completion-link{text-decoration:none}.create-referral .provider-results>.encounter-state,.create-referral .provider-results>.empty-result{grid-column:1 / -1}