@import '_content/Orbit.DesignSystem/Orbit.DesignSystem.ywx7332zed.bundle.scp.css';

/* /Components/Pages/Appointments/ExistingPatientAppointmentSteps/Components/EligibilityResultModal.razor.rz.scp.css */
/* elig-* dialog styles live in an inline <style> block in EligibilityResultModal.razor.
   CSS isolation cannot target MudBlazor's own wrapper elements (.mud-dialog-content /
   .mud-dialog-actions), so the styles are kept inline (namespaced under .elig-dialog) where
   they apply reliably without an isolation-bundle rebuild. Mirrors WizardStartOverDialog.razor.css. */
/* /Components/Pages/Appointments/ExistingPatientAppointmentSteps/Components/RelatedPersonSection.razor.rz.scp.css */
.fp-role-checkboxes[b-u0qvqnj1v8] { display: flex; flex-wrap: wrap; gap: .45rem .85rem; padding: .15rem 0; }
.fp-role-checkbox[b-u0qvqnj1v8] { display: inline-flex; align-items: center; gap: .35rem; color: var(--fg-2, #545454); font-size: .78rem; cursor: pointer; }
.fp-role-checkbox input[b-u0qvqnj1v8] { accent-color: var(--primary, #845adf); }
.fp-required-dot[b-u0qvqnj1v8] { color: rgb(var(--danger-rgb, 220, 38, 38)); font-weight: 800; }
/* /Components/Pages/Appointments/PatientRegistrationSteps/GuarantorStep.razor.rz.scp.css */
.pr-role-checkboxes[b-09gds0rqds] { display: flex; flex-wrap: wrap; gap: .45rem .85rem; padding: .15rem 0; }

/* .pr-role-checkbox is a <label> nested inside .pr-field, so it also matches the global
   ".orbit-appts .pr-field label" rule (uppercase, 11px, margin-top: 4px). That rule has higher
   selector specificity (two classes + element) than a single scoped class, so these overrides
   need the extra ".pr-role-checkboxes" ancestor class to win and restore the intended look. */
.pr-role-checkboxes .pr-role-checkbox[b-09gds0rqds] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    color: var(--fg-2, #545454);
    font-size: .78rem;
    font-weight: 400;
    text-transform: none;
    letter-spacing: normal;
    margin-top: 0;
    cursor: pointer;
}
.pr-role-checkbox input[b-09gds0rqds] { accent-color: var(--primary, #845adf); }
/* /Components/Pages/Appointments/Shared/Scheduling/SchedulingSessionHeader.razor.rz.scp.css */
/* SchedulingSessionHeader — a quiet ownership strip. No urgency state: there is no deadline to warn about. */

.scheduling-session[b-2zjkxhkrc7] {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 10px 16px;
    margin-bottom: 12px;
    border: 1px solid rgba(37, 99, 235, 0.22);
    border-radius: 10px;
    background: rgba(37, 99, 235, 0.06);
    color: #1a1d23;
}

.scheduling-session__icon[b-2zjkxhkrc7] {
    flex-shrink: 0;
    font-size: 20px;
    color: rgb(37, 99, 235);
}

.scheduling-session__body[b-2zjkxhkrc7] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
    flex: 1;
}

.scheduling-session__title[b-2zjkxhkrc7] {
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #5c6370;
}

.scheduling-session__lead[b-2zjkxhkrc7] {
    font-size: 0.8125rem;
    line-height: 1.45;
    color: #5c6370;
}

@media (max-width: 640px) {
    .scheduling-session[b-2zjkxhkrc7] {
        flex-wrap: wrap;
    }
}
/* /Components/Shared/CallStatusIndicator.razor.rz.scp.css */
/* cluster — lays the chips out with consistent spacing */
.call-status-cluster[b-5u9vpz7qk6] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

/* .call-state — state chip */
.call-state[b-5u9vpz7qk6] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 10px;
    border-radius: var(--radius-chip, 999px);
    background: rgba(38, 191, 148, 0.10);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: rgb(38, 191, 148);
}

.call-state.idle[b-5u9vpz7qk6] {
    background: var(--bg-surface-3, #f0f2f5);
    color: var(--text-muted, #6b7280);
}

/* pulse dot — explicit element so its colour is independent of the text */
.call-state .pulse[b-5u9vpz7qk6] {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: rgb(38, 191, 148);
    flex-shrink: 0;
    animation: orbit-call-pulse-b-5u9vpz7qk6 1.6s infinite;
}

.call-state.idle .pulse[b-5u9vpz7qk6] {
    background: #8c9097;
    animation: none;
}

@keyframes orbit-call-pulse-b-5u9vpz7qk6 {
    0%   { box-shadow: 0 0 0 0 rgba(38, 191, 148, 0.6); }
    70%  { box-shadow: 0 0 0 7px rgba(38, 191, 148, 0); }
    100% { box-shadow: 0 0 0 0 rgba(38, 191, 148, 0); }
}

/* .tb-caller-chip — caller info */
.tb-caller-chip[b-5u9vpz7qk6] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 10px;
    border-radius: var(--radius-chip, 999px);
    background: rgba(35, 183, 229, 0.08);
    border: 1px solid rgba(35, 183, 229, 0.22);
    font-size: 11.5px;
    max-width: 260px;
    overflow: hidden;
}

.tb-ani[b-5u9vpz7qk6] {
    font-family: var(--font-mono, monospace);
    font-weight: 600;
    white-space: nowrap;
}

.tb-cname[b-5u9vpz7qk6] {
    color: var(--text-muted, #6b7280);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 160px;
}

/* .timer — elapsed time */
.timer[b-5u9vpz7qk6] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 4px 8px;
    border-radius: var(--radius-chip, 999px);
    background: var(--bg-surface-3, #f0f2f5);
    font-family: var(--font-mono, monospace);
    font-size: 11px;
}

/* on-primary variant (WASM app bar) — one unified glass capsule on the purple bar */
.on-primary[b-5u9vpz7qk6] {
    background: rgba(255, 255, 255, 0.14);
    border: 1px solid rgba(255, 255, 255, 0.22);
    border-radius: 999px;
    padding: 3px 6px;
    gap: 0; /* dividers handle separation, not gap */
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
}

/* Strip each segment's own chip skin — they become text groups inside the capsule */
.on-primary .call-state[b-5u9vpz7qk6],
.on-primary .tb-caller-chip[b-5u9vpz7qk6],
.on-primary .timer[b-5u9vpz7qk6] {
    background: transparent;
    border: none;
    box-shadow: none;
    border-radius: 0;
    color: #fff;
    padding: 4px 12px;
}

/* Thin dividers between segments */
.on-primary .tb-caller-chip[b-5u9vpz7qk6],
.on-primary .timer[b-5u9vpz7qk6] {
    border-left: 1px solid rgba(255, 255, 255, 0.20);
}

.on-primary .call-state[b-5u9vpz7qk6] { font-weight: 700; }
.on-primary .call-state .pulse[b-5u9vpz7qk6] { background: #3dd9b0; } /* brighter mint reads better on glass */
.on-primary .tb-ani[b-5u9vpz7qk6]   { color: #fff; }
.on-primary .tb-cname[b-5u9vpz7qk6] { color: rgba(255, 255, 255, 0.80); }
.on-primary .tb-sep[b-5u9vpz7qk6]   { color: rgba(255, 255, 255, 0.50); }
.on-primary .timer[b-5u9vpz7qk6]    { color: rgba(255, 255, 255, 0.92); }

/* Idle capsule */
.on-primary .call-state.idle[b-5u9vpz7qk6] { color: rgba(255, 255, 255, 0.75); }
.on-primary .call-state.idle .pulse[b-5u9vpz7qk6] { background: rgba(255, 255, 255, 0.6); }

/* responsive */
@media (max-width: 767px) { .tb-cname[b-5u9vpz7qk6] { display: none; } }
@media (max-width: 575px) { .tb-caller-chip[b-5u9vpz7qk6] { display: none; } }
/* /Components/Shared/WizardStartOverButton.razor.rz.scp.css */
/* Subtle ghost/text trigger; the orange accent comes from MudButton Color="Warning". */
.wizard-startover-btn[b-huorne4hgr],
.wizard-startover-btn .mud-button-label[b-huorne4hgr] {
    text-transform: none !important;
    letter-spacing: 0.01em;
    font-weight: 500;
    font-size: 0.875rem;
}
/* /Components/Shared/WizardStartOverDialog.razor.rz.scp.css */
/* wso-* styles are in wwwroot/appointments/orbit-tokens.css (global static file)
   so they apply immediately without a Blazor bundle rebuild. */
/* /Layout/AppShellLayout.razor.rz.scp.css */
/* ─── Drawer nav spacing & icon polish ─── */

/* Give the drawer a bit of breathing room */
[b-kwhk4fpox1] .orbit-shell-nav {
    padding: 8px 0;
}

/* Group header: increase icon–label gap and tighten vertical padding */
[b-kwhk4fpox1] .orbit-shell-nav .mud-nav-group-header {
    padding: 6px 16px;
    gap: 10px;
}

[b-kwhk4fpox1] .orbit-shell-nav .mud-nav-group-header .mud-nav-link-icon {
    font-size: 1.25rem;
    flex-shrink: 0;
}

/* Nav link rows: more comfortable vertical padding + icon gap */
[b-kwhk4fpox1] .orbit-shell-nav .mud-nav-link {
    padding: 7px 16px 7px 24px;
    gap: 10px;
    border-radius: 6px;
    margin: 1px 8px;
    transition: background-color 120ms ease;
}

/* Icon inside nav links: consistent size, no shrink */
[b-kwhk4fpox1] .orbit-shell-nav .mud-nav-link .mud-nav-link-icon {
    font-size: 1.1rem;
    flex-shrink: 0;
    opacity: 1;
}

/* Active nav link: keep icon color vivid (MudBlazor sometimes desaturates it) */
[b-kwhk4fpox1] .orbit-shell-nav .mud-nav-link.active .mud-nav-link-icon {
    opacity: 1;
}

/* Inactive icon: slight muting so active stands out */
[b-kwhk4fpox1] .orbit-shell-nav .mud-nav-link:not(.active) .mud-nav-link-icon {
    opacity: 0.72;
}