@import '_content/CarbonBlazor.DesignSystem/CarbonBlazor.DesignSystem.84lgm0thz4.bundle.scp.css';
@import '_content/PactaHealth.Wasm.Admin/PactaHealth.Wasm.Admin.3p8g79xqkw.bundle.scp.css';
@import '_content/PactaHealth.Wasm.Erp/PactaHealth.Wasm.Erp.oldq7wm2si.bundle.scp.css';
@import '_content/PactaHealth.Wasm.Shared/PactaHealth.Wasm.Shared.j57uwd099i.bundle.scp.css';

/* /Components/Booking/SlotSearchPanel.razor.rz.scp.css */
/* Slot-search styles lifted from BookAppointment.razor.css so this component renders identically
   when hosted by BookSlot.razor. Scoped CSS is component-private, so these rules must live here —
   the host page's stylesheet does not reach the panel's own elements. */

.slotsearch-workflow[b-46dkif0em8] {
    display: grid;
    gap: var(--cds-spacing-05);
    min-inline-size: 0;
}

/* Step cards use one consistent operational surface. */
[b-46dkif0em8] cds-tile.book-card,
[b-46dkif0em8] .book-card {
    display: grid;
    gap: var(--cds-spacing-04);
    margin: 0;
    padding: var(--cds-spacing-05);
    background: var(--cds-layer-01);
    border: 1px solid var(--cds-border-subtle-01);
    border-block-start: 3px solid var(--ph-clinical-500);
    --cds-text-placeholder: var(--cds-text-secondary);
    --cds-border-strong: var(--cds-border-strong-01);
    --cds-field-01: var(--cds-layer-02, var(--cds-field-01));
}

[b-46dkif0em8] cds-tile.book-card--service,
[b-46dkif0em8] .book-card--service {
    gap: var(--cds-spacing-03);
    padding: var(--cds-spacing-04) var(--cds-spacing-05);
}

.book-card-title[b-46dkif0em8] {
    margin: 0;
    color: var(--cds-text-primary);
    font-size: var(--cds-heading-compact-02-font-size);
    font-weight: 600;
}

.book-context-row[b-46dkif0em8] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 3fr);
    align-items: end;
    gap: var(--cds-spacing-04);
}

.book-context-row .book-grid[b-46dkif0em8] {
    /* The first selector carries service/physician names and needs more reading room. */
    grid-template-columns: minmax(0, 1.25fr) repeat(2, minmax(0, 1fr));
    gap: var(--cds-spacing-04);
}

.book-grid[b-46dkif0em8] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--cds-spacing-04);
}

/* Make Carbon inputs read as definite controls, not hairlines. */
[b-46dkif0em8] .book-card cds-dropdown,
[b-46dkif0em8] .book-card cds-combo-box,
[b-46dkif0em8] .book-card cds-date-picker,
[b-46dkif0em8] .book-card cds-textarea,
[b-46dkif0em8] .book-card cds-text-input,
[b-46dkif0em8] cds-tile.book-card cds-dropdown,
[b-46dkif0em8] cds-tile.book-card cds-combo-box,
[b-46dkif0em8] cds-tile.book-card cds-date-picker,
[b-46dkif0em8] cds-tile.book-card cds-textarea,
[b-46dkif0em8] cds-tile.book-card cds-text-input {
    --cds-text-placeholder: var(--cds-text-secondary);
}

[b-46dkif0em8] .book-card .cds--label,
[b-46dkif0em8] .book-card label,
[b-46dkif0em8] cds-tile.book-card .cds--label,
[b-46dkif0em8] cds-tile.book-card label {
    color: var(--cds-text-primary);
    font-weight: 600;
}

[b-46dkif0em8] .book-card .carbon-empty,
.book-card .carbon-empty[b-46dkif0em8] {
    margin: 0;
    padding: var(--cds-spacing-04);
    color: var(--cds-text-primary);
    background: var(--cds-layer-accent-01);
    border: 1px solid var(--cds-border-subtle-01);
}

.slot-search-panel[b-46dkif0em8] {
    --slot-date-picker-inline-size: calc(var(--cds-spacing-13) + var(--cds-spacing-11) + var(--cds-spacing-09));
    container: slot-search / inline-size;
    display: grid;
    gap: var(--cds-spacing-04);
    padding: var(--cds-spacing-04);
    background: var(--cds-layer-accent-01);
    border: 1px solid var(--cds-border-subtle-01);
}

.slot-search-heading[b-46dkif0em8] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--cds-spacing-03) var(--cds-spacing-05);
}

.slot-search-heading h3[b-46dkif0em8] {
    margin: 0;
    color: var(--cds-text-primary);
    font-size: var(--cds-heading-compact-01-font-size);
}

.slot-search-heading p[b-46dkif0em8] {
    margin: var(--cds-spacing-01) 0 0;
    color: var(--cds-text-secondary);
    font-size: var(--cds-body-compact-01-font-size);
}

/* Range flexes to fill; the jump group sizes to its own controls so Amount / Interval / Apply
   never get crushed (they used to share a single 1fr track). */
.slot-search-controls[b-46dkif0em8] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: end;
    gap: var(--cds-spacing-05);
}

.slot-range-controls[b-46dkif0em8],
.slot-jump-controls[b-46dkif0em8] {
    display: grid;
    align-items: end;
    gap: var(--cds-spacing-03);
}

.slot-range-controls[b-46dkif0em8] {
    /* Carbon's single date-picker has an 18rem intrinsic width inside its shadow DOM. */
    grid-template-columns: repeat(2, minmax(var(--slot-date-picker-inline-size), 1fr));
    /* Wide gap so From's suffix calendar icon never reads as part of the To value. */
    gap: var(--cds-spacing-05);
}

/* Keep Carbon custom-element hosts inside their grid tracks; their intrinsic width must not
   bridge the intentional gutter between the two dates or overpaint the jump controls. */
.slot-field[b-46dkif0em8] {
    min-inline-size: 0;
}

[b-46dkif0em8] .slot-field > cds-date-picker,
[b-46dkif0em8] .slot-field > cds-number-input,
[b-46dkif0em8] .slot-field > cds-select,
[b-46dkif0em8] .slot-field > cds-button {
    inline-size: 100%;
    min-inline-size: 0;
}

.slot-jump-group[b-46dkif0em8] {
    align-self: end;
    padding-inline-start: var(--cds-spacing-05);
    border-inline-start: 1px solid var(--cds-border-subtle-01);
}

.slot-jump-controls[b-46dkif0em8] {
    grid-template-columns: var(--ph-control-compact-inline-size) var(--ph-control-medium-inline-size) max-content;
    justify-content: start;
}

/* Apply keeps its natural action width instead of absorbing the remainder of a wrapped row. */
[b-46dkif0em8] .slot-jump-controls .slot-field:last-child > cds-button {
    inline-size: auto;
    justify-content: center;
    min-inline-size: var(--ph-control-medium-inline-size);
}

.slot-legend[b-46dkif0em8] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--cds-spacing-04);
    margin: 0;
    padding: 0;
    color: var(--cds-text-secondary);
    font-size: var(--cds-label-01-font-size);
    list-style: none;
}

.slot-legend li[b-46dkif0em8] {
    display: inline-flex;
    align-items: center;
    gap: var(--cds-spacing-02);
}

.slot-legend__swatch[b-46dkif0em8] {
    inline-size: var(--cds-spacing-04);
    block-size: var(--cds-spacing-04);
    border: 1px solid var(--cds-border-strong-01);
}

.slot-legend__swatch--available[b-46dkif0em8] {
    background: var(--cds-support-success);
}

.slot-legend__swatch--full[b-46dkif0em8] {
    background: var(--cds-support-warning);
}

.slot-days[b-46dkif0em8] {
    display: flex;
    flex-direction: column;
    gap: var(--cds-spacing-04);
}

.slot-day[b-46dkif0em8] {
    display: grid;
    gap: var(--cds-spacing-03);
    padding: var(--cds-spacing-04);
    background: var(--cds-layer-accent-01);
    border: 1px solid var(--cds-border-subtle-01);
}

.slot-day-head[b-46dkif0em8] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--cds-spacing-03);
}

.slot-day-head h3[b-46dkif0em8] {
    margin: 0;
    color: var(--cds-text-primary);
    font-size: var(--cds-heading-compact-01-font-size);
    font-weight: 600;
}

.slot-day-counts[b-46dkif0em8] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--cds-spacing-02);
}

.slot-grid[b-46dkif0em8] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: var(--cds-spacing-03);
}

[b-46dkif0em8] cds-button.slot-button {
    inline-size: 100%;
    min-inline-size: 0;
    min-block-size: calc(var(--cds-spacing-09) + var(--cds-spacing-05));
    block-size: auto;
    text-align: start;
    transition: box-shadow var(--cds-motion-fast), transform var(--cds-motion-fast);
}

[b-46dkif0em8] cds-button.slot-button:hover:not([disabled]) {
    box-shadow: var(--ph-shadow-card);
    transform: translateY(-1px);
}

[b-46dkif0em8] cds-button.slot-button--available {
    border-block-end: var(--cds-spacing-02) solid var(--cds-support-success);
}

[b-46dkif0em8] cds-button.slot-button--full {
    border-block-end: var(--cds-spacing-02) solid var(--cds-support-warning);
}

.slot-button__content[b-46dkif0em8] {
    display: grid;
    gap: var(--cds-spacing-01);
    inline-size: 100%;
    min-inline-size: 0;
    padding-block: var(--cds-spacing-02);
}

.slot-button__topline[b-46dkif0em8] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: var(--cds-spacing-03);
}

.slot-button__time[b-46dkif0em8] {
    font-size: var(--cds-heading-compact-02-font-size);
    font-weight: 600;
    font-variant-numeric: tabular-nums;
}

.slot-button__state[b-46dkif0em8] {
    font-size: var(--cds-label-01-font-size);
    font-weight: 600;
}

.slot-button__provider[b-46dkif0em8] {
    overflow-wrap: anywhere;
    font-weight: 600;
}

.slot-button__capacity[b-46dkif0em8] {
    font-size: var(--cds-label-01-font-size);
    opacity: .8;
}

@media (max-width: 80rem) {
    .slot-grid[b-46dkif0em8] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 64rem) {
    .book-context-row[b-46dkif0em8] {
        grid-template-columns: 1fr;
    }
}

/* Reflow from the panel's actual width. The host can be narrow even on a wide viewport. */
@container slot-search (max-width: 128ch) {
    .slot-search-controls[b-46dkif0em8] {
        grid-template-columns: 1fr;
    }

    .slot-jump-group[b-46dkif0em8] {
        padding-block-start: var(--cds-spacing-03);
        padding-inline-start: 0;
        border-block-start: 1px solid var(--cds-border-subtle-01);
        border-inline-start: 0;
    }
}

@container slot-search (max-width: 76ch) {
    .slot-range-controls[b-46dkif0em8] {
        grid-template-columns: 1fr;
    }
}

@container slot-search (max-width: 52ch) {
    .slot-jump-controls[b-46dkif0em8] {
        grid-template-columns: 1fr;
    }

    [b-46dkif0em8] .slot-jump-controls .slot-field:last-child > cds-button {
        inline-size: 100%;
    }
}

@media (max-width: 48rem) {
    .slot-grid[b-46dkif0em8] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 40rem) {
    .book-context-row .book-grid[b-46dkif0em8],
    .book-grid[b-46dkif0em8] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 30rem) {
    .slot-grid[b-46dkif0em8] {
        grid-template-columns: 1fr;
    }
}
/* /Components/CalendarView.razor.rz.scp.css */
.calendar-view[b-wmxuygtk33] {
    background: var(--cds-layer-01);
    border: 1px solid var(--cds-border-subtle);
    padding: var(--cds-spacing-05) var(--cds-spacing-06);
}

.calendar-view__header[b-wmxuygtk33] {
    align-items: center;
    display: flex;
    gap: var(--cds-spacing-04);
    justify-content: space-between;
    margin-block-end: var(--cds-spacing-05);
}

.calendar-view__header h3[b-wmxuygtk33] {
    color: var(--cds-text-primary);
    font-size: var(--cds-heading-03-font-size);
    font-weight: 600;
    margin: 0;
}

.calendar-view__grid[b-wmxuygtk33] {
    background: var(--cds-border-subtle);
    border: 1px solid var(--cds-border-subtle);
    display: grid;
    gap: 1px;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    overflow: hidden;
}

.calendar-view__weekday[b-wmxuygtk33] {
    background: var(--cds-layer-accent-01);
    color: var(--cds-text-secondary);
    font-size: var(--cds-label-01-font-size);
    font-weight: 600;
    letter-spacing: var(--cds-label-01-letter-spacing);
    padding: var(--cds-spacing-03);
    text-align: center;
    text-transform: uppercase;
}

.calendar-view__day[b-wmxuygtk33] {
    background: var(--cds-layer-01);
    border: 0;
    color: var(--cds-text-primary);
    cursor: pointer;
    font: inherit;
    min-block-size: calc(var(--cds-spacing-09) * 1.75);
    padding: var(--cds-spacing-03);
    position: relative;
    text-align: start;
}

.calendar-view__day:hover[b-wmxuygtk33] {
    background: var(--cds-layer-hover-01);
}

.calendar-view__day:focus-visible[b-wmxuygtk33] {
    outline: 2px solid var(--cds-focus);
    outline-offset: -2px;
    z-index: 1;
}

.calendar-view__day--other[b-wmxuygtk33] {
    background: var(--cds-layer-accent-01);
    color: var(--cds-text-disabled);
}

.calendar-view__day--weekend .calendar-view__day-number[b-wmxuygtk33] {
    color: var(--cds-support-warning);
}

.calendar-view__day--today[b-wmxuygtk33] {
    box-shadow: inset 0 -3px 0 var(--cds-support-info);
}

.calendar-view__day--selected[b-wmxuygtk33] {
    box-shadow: inset 0 0 0 2px var(--cds-focus);
}

.calendar-view__day--today.calendar-view__day--selected[b-wmxuygtk33] {
    box-shadow: inset 0 0 0 2px var(--cds-focus), inset 0 -3px 0 var(--cds-support-info);
}

.calendar-view__day-number[b-wmxuygtk33] {
    display: block;
    font-size: var(--cds-body-compact-01-font-size);
    font-weight: 600;
    margin-block-end: var(--cds-spacing-02);
}

.calendar-view__count[b-wmxuygtk33] {
    align-items: center;
    background: var(--cds-layer-accent-01);
    color: var(--cds-link-primary);
    display: inline-flex;
    font-size: var(--cds-label-01-font-size);
    font-weight: 600;
    justify-content: center;
    min-block-size: var(--cds-spacing-05);
    min-inline-size: var(--cds-spacing-05);
    padding-inline: var(--cds-spacing-02);
}

.calendar-view__appointments[b-wmxuygtk33] {
    display: flex;
    flex-direction: column;
    gap: var(--cds-spacing-02);
    margin-block-start: var(--cds-spacing-02);
}

.calendar-view__appointment[b-wmxuygtk33] {
    background: var(--cds-layer-accent-01);
    border-inline-start: 3px solid var(--cds-link-primary);
    color: var(--cds-text-secondary);
    display: flex;
    font-size: var(--cds-label-01-font-size);
    gap: var(--cds-spacing-02);
    overflow: hidden;
    padding: 2px var(--cds-spacing-03);
}

.calendar-view__appointment.status-accent--scheduled[b-wmxuygtk33],
.calendar-view__appointment.status-accent--confirmed[b-wmxuygtk33] {
    border-inline-start-color: var(--cds-support-info);
}

.calendar-view__appointment.status-accent--arrived[b-wmxuygtk33],
.calendar-view__appointment.status-accent--done[b-wmxuygtk33] {
    border-inline-start-color: var(--cds-support-success);
}

.calendar-view__appointment.status-accent--active[b-wmxuygtk33],
.calendar-view__appointment.status-accent--waiting[b-wmxuygtk33] {
    border-inline-start-color: var(--cds-support-warning);
}

.calendar-view__appointment.status-accent--missed[b-wmxuygtk33],
.calendar-view__appointment.status-accent--exception[b-wmxuygtk33] {
    border-inline-start-color: var(--cds-support-error);
}

.calendar-view__appointment.status-accent--overdue[b-wmxuygtk33] {
    border-inline-start-color: var(--cds-support-warning);
}

.calendar-view__appointment strong[b-wmxuygtk33] {
    color: var(--cds-text-primary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.calendar-view--compact[b-wmxuygtk33] {
    padding: var(--cds-spacing-04) var(--cds-spacing-05);
}

.calendar-view--compact .calendar-view__header[b-wmxuygtk33] {
    margin-block-end: var(--cds-spacing-03);
}

.calendar-view--compact .calendar-view__weekday[b-wmxuygtk33] {
    padding: var(--cds-spacing-02) var(--cds-spacing-03);
}

.calendar-view--compact .calendar-view__day[b-wmxuygtk33] {
    min-block-size: calc(var(--cds-spacing-09) + var(--cds-spacing-04));
    padding: var(--cds-spacing-02) var(--cds-spacing-03);
}

.calendar-view--compact .calendar-view__day-number[b-wmxuygtk33] {
    display: inline-block;
    margin-block-end: 0;
    margin-inline-end: var(--cds-spacing-02);
}

.calendar-view--compact .calendar-view__count[b-wmxuygtk33] {
    min-block-size: var(--cds-spacing-04);
    min-inline-size: var(--cds-spacing-04);
}

.calendar-view--compact .calendar-view__appointments[b-wmxuygtk33] {
    gap: 0;
    margin-block-start: var(--cds-spacing-01);
}

.calendar-view--compact .calendar-view__appointment[b-wmxuygtk33] {
    padding: 0 var(--cds-spacing-02);
}

@media (max-width: 48rem) {
    .calendar-view[b-wmxuygtk33] {
        overflow-x: auto;
        padding: var(--cds-spacing-05);
    }

    .calendar-view__grid[b-wmxuygtk33] {
        min-inline-size: var(--ph-calendar-grid-min-size);
    }
}
/* /Components/CarbonFormErrorSummary.razor.rz.scp.css */
.carbon-form-error-summary__items[b-04jgmv0qos] {
    display: grid;
    gap: var(--cds-spacing-02);
    list-style: none;
    margin: var(--cds-spacing-03) 0 0;
    padding: 0;
}

.carbon-form-error-summary__link[b-04jgmv0qos] {
    block-size: auto;
    color: var(--cds-link-primary);
    inline-size: fit-content;
    justify-content: start;
    max-inline-size: 100%;
    min-block-size: var(--button-height-sm);
    padding-inline: var(--cds-spacing-02);
    text-align: start;
    white-space: normal;
}
/* /Components/Chart/Tabs/ChartSummaryTab.razor.rz.scp.css */
.chart-summary[b-wripm4uxn9] {
    display: flex;
    flex-direction: column;
    gap: var(--cds-spacing-05);
}

.chart-summary__header[b-wripm4uxn9] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--cds-spacing-05);
    padding-block-end: var(--cds-spacing-04);
    border-block-end: 1px solid var(--cds-border-subtle-01);
}

.chart-summary__header h3[b-wripm4uxn9],
.summary-section-heading h4[b-wripm4uxn9] {
    margin: var(--cds-spacing-01) 0 0;
    color: var(--cds-text-primary);
    font-size: var(--cds-heading-compact-02-font-size);
    font-weight: var(--cds-heading-compact-02-font-weight);
    line-height: var(--cds-heading-compact-02-line-height);
}

.chart-summary__header h3[b-wripm4uxn9] { font-size: var(--cds-heading-03-font-size); }
.chart-summary__header p[b-wripm4uxn9] {
    margin: var(--cds-spacing-02) 0 0;
    color: var(--cds-text-secondary);
    font-size: var(--cds-body-compact-01-font-size);
}

.chart-summary__eyebrow[b-wripm4uxn9],
.summary-alert__label[b-wripm4uxn9] {
    color: var(--cds-text-secondary);
    font-size: var(--cds-label-01-font-size);
    font-weight: 600;
    letter-spacing: var(--cds-label-01-letter-spacing);
    text-transform: uppercase;
}

.summary-attention[b-wripm4uxn9],
.summary-panel[b-wripm4uxn9] {
    background: var(--cds-layer-02);
    border: 1px solid var(--cds-border-subtle-01);
}

.summary-section-heading[b-wripm4uxn9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--cds-spacing-04);
    min-block-size: calc(var(--cds-spacing-08) + var(--cds-spacing-02));
    padding: var(--cds-spacing-03) var(--cds-spacing-04);
    border-block-end: 1px solid var(--cds-border-subtle-01);
}

.summary-section-heading a[b-wripm4uxn9],
.summary-section-heading__meta[b-wripm4uxn9] {
    color: var(--cds-text-secondary);
    font-size: var(--cds-label-01-font-size);
}

.summary-attention__items[b-wripm4uxn9] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.summary-alert[b-wripm4uxn9] {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: var(--cds-spacing-01) var(--cds-spacing-04);
    min-block-size: var(--cds-spacing-11);
    padding: var(--cds-spacing-03) var(--cds-spacing-04);
    border-inline-start: 3px solid var(--cds-support-info);
    color: var(--cds-text-primary);
    text-decoration: none;
}

.summary-alert + .summary-alert[b-wripm4uxn9] { border-inline-start-width: 1px; }
.summary-alert--danger[b-wripm4uxn9] { border-inline-start: 3px solid var(--cds-support-error); }
.summary-alert--warning[b-wripm4uxn9] { border-inline-start: 3px solid var(--cds-support-warning); }
.summary-alert--success[b-wripm4uxn9] { border-inline-start: 3px solid var(--cds-support-success); }
.summary-alert--info[b-wripm4uxn9] { border-inline-start: 3px solid var(--cds-support-info); }
.summary-alert strong[b-wripm4uxn9] { font-size: var(--cds-heading-01-font-size); }
.summary-alert > span:not(.summary-alert__label):not(.summary-alert__action)[b-wripm4uxn9] {
    grid-column: 1 / -1;
    color: var(--cds-text-secondary);
    font-size: var(--cds-body-compact-01-font-size);
}
.summary-alert__action[b-wripm4uxn9] {
    justify-self: end;
    color: var(--cds-link-primary);
    font-size: var(--cds-label-01-font-size);
}
.summary-alert[href]:hover[b-wripm4uxn9] { background: var(--cds-layer-hover-02); }
.summary-alert[href]:focus-visible[b-wripm4uxn9] { outline: 2px solid var(--cds-focus); outline-offset: -2px; }

.summary-overview-grid[b-wripm4uxn9] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--cds-spacing-05);
}

.summary-data-grid[b-wripm4uxn9] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin: 0;
}

.summary-data-grid > div[b-wripm4uxn9] {
    min-block-size: var(--cds-spacing-10);
    padding: var(--cds-spacing-03) var(--cds-spacing-04);
    border-block-end: 1px solid var(--cds-border-subtle-01);
}
.summary-data-grid > div:nth-child(odd)[b-wripm4uxn9] { border-inline-end: 1px solid var(--cds-border-subtle-01); }
.summary-data-grid > div:nth-last-child(-n + 2)[b-wripm4uxn9] { border-block-end: 0; }
.summary-data-grid dt[b-wripm4uxn9] {
    color: var(--cds-text-secondary);
    font-size: var(--cds-label-01-font-size);
}
.summary-data-grid dd[b-wripm4uxn9] {
    margin: var(--cds-spacing-01) 0 0;
    overflow-wrap: anywhere;
    color: var(--cds-text-primary);
    font-size: var(--cds-body-compact-01-font-size);
    font-weight: 600;
}

.summary-panel__empty[b-wripm4uxn9] {
    margin: 0;
    padding: var(--cds-spacing-05) var(--cds-spacing-04);
    color: var(--cds-text-secondary);
    font-size: var(--cds-body-compact-01-font-size);
}

.summary-record-links[b-wripm4uxn9] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.summary-record-links a[b-wripm4uxn9] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: var(--cds-spacing-01);
    min-block-size: var(--cds-spacing-10);
    padding: var(--cds-spacing-03) var(--cds-spacing-04);
    border-block-end: 1px solid var(--cds-border-subtle-01);
    border-inline-end: 1px solid var(--cds-border-subtle-01);
    color: var(--cds-text-primary);
    text-decoration: none;
}
.summary-record-links a:nth-child(3n)[b-wripm4uxn9] { border-inline-end: 0; }
.summary-record-links a:nth-last-child(-n + 3)[b-wripm4uxn9] { border-block-end: 0; }
.summary-record-links a:hover[b-wripm4uxn9] { background: var(--cds-layer-hover-02); }
.summary-record-links a:focus-visible[b-wripm4uxn9] { outline: 2px solid var(--cds-focus); outline-offset: -2px; }
.summary-record-links strong[b-wripm4uxn9] { font-size: var(--cds-heading-01-font-size); }
.summary-record-links span[b-wripm4uxn9] { color: var(--cds-text-secondary); font-size: var(--cds-label-01-font-size); }

@media (max-width: 64rem) {
    .summary-overview-grid[b-wripm4uxn9] { grid-template-columns: 1fr; }
}

@media (max-width: 40rem) {
    .summary-section-heading[b-wripm4uxn9] { align-items: flex-start; flex-direction: column; }
    .summary-attention__items[b-wripm4uxn9],
    .summary-data-grid[b-wripm4uxn9],
    .summary-record-links[b-wripm4uxn9] { grid-template-columns: 1fr; }
    .summary-alert + .summary-alert[b-wripm4uxn9] { border-inline-start-width: 3px; }
    .summary-data-grid > div[b-wripm4uxn9],
    .summary-data-grid > div:nth-child(odd)[b-wripm4uxn9],
    .summary-data-grid > div:nth-last-child(-n + 2)[b-wripm4uxn9],
    .summary-record-links a[b-wripm4uxn9],
    .summary-record-links a:nth-child(3n)[b-wripm4uxn9],
    .summary-record-links a:nth-last-child(-n + 3)[b-wripm4uxn9] {
        border-block-end: 1px solid var(--cds-border-subtle-01);
        border-inline-end: 0;
    }
    .summary-data-grid > div:last-child[b-wripm4uxn9],
    .summary-record-links a:last-child[b-wripm4uxn9] { border-block-end: 0; }
}
/* /Components/Chart/Tabs/ChartVitalSignsTrendsTab.razor.rz.scp.css */
.vitals-trends .chart-tab-head[b-2k7drobkdj] {
    display: flex;
    align-items: start;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: var(--cds-spacing-04);
}

.vitals-trends__period[b-2k7drobkdj] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--cds-spacing-02);
}

.vitals-trends__grid[b-2k7drobkdj] {
    display: grid;
    gap: var(--cds-spacing-05);
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

[b-2k7drobkdj] cds-tile.vitals-trends__card,
[b-2k7drobkdj] .vitals-trends__card {
    display: grid;
    gap: var(--cds-spacing-03);
    padding: var(--cds-spacing-05);
    background: var(--cds-layer-01);
    border: 1px solid var(--cds-border-subtle-01);
    border-block-start: 3px solid var(--ph-clinical-500);
}

.vitals-trends__card-head[b-2k7drobkdj] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: var(--cds-spacing-03);
}

.vitals-trends__card-head h4[b-2k7drobkdj] {
    margin: 0;
    color: var(--cds-text-primary);
    font-size: var(--cds-heading-compact-01-font-size);
    font-weight: 600;
}

.vitals-trends__card-head span[b-2k7drobkdj] {
    color: var(--cds-text-secondary);
    font-size: var(--cds-label-01-font-size);
}

@media (max-width: 56rem) {
    .vitals-trends__grid[b-2k7drobkdj] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Clinical/PediatricGrowthCharts.razor.rz.scp.css */
.growth-charts[b-64tp71z046] {
    display: flex;
    flex-direction: column;
    gap: var(--cds-spacing-05);
    padding-block-start: var(--cds-spacing-03);
    border-block-start: 1px solid var(--cds-border-subtle-01);
}

.growth-charts__header[b-64tp71z046],
.growth-chart-card__header[b-64tp71z046] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--cds-spacing-05);
}

.growth-charts__header h3[b-64tp71z046],
.growth-chart-card__header h4[b-64tp71z046] {
    margin: 0;
}

.growth-charts__header p[b-64tp71z046],
.growth-chart-card__header span[b-64tp71z046],
.growth-chart-card__latest[b-64tp71z046],
.growth-chart-card__empty[b-64tp71z046] {
    color: var(--cds-text-secondary);
    font-size: var(--cds-body-compact-01-font-size);
}

.growth-charts__header p[b-64tp71z046] {
    max-inline-size: var(--ph-content-wide);
    margin: var(--cds-spacing-02) 0 0;
}

.growth-charts__legend[b-64tp71z046] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--cds-spacing-04);
    font-size: var(--cds-caption-01-font-size);
    color: var(--cds-text-secondary);
}

.growth-charts__legend span[b-64tp71z046] {
    display: inline-flex;
    align-items: center;
    gap: var(--cds-spacing-02);
}

.growth-charts__legend i[b-64tp71z046] {
    inline-size: var(--cds-spacing-05);
    block-size: var(--cds-spacing-01);
    background: var(--growth-color);
}

.growth-charts__legend .growth-charts__observed-key[b-64tp71z046] {
    inline-size: var(--cds-spacing-03);
    block-size: var(--cds-spacing-03);
    border-radius: 50%;
    background: var(--cds-text-primary);
}

.growth-charts__grid[b-64tp71z046] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--cds-spacing-05);
}

.growth-chart-card[b-64tp71z046] {
    min-inline-size: 0;
}

.growth-chart-card__latest[b-64tp71z046] {
    margin: var(--cds-spacing-03) 0 0;
    padding-block-start: var(--cds-spacing-04);
    border-block-start: 1px solid var(--cds-border-subtle-01);
}

@media (max-width: 66rem) {
    .growth-charts__grid[b-64tp71z046] {
        grid-template-columns: 1fr;
    }
}

@media (forced-colors: active) {
    .growth-charts__legend i[b-64tp71z046] {
        background: CanvasText;
    }
}
/* /Components/Scheduler/AppointmentCard.razor.rz.scp.css */
.day-board-card[b-xamlk16v1w] {
    position: absolute;
    inset-inline: var(--cds-spacing-01);
    z-index: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 calc(var(--cds-spacing-02) + var(--cds-spacing-01));
    margin: 0;
    border: 1px solid color-mix(in srgb, var(--day-board-card-accent, var(--cds-border-interactive)) 55%, var(--cds-layer-01));
    border-inline-start: 3px solid var(--day-board-card-accent, var(--cds-border-interactive));
    border-radius: 0;
    background: color-mix(in srgb, var(--day-board-card-accent, var(--cds-border-interactive)) 38%, var(--cds-layer-01));
    color: var(--cds-text-primary);
    text-align: start;
    cursor: pointer;
    font: inherit;
    overflow: hidden;
    box-shadow: none;
    line-height: 1.2;
}

.day-board-card--draggable[b-xamlk16v1w] {
    cursor: grab;
}

.day-board-card--dragging[b-xamlk16v1w] {
    opacity: 0.45;
    cursor: grabbing;
}

.day-board-card:hover[b-xamlk16v1w],
.day-board-card:focus-within[b-xamlk16v1w] {
    background: color-mix(in srgb, var(--day-board-card-accent, var(--cds-border-interactive)) 50%, var(--cds-layer-01));
    z-index: 4;
    overflow: visible;
}

.day-board-card:focus-visible[b-xamlk16v1w] {
    outline: 2px solid var(--cds-focus);
    outline-offset: 1px;
}

.day-board-card__body[b-xamlk16v1w] {
    display: flex;
    min-width: 0;
    min-height: 0;
}

.day-board-card__title[b-xamlk16v1w] {
    display: flex;
    align-items: center;
    gap: var(--cds-spacing-02);
    min-width: 0;
    font-size: var(--cds-label-01-font-size);
    font-weight: 600;
    line-height: 1.15;
}

.day-board-card__time[b-xamlk16v1w] {
    color: color-mix(in srgb, var(--day-board-card-accent, var(--cds-border-interactive)) 65%, var(--cds-text-primary));
    flex: 0 0 auto;
}

.day-board-card__separator[b-xamlk16v1w] {
    color: var(--cds-text-secondary);
    flex: 0 0 auto;
}

.day-board-card__patient[b-xamlk16v1w] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.day-board-card__hover[b-xamlk16v1w] {
    display: none;
    position: absolute;
    inset-inline-start: 0;
    inset-block-start: calc(100% + var(--cds-spacing-01));
    z-index: 5;
    min-inline-size: calc(var(--cds-spacing-13) + var(--cds-spacing-05));
    max-inline-size: calc(var(--cds-spacing-13) + var(--cds-spacing-12));
    padding: var(--cds-spacing-03) calc(var(--cds-spacing-03) + var(--cds-spacing-01));
    border: 1px solid var(--cds-border-subtle-01);
    background: var(--cds-layer-01);
    color: var(--cds-text-primary);
    box-shadow: var(--ph-shadow-card-raised);
    pointer-events: none;
}

.day-board-card:hover .day-board-card__hover[b-xamlk16v1w],
.day-board-card:focus-within .day-board-card__hover[b-xamlk16v1w] {
    display: block;
}

.day-board-card__hover-line[b-xamlk16v1w] {
    font-size: var(--cds-label-01-font-size);
    line-height: 1.35;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.day-board-card__hover-line + .day-board-card__hover-line[b-xamlk16v1w] {
    color: var(--cds-text-secondary);
    font-weight: 400;
}

.day-board-card__hover-line:first-child[b-xamlk16v1w] {
    font-weight: 600;
}

.day-board-card__hover-hint[b-xamlk16v1w] {
    margin-block-start: var(--cds-spacing-02);
    font-size: var(--cds-helper-text-01-font-size);
    color: var(--cds-text-secondary);
}

.day-board-card__actions[b-xamlk16v1w] {
    display: none;
    margin-block-start: var(--cds-spacing-02);
    padding-block-start: var(--cds-spacing-02);
    border-block-start: 1px solid var(--cds-border-subtle-01);
    background: var(--cds-layer-01);
}

.day-board-card:hover .day-board-card__actions[b-xamlk16v1w],
.day-board-card:focus-within .day-board-card__actions[b-xamlk16v1w] {
    display: block;
}

.day-board-card.status-accent--missed[b-xamlk16v1w],
.day-board-card.status-accent--exception[b-xamlk16v1w] {
    opacity: 0.72;
}

.day-board-card.status-accent--overdue[b-xamlk16v1w] {
    box-shadow: inset 0 0 0 1px var(--cds-support-warning);
}

.day-board-card.status-accent--done[b-xamlk16v1w] {
    opacity: 0.85;
}

/* Workflow-status dot. The card surface keeps the service color; the dot answers
   "where is this patient in the visit?" at a glance. */
.day-board-card__status-dot[b-xamlk16v1w] {
    flex: 0 0 auto;
    inline-size: var(--cds-spacing-03);
    block-size: var(--cds-spacing-03);
    border-radius: 50%;
    background: var(--cds-border-strong-01); /* booked / scheduled */
}

.status-accent--confirmed .day-board-card__status-dot[b-xamlk16v1w],
.status-accent--arrived .day-board-card__status-dot[b-xamlk16v1w] {
    background: var(--cds-support-info);
}

.status-accent--active .day-board-card__status-dot[b-xamlk16v1w],
.status-accent--waiting .day-board-card__status-dot[b-xamlk16v1w] {
    background: var(--cds-support-warning);
}

.status-accent--done .day-board-card__status-dot[b-xamlk16v1w] {
    background: var(--cds-support-success);
}

.status-accent--missed .day-board-card__status-dot[b-xamlk16v1w],
.status-accent--exception .day-board-card__status-dot[b-xamlk16v1w] {
    background: var(--cds-support-error);
}

.status-accent--overdue .day-board-card__status-dot[b-xamlk16v1w] {
    background: var(--cds-support-warning);
}

@media (prefers-reduced-motion: reduce) {
    .day-board-card__hover[b-xamlk16v1w] {
        box-shadow: none;
    }
}
/* /Components/Scheduler/DayBoardBookDialog.razor.rz.scp.css */
.day-board-book[b-6scb8ob1fu] {
    display: flex;
    flex-direction: column;
    gap: var(--cds-spacing-05);
}

.day-board-book__slot[b-6scb8ob1fu] {
    margin: 0;
    padding: var(--cds-spacing-04) var(--cds-spacing-05);
    background: var(--cds-layer-accent-01);
    color: var(--cds-text-primary);
    font-size: var(--cds-body-compact-01-font-size);
}

.day-board-book__intro[b-6scb8ob1fu] {
    margin: 0;
    color: var(--cds-text-secondary);
    font-size: var(--cds-body-compact-01-font-size);
}

.day-board-book__section-title[b-6scb8ob1fu] {
    margin: 0 0 var(--cds-spacing-03);
    font-size: var(--cds-label-01-font-size);
    font-weight: 600;
    color: var(--cds-text-secondary);
}

.day-board-book__search-row[b-6scb8ob1fu] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--cds-spacing-04);
    align-items: flex-end;
}

.day-board-book__search-row > :first-child[b-6scb8ob1fu] {
    flex: 1 1 calc(var(--cds-spacing-13) + var(--cds-spacing-12));
}

.day-board-book__results[b-6scb8ob1fu] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: var(--cds-spacing-03);
    max-block-size: calc(var(--cds-spacing-13) + var(--cds-spacing-12) + var(--cds-spacing-07));
    overflow: auto;
}

.day-board-book__results > li[b-6scb8ob1fu] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--cds-spacing-04);
    align-items: center;
    justify-content: space-between;
    padding: var(--cds-spacing-04);
    border: 1px solid var(--cds-border-subtle-01);
    background: var(--cds-layer-01);
}

.day-board-book__result-main[b-6scb8ob1fu] {
    display: flex;
    flex-direction: column;
    gap: var(--cds-spacing-02);
    min-width: 0;
}

.day-board-book__result-meta[b-6scb8ob1fu] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--cds-spacing-04);
    color: var(--cds-text-secondary);
    font-size: var(--cds-helper-text-01-font-size);
}

.day-board-book__patient[b-6scb8ob1fu] {
    display: flex;
    flex-direction: column;
    gap: calc(var(--cds-spacing-02) + var(--cds-spacing-01));
    padding: var(--cds-spacing-04);
    border: 1px solid var(--cds-border-subtle-01);
    background: var(--cds-layer-01);
}

.day-board-book__patient strong[b-6scb8ob1fu] {
    display: inline-flex;
    align-items: center;
    gap: var(--cds-spacing-03);
}

.day-board-book__confirm[b-6scb8ob1fu] {
    display: flex;
    flex-direction: column;
    gap: var(--cds-spacing-05);
}

.day-board-book__actions[b-6scb8ob1fu] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--cds-spacing-04);
    justify-content: flex-end;
    margin-block-start: var(--cds-spacing-02);
}
/* /Components/Scheduler/DayBoardGrid.razor.rz.scp.css */
.day-board-shell[b-r9fpf9u79v] {
    display: flex;
    flex-direction: column;
    gap: var(--cds-spacing-04);
}

.day-board-chrome[b-r9fpf9u79v] {
    display: flex;
    align-items: flex-start;
    gap: var(--cds-spacing-05);
}

.day-board-chrome__date-row[b-r9fpf9u79v] {
    display: flex;
    align-items: center;
    gap: var(--cds-spacing-04);
}

.day-board-chrome__date[b-r9fpf9u79v] {
    margin: 0;
    color: var(--cds-text-primary);
    font-size: var(--cds-heading-03-font-size);
    font-weight: 600;
    line-height: 1.25;
}

.day-board-chrome__meta[b-r9fpf9u79v] {
    margin: var(--cds-spacing-02) 0 0;
    color: var(--cds-text-secondary);
    font-size: var(--cds-body-compact-01-font-size);
    display: flex;
    flex-wrap: wrap;
    gap: var(--cds-spacing-03) var(--cds-spacing-04);
    align-items: baseline;
}

.day-board-chrome__readonly[b-r9fpf9u79v] {
    color: var(--cds-text-secondary);
    font-size: var(--cds-label-01-font-size);
    font-weight: 600;
    padding: var(--cds-spacing-01) var(--cds-spacing-03);
    border: 1px solid var(--cds-border-subtle-01);
    background: var(--cds-layer-accent-01);
}

.day-board-chrome__nav[b-r9fpf9u79v] {
    display: flex;
    gap: 0;
    border: 1px solid var(--cds-border-subtle-01);
}

.day-board-scroll[b-r9fpf9u79v] {
    overflow: auto;
    /* The timeline always contains the full day; keep it in a bounded operational viewport. */
    max-block-size: min(78vh, calc((var(--cds-spacing-13) * 5) + var(--cds-spacing-07)));
    border: 1px solid var(--cds-border-subtle-01);
    background: var(--cds-layer-01);
}

.day-board[b-r9fpf9u79v] {
    --day-board-gutter-width: calc(var(--cds-spacing-09) + var(--cds-spacing-02));
    --day-board-header-height: calc(var(--cds-spacing-08) + var(--cds-spacing-02));
    --day-board-column-min-width: calc(var(--cds-spacing-13) + var(--cds-spacing-05));
    min-inline-size: calc(var(--day-board-gutter-width) + (var(--day-board-cols, 1) * var(--day-board-column-min-width)));
}

.day-board__header-row[b-r9fpf9u79v] {
    display: grid;
    grid-template-columns: var(--day-board-gutter-width) repeat(var(--day-board-cols, 1), minmax(var(--day-board-column-min-width), 1fr));
    position: sticky;
    inset-block-start: 0;
    z-index: 3;
    background: var(--cds-layer-01);
    border-block-end: 1px solid var(--cds-border-subtle-01);
    min-block-size: var(--day-board-header-height);
}

.day-board__corner[b-r9fpf9u79v] {
    border-inline-end: 1px solid var(--cds-border-subtle-01);
    background: var(--cds-layer-01);
}

.day-board__header[b-r9fpf9u79v] {
    display: flex;
    align-items: center;
    gap: var(--cds-spacing-03);
    padding: var(--cds-spacing-03) var(--cds-spacing-04);
    border-inline-end: 1px solid var(--cds-border-subtle-01);
    color: var(--cds-text-primary);
    font-size: var(--cds-label-01-font-size);
}

.day-board__header:focus-visible[b-r9fpf9u79v] {
    outline: 2px solid var(--cds-focus);
    outline-offset: -2px;
}

.day-board__avatar[b-r9fpf9u79v] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    inline-size: var(--cds-spacing-06);
    block-size: var(--cds-spacing-06);
    color: var(--cds-icon-secondary);
    background: var(--cds-layer-accent-01);
    flex: 0 0 auto;
    overflow: hidden;
}

.day-board__avatar-img[b-r9fpf9u79v] {
    inline-size: 100%;
    block-size: 100%;
    object-fit: cover;
    display: block;
}

.day-board__header-text[b-r9fpf9u79v] {
    display: flex;
    flex-direction: column;
    gap: var(--cds-spacing-01);
    min-inline-size: 0;
}

.day-board__header strong[b-r9fpf9u79v] {
    font-size: var(--cds-body-compact-01-font-size);
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.day-board__header-meta[b-r9fpf9u79v] {
    color: var(--cds-text-secondary);
    font-size: var(--cds-helper-text-01-font-size);
}

.day-board__header--leave[b-r9fpf9u79v],
.day-board__column--leave[b-r9fpf9u79v] {
    background: color-mix(in srgb, var(--cds-support-warning) 8%, var(--cds-layer-01));
}

.day-board__header--muted[b-r9fpf9u79v],
.day-board__column--muted[b-r9fpf9u79v] {
    background: var(--cds-layer-accent-01);
    color: var(--cds-text-secondary);
}

.day-board__body[b-r9fpf9u79v] {
    display: grid;
    grid-template-columns: var(--day-board-gutter-width) repeat(var(--day-board-cols, 1), minmax(var(--day-board-column-min-width), 1fr));
    position: relative;
}

.day-board__gutter-col[b-r9fpf9u79v],
.day-board__column[b-r9fpf9u79v] {
    display: grid;
    grid-template-rows: repeat(var(--day-board-rows, 1), var(--day-board-row-height, var(--cds-spacing-05)));
    position: relative;
    border-inline-end: 1px solid var(--cds-border-subtle-01);
}

.day-board__gutter[b-r9fpf9u79v] {
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
    padding: var(--cds-spacing-01) var(--cds-spacing-03) 0;
    color: var(--cds-text-secondary);
    font-size: var(--cds-label-01-font-size);
    background: var(--cds-layer-01);
}

.day-board__gutter--hour[b-r9fpf9u79v] {
    border-block-start: 1px solid var(--cds-border-subtle-01);
    font-weight: 600;
}

.day-board__gutter--half[b-r9fpf9u79v] {
    border-block-start: 1px solid color-mix(in srgb, var(--cds-border-subtle-01) 45%, transparent);
}

.day-board__gutter--minor[b-r9fpf9u79v] {
    border-block-start: 1px solid transparent;
}

.day-board__cell[b-r9fpf9u79v] {
    background: var(--cds-layer-01);
}

.day-board__cell--hour[b-r9fpf9u79v] {
    border-block-start: 1px solid var(--cds-border-subtle-01);
}

.day-board__cell--half[b-r9fpf9u79v] {
    border-block-start: 1px solid color-mix(in srgb, var(--cds-border-subtle-01) 45%, transparent);
}

.day-board__cell--minor[b-r9fpf9u79v] {
    border-block-start: 1px solid transparent;
}

/* Off-hours: faint diagonal pinstripe over a barely-tinted base, so the full-day
   grid reads as "muted" rather than a wall of gray. Stripe period is
   row-height / √2 — the exact vertical drift of a 45° pattern per row — so the
   per-cell gradients tile seamlessly down a column. */
.day-board__cell--non-working[b-r9fpf9u79v] {
    background:
        repeating-linear-gradient(
            -45deg,
            color-mix(in srgb, var(--cds-border-subtle-01) 55%, transparent) 0 1px,
            transparent 1px calc(var(--day-board-row-height, var(--cds-spacing-05)) / 1.41421))
        color-mix(in srgb, var(--cds-layer-accent-01) 40%, var(--cds-layer-01));
}

.day-board__cell--break[b-r9fpf9u79v] {
    background: color-mix(in srgb, var(--cds-border-strong-01) 18%, var(--cds-layer-accent-01));
}

.day-board__cell--bookable[b-r9fpf9u79v] {
    cursor: pointer;
}

.day-board__cell--bookable:hover[b-r9fpf9u79v] {
    background: color-mix(in srgb, var(--cds-support-info) 8%, var(--cds-layer-01));
}

.day-board__cell--droppable[b-r9fpf9u79v] {
    background: color-mix(in srgb, var(--cds-support-success) 10%, var(--cds-layer-01));
}

.day-board__cell--drop-target[b-r9fpf9u79v] {
    background: color-mix(in srgb, var(--cds-support-success) 22%, var(--cds-layer-01));
    outline: 2px solid var(--cds-support-success);
    outline-offset: -2px;
}

.day-board__cell--bookable:focus-visible[b-r9fpf9u79v] {
    outline: 2px solid var(--cds-focus);
    outline-offset: -2px;
    z-index: 1;
}

.day-board__now[b-r9fpf9u79v] {
    position: absolute;
    inset-inline: var(--day-board-gutter-width) 0;
    border-block-start: 2px solid var(--cds-support-error);
    z-index: 2;
    pointer-events: none;
}

.day-board__now[b-r9fpf9u79v]::before {
    content: "";
    position: absolute;
    inset-inline-start: calc(-1 * var(--cds-spacing-03));
    inset-block-start: calc(-1 * (var(--cds-spacing-03) - (var(--cds-spacing-01) / 2)));
    inline-size: var(--cds-spacing-04);
    block-size: var(--cds-spacing-04);
    background: var(--cds-support-error);
}

.day-board-break[b-r9fpf9u79v] {
    position: absolute;
    inset-inline: var(--cds-spacing-02);
    z-index: 0;
    display: flex;
    align-items: flex-start;
    padding: calc(var(--cds-spacing-02) + var(--cds-spacing-01)) var(--cds-spacing-03);
    border: 1px solid var(--cds-border-subtle-01);
    background: var(--cds-layer-accent-01);
    color: var(--cds-text-secondary);
    font-size: var(--cds-helper-text-01-font-size);
    font-weight: 600;
    pointer-events: none;
}

.day-board-legend[b-r9fpf9u79v] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--cds-spacing-03);
    align-items: center;
}

.day-board-legend__item[b-r9fpf9u79v] {
    display: inline-flex;
    align-items: center;
    gap: var(--cds-spacing-02);
    padding: var(--cds-spacing-02) var(--cds-spacing-04);
    border: none;
    border-radius: var(--radius-full);
    background: color-mix(in srgb, var(--day-board-legend-accent, var(--cds-border-interactive)) 38%, var(--cds-layer-01));
    color: var(--cds-text-primary);
    font-size: var(--cds-label-01-font-size);
}
/* /Components/TenantConfigurationGate.razor.rz.scp.css */
.tenant-config-gate[b-r17z0tupuw] {
    align-items: center;
    background: var(--cds-background);
    color: var(--cds-text-primary);
    display: flex;
    justify-content: center;
    min-block-size: 100dvh;
    padding: var(--cds-spacing-06);
}

.tenant-config-gate--loading[b-r17z0tupuw] {
    flex-direction: column;
    gap: var(--cds-spacing-05);
}

.tenant-config-gate--loading p[b-r17z0tupuw] {
    color: var(--cds-text-secondary);
    margin: 0;
}

.tenant-config-gate__panel[b-r17z0tupuw] {
    background: var(--cds-layer-01);
    display: grid;
    gap: var(--cds-spacing-06);
    inline-size: min(100%, calc(var(--cds-spacing-13) * 4));
    padding: var(--cds-spacing-06);
}

.tenant-config-gate__actions[b-r17z0tupuw] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--cds-spacing-03);
}

.tenant-config-gate__reference[b-r17z0tupuw] {
    margin-block: var(--cds-spacing-04) 0;
}

.tenant-config-gate__reference code[b-r17z0tupuw] {
    overflow-wrap: anywhere;
}

@media (max-width: 40rem) {
    .tenant-config-gate[b-r17z0tupuw] {
        align-items: flex-start;
        padding: var(--cds-spacing-05);
    }

    .tenant-config-gate__panel[b-r17z0tupuw] {
        padding: var(--cds-spacing-05);
    }

    .tenant-config-gate__actions[b-r17z0tupuw] {
        align-items: stretch;
        flex-direction: column;
    }
}
/* /Layout/PatientChartLayout.razor.rz.scp.css */
/* The focused chart shell has no side navigation, so it must not inherit the standard shell's
   expanded or collapsed side-nav offsets. */
.carbon-chart-main-container[b-lobn679em7],
.has-collapsed-nav .carbon-chart-main-container[b-lobn679em7] {
    margin-inline-start: 0;
}

/* The chart header is a high-contrast clinical workspace bar, distinct from
   content layers while remaining consistent with the main navigation. */
[b-lobn679em7] cds-header.patient-chart-header {
    --cds-background: var(--ph-clinical-800);
    --cds-background-hover: var(--ph-clinical-700);
    --cds-border-subtle-01: var(--ph-clinical-border);
    --cds-focus: var(--ph-clinical-focus);
    --cds-icon-primary: var(--cds-text-on-color);
    --cds-text-primary: var(--cds-text-on-color);
    --cds-text-secondary: var(--ph-clinical-text-secondary);
    background: var(--ph-clinical-800);
    border-block-end: 1px solid var(--ph-clinical-border-interactive);
}

.patient-chart-header__back[b-lobn679em7] {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    gap: var(--cds-spacing-02);
    min-block-size: var(--ph-shell-header-size);
    padding-inline: var(--cds-spacing-04);
    border-inline-end: 1px solid var(--ph-clinical-border);
    color: var(--cds-text-on-color);
    font-size: var(--cds-body-compact-01-font-size);
    font-weight: 600;
    text-decoration: none;
}

.patient-chart-header__back:hover[b-lobn679em7] {
    background: var(--ph-clinical-700);
}

.patient-chart-header__back:focus-visible[b-lobn679em7] {
    outline: 2px solid var(--ph-clinical-focus);
    outline-offset: -2px;
}

.patient-chart-header__back > span:first-child[b-lobn679em7] {
    font-size: var(--cds-heading-03-font-size);
    line-height: 1;
}

.patient-chart-header__identity[b-lobn679em7] {
    display: flex;
    min-inline-size: 0;
    align-items: center;
    gap: var(--cds-spacing-03);
    margin-inline-start: var(--cds-spacing-04);
}

.patient-chart-header__avatar[b-lobn679em7] {
    display: inline-flex;
    flex: 0 0 var(--cds-spacing-07);
    align-items: center;
    justify-content: center;
    inline-size: var(--cds-spacing-07);
    block-size: var(--cds-spacing-07);
    overflow: hidden;
    background: var(--ph-clinical-100);
    border: 1px solid var(--ph-clinical-border-interactive);
    border-radius: 50%;
    color: var(--ph-clinical-900);
    font-size: var(--cds-label-01-font-size);
    font-weight: 600;
}

.patient-chart-header__avatar img[b-lobn679em7] {
    inline-size: 100%;
    block-size: 100%;
    object-fit: cover;
}

.patient-chart-header__patient[b-lobn679em7] {
    display: grid;
    min-inline-size: 0;
    line-height: 1.2;
}

.patient-chart-header__patient strong[b-lobn679em7],
.patient-chart-header__patient span[b-lobn679em7] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.patient-chart-header__patient strong[b-lobn679em7] {
    color: var(--cds-text-on-color);
    font-size: var(--cds-body-compact-01-font-size);
    font-weight: 600;
}

.patient-chart-header__patient span[b-lobn679em7] {
    color: var(--ph-clinical-text-secondary);
    font-size: var(--cds-label-01-font-size);
}

@media (max-width: 40rem) {
    .patient-chart-header__back > span:last-child[b-lobn679em7],
    [b-lobn679em7] cds-header-name {
        display: none;
    }

    .patient-chart-header__identity[b-lobn679em7] {
        margin-inline-start: var(--cds-spacing-02);
    }
}
/* /Pages/Admin/VitalCaptureProfiles.razor.rz.scp.css */
.vp-admin[b-ruv5w1eeth] {
    display: grid;
    gap: var(--cds-spacing-05);
}

.vp-muted[b-ruv5w1eeth] {
    color: var(--cds-text-secondary);
    font-size: var(--cds-label-01-font-size);
    margin-block-start: var(--cds-spacing-02);
}

.vp-actions[b-ruv5w1eeth] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--cds-spacing-02);
}

.vp-editor[b-ruv5w1eeth] {
    display: grid;
    gap: var(--cds-spacing-05);
}

.vp-editor__grid[b-ruv5w1eeth] {
    display: grid;
    gap: var(--cds-spacing-04);
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.vp-field-list[b-ruv5w1eeth] {
    background: var(--cds-border-subtle-01);
    border: 1px solid var(--cds-border-subtle-01);
    display: grid;
    gap: 1px;
}

.vp-field-row[b-ruv5w1eeth] {
    align-items: center;
    background: var(--cds-layer-01);
    display: grid;
    gap: var(--cds-spacing-04);
    grid-template-columns: minmax(0, 2fr) repeat(3, minmax(0, 1fr));
    padding: var(--cds-spacing-03) var(--cds-spacing-04);
}

.vp-field-item[b-ruv5w1eeth] {
    background: var(--cds-layer-01);
    display: grid;
}

.vp-range-row[b-ruv5w1eeth] {
    border-block-start: 1px solid var(--cds-border-subtle-01);
    display: grid;
    gap: var(--cds-spacing-03);
    grid-template-columns: repeat(3, minmax(0, 1fr));
    padding: var(--cds-spacing-04);
}

.vp-field-row > span[b-ruv5w1eeth] {
    color: var(--cds-text-secondary);
    font-size: var(--cds-label-01-font-size);
}

@media (max-width: 40rem) {
    .vp-editor__grid[b-ruv5w1eeth],
    .vp-field-row[b-ruv5w1eeth],
    .vp-range-row[b-ruv5w1eeth] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/AppointmentsSchedule.razor.rz.scp.css */
.appointments-page[b-lyvb9fb7vl] {
    display: flex;
    flex-direction: column;
    gap: var(--cds-spacing-04);
}

.appointments-page[b-lyvb9fb7vl]  .fdw-layout {
    display: grid;
    gap: var(--cds-spacing-04);
    min-inline-size: 0;
}

.appointments-page[b-lyvb9fb7vl]  .fdw-layout--with-selected {
    grid-template-columns: minmax(0, 1fr) minmax(var(--ph-side-nav-size), .32fr);
}

.appointments-page[b-lyvb9fb7vl]  .fdw-layout--body-wide {
    grid-template-columns: 1fr;
}

.appointments-page[b-lyvb9fb7vl]  .fdw-selected {
    display: flex;
    flex-direction: column;
    min-block-size: calc(var(--ph-side-nav-size) + var(--cds-spacing-07));
    overflow: hidden;
    background: var(--cds-layer-01);
    border: 1px solid var(--cds-border-subtle);
    border-radius: var(--radius-xl);
    box-shadow: var(--ph-shadow-card);
}

.appointments-page[b-lyvb9fb7vl]  .fdw-selected__header {
    padding: var(--cds-spacing-05);
    border-block-end: 1px solid var(--cds-border-subtle);
}

.appointments-page[b-lyvb9fb7vl]  .fdw-selected__header h3 {
    margin: 0;
    font-size: var(--cds-heading-03-font-size);
}

.appointments-page[b-lyvb9fb7vl]  .fdw-selected__content {
    display: flex;
    flex: 1;
    padding: var(--cds-spacing-05);
}

.appointments-page[b-lyvb9fb7vl]  .fdw-empty {
    display: flex;
    flex: 1;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--cds-spacing-04);
    color: var(--cds-text-secondary);
    text-align: center;
}

.appointments-section[b-lyvb9fb7vl] {
    display: flex;
    flex-direction: column;
    gap: var(--cds-spacing-04);
}

.appointments-section[b-lyvb9fb7vl]  .carbon-metric-grid {
    margin-block-end: 0;
}

.sched-toolbar[b-lyvb9fb7vl] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
    gap: var(--cds-spacing-04);
    padding-block-end: var(--cds-spacing-03);
    border-block-end: 1px solid var(--cds-border-subtle);
}

.sched-toolbar-actions[b-lyvb9fb7vl] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: var(--cds-spacing-04);
}

.sched-day[b-lyvb9fb7vl] {
    min-inline-size: var(--ph-side-nav-size);
}

.sched-provider[b-lyvb9fb7vl] {
    min-inline-size: var(--ph-side-nav-size);
}

.sched-primary[b-lyvb9fb7vl] {
    font-weight: 600;
}

.sched-muted[b-lyvb9fb7vl] {
    color: var(--cds-text-secondary);
    font-size: var(--cds-label-01-font-size);
}

.sched-retry[b-lyvb9fb7vl] {
    margin-block: var(--cds-spacing-04);
}

.sched-calendar-layout[b-lyvb9fb7vl] {
    display: grid;
    grid-template-columns: minmax(calc(var(--ph-side-nav-size) + var(--cds-spacing-07)), .9fr) minmax(0, 1.1fr);
    align-items: stretch;
    gap: var(--cds-spacing-04);
    min-inline-size: 0;
}

.sched-calendar-panel[b-lyvb9fb7vl],
.sched-day-list[b-lyvb9fb7vl] {
    min-inline-size: 0;
    min-block-size: 0;
}

.sched-day-list[b-lyvb9fb7vl] {
    display: flex;
    flex-direction: column;
    gap: var(--cds-spacing-03);
    padding: var(--cds-spacing-04);
    overflow: hidden;
    background: var(--cds-layer-01);
    border: 1px solid var(--cds-border-subtle);
    border-radius: var(--radius-xl);
    box-shadow: var(--ph-shadow-card);
}

.sched-day-list__header[b-lyvb9fb7vl] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--cds-spacing-04);
}

.sched-day-list__header h3[b-lyvb9fb7vl] {
    margin: 0;
    font-size: var(--cds-heading-03-font-size);
}

.sched-day-list__header p[b-lyvb9fb7vl] {
    margin: var(--cds-spacing-01) 0 0;
    color: var(--cds-text-secondary);
}

.sched-day-list__chips[b-lyvb9fb7vl] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--cds-spacing-02);
}

.sched-day-scroll[b-lyvb9fb7vl] {
    display: grid;
    flex: 1;
    align-content: start;
    gap: var(--cds-spacing-03);
    min-block-size: 0;
    overflow: auto;
}

.sched-appointment-row[b-lyvb9fb7vl] {
    display: grid;
    grid-template-columns:
        minmax(calc(var(--cds-spacing-10) + var(--cds-spacing-08)), .65fr)
        minmax(calc(var(--cds-spacing-10) + var(--cds-spacing-10) + var(--cds-spacing-10)), 1.5fr)
        minmax(calc(var(--cds-spacing-10) + var(--cds-spacing-10) + var(--cds-spacing-09)), 1fr)
        minmax(calc(var(--cds-spacing-10) + var(--cds-spacing-03)), auto);
    align-items: start;
    gap: var(--cds-spacing-04);
    padding: var(--cds-spacing-03) var(--cds-spacing-04);
    background: var(--cds-layer-02);
    border: 1px solid var(--cds-border-subtle);
    border-inline-start-width: var(--cds-spacing-02);
    border-radius: var(--radius-lg);
    box-shadow: var(--ph-shadow-card);
    cursor: pointer;
    transition: box-shadow var(--cds-motion-fast);
}

.sched-appointment-row:hover[b-lyvb9fb7vl] {
    background: var(--cds-layer-hover-02);
    box-shadow: var(--ph-shadow-card-raised);
}

.sched-appointment-row:focus-visible[b-lyvb9fb7vl] {
    outline: 2px solid var(--cds-focus);
    outline-offset: 2px;
}

.sched-appointment-time[b-lyvb9fb7vl] {
    display: flex;
    flex-direction: column;
    gap: var(--cds-spacing-02);
}

.sched-appointment-time__value[b-lyvb9fb7vl] {
    color: var(--cds-link-primary);
    font-size: var(--cds-heading-03-font-size);
    font-weight: 600;
}

.sched-appointment-main[b-lyvb9fb7vl],
.sched-appointment-care[b-lyvb9fb7vl] {
    display: flex;
    flex-direction: column;
    gap: var(--cds-spacing-02);
    min-inline-size: 0;
}

.sched-appointment-main span[b-lyvb9fb7vl],
.sched-appointment-care span[b-lyvb9fb7vl] {
    color: var(--cds-text-secondary);
    font-size: var(--cds-label-01-font-size);
}

.sched-appointment-open[b-lyvb9fb7vl] {
    align-self: center;
    color: var(--cds-link-primary);
    font-weight: 600;
}

.sched-appointment-row--consult[b-lyvb9fb7vl] {
    border-inline-start-color: var(--cds-interactive);
}

.sched-appointment-row--followup[b-lyvb9fb7vl] {
    border-inline-start-color: var(--cds-support-info);
}

.sched-appointment-row--tele[b-lyvb9fb7vl] {
    border-inline-start-color: var(--cds-support-success);
}

.sched-appointment-row--walkin[b-lyvb9fb7vl] {
    border-inline-start-color: var(--cds-support-warning);
}

.sched-appointment-row--surgery[b-lyvb9fb7vl] {
    border-inline-start-color: var(--cds-support-error);
}

.sched-appointment-row--default[b-lyvb9fb7vl] {
    border-inline-start-color: var(--cds-border-strong);
}

.status-accent--scheduled[b-lyvb9fb7vl],
.status-accent--confirmed[b-lyvb9fb7vl] {
    border-inline-start-color: var(--cds-support-info);
}

.status-accent--arrived[b-lyvb9fb7vl],
.status-accent--done[b-lyvb9fb7vl] {
    border-inline-start-color: var(--cds-support-success);
}

.status-accent--active[b-lyvb9fb7vl] {
    border-inline-start-color: var(--cds-support-warning);
}

.status-accent--missed[b-lyvb9fb7vl],
.status-accent--exception[b-lyvb9fb7vl] {
  border-inline-start-color: var(--cds-support-error);
}

.status-accent--overdue[b-lyvb9fb7vl] {
  border-inline-start-color: var(--cds-support-warning);
}

.sched-status-legend[b-lyvb9fb7vl] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--cds-spacing-03);
    padding-block-start: var(--cds-spacing-03);
    border-block-start: 1px solid var(--cds-border-subtle);
}

.sched-status-legend__item[b-lyvb9fb7vl] {
    display: inline-flex;
    align-items: center;
    gap: var(--cds-spacing-02);
    color: var(--cds-text-secondary);
    font-size: var(--cds-label-01-font-size);
}

.sched-status-legend__item[b-lyvb9fb7vl]::before {
    inline-size: var(--cds-spacing-03);
    block-size: var(--cds-spacing-03);
    background: currentColor;
    content: "";
}

.sched-status-legend__item.status-accent--scheduled[b-lyvb9fb7vl]::before,
.sched-status-legend__item.status-accent--confirmed[b-lyvb9fb7vl]::before {
    background: var(--cds-support-info);
}

.sched-status-legend__item.status-accent--arrived[b-lyvb9fb7vl]::before,
.sched-status-legend__item.status-accent--done[b-lyvb9fb7vl]::before {
    background: var(--cds-support-success);
}

.sched-status-legend__item.status-accent--active[b-lyvb9fb7vl]::before {
    background: var(--cds-support-warning);
}

.sched-status-legend__item.status-accent--missed[b-lyvb9fb7vl]::before,
.sched-status-legend__item.status-accent--exception[b-lyvb9fb7vl]::before {
    background: var(--cds-support-error);
}

.sched-status-legend__item.status-accent--overdue[b-lyvb9fb7vl]::before {
    background: var(--cds-support-warning);
}

@media (max-width: 64rem) {
    .appointments-page[b-lyvb9fb7vl]  .fdw-layout--with-selected,
    .sched-calendar-layout[b-lyvb9fb7vl] {
        grid-template-columns: 1fr;
    }

    .sched-appointment-row[b-lyvb9fb7vl] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/Clinical/NursingVitalsEntry.razor.rz.scp.css */
.nv-page[b-mnomskaasq] {
    display: grid;
    gap: var(--cds-spacing-04);
    max-inline-size: 100%;
    min-inline-size: 0;
    padding-block-end: var(--cds-spacing-10);
}

.nv-empty-actions[b-mnomskaasq] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--cds-spacing-03);
    margin-block-start: var(--cds-spacing-04);
}

.nv-strip[b-mnomskaasq] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--cds-spacing-03);
    margin: 0;
    padding: var(--cds-spacing-03) var(--cds-spacing-04);
    background: color-mix(in srgb, var(--ph-clinical-100) 36%, var(--cds-layer-01));
    border: 1px solid var(--cds-border-subtle-01);
    border-inline-start: var(--cds-spacing-02) solid var(--ph-clinical-700);
}

.nv-strip__identity[b-mnomskaasq] {
    display: grid;
    gap: var(--cds-spacing-01);
    min-inline-size: 0;
}

.nv-strip__name[b-mnomskaasq] {
    margin: 0;
    color: var(--cds-text-primary);
    font-size: var(--cds-heading-compact-01-font-size);
    font-weight: 600;
}

.nv-strip__meta[b-mnomskaasq] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--cds-spacing-03);
    color: var(--cds-text-secondary);
    font-size: var(--cds-label-01-font-size);
}

.nv-strip__tags[b-mnomskaasq] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--cds-spacing-02);
}

.nv-workspace[b-mnomskaasq] {
    display: grid;
    gap: var(--cds-spacing-04);
    grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
    align-items: start;
}

.nv-panel[b-mnomskaasq] {
    display: grid;
    gap: var(--cds-spacing-03);
    margin: 0;
    padding: var(--cds-spacing-04);
    background: var(--cds-layer-01);
    border: 1px solid var(--cds-border-subtle-01);
    border-block-start: 3px solid var(--ph-clinical-500);
}

.nv-panel__head[b-mnomskaasq] {
    display: flex;
    align-items: baseline;
    gap: var(--cds-spacing-03);
}

.nv-panel__kicker[b-mnomskaasq] {
    margin: 0;
    color: var(--cds-text-secondary);
    font-size: var(--cds-label-01-font-size);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.02em;
}

.nv-panel__title[b-mnomskaasq] {
    margin: 0;
    color: var(--cds-text-primary);
    font-size: var(--cds-heading-compact-01-font-size);
    font-weight: 600;
}

.nv-caption[b-mnomskaasq] {
    margin: 0;
    color: var(--cds-text-secondary);
    font-size: var(--cds-label-01-font-size);
}

.nv-form-grid[b-mnomskaasq] {
    display: grid;
    gap: var(--cds-spacing-03);
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.nv-field[b-mnomskaasq] {
    display: grid;
    gap: var(--cds-spacing-03);
    align-content: start;
}

.nv-calculated[b-mnomskaasq] {
    min-block-size: var(--cds-spacing-13);
    padding: var(--cds-spacing-04);
    background: var(--cds-layer-02);
    border-block-end: 1px solid var(--cds-border-strong-01);
    color: var(--cds-text-secondary);
    display: grid;
    gap: var(--cds-spacing-02);
    font-size: var(--cds-label-01-font-size);
}

.nv-calculated strong[b-mnomskaasq] {
    color: var(--cds-text-primary);
    font-size: var(--cds-heading-03-font-size);
}

.nv-calculated__label[b-mnomskaasq] {
    color: var(--cds-text-primary);
    font-weight: 600;
}

.nv-rail[b-mnomskaasq] {
    display: grid;
    gap: var(--cds-spacing-03);
    align-content: start;
}

.nv-actions[b-mnomskaasq] {
    position: sticky;
    inset-block-end: 0;
    z-index: var(--ph-z-page-sticky);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--cds-spacing-03);
    margin-block-start: var(--cds-spacing-02);
    padding: var(--cds-spacing-03) var(--cds-spacing-04);
    background: var(--cds-layer-01);
    border: 1px solid var(--cds-border-subtle-01);
    box-shadow: var(--ph-shadow-card-raised);
}

.nv-actions__buttons[b-mnomskaasq] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--cds-spacing-03);
}

.nv-actions__status[b-mnomskaasq] {
    margin: 0;
    color: var(--cds-text-secondary);
    font-size: var(--cds-label-01-font-size);
}

@media (max-width: 64rem) {
    .nv-workspace[b-mnomskaasq] {
        grid-template-columns: 1fr;
    }

    .nv-form-grid[b-mnomskaasq] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

}

@media (max-width: 48rem) {
    .nv-page[b-mnomskaasq] {
        padding-block-end: var(--cds-spacing-11);
    }

    .nv-form-grid[b-mnomskaasq] {
        grid-template-columns: 1fr;
    }

    .nv-strip[b-mnomskaasq] {
        align-items: stretch;
        flex-direction: column;
    }

    .nv-actions[b-mnomskaasq] {
        inset-inline: 0;
        margin-inline: calc(-1 * var(--cds-spacing-05));
        border-radius: 0;
    }

    .nv-actions__buttons[b-mnomskaasq] {
        inline-size: 100%;
    }

    .nv-actions__buttons[b-mnomskaasq]  button,
    .nv-actions__buttons button[b-mnomskaasq] {
        flex: 1 1 auto;
        min-block-size: var(--cds-spacing-09);
    }
}
/* /Pages/Clinical/Triage.razor.rz.scp.css */
.triage-page[b-ilubof58sb] {
    display: grid;
    gap: var(--cds-spacing-04);
    max-inline-size: 90rem;
    min-inline-size: 0;
}

[b-ilubof58sb] cds-tile.triage-panel,
[b-ilubof58sb] .triage-panel {
    display: grid;
    gap: var(--cds-spacing-03);
    margin: 0;
    padding: var(--cds-spacing-04);
    background: var(--cds-layer-01);
    border: 1px solid var(--cds-border-subtle-01);
    border-block-start: 3px solid var(--ph-clinical-500);
    --cds-text-placeholder: var(--cds-text-secondary);
}

[b-ilubof58sb] cds-tile.triage-panel--patient,
[b-ilubof58sb] .triage-panel--patient {
    background: color-mix(in srgb, var(--ph-clinical-100) 36%, var(--cds-layer-01));
    border-inline-start: 4px solid var(--ph-clinical-700);
    border-block-start-color: transparent;
}

.triage-panel__head[b-ilubof58sb] {
    display: flex;
    align-items: baseline;
    gap: var(--cds-spacing-03);
}

.triage-panel__head h2[b-ilubof58sb],
.triage-panel__head p[b-ilubof58sb],
.triage-handoff h2[b-ilubof58sb],
.triage-handoff p[b-ilubof58sb] {
    margin: 0;
}

.triage-panel__head p[b-ilubof58sb],
.triage-handoff > div > p[b-ilubof58sb],
.triage-help[b-ilubof58sb],
.patient-results span[b-ilubof58sb],
.patient-selected span[b-ilubof58sb] {
    color: var(--cds-text-secondary);
}

.triage-panel__head p[b-ilubof58sb],
.triage-handoff > div > p[b-ilubof58sb] {
    font-size: var(--cds-label-01-font-size);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.02em;
}

.triage-panel__head h2[b-ilubof58sb] {
    color: var(--cds-text-primary);
    font-size: var(--cds-heading-compact-01-font-size);
    font-weight: 600;
}

/* One-screen workspace: complaint | vitals | priority+route */
.triage-workspace[b-ilubof58sb] {
    display: grid;
    gap: var(--cds-spacing-04);
    grid-template-columns: minmax(14rem, 0.9fr) minmax(0, 1.4fr) minmax(12rem, 0.85fr);
    align-items: start;
}

.triage-side[b-ilubof58sb] {
    display: grid;
    gap: var(--cds-spacing-04);
}

.patient-search[b-ilubof58sb] {
    display: flex;
    align-items: end;
    gap: var(--cds-spacing-03);
}

.patient-search[b-ilubof58sb]  cds-search {
    flex: 1;
    min-inline-size: 0;
}

.patient-results[b-ilubof58sb] {
    display: grid;
    max-block-size: 10rem;
    overflow: auto;
    border: 1px solid var(--cds-border-subtle-01);
    background: var(--cds-layer-01);
}

.patient-results[b-ilubof58sb]  button,
.patient-results button[b-ilubof58sb] {
    display: grid;
    gap: var(--cds-spacing-01);
    padding: var(--cds-spacing-03);
    border: 0;
    border-block-end: 1px solid var(--cds-border-subtle-01);
    background: transparent;
    color: inherit;
    text-align: start;
    cursor: pointer;
}

.patient-selected[b-ilubof58sb] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--cds-spacing-04);
}

.patient-selected > div[b-ilubof58sb] {
    display: grid;
    gap: var(--cds-spacing-01);
}

.vitals-grid[b-ilubof58sb] {
    display: grid;
    gap: var(--cds-spacing-03);
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.triage-help[b-ilubof58sb] {
    margin: 0;
    padding: var(--cds-spacing-03);
    background: var(--cds-layer-accent-01);
    border: 1px solid var(--cds-border-subtle-01);
    color: var(--cds-text-primary);
    font-size: var(--cds-label-01-font-size);
}

[b-ilubof58sb] cds-tile.triage-handoff,
[b-ilubof58sb] .triage-handoff {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: start;
    gap: var(--cds-spacing-03);
    padding: var(--cds-spacing-04);
}

.triage-handoff > p[b-ilubof58sb] {
    grid-column: 1 / -1;
    margin: 0;
    white-space: pre-wrap;
    color: var(--cds-text-primary);
    font-size: var(--cds-body-compact-01-font-size);
}

.triage-actions[b-ilubof58sb] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--cds-spacing-03);
    justify-content: flex-end;
}

@media (max-width: 72rem) {
    .triage-workspace[b-ilubof58sb] {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr);
    }

    .triage-side[b-ilubof58sb] {
        grid-column: 1 / -1;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .vitals-grid[b-ilubof58sb] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 48rem) {
    .triage-workspace[b-ilubof58sb],
    .triage-side[b-ilubof58sb],
    .vitals-grid[b-ilubof58sb] {
        grid-template-columns: 1fr;
    }

    .patient-search[b-ilubof58sb],
    .patient-selected[b-ilubof58sb] {
        align-items: stretch;
        flex-direction: column;
    }
}

@media print {
    .triage-actions[b-ilubof58sb] {
        display: none;
    }

    .triage-workspace[b-ilubof58sb] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
/* /Pages/FrontDesk/ArrivePatient.razor.rz.scp.css */
.fda-arrive[b-ke5c06s61a] {
    display: grid;
    gap: var(--cds-spacing-05);
    max-inline-size: 72rem;
    min-inline-size: 0;
}

.fda-arrive-actions[b-ke5c06s61a] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--cds-spacing-04);
}

/* Patient context strip — clinical accent against the white shell. */
.fda-banner[b-ke5c06s61a] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: var(--cds-spacing-05);
    padding: var(--cds-spacing-05) var(--cds-spacing-06);
    background: color-mix(in srgb, var(--ph-clinical-100) 42%, var(--cds-layer-01));
    border: 1px solid var(--cds-border-subtle-01);
    border-inline-start: 4px solid var(--ph-clinical-700);
}

.fda-banner__id[b-ke5c06s61a] {
    display: flex;
    align-items: center;
    gap: var(--cds-spacing-05);
    min-inline-size: 0;
}

.fda-avatar[b-ke5c06s61a] {
    display: inline-grid;
    place-items: center;
    flex: 0 0 auto;
    inline-size: var(--cds-spacing-09);
    block-size: var(--cds-spacing-09);
    border-radius: 50%;
    background: var(--ph-clinical-700);
    color: var(--cds-text-on-color);
    font-weight: 700;
}

.fda-banner__name[b-ke5c06s61a] {
    margin: 0 0 var(--cds-spacing-02);
    color: var(--cds-text-primary);
    font-size: var(--cds-heading-compact-02-font-size);
    font-weight: 600;
}

.fda-banner__meta[b-ke5c06s61a] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--cds-spacing-02) var(--cds-spacing-05);
    color: var(--cds-text-secondary);
    font-size: var(--cds-label-01-font-size);
}

.fda-banner__tags[b-ke5c06s61a] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--cds-spacing-03);
}

.fda-progress[b-ke5c06s61a] {
    min-inline-size: 0;
    max-inline-size: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    background: var(--cds-layer-01);
    border-block-end: 1px solid var(--cds-border-subtle-01);
}

.fda-progress__list[b-ke5c06s61a] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    list-style: none;
    margin: 0;
    min-inline-size: calc(var(--cds-spacing-09) * 6);
    padding: 0;
}

.fda-progress__item[b-ke5c06s61a] {
    align-items: center;
    border-inline-start: 1px solid var(--cds-border-subtle-01);
    display: grid;
    gap: var(--cds-spacing-03);
    grid-template-columns: auto minmax(0, 1fr);
    min-block-size: calc(var(--cds-spacing-07) + var(--cds-spacing-03));
    padding: var(--cds-spacing-03) var(--cds-spacing-04);
}

.fda-progress__item:first-child[b-ke5c06s61a] {
    border-inline-start: 0;
}

.fda-progress__item.is-current[b-ke5c06s61a] {
    background: var(--cds-layer-accent-01);
    box-shadow: inset 0 var(--cds-spacing-02) 0 var(--cds-border-interactive);
}

.fda-progress__marker[b-ke5c06s61a] {
    align-items: center;
    background: var(--cds-layer-accent-01);
    border: 1px solid var(--cds-border-strong-01);
    border-radius: 50%;
    color: var(--cds-text-secondary);
    display: inline-flex;
    font-size: var(--cds-label-01-font-size);
    font-weight: 600;
    inline-size: var(--cds-spacing-06);
    block-size: var(--cds-spacing-06);
    justify-content: center;
}

.fda-progress__item.is-complete .fda-progress__marker[b-ke5c06s61a],
.fda-progress__item.is-current .fda-progress__marker[b-ke5c06s61a] {
    background: var(--cds-button-primary);
    border-color: var(--cds-button-primary);
    color: var(--cds-text-on-color);
}

.fda-progress__copy[b-ke5c06s61a] {
    display: grid;
    gap: var(--cds-spacing-01);
    min-inline-size: 0;
}

.fda-progress__label[b-ke5c06s61a] {
    color: var(--cds-text-primary);
    font-size: var(--cds-body-compact-01-font-size);
    font-weight: 600;
    line-height: 1.2;
    overflow-wrap: anywhere;
}

.fda-progress__detail[b-ke5c06s61a] {
    color: var(--cds-text-secondary);
    font-size: var(--cds-label-01-font-size);
    line-height: 1.2;
    overflow-wrap: anywhere;
}

/* Step panels — bordered cards with readable body copy. */
[b-ke5c06s61a] cds-tile.fda-step,
[b-ke5c06s61a] .fda-step {
    display: grid;
    gap: var(--cds-spacing-05);
    margin: 0;
    padding: var(--cds-spacing-06);
    background: var(--cds-layer-01);
    border: 1px solid var(--cds-border-subtle-01);
    border-block-start: 3px solid var(--ph-clinical-500);
    --cds-text-placeholder: var(--cds-text-secondary);
    --cds-field-01: var(--cds-layer-02, var(--cds-field-01));
}

.fda-step__actions[b-ke5c06s61a] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--cds-spacing-04);
}

.fda-step--confirm[b-ke5c06s61a] {
    gap: var(--cds-spacing-04);
}

.fda-confirm__body[b-ke5c06s61a] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: var(--cds-spacing-05);
    align-items: end;
}

.fda-confirm__copy[b-ke5c06s61a] {
    display: grid;
    gap: var(--cds-spacing-04);
    min-inline-size: 0;
}

.fda-confirm__message[b-ke5c06s61a] {
    margin: 0;
    padding: var(--cds-spacing-04);
    background: var(--cds-layer-accent-01);
    border-inline-start: var(--cds-spacing-02) solid var(--cds-border-interactive);
    color: var(--cds-text-primary);
    line-height: 1.5;
}

.fda-field[b-ke5c06s61a] {
    display: grid;
    gap: var(--cds-spacing-03);
    max-inline-size: 32rem;
}

.fda-caption[b-ke5c06s61a] {
    margin: 0;
    color: var(--cds-text-secondary);
    font-size: var(--cds-body-compact-01-font-size);
    line-height: 1.4;
}

.fda-due[b-ke5c06s61a] {
    color: var(--cds-text-error, var(--cds-support-error));
    font-weight: 600;
}

.fda-summary[b-ke5c06s61a] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--cds-spacing-05) var(--cds-spacing-07);
    margin: 0;
    padding: var(--cds-spacing-04);
    background: var(--cds-layer-accent-01);
    border: 1px solid var(--cds-border-subtle-01);
}

.fda-summary dt[b-ke5c06s61a] {
    color: var(--cds-text-secondary);
    font-size: var(--cds-label-01-font-size);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.02em;
}

.fda-summary dd[b-ke5c06s61a] {
    margin: var(--cds-spacing-02) 0 0;
    color: var(--cds-text-primary);
    font-size: var(--cds-heading-compact-02-font-size);
    font-weight: 600;
}

.fda-pay-grid[b-ke5c06s61a] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--cds-spacing-05);
}

[b-ke5c06s61a] .fda-step .cds--label,
[b-ke5c06s61a] .fda-step label,
[b-ke5c06s61a] cds-tile.fda-step .cds--label,
[b-ke5c06s61a] cds-tile.fda-step label {
    color: var(--cds-text-primary);
    font-weight: 600;
}

@media (max-width: 34rem) {
    .fda-confirm__body[b-ke5c06s61a] {
        grid-template-columns: 1fr;
    }

    .fda-confirm__body .fda-step__actions[b-ke5c06s61a],
    .fda-confirm__body .fda-step__actions cds-button[b-ke5c06s61a] {
        inline-size: 100%;
    }

    .fda-pay-grid[b-ke5c06s61a] {
        grid-template-columns: 1fr;
    }
}

.fda-line-items[b-ke5c06s61a] {
    list-style: none;
    margin: 0 0 var(--cds-spacing-05);
    padding: var(--cds-spacing-03) var(--cds-spacing-04);
    border: 1px solid var(--cds-border-subtle-01);
    background: var(--cds-layer-01);
}

.fda-line-items li[b-ke5c06s61a] {
    display: flex;
    justify-content: space-between;
    gap: var(--cds-spacing-05);
    padding-block: var(--cds-spacing-02);
    color: var(--cds-text-primary);
    font-size: var(--cds-body-compact-01-font-size);
}

.fda-line-items li + li[b-ke5c06s61a] {
    border-block-start: 1px solid var(--cds-border-subtle-00);
}
/* /Pages/FrontDesk/BookAppointment.razor.rz.scp.css */
.book-page[b-5z70r51i28] {
    --book-sticky-offset: calc(var(--ph-shell-header-size) + var(--cds-spacing-09));
    display: grid;
    gap: var(--cds-spacing-04);
}

/* Patient strip: clinical accent so it reads above the white canvas. */
[b-5z70r51i28] cds-tile.book-banner,
[b-5z70r51i28] .book-banner {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--cds-spacing-04);
    margin: 0;
    padding: var(--cds-spacing-04) var(--cds-spacing-05);
    background: color-mix(in srgb, var(--ph-clinical-100) 42%, var(--cds-layer-01));
    border: 1px solid var(--cds-border-subtle-01);
    border-inline-start: var(--cds-spacing-02) solid var(--ph-clinical-700);
}

.book-banner-main[b-5z70r51i28] {
    display: flex;
    align-items: center;
    gap: var(--cds-spacing-04);
    min-inline-size: 0;
}

.book-avatar[b-5z70r51i28] {
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    inline-size: var(--cds-spacing-09);
    block-size: var(--cds-spacing-09);
    color: var(--cds-text-on-color);
    font-weight: 600;
    background: var(--ph-clinical-700);
    border-radius: 50%;
}

.book-banner-name[b-5z70r51i28] {
    color: var(--cds-text-primary);
    font-size: var(--cds-heading-compact-02-font-size);
    font-weight: 600;
}

.book-banner-meta[b-5z70r51i28] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--cds-spacing-02) var(--cds-spacing-05);
    margin-block-start: var(--cds-spacing-01);
    color: var(--cds-text-secondary);
    font-size: var(--cds-label-01-font-size);
}

.book-workspace[b-5z70r51i28] {
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(calc(var(--ph-side-nav-size) + var(--cds-spacing-07)), .72fr);
    align-items: start;
    gap: var(--cds-spacing-05);
    min-inline-size: 0;
}

.book-workflow[b-5z70r51i28] {
    display: grid;
    gap: var(--cds-spacing-05);
    min-inline-size: 0;
}

/* Step cards use one consistent operational surface. */
[b-5z70r51i28] cds-tile.book-card,
[b-5z70r51i28] .book-card {
    display: grid;
    gap: var(--cds-spacing-04);
    margin: 0;
    padding: var(--cds-spacing-05);
    background: var(--cds-layer-01);
    border: 1px solid var(--cds-border-subtle-01);
    border-block-start: 3px solid var(--ph-clinical-500);
    --cds-text-placeholder: var(--cds-text-secondary);
    --cds-border-strong: var(--cds-border-strong-01);
    --cds-field-01: var(--cds-layer-02, var(--cds-field-01));
}

[b-5z70r51i28] cds-tile.book-card--service,
[b-5z70r51i28] .book-card--service {
    gap: var(--cds-spacing-03);
    padding: var(--cds-spacing-04) var(--cds-spacing-05);
}

.book-review-rail[b-5z70r51i28] {
    position: sticky;
    inset-block-start: var(--book-sticky-offset);
    align-self: start;
    max-block-size: calc(100dvh - var(--book-sticky-offset) - var(--cds-spacing-04));
    z-index: var(--ph-z-page-sticky);
}

[b-5z70r51i28] cds-tile.book-card--review,
[b-5z70r51i28] .book-card--review {
    max-block-size: calc(100dvh - var(--book-sticky-offset) - var(--cds-spacing-04));
    overflow-y: auto;
    box-shadow: var(--ph-shadow-card-raised);
}

.book-card-title[b-5z70r51i28] {
    margin: 0;
    color: var(--cds-text-primary);
    font-size: var(--cds-heading-compact-02-font-size);
    font-weight: 600;
}

.book-context-row[b-5z70r51i28] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 3fr);
    align-items: end;
    gap: var(--cds-spacing-04);
}

.book-context-row .book-grid[b-5z70r51i28] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--cds-spacing-04);
}

.book-grid[b-5z70r51i28] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--cds-spacing-04);
}

/* Make Carbon inputs read as definite controls, not hairlines. */
[b-5z70r51i28] .book-card cds-dropdown,
[b-5z70r51i28] .book-card cds-combo-box,
[b-5z70r51i28] .book-card cds-date-picker,
[b-5z70r51i28] .book-card cds-textarea,
[b-5z70r51i28] .book-card cds-text-input,
[b-5z70r51i28] cds-tile.book-card cds-dropdown,
[b-5z70r51i28] cds-tile.book-card cds-combo-box,
[b-5z70r51i28] cds-tile.book-card cds-date-picker,
[b-5z70r51i28] cds-tile.book-card cds-textarea,
[b-5z70r51i28] cds-tile.book-card cds-text-input {
    --cds-text-placeholder: var(--cds-text-secondary);
}

[b-5z70r51i28] .book-card .cds--label,
[b-5z70r51i28] .book-card label,
[b-5z70r51i28] cds-tile.book-card .cds--label,
[b-5z70r51i28] cds-tile.book-card label {
    color: var(--cds-text-primary);
    font-weight: 600;
}

[b-5z70r51i28] .book-card .carbon-empty,
.book-card .carbon-empty[b-5z70r51i28] {
    margin: 0;
    padding: var(--cds-spacing-04);
    color: var(--cds-text-primary);
    background: var(--cds-layer-accent-01);
    border: 1px solid var(--cds-border-subtle-01);
}

.slot-search-panel[b-5z70r51i28] {
    --slot-date-picker-inline-size: calc(var(--cds-spacing-13) + var(--cds-spacing-11) + var(--cds-spacing-09));
    container: slot-search / inline-size;
    display: grid;
    gap: var(--cds-spacing-04);
    padding: var(--cds-spacing-04);
    background: var(--cds-layer-accent-01);
    border: 1px solid var(--cds-border-subtle-01);
}

.slot-search-heading[b-5z70r51i28] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--cds-spacing-03) var(--cds-spacing-05);
}

.slot-search-heading h3[b-5z70r51i28] {
    margin: 0;
    color: var(--cds-text-primary);
    font-size: var(--cds-heading-compact-01-font-size);
}

.slot-search-heading p[b-5z70r51i28] {
    margin: var(--cds-spacing-01) 0 0;
    color: var(--cds-text-secondary);
    font-size: var(--cds-body-compact-01-font-size);
}

.slot-search-controls[b-5z70r51i28] {
    display: grid;
    /* The date range fills remaining space; jump controls keep their usable control widths. */
    grid-template-columns: minmax(0, 1fr) max-content;
    align-items: end;
    gap: var(--cds-spacing-05);
}

.slot-range-controls[b-5z70r51i28],
.slot-jump-controls[b-5z70r51i28] {
    display: grid;
    align-items: end;
    gap: var(--cds-spacing-03);
}

.slot-range-controls[b-5z70r51i28] {
    /* Carbon's single date-picker has an 18rem intrinsic width inside its shadow DOM. */
    grid-template-columns: repeat(2, minmax(var(--slot-date-picker-inline-size), 1fr));
    gap: var(--cds-spacing-05);
}

/* Carbon web-component hosts otherwise retain their intrinsic widths and can paint across
   the grid gutter at narrower desktop widths. Keep every field inside its assigned track. */
.slot-field[b-5z70r51i28] {
    min-inline-size: 0;
}

[b-5z70r51i28] .slot-field > cds-date-picker,
[b-5z70r51i28] .slot-field > cds-number-input,
[b-5z70r51i28] .slot-field > cds-select,
[b-5z70r51i28] .slot-field > cds-button {
    inline-size: 100%;
    min-inline-size: 0;
}

.slot-jump-group[b-5z70r51i28] {
    align-self: end;
    padding-inline-start: var(--cds-spacing-04);
    border-inline-start: 1px solid var(--cds-border-subtle-01);
}

.slot-jump-controls[b-5z70r51i28] {
    grid-template-columns: var(--ph-control-compact-inline-size) var(--ph-control-medium-inline-size) auto;
}

[b-5z70r51i28] .slot-jump-controls cds-button {
    inline-size: 100%;
    justify-content: center;
}

.slot-legend[b-5z70r51i28] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--cds-spacing-04);
    margin: 0;
    padding: 0;
    color: var(--cds-text-secondary);
    font-size: var(--cds-label-01-font-size);
    list-style: none;
}

.slot-legend li[b-5z70r51i28] {
    display: inline-flex;
    align-items: center;
    gap: var(--cds-spacing-02);
}

.slot-legend__swatch[b-5z70r51i28] {
    inline-size: var(--cds-spacing-04);
    block-size: var(--cds-spacing-04);
    border: 1px solid var(--cds-border-strong-01);
}

.slot-legend__swatch--available[b-5z70r51i28] {
    background: var(--cds-support-success);
}

.slot-legend__swatch--full[b-5z70r51i28] {
    background: var(--cds-support-warning);
}

.slot-days[b-5z70r51i28] {
    display: flex;
    flex-direction: column;
    gap: var(--cds-spacing-04);
}

.slot-day[b-5z70r51i28] {
    display: grid;
    gap: var(--cds-spacing-03);
    padding: var(--cds-spacing-04);
    background: var(--cds-layer-accent-01);
    border: 1px solid var(--cds-border-subtle-01);
}

.slot-day-head[b-5z70r51i28] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--cds-spacing-03);
}

.slot-day-head h3[b-5z70r51i28] {
    margin: 0;
    color: var(--cds-text-primary);
    font-size: var(--cds-heading-compact-01-font-size);
    font-weight: 600;
}

.slot-day-counts[b-5z70r51i28] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--cds-spacing-02);
}

.slot-grid[b-5z70r51i28] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: var(--cds-spacing-03);
}

[b-5z70r51i28] cds-button.slot-button {
    inline-size: 100%;
    min-inline-size: 0;
    min-block-size: calc(var(--cds-spacing-09) + var(--cds-spacing-05));
    block-size: auto;
    text-align: start;
}

[b-5z70r51i28] cds-button.slot-button--available {
    border-block-end: var(--cds-spacing-02) solid var(--cds-support-success);
}

[b-5z70r51i28] cds-button.slot-button--next:not(.slot-button--selected) {
    box-shadow: inset 0 0 0 1px var(--cds-support-success);
}

[b-5z70r51i28] cds-button.slot-button--full {
    border-block-end: var(--cds-spacing-02) solid var(--cds-support-warning);
}

[b-5z70r51i28] cds-button.slot-button--current {
    color: var(--cds-text-primary);
    background: var(--cds-layer-accent-01);
    border-block-end: var(--cds-spacing-02) solid var(--cds-support-info);
    opacity: 1;
}

.slot-button__content[b-5z70r51i28] {
    display: grid;
    gap: var(--cds-spacing-01);
    inline-size: 100%;
    min-inline-size: 0;
    padding-block: var(--cds-spacing-02);
}

.slot-button__topline[b-5z70r51i28] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: var(--cds-spacing-03);
}

.slot-button__time[b-5z70r51i28] {
    font-size: var(--cds-heading-compact-02-font-size);
    font-weight: 600;
    font-variant-numeric: tabular-nums;
}

.slot-button__state[b-5z70r51i28] {
    font-size: var(--cds-label-01-font-size);
    font-weight: 600;
}

.slot-button__provider[b-5z70r51i28] {
    overflow-wrap: anywhere;
    font-weight: 600;
}

.slot-button__capacity[b-5z70r51i28] {
    font-size: var(--cds-label-01-font-size);
    opacity: .8;
}

.book-waitlist[b-5z70r51i28] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--cds-spacing-04);
    padding: var(--cds-spacing-04);
    color: var(--cds-text-secondary);
    font-size: var(--cds-body-compact-01-font-size);
    background: var(--cds-layer-accent-01);
    border: 1px solid var(--cds-border-subtle-01);
}

.book-review-heading[b-5z70r51i28] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--cds-spacing-03);
}

.book-summary[b-5z70r51i28] {
    display: grid;
    grid-template-columns: 1fr;
    margin: 0;
    padding: 0;
    border-block-start: 1px solid var(--cds-border-subtle-01);
}

.book-summary div[b-5z70r51i28] {
    display: grid;
    grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr);
    gap: var(--cds-spacing-04);
    padding-block: var(--cds-spacing-03);
    border-block-end: 1px solid var(--cds-border-subtle-01);
}

.book-summary dt[b-5z70r51i28] {
    margin: 0;
    color: var(--cds-text-secondary);
}

.book-summary dd[b-5z70r51i28] {
    margin: 0;
    overflow-wrap: anywhere;
    color: var(--cds-text-primary);
    font-weight: 600;
    text-align: end;
}

.book-actions[b-5z70r51i28] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: var(--cds-spacing-03);
}

[b-5z70r51i28] .book-actions cds-button:first-child {
    inline-size: 100%;
}

.book-mobile-actions[b-5z70r51i28] {
    display: none;
}

@media (max-width: 80rem) {
    .slot-grid[b-5z70r51i28] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 64rem) {
    .book-page[b-5z70r51i28] {
        padding-block-end: calc(var(--cds-spacing-10) + var(--cds-spacing-07));
    }

    .book-workspace[b-5z70r51i28] {
        grid-template-columns: 1fr;
    }

    .book-review-rail[b-5z70r51i28] {
        position: static;
        max-block-size: none;
    }

    [b-5z70r51i28] cds-tile.book-card--review,
    [b-5z70r51i28] .book-card--review {
        max-block-size: none;
        overflow: visible;
        box-shadow: none;
    }

    .book-context-row[b-5z70r51i28] {
        grid-template-columns: 1fr;
    }

    .book-card--review .book-actions[b-5z70r51i28] {
        display: none;
    }

    .book-mobile-actions[b-5z70r51i28] {
        position: fixed;
        inset-block-end: 0;
        inset-inline: 0;
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: center;
        gap: var(--cds-spacing-04);
        padding: var(--cds-spacing-03) var(--cds-spacing-05);
        background: var(--cds-layer-01);
        border-block-start: 1px solid var(--cds-border-strong-01);
        box-shadow: var(--ph-shadow-card-raised);
        z-index: var(--ph-z-page-sticky);
    }

    .book-mobile-actions__summary[b-5z70r51i28] {
        display: grid;
        gap: var(--cds-spacing-01);
        min-inline-size: 0;
    }

    .book-mobile-actions__summary span[b-5z70r51i28] {
        color: var(--cds-text-secondary);
        font-size: var(--cds-label-01-font-size);
    }

    .book-mobile-actions__summary strong[b-5z70r51i28] {
        overflow: hidden;
        color: var(--cds-text-primary);
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}

/* Reflow from the panel's actual width. The booking workspace can be narrow even on a
   wide viewport when the review rail is visible. */
@container slot-search (max-width: 128ch) {
    .slot-search-controls[b-5z70r51i28] {
        grid-template-columns: 1fr;
    }

    .slot-jump-group[b-5z70r51i28] {
        padding-block-start: var(--cds-spacing-03);
        padding-inline-start: 0;
        border-block-start: 1px solid var(--cds-border-subtle-01);
        border-inline-start: 0;
    }
}

@container slot-search (max-width: 76ch) {
    .slot-range-controls[b-5z70r51i28] {
        grid-template-columns: 1fr;
    }
}

@container slot-search (max-width: 52ch) {
    .slot-jump-controls[b-5z70r51i28] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 48rem) {
    .slot-grid[b-5z70r51i28] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 40rem) {
    .book-context-row .book-grid[b-5z70r51i28],
    .book-grid[b-5z70r51i28] {
        grid-template-columns: 1fr;
    }

    .book-mobile-actions[b-5z70r51i28] {
        gap: var(--cds-spacing-03);
        padding-inline: var(--cds-spacing-04);
    }
}

@media (max-width: 30rem) {
    .slot-grid[b-5z70r51i28] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/FrontDesk/BookSlot.razor.rz.scp.css */
.bookslot-page[b-c6hdveowss] {
    display: grid;
    gap: var(--cds-spacing-05);
    max-inline-size: var(--ph-content-wide);
}

.bookslot-step[b-c6hdveowss] {
    display: grid;
    gap: var(--cds-spacing-05);
    min-inline-size: 0;
}

/* `display: grid` above beats the UA's [hidden] rule, which kept the step-1
   fixed action bar floating over later steps. Re-assert hidden. */
.bookslot-step[hidden][b-c6hdveowss] {
    display: none;
}

.bookslot-step--slot[b-c6hdveowss] {
    padding-block-end: var(--cds-spacing-12);
}

[b-c6hdveowss] cds-tile.bookslot-card,
[b-c6hdveowss] .bookslot-card {
    display: grid;
    gap: var(--cds-spacing-04);
    margin: 0;
    padding: var(--cds-spacing-05);
    background: var(--cds-layer-01);
    border: 1px solid var(--cds-border-subtle-01);
    border-block-start: 3px solid var(--ph-clinical-500);
}

.bookslot-card-title[b-c6hdveowss] {
    margin: 0;
    color: var(--cds-text-primary);
    font-size: var(--cds-heading-compact-02-font-size);
    font-weight: 600;
}

.bookslot-card-intro[b-c6hdveowss] {
    margin: 0;
    color: var(--cds-text-secondary);
    font-size: var(--cds-body-compact-01-font-size);
}

.bookslot-selection-summary[b-c6hdveowss] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--cds-spacing-03) var(--cds-spacing-05);
    color: var(--cds-text-primary);
    font-weight: 600;
}

.bookslot-search-row[b-c6hdveowss] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: end;
    gap: var(--cds-spacing-04);
}

.bookslot-results[b-c6hdveowss] {
    display: grid;
    gap: var(--cds-spacing-03);
    margin: 0;
    padding: 0;
    list-style: none;
}

.bookslot-results li[b-c6hdveowss] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--cds-spacing-04);
    padding: var(--cds-spacing-04);
    background: var(--cds-layer-accent-01);
    border: 1px solid var(--cds-border-subtle-01);
}

.bookslot-result-main[b-c6hdveowss] {
    display: grid;
    gap: var(--cds-spacing-01);
    min-inline-size: 0;
}

.bookslot-result-main strong[b-c6hdveowss] {
    color: var(--cds-text-primary);
}

.bookslot-result-meta[b-c6hdveowss] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--cds-spacing-02) var(--cds-spacing-05);
    color: var(--cds-text-secondary);
    font-size: var(--cds-label-01-font-size);
}

.carbon-empty[b-c6hdveowss] {
    margin: 0;
    padding: var(--cds-spacing-04);
    color: var(--cds-text-primary);
    background: var(--cds-layer-accent-01);
    border: 1px solid var(--cds-border-subtle-01);
}

.bookslot-banner[b-c6hdveowss] {
    display: flex;
    align-items: center;
    gap: var(--cds-spacing-04);
    min-inline-size: 0;
}

.bookslot-avatar[b-c6hdveowss] {
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    inline-size: var(--cds-spacing-09);
    block-size: var(--cds-spacing-09);
    color: var(--cds-text-on-color);
    font-weight: 600;
    background: var(--ph-clinical-700);
    border-radius: 50%;
}

.bookslot-banner-name[b-c6hdveowss] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--cds-spacing-03);
    color: var(--cds-text-primary);
    font-size: var(--cds-heading-compact-02-font-size);
    font-weight: 600;
}

.bookslot-banner-meta[b-c6hdveowss] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--cds-spacing-02) var(--cds-spacing-05);
    margin-block-start: var(--cds-spacing-01);
    color: var(--cds-text-secondary);
    font-size: var(--cds-label-01-font-size);
}

.bookslot-summary[b-c6hdveowss] {
    display: grid;
    grid-template-columns: 1fr;
    margin: 0;
    padding: 0;
    border-block-start: 1px solid var(--cds-border-subtle-01);
}

.bookslot-summary div[b-c6hdveowss] {
    display: grid;
    grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr);
    gap: var(--cds-spacing-04);
    padding-block: var(--cds-spacing-03);
    border-block-end: 1px solid var(--cds-border-subtle-01);
}

.bookslot-summary dt[b-c6hdveowss] {
    margin: 0;
    color: var(--cds-text-secondary);
}

.bookslot-summary dd[b-c6hdveowss] {
    margin: 0;
    overflow-wrap: anywhere;
    color: var(--cds-text-primary);
    font-weight: 600;
}

.bookslot-actions[b-c6hdveowss] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: var(--cds-spacing-04);
}

/* Keep the forward action reachable while the user scans a long availability list. */
.bookslot-actions--floating[b-c6hdveowss] {
    --ph-card-accent: var(--ph-clinical-500);
    display: grid;
    grid-template-columns: minmax(0, 1fr) max-content;
    inline-size: min(var(--ph-content-medium), calc(100vw - var(--cds-spacing-07)));
    inset-block-end: var(--cds-spacing-05);
    inset-inline-end: var(--cds-spacing-05);
    padding: var(--cds-spacing-04);
    position: fixed;
    z-index: var(--ph-z-page-sticky);
}

.bookslot-forward-summary[b-c6hdveowss] {
    display: grid;
    gap: var(--cds-spacing-01);
    min-inline-size: 0;
}

.bookslot-forward-summary span[b-c6hdveowss] {
    color: var(--cds-text-secondary);
    font-size: var(--cds-label-01-font-size);
}

.bookslot-forward-summary strong[b-c6hdveowss] {
    overflow: hidden;
    color: var(--cds-text-primary);
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* In-card footer (steps 2 & 3): divider above the buttons, secondary action pinned to the start. */
.bookslot-actions--split[b-c6hdveowss] {
    justify-content: space-between;
    padding-block-start: var(--cds-spacing-05);
    border-block-start: 1px solid var(--cds-border-subtle-01);
}

@media (max-width: 48rem) {
    .bookslot-search-row[b-c6hdveowss] {
        grid-template-columns: 1fr;
    }

    .bookslot-actions--floating[b-c6hdveowss] {
        grid-template-columns: minmax(0, 1fr) max-content;
        inline-size: 100%;
        inset-block-end: 0;
        inset-inline: 0;
        max-inline-size: none;
    }
}

@media (max-width: 30rem) {
    .bookslot-step--slot[b-c6hdveowss] {
        padding-block-end: var(--cds-spacing-13);
    }

    .bookslot-actions--floating[b-c6hdveowss] {
        grid-template-columns: 1fr;
    }

    [b-c6hdveowss] .bookslot-actions--floating cds-button {
        inline-size: 100%;
    }
}
/* /Pages/KioskCheckIn.razor.rz.scp.css */
.kiosk[b-u64hcsg2ok] {
    background: var(--cds-background);
    display: grid;
    gap: var(--cds-spacing-06);
    margin-inline: auto;
    max-inline-size: var(--ph-content-medium);
    min-block-size: 100dvh;
    padding: var(--cds-spacing-07) var(--cds-spacing-05);
}

.kiosk-header[b-u64hcsg2ok],
.kiosk-footer[b-u64hcsg2ok] {
    align-items: center;
    display: flex;
    gap: var(--cds-spacing-05);
    justify-content: space-between;
}

.kiosk-header div[b-u64hcsg2ok] {
    display: grid;
    gap: var(--cds-spacing-03);
}

/* ::deep throughout: .kiosk-panel sits on <CarbonTile> and .kiosk-appointment on
   <CarbonButton>, so their rendered roots never carry this page's scope attribute.
   Anchored on .kiosk / .kiosk-appointments, which ARE authored here. */
.kiosk[b-u64hcsg2ok]  .kiosk-panel,
.kiosk-appointments[b-u64hcsg2ok]  .kiosk-appointment {
    display: grid;
    gap: var(--cds-spacing-03);
}

.kiosk-header span[b-u64hcsg2ok],
.kiosk-panel p[b-u64hcsg2ok],
.kiosk-appointment span[b-u64hcsg2ok],
.kiosk-footer[b-u64hcsg2ok] { color: var(--cds-text-secondary); }

.kiosk[b-u64hcsg2ok]  .kiosk-panel { padding: var(--cds-spacing-07); }
.kiosk-panel h1[b-u64hcsg2ok] { margin: 0; }

.kiosk-appointments[b-u64hcsg2ok] {
    display: grid;
    gap: var(--cds-spacing-03);
}

/* Kept rather than folded into a CarbonButton Kind: these turn the (already Ghost)
   button into a selectable appointment card — layered surface, touch-target height,
   start-aligned text, selected rail — which no Carbon kind offers. */
.kiosk-appointments[b-u64hcsg2ok]  .kiosk-appointment {
    background: var(--cds-layer-01);
    border: 1px solid var(--cds-border-subtle-01);
    color: var(--cds-text-primary);
    cursor: pointer;
    min-block-size: var(--cds-spacing-10);
    padding: var(--cds-spacing-05);
    text-align: start;
}

.kiosk-appointments[b-u64hcsg2ok]  .kiosk-appointment:hover { background: var(--cds-layer-hover-01); }
.kiosk-appointments[b-u64hcsg2ok]  .kiosk-appointment--selected { border-inline-start: 3px solid var(--cds-border-interactive); }
.kiosk-appointments[b-u64hcsg2ok]  .kiosk-appointment:focus-visible { outline: 2px solid var(--cds-focus); outline-offset: -2px; }

.kiosk-actions[b-u64hcsg2ok] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--cds-spacing-03);
    justify-content: flex-end;
}

.kiosk-footer[b-u64hcsg2ok] {
    flex-wrap: wrap;
    font-size: var(--cds-label-01-font-size);
}

@media (max-width: 30rem) {
    .kiosk[b-u64hcsg2ok] { padding: var(--cds-spacing-05); }
    .kiosk[b-u64hcsg2ok]  .kiosk-panel { padding: var(--cds-spacing-05); }
}
/* /Pages/Patient/DentalChart.razor.rz.scp.css */
.dental-chart[b-qj4q75l8lq] {
    display: grid;
    gap: var(--cds-spacing-05);
}

.dental-chart__patient[b-qj4q75l8lq] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--cds-spacing-04);
    padding: var(--cds-spacing-04);
}

.dental-chart__patient span[b-qj4q75l8lq],
.odontogram__header p[b-qj4q75l8lq],
.finding-panel header span[b-qj4q75l8lq],
.finding-panel header p[b-qj4q75l8lq],
.finding-panel fieldset small[b-qj4q75l8lq],
.finding-panel__history span[b-qj4q75l8lq],
.finding-panel__history time[b-qj4q75l8lq],
.finding-panel__history small[b-qj4q75l8lq],
.dental-history time[b-qj4q75l8lq],
.dental-history span[b-qj4q75l8lq] {
    color: var(--cds-text-secondary);
}

.dental-chart__toolbar[b-qj4q75l8lq] {
    align-items: end;
    display: flex;
    flex-wrap: wrap;
    gap: var(--cds-spacing-03);
    padding: var(--cds-spacing-04);
}

.dental-chart__workspace[b-qj4q75l8lq] {
    align-items: start;
    display: grid;
    gap: var(--cds-spacing-05);
    grid-template-columns: minmax(0, 2fr) minmax(20rem, 1fr);
}

.odontogram[b-qj4q75l8lq],
.finding-panel[b-qj4q75l8lq],
.dental-history[b-qj4q75l8lq] {
    display: grid;
    gap: var(--cds-spacing-05);
    padding: var(--cds-spacing-05);
}

.odontogram h2[b-qj4q75l8lq],
.odontogram p[b-qj4q75l8lq],
.finding-panel h2[b-qj4q75l8lq],
.finding-panel h3[b-qj4q75l8lq],
.finding-panel p[b-qj4q75l8lq],
.dental-history h2[b-qj4q75l8lq] {
    margin: 0;
}

.odontogram h2[b-qj4q75l8lq],
.finding-panel h2[b-qj4q75l8lq],
.dental-history h2[b-qj4q75l8lq] {
    font-size: var(--cds-heading-compact-02-font-size);
}

.finding-panel h3[b-qj4q75l8lq] {
    font-size: var(--cds-heading-compact-01-font-size);
}

/* HIS-style chart canvas: light clinical surface, not a flat grey tile fill. */
.odontogram__canvas[b-qj4q75l8lq] {
    display: grid;
    gap: var(--cds-spacing-04);
    padding: var(--cds-spacing-05);
    background:
        linear-gradient(
            180deg,
            color-mix(in srgb, var(--ph-clinical-100) 55%, var(--cds-layer-01)) 0%,
            var(--cds-layer-01) 48%,
            color-mix(in srgb, var(--ph-clinical-100) 40%, var(--cds-layer-01)) 100%
        );
    border: 1px solid var(--cds-border-subtle-01);
}

.odontogram__arch[b-qj4q75l8lq] {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    gap: var(--cds-spacing-02);
    align-items: end;
}

.odontogram__arch--lower[b-qj4q75l8lq] {
    align-items: start;
}

.odontogram__quadrant[b-qj4q75l8lq] {
    display: grid;
    grid-template-columns: repeat(8, minmax(0, 1fr));
    gap: var(--cds-spacing-02);
    min-inline-size: 0;
}

.odontogram__midline[b-qj4q75l8lq] {
    inline-size: 2px;
    align-self: stretch;
    background: var(--ph-clinical-500);
    opacity: 0.55;
}

.odontogram__arch-label[b-qj4q75l8lq] {
    display: flex;
    justify-content: space-between;
    color: var(--cds-text-secondary);
    font-size: var(--cds-label-01-font-size);
    text-transform: uppercase;
    letter-spacing: 0.02em;
}

/* Tooth glyph: number + status body (Dentrix / Epic Wisdom pattern). */
.tooth[b-qj4q75l8lq] {
    display: grid;
    gap: var(--cds-spacing-01);
    justify-items: center;
    min-block-size: var(--cds-spacing-10);
    padding: var(--cds-spacing-02) var(--cds-spacing-01);
    border: 1px solid var(--cds-border-subtle-01);
    border-radius: 0;
    background: transparent;
    color: var(--cds-text-primary);
    cursor: pointer;
}

.tooth:hover[b-qj4q75l8lq] {
    background: color-mix(in srgb, var(--cds-layer-hover) 70%, transparent);
}

.tooth:focus-visible[b-qj4q75l8lq] {
    outline: 2px solid var(--cds-focus);
    outline-offset: 2px;
}

.tooth__body[b-qj4q75l8lq] {
    position: relative;
    display: block;
    inline-size: 100%;
    min-block-size: var(--cds-spacing-07);
    border: 1px solid var(--cds-border-strong-01);
    border-radius: 0.25rem 0.25rem 0.5rem 0.5rem;
    background: var(--cds-layer-02, var(--cds-layer-01));
}

.odontogram__arch--lower .tooth__body[b-qj4q75l8lq] {
    border-radius: 0.5rem 0.5rem 0.25rem 0.25rem;
}

.tooth__number[b-qj4q75l8lq] {
    font-size: var(--cds-label-01-font-size);
    font-weight: 600;
    line-height: 1.2;
    color: var(--cds-text-primary);
}

.tooth__marker[b-qj4q75l8lq] {
    position: absolute;
    inset-block-start: 2px;
    inline-size: 0.9rem;
    block-size: 0.9rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 0;
    font-size: 0.625rem;
    font-weight: 700;
    line-height: 1;
    text-decoration: none;
}

.tooth__marker--planned[b-qj4q75l8lq] {
    inset-inline-start: 2px;
    background: var(--cds-support-warning);
    color: var(--cds-text-primary);
}

.tooth__marker--completed[b-qj4q75l8lq] {
    inset-inline-end: 2px;
    background: var(--cds-support-success);
    color: var(--cds-text-on-color);
}

.condition--none .tooth__body[b-qj4q75l8lq] {
    background: var(--cds-layer-02, var(--cds-layer-01));
}

.condition--critical .tooth__body[b-qj4q75l8lq] {
    background: color-mix(in srgb, var(--cds-support-error) 28%, var(--cds-layer-01));
    border-color: var(--cds-support-error);
}

.condition--restoration .tooth__body[b-qj4q75l8lq] {
    background: color-mix(in srgb, var(--cds-support-info) 28%, var(--cds-layer-01));
    border-color: var(--cds-support-info);
}

.condition--healthy .tooth__body[b-qj4q75l8lq] {
    background: color-mix(in srgb, var(--cds-support-success) 22%, var(--cds-layer-01));
    border-color: var(--cds-support-success);
}

.condition--missing .tooth__body[b-qj4q75l8lq] {
    background: color-mix(in srgb, var(--cds-text-secondary) 18%, var(--cds-layer-01));
    border-style: dashed;
    opacity: 0.72;
}

.tooth--selected[b-qj4q75l8lq] {
    background: color-mix(in srgb, var(--ph-clinical-100) 65%, transparent);
}

.tooth--selected .tooth__body[b-qj4q75l8lq] {
    outline: 2px solid var(--cds-focus);
    outline-offset: 1px;
}

.tooth--planned .tooth__body[b-qj4q75l8lq] {
    box-shadow: inset 0 -3px 0 var(--cds-support-warning);
}

.tooth--completed .tooth__body[b-qj4q75l8lq] {
    box-shadow: inset 0 -3px 0 var(--cds-support-success);
}

.tooth--planned.tooth--completed .tooth__body[b-qj4q75l8lq] {
    box-shadow:
        inset 0 -3px 0 var(--cds-support-warning),
        inset 0 -6px 0 var(--cds-support-success);
}

.odontogram__legend[b-qj4q75l8lq] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--cds-spacing-03);
}

.odontogram__swatch[b-qj4q75l8lq] {
    display: inline-flex;
    align-items: center;
    gap: var(--cds-spacing-02);
    padding: var(--cds-spacing-02) var(--cds-spacing-03);
    border: 1px solid var(--cds-border-subtle-01);
    background: var(--cds-layer-01);
    color: var(--cds-text-secondary);
    font-size: var(--cds-label-01-font-size);
}

.odontogram__swatch[b-qj4q75l8lq]::before {
    content: "";
    inline-size: var(--cds-spacing-04);
    block-size: var(--cds-spacing-04);
    border: 1px solid var(--cds-border-strong-01);
}

.odontogram__swatch--none[b-qj4q75l8lq]::before {
    background: var(--cds-layer-02, var(--cds-layer-01));
}

.odontogram__swatch--critical[b-qj4q75l8lq]::before {
    background: color-mix(in srgb, var(--cds-support-error) 28%, var(--cds-layer-01));
    border-color: var(--cds-support-error);
}

.odontogram__swatch--restoration[b-qj4q75l8lq]::before {
    background: color-mix(in srgb, var(--cds-support-info) 28%, var(--cds-layer-01));
    border-color: var(--cds-support-info);
}

.odontogram__swatch--completed[b-qj4q75l8lq]::before {
    background: color-mix(in srgb, var(--cds-support-success) 22%, var(--cds-layer-01));
    border-color: var(--cds-support-success);
}

.odontogram__swatch--planned[b-qj4q75l8lq]::before {
    background: color-mix(in srgb, var(--cds-support-warning) 30%, var(--cds-layer-01));
    border-color: var(--cds-support-warning);
}

.odontogram__swatch--marker[b-qj4q75l8lq]::before {
    display: none;
}

.odontogram__textual summary[b-qj4q75l8lq] {
    cursor: pointer;
    color: var(--cds-link-primary);
    font-size: var(--cds-body-compact-01-font-size);
}

.odontogram__table-wrap[b-qj4q75l8lq] {
    margin-block-start: var(--cds-spacing-03);
    overflow-x: auto;
}

.odontogram__table[b-qj4q75l8lq] {
    inline-size: 100%;
    border-collapse: collapse;
    font-size: var(--cds-body-compact-01-font-size);
}

.odontogram__table th[b-qj4q75l8lq],
.odontogram__table td[b-qj4q75l8lq] {
    padding: var(--cds-spacing-02) var(--cds-spacing-03);
    border-block-end: 1px solid var(--cds-border-subtle-01);
    text-align: start;
}

.odontogram__table thead th[b-qj4q75l8lq] {
    color: var(--cds-text-secondary);
    font-weight: 600;
}

.sr-only[b-qj4q75l8lq] {
    position: absolute;
    inline-size: 1px;
    block-size: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.finding-panel header[b-qj4q75l8lq] {
    align-items: start;
    display: flex;
    gap: var(--cds-spacing-04);
    justify-content: space-between;
}

.finding-panel__favorites[b-qj4q75l8lq] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--cds-spacing-03);
}

.finding-panel fieldset[b-qj4q75l8lq] {
    border: 0;
    display: grid;
    gap: var(--cds-spacing-03);
    margin: 0;
    padding: 0;
}

.finding-panel__surfaces[b-qj4q75l8lq] {
    display: flex;
    gap: var(--cds-spacing-02);
}

.finding-panel__surfaces button[b-qj4q75l8lq] {
    background: var(--cds-layer-01);
    border: 1px solid var(--cds-border-strong-01);
    block-size: var(--cds-spacing-08);
    color: var(--cds-text-primary);
    inline-size: var(--cds-spacing-08);
    cursor: pointer;
}

.finding-panel__surfaces button.is-selected[b-qj4q75l8lq] {
    background: var(--cds-background-selected);
    border-color: var(--cds-focus);
    outline: 2px solid var(--cds-focus);
}

/* Clinical notes: strong field contrast so placeholder and typed text stay readable. */
.finding-panel__notes[b-qj4q75l8lq] {
    --cds-field-01: var(--cds-layer-02, var(--cds-layer-01));
    --cds-text-placeholder: var(--cds-text-secondary);
    display: grid;
    gap: var(--cds-spacing-02);
    padding: var(--cds-spacing-04);
    background: var(--cds-layer-02, var(--cds-layer-01));
    border: 1px solid var(--cds-border-strong-01);
}

.finding-panel__notes[b-qj4q75l8lq]  cds-textarea,
.finding-panel__notes[b-qj4q75l8lq]  textarea {
    inline-size: 100%;
    color: var(--cds-text-primary);
    background: var(--cds-layer-02, var(--cds-layer-01));
}

.finding-panel__history[b-qj4q75l8lq] {
    border-block-start: 1px solid var(--cds-border-subtle-01);
    display: grid;
    gap: var(--cds-spacing-03);
    padding-block-start: var(--cds-spacing-04);
}

.finding-panel__history article[b-qj4q75l8lq] {
    align-items: start;
    display: flex;
    gap: var(--cds-spacing-03);
    justify-content: space-between;
}

.finding-panel__history article > div[b-qj4q75l8lq] {
    display: grid;
    gap: var(--cds-spacing-02);
}

.dental-history > div[b-qj4q75l8lq] {
    align-items: center;
    display: flex;
    justify-content: space-between;
}

.dental-history__rows[b-qj4q75l8lq] {
    border-block-start: 1px solid var(--cds-border-subtle-01);
    display: grid;
}

.dental-history__rows article[b-qj4q75l8lq] {
    align-items: center;
    border-block-end: 1px solid var(--cds-border-subtle-01);
    display: grid;
    gap: var(--cds-spacing-03);
    grid-template-columns: minmax(9rem, 1fr) auto minmax(10rem, 1fr) minmax(8rem, 1fr) minmax(10rem, 2fr);
    padding: var(--cds-spacing-03);
}

@media (max-width: 70rem) {
    .dental-chart__workspace[b-qj4q75l8lq] {
        grid-template-columns: 1fr;
    }

    .odontogram__quadrant[b-qj4q75l8lq] {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media (max-width: 48rem) {
    .odontogram__arch[b-qj4q75l8lq] {
        grid-template-columns: 1fr;
    }

    .odontogram__midline[b-qj4q75l8lq] {
        block-size: 2px;
        inline-size: 100%;
    }

    .dental-history__rows article[b-qj4q75l8lq] {
        align-items: start;
        grid-template-columns: 1fr;
    }
}
/* /Pages/PatientView.razor.rz.scp.css */
.pv-page[b-oaszfx4h2j] {
    display: grid;
    gap: var(--cds-spacing-04);
    padding-block-start: var(--cds-spacing-03);
}

[b-oaszfx4h2j] cds-tile.pv-profile,
[b-oaszfx4h2j] .pv-profile {
    --ph-card-accent: var(--ph-clinical-500);
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: var(--cds-spacing-06);
    align-items: center;
    padding: var(--cds-spacing-05) var(--cds-spacing-06);
}

.pv-profile__photo[b-oaszfx4h2j] {
    display: grid;
    gap: var(--cds-spacing-02);
    justify-items: center;
}

.pv-photo-frame[b-oaszfx4h2j] {
    display: grid;
    place-items: center;
    inline-size: calc(var(--cds-spacing-13) - var(--cds-spacing-06));
    block-size: calc(var(--cds-spacing-13) - var(--cds-spacing-06));
    overflow: hidden;
    background: var(--ph-clinical-100);
    border: 1px solid var(--ph-clinical-border-interactive);
    border-radius: var(--radius-xl);
    color: var(--ph-clinical-900);
}

.pv-photo-frame img[b-oaszfx4h2j] {
    inline-size: 100%;
    block-size: 100%;
    object-fit: cover;
}

.pv-photo-initials[b-oaszfx4h2j] {
    font-size: var(--cds-heading-04-font-size);
    font-weight: 600;
    letter-spacing: var(--cds-heading-04-letter-spacing);
}

.pv-photo-status[b-oaszfx4h2j] {
    max-inline-size: calc(var(--cds-spacing-13) - var(--cds-spacing-06));
    color: var(--cds-text-secondary);
    font-size: var(--cds-label-01-font-size);
    line-height: var(--cds-label-01-line-height);
    text-align: center;
}

.pv-profile__body[b-oaszfx4h2j],
.pv-profile__names[b-oaszfx4h2j],
.pv-document__body[b-oaszfx4h2j] {
    display: grid;
    min-inline-size: 0;
}

.pv-profile__body[b-oaszfx4h2j] {
    gap: var(--cds-spacing-04);
}

.pv-profile__heading[b-oaszfx4h2j] {
    display: flex;
    gap: var(--cds-spacing-05);
    align-items: flex-start;
    justify-content: space-between;
}

.pv-profile__names[b-oaszfx4h2j] {
    gap: var(--cds-spacing-01);
}

.pv-profile__names h2[b-oaszfx4h2j] {
    margin: 0;
    color: var(--cds-text-primary);
    font-size: var(--cds-heading-04-font-size);
    font-weight: 600;
    line-height: var(--cds-heading-04-line-height);
}

.pv-profile__names span[b-oaszfx4h2j] {
    color: var(--cds-text-secondary);
    font-size: var(--cds-body-compact-01-font-size);
}

.pv-statuses[b-oaszfx4h2j],
.pv-quick-facts[b-oaszfx4h2j] {
    display: flex;
    flex-wrap: wrap;
}

.pv-statuses[b-oaszfx4h2j] {
    gap: var(--cds-spacing-02);
    justify-content: flex-end;
}

.pv-identifiers[b-oaszfx4h2j] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--cds-spacing-04);
    margin: 0;
}

.pv-identifiers > div[b-oaszfx4h2j] {
    min-inline-size: calc(var(--cds-spacing-13) + var(--cds-spacing-07));
    padding: var(--cds-spacing-03) var(--cds-spacing-04);
    background: var(--cds-layer-accent-01);
    border-inline-start: var(--cds-spacing-02) solid var(--cds-border-interactive);
}

.pv-identifiers dt[b-oaszfx4h2j] {
    color: var(--cds-text-secondary);
    font-size: var(--cds-label-01-font-size);
    font-weight: 600;
    letter-spacing: var(--cds-label-01-letter-spacing);
    text-transform: uppercase;
}

.pv-identifiers dd[b-oaszfx4h2j] {
    margin: var(--cds-spacing-01) 0 0;
    color: var(--cds-text-primary);
    font-family: var(--font-mono);
    font-size: var(--cds-heading-compact-02-font-size);
    font-variant-numeric: tabular-nums;
    font-weight: 600;
}

.pv-quick-facts[b-oaszfx4h2j] {
    gap: var(--cds-spacing-03) var(--cds-spacing-06);
    color: var(--cds-text-secondary);
    font-size: var(--cds-body-compact-01-font-size);
}

.pv-quick-facts span[b-oaszfx4h2j] {
    display: inline-flex;
    gap: var(--cds-spacing-02);
    align-items: center;
}

.pv-alerts[b-oaszfx4h2j] {
    display: grid;
    gap: var(--cds-spacing-03);
}

.pv-alerts__item[b-oaszfx4h2j] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: var(--cds-spacing-03);
    align-items: center;
}

.pv-dashboard[b-oaszfx4h2j] {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    grid-template-areas:
        "identity identity identity identity identity identity identity documents documents documents documents documents"
        "contact contact contact contact portal portal portal portal coverage coverage coverage coverage"
        "clinical clinical clinical clinical clinical clinical clinical contacts contacts contacts contacts contacts";
    gap: var(--cds-spacing-04);
    align-items: start;
    min-inline-size: 0;
}

[b-oaszfx4h2j] cds-tile.pv-card,
[b-oaszfx4h2j] .pv-card {
    display: block;
    min-inline-size: 0;
    margin: 0;
    padding: var(--cds-spacing-05);
}

[b-oaszfx4h2j] cds-tile.pv-card--identity,
[b-oaszfx4h2j] .pv-card--identity {
    grid-area: identity;
}

[b-oaszfx4h2j] cds-tile.pv-card--documents,
[b-oaszfx4h2j] .pv-card--documents {
    grid-area: documents;
}

[b-oaszfx4h2j] cds-tile.pv-card--contact,
[b-oaszfx4h2j] .pv-card--contact {
    grid-area: contact;
}

[b-oaszfx4h2j] cds-tile.pv-card--portal,
[b-oaszfx4h2j] .pv-card--portal {
    grid-area: portal;
}

[b-oaszfx4h2j] cds-tile.pv-card--coverage,
[b-oaszfx4h2j] .pv-card--coverage {
    grid-area: coverage;
}

[b-oaszfx4h2j] cds-tile.pv-card--clinical,
[b-oaszfx4h2j] .pv-card--clinical {
    grid-area: clinical;
}

[b-oaszfx4h2j] cds-tile.pv-card--contacts,
[b-oaszfx4h2j] .pv-card--contacts {
    grid-area: contacts;
}

[b-oaszfx4h2j] .pv-card .carbon-field-group__title,
.pv-card-heading h3[b-oaszfx4h2j] {
    margin: 0 0 var(--cds-spacing-04);
    color: var(--cds-text-primary);
    font-size: var(--cds-heading-02-font-size);
    font-weight: 600;
    line-height: var(--cds-heading-02-line-height);
}

[b-oaszfx4h2j] .pv-card .carbon-field-group__grid {
    gap: var(--cds-spacing-04) var(--cds-spacing-05);
}

[b-oaszfx4h2j] .pv-card .carbon-display-field__value {
    overflow-wrap: anywhere;
}

[b-oaszfx4h2j] .pv-card .pv-wide-field,
[b-oaszfx4h2j] .pv-card .pv-code-field {
    grid-column: 1 / -1;
}

[b-oaszfx4h2j] .pv-card .pv-code-field .carbon-display-field__value {
    font-family: var(--font-mono);
    font-size: var(--cds-code-01-font-size);
    font-variant-numeric: tabular-nums;
}

[b-oaszfx4h2j] .pv-card .pv-subgroup {
    margin-block-start: var(--cds-spacing-05);
    padding-block-start: var(--cds-spacing-04);
    border-block-start: 1px solid var(--cds-border-subtle-01);
}

.pv-card-heading[b-oaszfx4h2j] {
    display: flex;
    gap: var(--cds-spacing-04);
    align-items: flex-start;
    justify-content: space-between;
    margin-block-end: var(--cds-spacing-03);
}

.pv-card-heading h3[b-oaszfx4h2j] {
    margin-block-end: 0;
}

.pv-card-kicker[b-oaszfx4h2j] {
    margin: 0 0 var(--cds-spacing-01);
    color: var(--cds-text-secondary);
    font-size: var(--cds-label-01-font-size);
    letter-spacing: var(--cds-label-01-letter-spacing);
    text-transform: uppercase;
}

.pv-portal-actions[b-oaszfx4h2j] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--cds-spacing-03);
    margin-block-start: var(--cds-spacing-04);
}

.pv-inline-list[b-oaszfx4h2j],
.pv-documents[b-oaszfx4h2j],
.pv-contacts[b-oaszfx4h2j] {
    list-style: none;
    margin: 0;
    padding: 0;
}

.pv-inline-list[b-oaszfx4h2j] {
    display: grid;
    gap: var(--cds-spacing-01);
}

.pv-documents[b-oaszfx4h2j] {
    display: grid;
    max-block-size: calc(var(--cds-spacing-13) * 2);
    overflow-y: auto;
}

.pv-documents li[b-oaszfx4h2j] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: var(--cds-spacing-03);
    align-items: center;
    min-block-size: calc(var(--cds-spacing-09) + var(--cds-spacing-03));
    padding-block: var(--cds-spacing-03);
    border-block-end: 1px solid var(--cds-border-subtle-01);
}

.pv-documents li:last-child[b-oaszfx4h2j] {
    border-block-end: 0;
}

.pv-document__icon[b-oaszfx4h2j] {
    display: inline-grid;
    place-items: center;
    inline-size: var(--cds-spacing-07);
    block-size: var(--cds-spacing-07);
    background: var(--cds-layer-accent-01);
    color: var(--cds-icon-secondary);
    border-radius: var(--radius-md);
}

.pv-document__body[b-oaszfx4h2j] {
    gap: var(--cds-spacing-01);
}

.pv-document__body strong[b-oaszfx4h2j] {
    color: var(--cds-text-primary);
    font-size: var(--cds-body-compact-01-font-size);
    font-weight: 600;
    overflow-wrap: anywhere;
}

.pv-document__body > span[b-oaszfx4h2j] {
    color: var(--cds-text-secondary);
    font-size: var(--cds-label-01-font-size);
}

.pv-document__open[b-oaszfx4h2j] {
    display: inline-flex;
    gap: var(--cds-spacing-02);
    align-items: center;
    justify-content: center;
    min-block-size: calc(var(--cds-spacing-07) + var(--cds-spacing-04));
    padding-inline: var(--cds-spacing-03);
    color: var(--cds-link-primary);
    font-size: var(--cds-body-compact-01-font-size);
    font-weight: 600;
    text-decoration: none;
}

.pv-document__open:hover[b-oaszfx4h2j] {
    background: var(--cds-layer-hover-01);
    color: var(--cds-link-primary-hover);
    text-decoration: underline;
}

.pv-document__open:focus-visible[b-oaszfx4h2j] {
    outline: 2px solid var(--cds-focus);
    outline-offset: -2px;
}

.pv-empty[b-oaszfx4h2j] {
    display: grid;
    gap: var(--cds-spacing-03);
    justify-items: center;
    padding: var(--cds-spacing-06);
    color: var(--cds-text-secondary);
    text-align: center;
}

.pv-empty p[b-oaszfx4h2j],
.pv-section-empty[b-oaszfx4h2j] {
    margin: 0;
}

.pv-contacts[b-oaszfx4h2j] {
    display: grid;
    gap: var(--cds-spacing-03);
}

.pv-contacts li[b-oaszfx4h2j] {
    display: grid;
    gap: var(--cds-spacing-01);
    padding: var(--cds-spacing-03);
    background: var(--cds-layer-accent-01);
    border-inline-start: var(--cds-spacing-02) solid var(--cds-border-strong-01);
}

.pv-contacts strong[b-oaszfx4h2j] {
    color: var(--cds-text-primary);
    font-size: var(--cds-body-compact-01-font-size);
}

.pv-contacts span[b-oaszfx4h2j],
.pv-muted[b-oaszfx4h2j] {
    color: var(--cds-text-secondary);
    font-size: var(--cds-label-01-font-size);
    overflow-wrap: anywhere;
}

@media (max-width: 80rem) {
    .pv-dashboard[b-oaszfx4h2j] {
        grid-template-areas:
            "identity identity identity identity identity identity documents documents documents documents documents documents"
            "contact contact contact contact portal portal portal portal coverage coverage coverage coverage"
            "clinical clinical clinical clinical clinical clinical contacts contacts contacts contacts contacts contacts";
    }
}

@media (max-width: 64rem) {
    .pv-dashboard[b-oaszfx4h2j] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-template-areas:
            "identity documents"
            "contact portal"
            "coverage coverage"
            "clinical contacts";
    }

    [b-oaszfx4h2j] .pv-card .carbon-field-group__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 48rem) {
    [b-oaszfx4h2j] cds-tile.pv-profile,
    [b-oaszfx4h2j] .pv-profile {
        grid-template-columns: 1fr;
        justify-items: stretch;
    }

    .pv-profile__photo[b-oaszfx4h2j] {
        grid-template-columns: auto minmax(0, 1fr);
        justify-items: start;
        align-items: center;
    }

    .pv-photo-frame[b-oaszfx4h2j] {
        inline-size: var(--cds-spacing-10);
        block-size: var(--cds-spacing-10);
    }

    .pv-photo-status[b-oaszfx4h2j] {
        max-inline-size: none;
        text-align: start;
    }

    .pv-profile__heading[b-oaszfx4h2j],
    .pv-alerts__item[b-oaszfx4h2j] {
        display: grid;
        grid-template-columns: 1fr;
    }

    .pv-statuses[b-oaszfx4h2j] {
        justify-content: flex-start;
    }

    .pv-dashboard[b-oaszfx4h2j] {
        grid-template-columns: 1fr;
        grid-template-areas:
            "identity"
            "documents"
            "contact"
            "portal"
            "coverage"
            "clinical"
            "contacts";
    }

    .pv-alerts__item[b-oaszfx4h2j]  cds-button {
        inline-size: 100%;
    }
}

@media (max-width: 40rem) {
    .pv-page[b-oaszfx4h2j] {
        padding-inline: var(--cds-spacing-03);
    }

    [b-oaszfx4h2j] cds-tile.pv-profile,
    [b-oaszfx4h2j] .pv-profile,
    [b-oaszfx4h2j] cds-tile.pv-card,
    [b-oaszfx4h2j] .pv-card {
        padding: var(--cds-spacing-04);
    }

    .pv-identifiers[b-oaszfx4h2j] {
        display: grid;
        grid-template-columns: 1fr;
    }

    .pv-identifiers > div[b-oaszfx4h2j] {
        min-inline-size: 0;
    }

    [b-oaszfx4h2j] .pv-card .carbon-field-group__grid {
        grid-template-columns: 1fr;
    }

    .pv-documents li[b-oaszfx4h2j] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .pv-document__open[b-oaszfx4h2j] {
        grid-column: 1 / -1;
        justify-content: flex-start;
    }
}
/* /Pages/PublicBooking.razor.rz.scp.css */
.booking-page[b-vqdc7duvp9] {
    background: var(--cds-background);
    min-block-size: 100dvh;
    padding: var(--cds-spacing-07) var(--cds-spacing-05);
}

.booking-shell[b-vqdc7duvp9] {
    display: grid;
    gap: var(--cds-spacing-06);
    margin-inline: auto;
    max-inline-size: var(--ph-content-medium);
}

/* ::deep: both classes sit on <CarbonTile>, whose rendered root never carries this
   page's scope attribute. Anchored on the authored .booking-shell. */
.booking-shell[b-vqdc7duvp9]  .booking-card,
.booking-shell[b-vqdc7duvp9]  .booking-confirmation {
    display: grid;
    gap: var(--cds-spacing-06);
    padding: var(--cds-spacing-06);
}

.booking-card h2[b-vqdc7duvp9] { margin: 0; }

.booking-choice-grid[b-vqdc7duvp9],
.booking-form-grid[b-vqdc7duvp9],
.booking-details[b-vqdc7duvp9],
.booking-summary[b-vqdc7duvp9] {
    display: grid;
    gap: var(--cds-spacing-05);
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

/* ::deep throughout: choices and slots are <CarbonButton>s, so their rendered roots
   never carry this page's scope attribute. Anchored on the authored grid wrappers.
   Kept rather than folded into a Kind: these make the (already Ghost) buttons read as
   selectable cards with a selected underline — no Carbon kind provides that. */
.booking-choice-grid[b-vqdc7duvp9]  .booking-choice,
.booking-slot-grid[b-vqdc7duvp9]  .booking-slot {
    background: var(--cds-layer-01);
    border: 1px solid var(--cds-border-subtle-01);
    color: var(--cds-text-primary);
    cursor: pointer;
    min-block-size: var(--cds-spacing-09);
    padding: var(--cds-spacing-05);
    text-align: start;
}

.booking-choice-grid[b-vqdc7duvp9]  .booking-choice {
    display: grid;
    gap: var(--cds-spacing-02);
}

.booking-choice span[b-vqdc7duvp9] { color: var(--cds-text-secondary); }
.booking-choice-grid[b-vqdc7duvp9]  .booking-choice:hover,
.booking-slot-grid[b-vqdc7duvp9]  .booking-slot:hover { background: var(--cds-layer-hover-01); }

.booking-choice-grid[b-vqdc7duvp9]  .booking-choice:focus-visible,
.booking-slot-grid[b-vqdc7duvp9]  .booking-slot:focus-visible {
    outline: 2px solid var(--cds-focus);
    outline-offset: -2px;
}

.booking-choice-grid[b-vqdc7duvp9]  .booking-choice--selected,
.booking-slot-grid[b-vqdc7duvp9]  .booking-slot--selected {
    border-block-end-color: var(--cds-border-interactive);
    border-block-end-width: 3px;
}

.booking-slot-grid[b-vqdc7duvp9] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--cds-spacing-03);
}

.booking-actions[b-vqdc7duvp9] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--cds-spacing-03);
    justify-content: flex-end;
}

.booking-empty[b-vqdc7duvp9] { color: var(--cds-text-secondary); }

.booking-details[b-vqdc7duvp9],
.booking-summary[b-vqdc7duvp9] {
    background: var(--cds-layer-02);
    margin: 0;
    padding: var(--cds-spacing-05);
}

.booking-details dt[b-vqdc7duvp9],
.booking-summary dt[b-vqdc7duvp9] {
    color: var(--cds-text-secondary);
    font-size: var(--cds-label-01-font-size);
}

.booking-details dd[b-vqdc7duvp9],
.booking-summary dd[b-vqdc7duvp9] { margin: 0; }

@media (max-width: 30rem) {
    .booking-choice-grid[b-vqdc7duvp9],
    .booking-form-grid[b-vqdc7duvp9],
    .booking-details[b-vqdc7duvp9],
    .booking-summary[b-vqdc7duvp9] { grid-template-columns: 1fr; }
}
/* /Pages/QueueDisplay.razor.rz.scp.css */
.queue-display[b-nl1ej44vd3] {
    --display-surface: color-mix(in srgb, var(--cds-background) 86%, var(--cds-button-primary) 14%);
    --display-panel: var(--cds-layer-01);
    --display-panel-strong: var(--cds-layer-02);
    --display-border: var(--cds-border-subtle-01, var(--cds-border-subtle));
    --display-muted: var(--cds-text-secondary);
    --display-soft: color-mix(in srgb, var(--cds-text-secondary) 72%, transparent);
    display: grid;
    grid-template-rows: auto 1fr auto;
    min-block-size: 100vh;
    inline-size: 100%;
    max-inline-size: 100%;
    overflow: hidden;
    padding: var(--cds-spacing-07);
    background:
        linear-gradient(135deg, var(--display-surface), var(--cds-background)),
        var(--cds-background);
    color: var(--cds-text-primary);
}

.queue-display__header[b-nl1ej44vd3],
.queue-display__footer[b-nl1ej44vd3] {
    align-items: center;
    display: flex;
    gap: var(--cds-spacing-07);
    justify-content: space-between;
    min-inline-size: 0;
}

.queue-display__header[b-nl1ej44vd3] {
    padding-block-end: var(--cds-spacing-06);
}

.queue-display__brand[b-nl1ej44vd3] {
    align-items: center;
    display: flex;
    gap: var(--cds-spacing-05);
    min-inline-size: 0;
}

.queue-display__mark[b-nl1ej44vd3] {
    align-items: center;
    background: var(--cds-button-primary);
    color: var(--cds-text-on-color);
    display: inline-flex;
    block-size: 4.25rem;
    inline-size: 4.25rem;
    font-size: var(--cds-heading-06-font-size);
    font-weight: 600;
    justify-content: center;
}

.queue-display__name[b-nl1ej44vd3] {
    font-size: var(--cds-heading-06-font-size);
    font-weight: 600;
    line-height: 1.05;
}

.queue-display__subtitle[b-nl1ej44vd3] {
    color: var(--display-muted);
    font-size: var(--cds-heading-compact-02-font-size);
    font-weight: 600;
    margin-block-start: var(--cds-spacing-02);
}

.queue-display__status[b-nl1ej44vd3] {
    flex-shrink: 0;
    text-align: end;
}

.queue-display__clock[b-nl1ej44vd3] {
    font-family: var(--cds-code-02-font-family);
    font-size: var(--cds-heading-07-font-size, var(--cds-heading-06-font-size));
    font-weight: 600;
    line-height: 1;
    font-variant-numeric: tabular-nums;
}

.queue-display__date[b-nl1ej44vd3] {
    color: var(--display-muted);
    font-size: var(--cds-heading-compact-01-font-size);
    font-weight: 600;
    margin-block-start: var(--cds-spacing-02);
}

.queue-display__main[b-nl1ej44vd3] {
    display: grid;
    gap: var(--cds-spacing-06);
    grid-template-columns: minmax(0, 1.35fr) minmax(24rem, 0.65fr);
    grid-template-rows: minmax(0, 1fr) auto;
    min-block-size: 0;
}

.queue-display__hero[b-nl1ej44vd3],
.queue-display__panel[b-nl1ej44vd3],
.queue-display__metrics[b-nl1ej44vd3] {
    background: var(--display-panel);
    border: 1px solid var(--display-border);
    box-shadow: 0 1.5rem 4rem color-mix(in srgb, var(--cds-background) 48%, transparent);
}

.queue-display__hero[b-nl1ej44vd3] {
    background: var(--display-panel-strong);
    display: flex;
    flex-direction: column;
    gap: var(--cds-spacing-06);
    justify-content: center;
    min-block-size: 0;
    padding: var(--cds-spacing-09);
}

.queue-display__section-label[b-nl1ej44vd3],
.queue-display__panel-header h2[b-nl1ej44vd3],
.queue-display__metric span[b-nl1ej44vd3] {
    color: var(--display-muted);
    font-size: var(--cds-heading-compact-01-font-size);
    font-weight: 600;
    letter-spacing: var(--cds-label-01-letter-spacing);
    margin: 0;
    text-transform: uppercase;
}

.queue-display__token[b-nl1ej44vd3] {
    color: var(--cds-text-primary);
    font-family: var(--cds-code-02-font-family);
    font-size: clamp(4rem, 10vw, 8rem);
    font-weight: 600;
    font-variant-numeric: tabular-nums;
    line-height: 0.92;
    overflow-wrap: anywhere;
}

.queue-display__destination[b-nl1ej44vd3] {
    display: flex;
    flex-direction: column;
    gap: var(--cds-spacing-03);
    min-inline-size: 0;
}

.queue-display__destination span[b-nl1ej44vd3] {
    color: var(--display-muted);
    font-size: var(--cds-heading-04-font-size);
    font-weight: 600;
}

.queue-display__destination strong[b-nl1ej44vd3] {
    color: var(--cds-link-primary, var(--cds-interactive));
    font-size: var(--cds-heading-06-font-size);
    font-weight: 600;
    line-height: 1.1;
    overflow-wrap: anywhere;
}

.queue-display__queue-name[b-nl1ej44vd3] {
    color: var(--display-soft);
    font-size: var(--cds-heading-compact-02-font-size);
    font-weight: 600;
}

.queue-display__panel[b-nl1ej44vd3] {
    display: flex;
    flex-direction: column;
    min-block-size: 0;
    padding: var(--cds-spacing-06);
}

.queue-display__panel--called[b-nl1ej44vd3] {
    grid-column: 2;
    grid-row: 1;
}

.queue-display__panel--waiting[b-nl1ej44vd3] {
    grid-column: 1;
    grid-row: 2;
}

.queue-display__panel-header[b-nl1ej44vd3] {
    align-items: baseline;
    border-block-end: 1px solid var(--display-border);
    display: flex;
    gap: var(--cds-spacing-04);
    justify-content: space-between;
    padding-block-end: var(--cds-spacing-05);
}

.queue-display__panel-header span[b-nl1ej44vd3] {
    color: var(--display-soft);
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.queue-display__called-list[b-nl1ej44vd3] {
    display: grid;
    gap: var(--cds-spacing-04);
    overflow: hidden;
    padding-block-start: var(--cds-spacing-05);
}

.queue-display__called-item[b-nl1ej44vd3],
.queue-display__waiting-item[b-nl1ej44vd3] {
    background: color-mix(in srgb, var(--cds-text-primary) 8%, transparent);
    border: 1px solid var(--display-border);
    min-inline-size: 0;
}

.queue-display__called-item[b-nl1ej44vd3] {
    align-items: center;
    display: grid;
    gap: var(--cds-spacing-05);
    grid-template-columns: minmax(8rem, auto) minmax(0, 1fr);
    min-block-size: 5.75rem;
    padding: var(--cds-spacing-04) var(--cds-spacing-05);
}

.queue-display__called-item strong[b-nl1ej44vd3],
.queue-display__waiting-item strong[b-nl1ej44vd3] {
    font-family: var(--cds-code-02-font-family);
    font-variant-numeric: tabular-nums;
    font-weight: 600;
}

.queue-display__called-item strong[b-nl1ej44vd3] {
    color: var(--cds-link-primary, var(--cds-interactive));
    font-size: var(--cds-heading-06-font-size);
    line-height: 1;
}

.queue-display__called-item span[b-nl1ej44vd3] {
    color: var(--display-muted);
    font-size: var(--cds-heading-compact-02-font-size);
    font-weight: 600;
    overflow-wrap: anywhere;
}

.queue-display__waiting-grid[b-nl1ej44vd3] {
    display: grid;
    gap: var(--cds-spacing-04);
    grid-template-columns: repeat(4, minmax(0, 1fr));
    padding-block-start: var(--cds-spacing-05);
}

.queue-display__waiting-item[b-nl1ej44vd3] {
    display: flex;
    flex-direction: column;
    gap: var(--cds-spacing-02);
    justify-content: center;
    min-block-size: 6.5rem;
    padding: var(--cds-spacing-04);
}

.queue-display__waiting-item strong[b-nl1ej44vd3] {
    font-size: var(--cds-heading-05-font-size);
    line-height: 1;
    overflow-wrap: anywhere;
}

.queue-display__waiting-item span[b-nl1ej44vd3] {
    color: var(--display-soft);
    font-size: var(--cds-body-compact-01-font-size);
    font-weight: 600;
    text-transform: uppercase;
}

.queue-display__metrics[b-nl1ej44vd3] {
    display: grid;
    gap: var(--cds-spacing-04);
    grid-column: 2;
    grid-row: 2;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    padding: var(--cds-spacing-05);
}

.queue-display__metric[b-nl1ej44vd3] {
    background: color-mix(in srgb, var(--cds-text-primary) 7%, transparent);
    display: flex;
    flex-direction: column;
    gap: var(--cds-spacing-03);
    justify-content: center;
    min-block-size: 6.5rem;
    padding: var(--cds-spacing-04);
}

.queue-display__metric span[b-nl1ej44vd3] {
    font-size: var(--cds-label-01-font-size);
}

.queue-display__metric strong[b-nl1ej44vd3] {
    font-family: var(--cds-code-02-font-family);
    font-size: var(--cds-heading-06-font-size);
    font-variant-numeric: tabular-nums;
    font-weight: 600;
    line-height: 1;
}

.queue-display__empty[b-nl1ej44vd3] {
    align-items: center;
    border: 1px dashed var(--display-border);
    color: var(--display-muted);
    display: flex;
    flex-direction: column;
    font-size: var(--cds-heading-compact-02-font-size);
    font-weight: 600;
    gap: var(--cds-spacing-03);
    justify-content: center;
    min-block-size: 7rem;
    padding: var(--cds-spacing-05);
    text-align: center;
}

.queue-display__empty span[b-nl1ej44vd3] {
    color: var(--display-soft);
    font-size: var(--cds-body-01-font-size);
    font-weight: 400;
}

.queue-display__empty--large[b-nl1ej44vd3] {
    font-size: var(--cds-heading-05-font-size);
    min-block-size: 18rem;
}

.queue-display__footer[b-nl1ej44vd3] {
    padding-block-start: var(--cds-spacing-06);
}

.queue-display__ticker[b-nl1ej44vd3] {
    align-items: center;
    color: var(--display-muted);
    display: flex;
    font-size: var(--cds-heading-compact-02-font-size);
    font-weight: 600;
    gap: var(--cds-spacing-09);
    min-inline-size: 0;
}

.queue-display__ticker span:last-child[b-nl1ej44vd3] {
    font-family: 'IBM Plex Sans Arabic', var(--cds-body-compact-01-font-family);
}

.queue-display__updated[b-nl1ej44vd3] {
    color: var(--display-soft);
    font-family: var(--cds-code-02-font-family);
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

@media (max-width: 82rem) {
    .queue-display[b-nl1ej44vd3] {
        padding: var(--cds-spacing-05);
    }

    .queue-display__main[b-nl1ej44vd3] {
        grid-template-columns: 1fr;
        grid-template-rows: auto auto auto auto;
    }

    .queue-display__panel--called[b-nl1ej44vd3],
    .queue-display__panel--waiting[b-nl1ej44vd3],
    .queue-display__metrics[b-nl1ej44vd3] {
        grid-column: 1;
        grid-row: auto;
    }

    .queue-display__waiting-grid[b-nl1ej44vd3] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .queue-display__token[b-nl1ej44vd3] {
        font-size: 6rem;
    }
}

@media (max-width: 48rem) {
    .queue-display__header[b-nl1ej44vd3],
    .queue-display__footer[b-nl1ej44vd3] {
        align-items: flex-start;
        flex-direction: column;
    }

    .queue-display__status[b-nl1ej44vd3] {
        text-align: start;
    }

    .queue-display__waiting-grid[b-nl1ej44vd3],
    .queue-display__metrics[b-nl1ej44vd3] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .queue-display__called-item[b-nl1ej44vd3] {
        grid-template-columns: 1fr;
    }

    .queue-display__token[b-nl1ej44vd3] {
        font-size: 4rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .queue-display *[b-nl1ej44vd3] {
        scroll-behavior: auto;
    }
}
/* /Pages/SatisfactionSurvey.razor.rz.scp.css */
.survey-page[b-1e6k9eh9co] {
    align-items: center;
    display: flex;
    justify-content: center;
    min-block-size: 100vh;
    padding: var(--cds-spacing-05);
}

/* ::deep: .survey-card sits on <CarbonTile>, whose rendered root never carries this
   page's scope attribute. Anchored on the authored .survey-page. */
.survey-page[b-1e6k9eh9co]  .survey-card {
    inline-size: min(100%, var(--ph-content-narrow));
}

.survey-score-grid[b-1e6k9eh9co] {
    display: grid;
    gap: var(--cds-spacing-03);
    grid-template-columns: repeat(11, minmax(0, 1fr));
    margin-block: var(--cds-spacing-06) var(--cds-spacing-03);
}

.survey-score-labels[b-1e6k9eh9co] {
    color: var(--cds-text-secondary);
    display: flex;
    font-size: var(--cds-label-01-font-size);
    justify-content: space-between;
    margin-block-end: var(--cds-spacing-06);
}

@media (max-width: 40rem) {
    .survey-score-grid[b-1e6k9eh9co] {
        grid-template-columns: repeat(6, minmax(0, 1fr));
    }
}
/* /Pages/SimplePatientChart.razor.rz.scp.css */
.chart-shell[b-doksb9iby4] {
    display: flex;
    flex-direction: column;
    gap: var(--cds-spacing-03);
    min-block-size: calc(100vh - var(--cds-spacing-09));
    padding: var(--cds-spacing-05);
    background: var(--cds-background);
}

.chart-toolbar[b-doksb9iby4],
.chart-toolbar__group[b-doksb9iby4] {
    display: flex;
    align-items: center;
}

.chart-navigation__eyebrow[b-doksb9iby4],
.chart-toolbar__label[b-doksb9iby4],
.chart-safety__label[b-doksb9iby4],
.chart-nav__group-label[b-doksb9iby4],
.chart-nav__all-label[b-doksb9iby4] {
    color: var(--cds-text-secondary);
    font-size: var(--cds-label-01-font-size);
    font-weight: 600;
    letter-spacing: .02em;
    text-transform: uppercase;
}

.chart-safety[b-doksb9iby4] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    position: sticky;
    top: var(--ph-shell-header-size);
    z-index: var(--ph-z-side-nav);
    background: var(--cds-layer-02);
    border-block: 1px solid var(--cds-border-subtle-01);
}

.chart-safety__item[b-doksb9iby4] {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: var(--cds-spacing-01) var(--cds-spacing-03);
    min-block-size: calc(var(--cds-spacing-10) + var(--cds-spacing-02));
    padding: var(--cds-spacing-03) var(--cds-spacing-04);
    border-inline-start: 3px solid var(--cds-border-strong-01);
}

.chart-safety__item + .chart-safety__item[b-doksb9iby4] { border-inline-start-width: 1px; }
.chart-safety__item--danger[b-doksb9iby4] { border-inline-start: 3px solid var(--cds-support-error); }
.chart-safety__item--warning[b-doksb9iby4] { border-inline-start: 3px solid var(--cds-support-warning); }
.chart-safety__item--success[b-doksb9iby4] { border-inline-start: 3px solid var(--cds-support-success); }
.chart-safety__item strong[b-doksb9iby4] { font-size: var(--cds-heading-01-font-size); }
.chart-safety__item > span:last-child[b-doksb9iby4],
.chart-safety__item > a[b-doksb9iby4] { color: var(--cds-text-secondary); font-size: var(--cds-label-01-font-size); }
.chart-safety__item > span:last-child[b-doksb9iby4] { grid-column: 1 / -1; }
.chart-safety__item > a[b-doksb9iby4] { justify-self: end; }

.chart-toolbar[b-doksb9iby4] {
    justify-content: space-between;
    gap: var(--cds-spacing-05);
    position: sticky;
    top: calc(var(--ph-shell-header-size) + var(--cds-spacing-10) + var(--cds-spacing-02) + 2px);
    z-index: var(--ph-z-side-nav);
    padding: var(--cds-spacing-02) var(--cds-spacing-05);
    background: var(--neutral-900);
    border-block-end: 1px solid var(--neutral-900);
    /* Do not remap --cds-text-* here: cds-menu inherits those tokens and goes white-on-white in light mode. */
}

.chart-toolbar__group[b-doksb9iby4] {
    flex-wrap: nowrap;
    gap: var(--cds-spacing-02);
}
.chart-toolbar__group:first-child[b-doksb9iby4] {
    flex: 1 1 auto;
    min-inline-size: 0;
    overflow-x: auto;
}
.chart-toolbar__group--utilities[b-doksb9iby4] {
    flex: 0 0 auto;
    justify-content: flex-end;
    padding-inline-end: var(--cds-spacing-03);
    margin-inline-end: var(--cds-spacing-03);
}
.chart-toolbar__group--utilities[b-doksb9iby4]  cds-overflow-menu {
    flex: 0 0 auto;
    /* Trigger icon only — do not remap text tokens (menu inherits from this host). */
    --cds-icon-primary: #ffffff;
    --cds-icon-secondary: #ffffff;
}
.chart-toolbar__group--utilities[b-doksb9iby4]  cds-overflow-menu > svg[slot="icon"] {
    color: #ffffff;
    fill: #ffffff;
}

/* Inverse action strip: ghost/utility text stays white; menu keeps theme layer tokens. */
.chart-toolbar[b-doksb9iby4]  cds-button {
    --cds-button-ghost-primary: #ffffff;
    --cds-link-primary: #ffffff;
    --cds-link-primary-hover: #ffffff;
    --cds-icon-primary: #ffffff;
    color: #ffffff;
}

/* Primary Start visit stays Carbon blue when enabled; disabled stays readable on black. */
.chart-toolbar[b-doksb9iby4]  cds-button[kind="primary"]:not([disabled]) {
    --cds-button-primary: var(--cds-interactive, #0f62fe);
    --cds-button-primary-hover: var(--cds-interactive, #0050e6);
    color: #ffffff;
}

.chart-toolbar[b-doksb9iby4]  cds-button[disabled],
.chart-toolbar[b-doksb9iby4]  cds-button[aria-disabled="true"] {
    --cds-button-disabled: transparent;
    --cds-button-primary: transparent;
    --cds-button-ghost-primary: rgba(255, 255, 255, 0.45);
    --cds-link-primary: rgba(255, 255, 255, 0.45);
    color: rgba(255, 255, 255, 0.45);
    opacity: 1;
}

.chart-body[b-doksb9iby4] {
    display: grid;
    grid-template-columns: minmax(calc(var(--cds-spacing-13) + var(--cds-spacing-10)), calc(var(--cds-spacing-13) + var(--cds-spacing-10) + var(--cds-spacing-09))) minmax(0, 1fr);
    gap: var(--cds-spacing-05);
    align-items: start;
    min-inline-size: 0;
}

.chart-body--copilot[b-doksb9iby4] { grid-template-columns: minmax(calc(var(--cds-spacing-13) + var(--cds-spacing-10)), calc(var(--cds-spacing-13) + var(--cds-spacing-10) + var(--cds-spacing-09))) minmax(0, 1fr) minmax(calc(var(--cds-spacing-13) + var(--cds-spacing-13)), calc(var(--cds-spacing-13) + var(--cds-spacing-13) + var(--cds-spacing-12))); }

.chart-navigation[b-doksb9iby4] {
    --cds-background: var(--ph-clinical-900);
    --cds-background-active: var(--ph-clinical-active);
    --cds-background-hover: var(--ph-clinical-800);
    --cds-background-selected: var(--ph-clinical-700);
    --cds-border-interactive: var(--ph-clinical-border-interactive);
    --cds-border-subtle-01: var(--ph-clinical-border);
    --cds-field-01: var(--ph-clinical-800);
    --cds-focus: var(--ph-clinical-focus);
    --cds-icon-primary: var(--cds-text-on-color);
    --cds-text-placeholder: var(--ph-clinical-section-label);
    --cds-text-primary: var(--cds-text-on-color);
    --cds-text-secondary: var(--ph-clinical-text-secondary);
    position: sticky;
    top: calc(var(--ph-shell-header-size) + var(--cds-spacing-10) + var(--cds-spacing-08) + var(--cds-spacing-03));
    max-block-size: calc(100vh - var(--ph-shell-header-size) - var(--cds-spacing-10) - var(--cds-spacing-08) - var(--cds-spacing-03));
    overflow: auto;
    background: var(--ph-clinical-900);
    border: 1px solid var(--ph-clinical-border);
}

.chart-navigation__header[b-doksb9iby4] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--cds-spacing-04);
    border-block-end: 1px solid var(--cds-border-subtle-01);
}

.chart-navigation__header h2[b-doksb9iby4] { margin: var(--cds-spacing-01) 0 0; font-size: var(--cds-heading-02-font-size); }
.chart-navigation__eyebrow[b-doksb9iby4],
.chart-nav__group-label[b-doksb9iby4],
.chart-nav__all-label[b-doksb9iby4] {
    color: var(--ph-clinical-section-label);
}

.chart-navigation__header h2[b-doksb9iby4] {
    color: var(--cds-text-on-color);
}

.chart-navigation__count[b-doksb9iby4] {
    min-inline-size: var(--cds-spacing-07);
    padding: var(--cds-spacing-02);
    background: var(--ph-clinical-700);
    color: var(--cds-text-on-color);
    font-size: var(--cds-label-01-font-size);
    text-align: center;
}
.chart-navigation__search[b-doksb9iby4] {
    /* Search keeps a light field inside the green nav. Reset text/icon tokens
       that .chart-navigation remaps to mint, which washes out on white. */
    --cds-text-placeholder: var(--ph-clinical-800);
    --cds-text-primary: var(--ph-clinical-900);
    --cds-text-secondary: var(--ph-clinical-800);
    --cds-icon-primary: var(--ph-clinical-800);
    --cds-icon-secondary: var(--ph-clinical-700);
    border-block-end: 1px solid var(--cds-border-subtle-01);
    padding: var(--cds-spacing-03) var(--cds-spacing-04);
}

.chart-navigation__search[b-doksb9iby4]  cds-search {
    inline-size: 100%;
}

.chart-nav[b-doksb9iby4] { display: flex; flex-direction: column; padding-block-end: var(--cds-spacing-03); }
.chart-nav__group-label[b-doksb9iby4],
.chart-nav__all-label[b-doksb9iby4] { padding: var(--cds-spacing-04) var(--cds-spacing-04) var(--cds-spacing-02); }
.chart-nav__all-label[b-doksb9iby4] { border-block-start: 1px solid var(--cds-border-subtle-01); }
.chart-nav__item[b-doksb9iby4] {
    display: flex;
    align-items: center;
    min-block-size: calc(var(--cds-spacing-07) + var(--cds-spacing-02));
    padding: var(--cds-spacing-02) var(--cds-spacing-04);
    border-inline-start: 3px solid transparent;
    color: var(--ph-clinical-text-secondary);
    font-size: var(--cds-body-compact-01-font-size);
    line-height: 1.25;
    text-decoration: none;
}
.chart-nav__item:hover[b-doksb9iby4] { background: var(--ph-clinical-800); color: var(--cds-text-on-color); }
.chart-nav__item:focus-visible[b-doksb9iby4] { outline: 2px solid var(--cds-focus); outline-offset: -2px; }
.chart-nav__item--active[b-doksb9iby4] {
    background: var(--ph-clinical-700);
    border-inline-start-color: var(--ph-clinical-border-interactive);
    color: var(--cds-text-on-color);
    font-weight: 600;
}

.chart-nav__group[b-doksb9iby4] { border-block-start: 1px solid var(--cds-border-subtle-01); }
.chart-nav__group summary[b-doksb9iby4] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-block-size: var(--cds-spacing-08);
    padding: var(--cds-spacing-02) var(--cds-spacing-04);
    cursor: pointer;
    color: var(--cds-text-on-color);
    font-size: var(--cds-body-compact-01-font-size);
    font-weight: 600;
    list-style: none;
}
.chart-nav__group summary[b-doksb9iby4]::-webkit-details-marker { display: none; }
.chart-nav__group summary[b-doksb9iby4]::before { margin-inline-end: var(--cds-spacing-03); content: "+"; }
.chart-nav__group[open] summary[b-doksb9iby4]::before { content: "−"; }
.chart-nav__group summary:hover[b-doksb9iby4] { background: var(--ph-clinical-800); }
.chart-nav__group summary:focus-visible[b-doksb9iby4] { outline: 2px solid var(--cds-focus); outline-offset: -2px; }
.chart-nav__group-count[b-doksb9iby4] { margin-inline-start: auto; color: var(--ph-clinical-text-secondary); font-size: var(--cds-label-01-font-size); font-weight: 400; }
.chart-nav__group-items[b-doksb9iby4] { padding-block-end: var(--cds-spacing-02); }
.chart-nav__empty[b-doksb9iby4] { margin: 0; padding: var(--cds-spacing-05) var(--cds-spacing-04); color: var(--ph-clinical-text-secondary); font-size: var(--cds-body-compact-01-font-size); }

.chart-content[b-doksb9iby4] {
    min-inline-size: 0;
    padding: var(--cds-spacing-05);
    background: var(--cds-layer-01);
    border-block-start: 3px solid var(--cds-border-interactive);
}

.chart-dialog-fields[b-doksb9iby4] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--cds-spacing-05); }
.chart-summary-print[b-doksb9iby4] { display: none; }
.chart-summary-print__grid[b-doksb9iby4] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--cds-spacing-05); }

@media print { .chart-summary-print[b-doksb9iby4] { display: block; } }

@media (max-width: 80rem) {
    .chart-body--copilot[b-doksb9iby4] { grid-template-columns: minmax(calc(var(--cds-spacing-13) + var(--cds-spacing-10)), calc(var(--cds-spacing-13) + var(--cds-spacing-10) + var(--cds-spacing-09))) minmax(0, 1fr); }
}

@media (max-width: 64rem) {
    .chart-safety[b-doksb9iby4] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .chart-body[b-doksb9iby4],
    .chart-body--copilot[b-doksb9iby4] { grid-template-columns: 1fr; }
    .chart-safety[b-doksb9iby4],
    .chart-toolbar[b-doksb9iby4],
    .chart-navigation[b-doksb9iby4] { position: static; max-block-size: none; }
    .chart-nav__primary[b-doksb9iby4] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .chart-nav__group-label[b-doksb9iby4] { grid-column: 1 / -1; }
}

@media (max-width: 40rem) {
    .chart-shell[b-doksb9iby4] { padding: var(--cds-spacing-03); }
    .chart-safety[b-doksb9iby4] { grid-template-columns: 1fr; }
    .chart-safety__item + .chart-safety__item[b-doksb9iby4] { border-inline-start-width: 3px; }
    .chart-toolbar[b-doksb9iby4] { align-items: stretch; flex-direction: column; }
    .chart-toolbar__group--utilities[b-doksb9iby4] { justify-content: flex-start; margin-inline-end: 0; }
    .chart-content[b-doksb9iby4] { padding: var(--cds-spacing-04); }
    .chart-dialog-fields[b-doksb9iby4],
    .chart-nav__primary[b-doksb9iby4] { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
    .chart-nav__item[b-doksb9iby4],
    .chart-nav__group summary[b-doksb9iby4] { scroll-behavior: auto; }
}
