@import '_content/PactaHealth.Wasm.Shared/PactaHealth.Wasm.Shared.xav12pviyn.bundle.scp.css';

/* /Components/Admin/Concepts/ConceptEditorDialog.razor.rz.scp.css */
.concept-form-grid[b-2kqjt9ho3v] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--sp-4);
}

.concept-form-grid--numeric[b-2kqjt9ho3v] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.concept-checkbox[b-2kqjt9ho3v] {
    display: inline-flex;
    align-items: center;
    gap: var(--sp-2);
    color: var(--text-secondary);
    font-size: var(--text-sm);
}

.concept-numeric-panel[b-2kqjt9ho3v] {
    border: 1px solid var(--border-muted);
    border-radius: var(--r-md);
    padding: var(--sp-4);
    background: var(--bg-raised);
}

.concept-panel-title[b-2kqjt9ho3v] {
    color: var(--text-primary);
    font-size: var(--text-sm);
    font-weight: 600;
    margin-block-end: var(--sp-4);
}

@media (max-width: 48rem) {
    .concept-form-grid[b-2kqjt9ho3v],
    .concept-form-grid--numeric[b-2kqjt9ho3v] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Admin/Concepts/ConceptSearchPage.razor.rz.scp.css */
.concept-subtitle[b-g8diaebgew] {
    color: var(--text-muted);
    margin: 0;
}

.concept-filter[b-g8diaebgew] {
    padding-inline: 0;
}

.concept-state[b-g8diaebgew] {
    padding: var(--sp-6);
    color: var(--text-muted);
    font-size: var(--text-sm);
}

.concept-name[b-g8diaebgew] {
    color: var(--text-primary);
    font-weight: 600;
}

.concept-description[b-g8diaebgew] {
    color: var(--text-muted);
    font-size: var(--text-xs);
    margin-block-start: var(--sp-1);
    max-inline-size: 42ch;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.concept-uuid[b-g8diaebgew] {
    color: var(--text-muted);
    font-size: var(--text-xs);
}

.concept-actions[b-g8diaebgew] {
    display: inline-flex;
    gap: var(--sp-2);
    align-items: center;
}

.concept-pager[b-g8diaebgew] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: var(--sp-3);
    padding-block-start: var(--sp-4);
    color: var(--text-secondary);
    font-size: var(--text-sm);
}

@media (max-width: 48rem) {
    .concept-pager[b-g8diaebgew] {
        justify-content: flex-start;
    }
}
/* /Components/Admin/Forms/FormBuilderPage.razor.rz.scp.css */
.form-builder-page[b-lc9boxbcnz] {
    display: flex;
    flex-direction: column;
    gap: var(--sp-5);
}

.form-builder-meta[b-lc9boxbcnz] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--sp-2);
}

.form-builder-summary[b-lc9boxbcnz] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--sp-2);
    margin-bottom: var(--sp-4);
}

.form-builder-layout[b-lc9boxbcnz] {
    display: grid;
    grid-template-columns: minmax(280px, 0.95fr) minmax(0, 1.45fr) minmax(280px, 0.9fr);
    gap: var(--sp-4);
    align-items: start;
}

.form-builder-sidebar[b-lc9boxbcnz] {
    display: flex;
    flex-direction: column;
    gap: var(--sp-4);
}

.form-builder-sidebar .card[b-lc9boxbcnz],
.form-builder-workspace[b-lc9boxbcnz],
.form-builder-list-card[b-lc9boxbcnz] {
    min-width: 0;
}

.form-builder-card-copy[b-lc9boxbcnz] {
    margin-top: var(--sp-1);
    color: var(--text-secondary);
    font-size: var(--text-sm);
}

.form-builder-card-actions[b-lc9boxbcnz] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--sp-2);
}

.form-builder-state[b-lc9boxbcnz] {
    display: flex;
    flex-direction: column;
    gap: var(--sp-2);
    padding: var(--sp-4);
    border: 1px dashed var(--border);
    border-radius: var(--r-md);
    background: var(--bg-raised);
    color: var(--text-secondary);
}

.form-builder-table-name[b-lc9boxbcnz] {
    font-weight: 600;
    color: var(--text-primary);
}

.form-builder-table-copy[b-lc9boxbcnz] {
    margin-top: var(--sp-1);
    color: var(--text-secondary);
    font-size: var(--text-xs);
}

.form-builder-canvas-header[b-lc9boxbcnz] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: var(--sp-3);
    margin-bottom: var(--sp-3);
}

.form-builder-canvas[b-lc9boxbcnz] {
    display: flex;
    flex-direction: column;
    gap: var(--sp-3);
    min-height: 340px;
    padding: var(--sp-4);
    border: 1px solid var(--border-muted);
    border-radius: var(--r-lg);
    background: var(--bg-raised);
}

.form-builder-legacy[b-lc9boxbcnz] {
    display: grid;
    gap: var(--sp-3);
    padding: var(--sp-4);
    border: 1px solid var(--border);
    border-radius: var(--r-md);
    background: var(--bg-raised);
}

.form-builder-legacy__row[b-lc9boxbcnz] {
    display: flex;
    justify-content: space-between;
    gap: var(--sp-4);
    font-size: var(--text-sm);
}

.form-builder-legacy__label[b-lc9boxbcnz] {
    color: var(--text-muted);
    font-weight: 600;
}

@media (max-width: 1360px) {
    .form-builder-layout[b-lc9boxbcnz] {
        grid-template-columns: minmax(260px, 1fr) minmax(0, 1.3fr);
    }

    .form-builder-sidebar[b-lc9boxbcnz] {
        grid-column: 1 / -1;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 960px) {
    .form-builder-layout[b-lc9boxbcnz],
    .form-builder-sidebar[b-lc9boxbcnz] {
        grid-template-columns: 1fr;
    }

    .form-builder-canvas-header[b-lc9boxbcnz],
    .form-builder-card-actions[b-lc9boxbcnz] {
        flex-direction: column;
        align-items: stretch;
    }
}
/* /Components/Admin/Forms/FormBuilderTools.razor.rz.scp.css */
.form-builder-tools-panel[b-2v5aozslt8] {
    display: flex;
    flex-direction: column;
    gap: var(--sp-4);
}

.form-builder-tools-header p[b-2v5aozslt8] {
    margin-top: var(--sp-2);
    color: var(--text-secondary);
    font-size: var(--text-sm);
}

.form-builder-tools-list[b-2v5aozslt8] {
    display: flex;
    flex-direction: column;
    gap: var(--sp-2);
}

.form-builder-tool[b-2v5aozslt8] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--sp-1);
    width: 100%;
    padding: var(--sp-3) var(--sp-4);
    border: 1px solid var(--border);
    border-radius: var(--r-md);
    background: var(--bg-surface);
    color: var(--text-primary);
    text-align: start;
    cursor: pointer;
    transition: border-color .14s ease, background-color .14s ease, transform .14s ease;
}

.form-builder-tool:hover[b-2v5aozslt8] {
    border-color: var(--his-300);
    background: var(--bg-raised);
    transform: translateY(-1px);
}

.form-builder-tool__label[b-2v5aozslt8] {
    font-size: var(--text-sm);
    font-weight: 600;
}

.form-builder-tool__description[b-2v5aozslt8] {
    color: var(--text-secondary);
    font-size: var(--text-xs);
    line-height: 1.4;
}
/* /Components/Admin/Forms/FormFieldEditor.razor.rz.scp.css */
.form-field-editor__empty[b-2mk0zm48a1] {
    padding: var(--sp-3);
    border: 1px dashed var(--border);
    border-radius: var(--r-md);
    background: var(--bg-raised);
    color: var(--text-secondary);
    font-size: var(--text-sm);
}

.form-field-editor__toggle[b-2mk0zm48a1] {
    margin-bottom: var(--sp-3);
}

.form-field-editor__status-row[b-2mk0zm48a1] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--sp-2);
    margin-bottom: var(--sp-3);
}

.form-field-editor__checkbox[b-2mk0zm48a1] {
    position: absolute;
    inline-size: 1px;
    block-size: 1px;
    opacity: 0;
    pointer-events: none;
}

.form-field-editor__hint[b-2mk0zm48a1] {
    color: var(--text-secondary);
    font-size: var(--text-xs);
    line-height: 1.45;
}

.form-field-editor__section[b-2mk0zm48a1] {
    display: flex;
    flex-direction: column;
    gap: var(--sp-3);
    padding-top: var(--sp-4);
    border-top: 1px solid var(--border-muted);
}

.form-field-editor__results[b-2mk0zm48a1] {
    display: flex;
    flex-direction: column;
    gap: var(--sp-2);
}

.form-field-editor__result[b-2mk0zm48a1] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--sp-1);
    padding: var(--sp-3);
    border: 1px solid var(--border);
    border-radius: var(--r-md);
    background: var(--bg-surface);
    text-align: start;
}

.form-field-editor__result-title[b-2mk0zm48a1] {
    color: var(--text-primary);
    font-size: var(--text-sm);
    font-weight: 600;
}

.form-field-editor__result-meta[b-2mk0zm48a1],
.form-field-editor__selection-copy[b-2mk0zm48a1] {
    color: var(--text-secondary);
    font-size: var(--text-xs);
    line-height: 1.45;
}

.form-field-editor__selection[b-2mk0zm48a1] {
    display: flex;
    justify-content: space-between;
    gap: var(--sp-3);
    align-items: flex-start;
    padding: var(--sp-3);
    border: 1px solid var(--border);
    border-radius: var(--r-md);
    background: var(--bg-raised);
}

@media (max-width: 720px) {
    .form-field-editor__selection[b-2mk0zm48a1] {
        flex-direction: column;
        align-items: stretch;
    }
}
/* /Components/Admin/Forms/FormFieldPreview.razor.rz.scp.css */
.form-field-preview[b-rpdgwkdsqa] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: var(--sp-3);
    align-items: center;
    padding: var(--sp-3);
    border: 1px solid var(--border);
    border-radius: var(--r-md);
    background: var(--bg-surface);
    box-shadow: var(--sh-xs);
}

.form-field-preview.is-selected[b-rpdgwkdsqa] {
    border-color: var(--his-300);
    background: var(--his-50);
}

[data-theme="dark"] .form-field-preview.is-selected[b-rpdgwkdsqa] {
    background: oklch(21% 0.055 242);
}

.form-field-preview__surface[b-rpdgwkdsqa] {
    display: block;
    width: 100%;
    padding: 0;
    border: none;
    background: transparent;
    text-align: start;
    cursor: pointer;
}

.form-field-preview__content[b-rpdgwkdsqa] {
    display: flex;
    flex-direction: column;
    gap: var(--sp-2);
}

.form-field-preview__header[b-rpdgwkdsqa] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--sp-2);
    align-items: center;
}

.form-field-preview__index[b-rpdgwkdsqa] {
    color: var(--text-muted);
    font-size: var(--text-xs);
    font-weight: 600;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.form-field-preview__title[b-rpdgwkdsqa] {
    color: var(--text-primary);
    font-size: var(--text-md);
    font-weight: 600;
}

.form-field-preview__meta[b-rpdgwkdsqa] {
    color: var(--text-secondary);
    font-size: var(--text-xs);
}

.form-field-preview__summary[b-rpdgwkdsqa] {
    color: var(--text-secondary);
    font-size: var(--text-xs);
    line-height: 1.45;
}

.form-field-preview__actions[b-rpdgwkdsqa] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--sp-2);
    justify-content: flex-end;
}

@media (max-width: 720px) {
    .form-field-preview[b-rpdgwkdsqa] {
        grid-template-columns: 1fr;
    }

    .form-field-preview__actions[b-rpdgwkdsqa] {
        justify-content: flex-start;
    }
}
/* /Components/Admin/Locations/LocationCardDetail.razor.rz.scp.css */
.location-detail[b-y8u3oc92te] {
    display: flex;
    flex-direction: column;
    gap: var(--space-5);
    min-height: 100%;
    padding: var(--space-4);
    border: 1px solid var(--border-light);
    border-radius: var(--radius-xl);
    background: color-mix(in srgb, var(--surface-subtle) 92%, transparent);
}

.location-detail-header[b-y8u3oc92te] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--space-4);
}

.location-detail-header h3[b-y8u3oc92te] {
    margin: 0 0 var(--space-2);
}

.location-detail-actions[b-y8u3oc92te] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-2);
}

.location-detail-grid[b-y8u3oc92te] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: var(--space-4);
    margin: 0;
}

.location-detail-grid div[b-y8u3oc92te] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    padding: var(--space-3);
    border: 1px solid var(--border-light);
    border-radius: var(--radius-md);
    background: var(--bg-primary);
}

.location-detail-grid dt[b-y8u3oc92te] {
    margin: 0;
    color: var(--text-secondary);
    font-size: var(--text-sm);
    font-weight: var(--font-semibold);
}

.location-detail-grid dd[b-y8u3oc92te] {
    margin: 0;
    color: var(--text-primary);
}

@media (max-width: 640px) {
    .location-detail-header[b-y8u3oc92te] {
        flex-direction: column;
    }
}
/* /Components/Admin/Locations/LocationEditor.razor.rz.scp.css */
.location-editor[b-s5krmytktr] {
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
    padding: var(--space-4);
    border: 1px solid var(--border-light);
    border-radius: var(--radius-xl);
    background: color-mix(in srgb, var(--surface-subtle) 92%, transparent);
}

.location-editor-header h3[b-s5krmytktr] {
    margin: 0;
    font-size: var(--text-base);
}

.location-editor-body[b-s5krmytktr] {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
}

.location-editor-error[b-s5krmytktr] {
    padding: var(--space-3) var(--space-4);
    border: 1px solid rgba(239, 68, 68, 0.35);
    border-radius: var(--radius-md);
    background: var(--color-error-light);
    color: #b91c1c;
}
/* /Components/Admin/Locations/LocationForm.razor.rz.scp.css */
.location-form[b-v8uejs5hc4] {
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
}

.location-form-grid[b-v8uejs5hc4] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: var(--space-4);
}

.location-field[b-v8uejs5hc4] {
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
}

.location-field-full[b-v8uejs5hc4] {
    grid-column: 1 / -1;
}

.location-input[b-v8uejs5hc4] {
    min-height: var(--input-height-md);
    padding: var(--padding-md);
    border: 1px solid var(--border-medium);
    border-radius: var(--radius-md);
    background: linear-gradient(180deg, color-mix(in srgb, var(--surface-strong) 94%, transparent), color-mix(in srgb, var(--bg-primary) 96%, transparent));
    color: var(--text-primary);
    box-shadow: inset 0 1px 0 color-mix(in srgb, var(--surface-strong) 72%, transparent);
    transition: border-color var(--transition-fast), box-shadow var(--transition-fast), background-color var(--transition-fast);
}

.location-textarea[b-v8uejs5hc4] {
    min-height: 7rem;
    resize: vertical;
}

.location-input[b-v8uejs5hc4]::placeholder,
.location-textarea[b-v8uejs5hc4]::placeholder {
    color: var(--text-tertiary);
}

.location-input:hover[b-v8uejs5hc4],
.location-textarea:hover[b-v8uejs5hc4] {
    border-color: color-mix(in srgb, var(--color-primary) 18%, var(--border-medium));
}

.location-input:focus[b-v8uejs5hc4],
.location-textarea:focus[b-v8uejs5hc4] {
    outline: none;
    border-color: var(--color-primary);
    box-shadow: var(--focus-ring);
}

.location-actions[b-v8uejs5hc4] {
    display: flex;
    gap: var(--space-3);
    flex-wrap: wrap;
}

.location-error[b-v8uejs5hc4],
.location-validation[b-v8uejs5hc4] {
    color: #b91c1c;
    font-size: var(--text-sm);
}
/* /Components/Admin/Locations/LocationListPage.razor.rz.scp.css */
.admin-subpage-grid[b-5ylgyfz6rc] {
    display: grid;
    grid-template-columns: minmax(280px, 360px) minmax(0, 1fr);
    gap: var(--space-4);
}

.admin-subpage-panel[b-5ylgyfz6rc] {
    min-width: 0;
    min-height: 24rem;
}

.admin-empty-state[b-5ylgyfz6rc] {
    display: grid;
    place-items: center;
    min-height: 100%;
}

@media (max-width: 900px) {
    .admin-subpage-grid[b-5ylgyfz6rc] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Admin/Locations/LocationTree.razor.rz.scp.css */
.location-list-panel[b-9kclfu5px7] {
    display: flex;
    flex-direction: column;
    min-height: 100%;
    border: 1px solid var(--border-light);
    border-radius: var(--radius-xl);
    background: color-mix(in srgb, var(--surface-subtle) 92%, transparent);
    overflow: hidden;
}

.location-list-header[b-9kclfu5px7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-3);
    padding: var(--space-4);
    border-bottom: 1px solid var(--border-light);
}

.location-list-header h3[b-9kclfu5px7] {
    margin: 0;
    font-size: var(--text-base);
}

.location-list-header span[b-9kclfu5px7] {
    color: var(--text-secondary);
    font-size: var(--text-sm);
}

.location-list-body[b-9kclfu5px7] {
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
    max-height: 32rem;
    padding: var(--space-3);
    overflow-y: auto;
}

.location-list-item[b-9kclfu5px7] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    width: 100%;
    padding: 0.8rem 0.9rem;
    border: 1px solid var(--border-light);
    border-radius: var(--radius-md);
    background: var(--bg-primary);
    color: var(--text-primary);
    text-align: left;
    transition: var(--transition-default);
}

.location-list-item:hover[b-9kclfu5px7] {
    border-color: var(--border-medium);
    background: var(--bg-secondary);
}

.location-list-item.selected[b-9kclfu5px7] {
    border-color: rgba(15, 118, 110, 0.35);
    background: var(--color-primary-lighter);
    box-shadow: inset 3px 0 0 var(--color-primary);
}

.location-list-name[b-9kclfu5px7] {
    font-weight: var(--font-semibold);
}

.location-list-meta[b-9kclfu5px7] {
    color: var(--text-secondary);
    font-size: var(--text-sm);
}

.location-list-empty[b-9kclfu5px7] {
    display: grid;
    place-items: center;
    min-height: 10rem;
    color: var(--text-secondary);
    text-align: center;
}
/* /Components/Admin/Roles/RolesAdminPage.razor.rz.scp.css */
.role-admin-page[b-t7errzcdn9] {
    display: flex;
    flex-direction: column;
    gap: var(--sp-5);
}

.role-admin-header[b-t7errzcdn9] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: var(--sp-4);
}

.role-admin-subtitle[b-t7errzcdn9] {
    margin: 0;
    color: var(--text-secondary);
}

.role-admin-layout[b-t7errzcdn9] {
    display: grid;
    grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr);
    gap: var(--sp-5);
}

.role-admin-form[b-t7errzcdn9],
.role-admin-footer[b-t7errzcdn9] {
    display: flex;
    flex-direction: column;
    gap: var(--sp-4);
}

.role-admin-chip-list[b-t7errzcdn9] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--sp-2);
}

.role-admin-chip[b-t7errzcdn9] {
    display: inline-flex;
    align-items: center;
    padding-block: var(--sp-1);
    padding-inline: var(--sp-2);
    border-radius: var(--r-pill);
    background: var(--status-info-bg);
    color: var(--status-info-fg);
    font-size: var(--text-sm);
}

.role-admin-chip-muted[b-t7errzcdn9] {
    background: var(--bg-raised);
    color: var(--text-secondary);
}

.role-admin-actions[b-t7errzcdn9] {
    white-space: nowrap;
}

.role-admin-link[b-t7errzcdn9] {
    display: flex;
    flex-direction: column;
    gap: var(--sp-1);
    border: none;
    background: transparent;
    color: inherit;
    text-align: start;
    padding: 0;
    cursor: pointer;
}

.role-admin-link span[b-t7errzcdn9] {
    color: var(--text-secondary);
    font-size: var(--text-sm);
}

.role-admin-module-grid[b-t7errzcdn9] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr));
    gap: var(--sp-3);
}

.role-admin-module-item[b-t7errzcdn9] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: var(--sp-3);
    padding: var(--sp-3);
    border: 1px solid var(--border);
    border-radius: var(--r-md);
    background: var(--bg-surface);
}

.role-admin-module-item span[b-t7errzcdn9] {
    display: flex;
    flex-direction: column;
    gap: var(--sp-1);
}

.role-admin-module-item small[b-t7errzcdn9] {
    color: var(--text-secondary);
    font-size: var(--text-sm);
}

.role-admin-preview[b-t7errzcdn9] {
    background: var(--bg-canvas);
}

.role-admin-empty[b-t7errzcdn9] {
    padding: var(--sp-6);
    text-align: center;
    color: var(--text-secondary);
}

@media (max-width: 80rem) {
    .role-admin-layout[b-t7errzcdn9] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 48rem) {
    .role-admin-header[b-t7errzcdn9] {
        flex-direction: column;
    }
}
/* /Components/Admin/Settings/DisplaySettingEditor.razor.rz.scp.css */
.display-setting-editor[b-oq5pq4970j] {
    display: flex;
    flex-direction: column;
}

.settings-supporting-text[b-oq5pq4970j] {
    margin-top: var(--space-2);
    font-size: var(--text-sm);
    color: var(--text-secondary);
}

.display-controls[b-oq5pq4970j] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-4);
}

.display-stepper[b-oq5pq4970j] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-3);
}

.display-stepper-button[b-oq5pq4970j] {
    inline-size: calc(var(--space-10) + var(--space-1));
    padding-inline: 0;
    font-size: var(--text-lg);
}

.display-readout[b-oq5pq4970j] {
    min-inline-size: calc(var(--space-10) * 2.2);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--space-1);
    text-align: center;
}

.display-readout strong[b-oq5pq4970j] {
    color: var(--text-primary);
    font-size: var(--text-xl);
    line-height: 1;
}

.display-readout span[b-oq5pq4970j],
.display-scale-labels[b-oq5pq4970j] {
    color: var(--text-tertiary);
    font-size: var(--text-xs);
    font-weight: var(--font-semibold);
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.display-scale[b-oq5pq4970j] {
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
}

.display-scale-bar[b-oq5pq4970j] {
    inline-size: 100%;
    block-size: var(--space-2);
    overflow: hidden;
    border-radius: var(--radius-full);
    background: color-mix(in srgb, var(--surface-subtle) 94%, transparent);
    border: 1px solid var(--border-light);
}

.display-scale-indicator[b-oq5pq4970j] {
    display: block;
    inline-size: var(--display-scale-progress, 50%);
    block-size: 100%;
    min-inline-size: var(--space-2);
    border-radius: inherit;
    background: linear-gradient(90deg, color-mix(in srgb, var(--color-primary) 55%, transparent), color-mix(in srgb, var(--color-secondary) 80%, transparent));
    transition: inline-size var(--transition-base);
}

.display-scale-labels[b-oq5pq4970j] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--space-3);
}

.display-scale-labels span:nth-child(2)[b-oq5pq4970j] {
    text-align: center;
}

.display-scale-labels span:last-child[b-oq5pq4970j] {
    text-align: end;
}

@media (max-width: 40rem) {
    .display-controls[b-oq5pq4970j] {
        align-items: stretch;
    }

    .display-stepper[b-oq5pq4970j] {
        inline-size: 100%;
        justify-content: space-between;
    }
}
/* /Components/Admin/Settings/LocaleSettingEditor.razor.rz.scp.css */
.locale-setting-editor[b-6pjvvzxduz] {
    display: flex;
    flex-direction: column;
}
/* /Components/Admin/Settings/SettingsForm.razor.rz.scp.css */
.settings-panel[b-5vuj5804ix] {
    display: flex;
    flex-direction: column;
    gap: var(--space-5);
    padding: var(--space-4);
    border: 1px solid var(--border-light);
    border-radius: var(--radius-xl);
    background: color-mix(in srgb, var(--surface-subtle) 92%, transparent);
}

.settings-panel-header h3[b-5vuj5804ix] {
    margin: 0;
    font-size: var(--text-base);
}

.settings-edit-form[b-5vuj5804ix] {
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
}

.settings-grid[b-5vuj5804ix] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: var(--space-4);
}

.settings-field[b-5vuj5804ix] {
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
}

.settings-input[b-5vuj5804ix] {
    min-height: 3.25rem;
    padding-inline: 1rem;
    border-radius: var(--radius-md);
    border-color: var(--border-light);
    background: var(--bg-primary);
    box-shadow: none;
}

.settings-textarea[b-5vuj5804ix] {
    min-height: 7rem;
    padding-block: 0.85rem;
    resize: vertical;
}

.settings-toggles[b-5vuj5804ix] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: var(--space-3);
}

.settings-toggle[b-5vuj5804ix] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    min-height: 3.25rem;
    padding: 0.85rem 1rem;
    border: 1px solid var(--border-light);
    border-radius: var(--radius-md);
    background: var(--bg-primary);
    color: var(--text-primary);
}

.settings-checkbox[b-5vuj5804ix] {
    margin: 0;
}

.settings-actions[b-5vuj5804ix] {
    display: flex;
    justify-content: flex-start;
}
/* /Components/Admin/Settings/SettingsPage.razor.rz.scp.css */
.settings-page[b-95tnc5ebxd] {
    display: flex;
    flex-direction: column;
    gap: var(--space-5);
}

.settings-layout[b-95tnc5ebxd] {
    display: grid;
    grid-template-columns: minmax(220px, 280px) minmax(0, 1fr);
    gap: var(--space-5);
    align-items: start;
}

[b-95tnc5ebxd](.module-nav--stacked) {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
    padding: var(--space-3);
    border: 1px solid var(--border-light);
    border-radius: var(--radius-xl);
    background: color-mix(in srgb, var(--surface-subtle) 94%, transparent);
}

[b-95tnc5ebxd](.module-nav--stacked .module-nav__item) {
    min-height: 3rem;
    padding: var(--space-3) var(--space-4);
    border: 1px solid var(--border-light);
    border-radius: var(--radius-md);
    background: var(--bg-primary);
    color: var(--text-primary);
    text-align: left;
    transition: var(--transition-default);
}

[b-95tnc5ebxd](.module-nav--stacked .module-nav__item:hover) {
    border-color: rgba(15, 118, 110, 0.28);
    background: var(--color-primary-lighter);
}

[b-95tnc5ebxd](.module-nav--stacked .module-nav__item.is-active) {
    border-color: var(--color-primary);
    background: var(--color-primary-lighter);
    color: var(--color-primary-dark);
}

[data-theme="dark"][b-95tnc5ebxd] (.module-nav--stacked) {
    border-color: rgba(123, 156, 193, 0.14);
    background: linear-gradient(180deg, rgba(13, 22, 34, 0.98), rgba(9, 16, 26, 0.98));
}

[data-theme="dark"][b-95tnc5ebxd] (.module-nav--stacked .module-nav__item) {
    border-color: rgba(123, 156, 193, 0.14);
    background: linear-gradient(180deg, rgba(20, 31, 45, 0.8), rgba(15, 24, 36, 0.74));
    color: rgba(215, 229, 245, 0.9);
}

[data-theme="dark"][b-95tnc5ebxd] (.module-nav--stacked .module-nav__item:hover) {
    border-color: rgba(103, 190, 255, 0.24);
    background: linear-gradient(180deg, rgba(27, 47, 72, 0.96), rgba(19, 35, 56, 0.94));
    color: #eef6ff;
}

[data-theme="dark"][b-95tnc5ebxd] (.module-nav--stacked .module-nav__item.is-active) {
    border-color: rgba(103, 190, 255, 0.36);
    background: linear-gradient(180deg, rgba(30, 71, 118, 0.98), rgba(20, 49, 84, 0.96));
    color: #f8fdff;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.08),
        0 18px 28px -24px rgba(8, 47, 73, 0.72),
        0 0 0 1px rgba(56, 189, 248, 0.08);
}

.settings-content[b-95tnc5ebxd] {
    min-width: 0;
}

@media (max-width: 900px) {
    .settings-layout[b-95tnc5ebxd] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Admin/Settings/SystemInfoSection.razor.rz.scp.css */
.system-info-section[b-jfkga8pg8m] {
    display: flex;
    flex-direction: column;
}

.system-info-grid[b-jfkga8pg8m] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: var(--space-4);
}

.system-info-card[b-jfkga8pg8m] {
    padding: var(--space-4);
    border: 1px solid var(--border-light);
    border-radius: var(--radius-lg);
    background: var(--bg-primary);
}

.system-info-card h4[b-jfkga8pg8m] {
    margin: 0 0 var(--space-3);
    font-size: var(--text-base);
}

.system-info-list[b-jfkga8pg8m] {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
    margin: 0;
}

.system-info-list div[b-jfkga8pg8m] {
    display: flex;
    justify-content: space-between;
    gap: var(--space-4);
}

.system-info-list dt[b-jfkga8pg8m],
.system-info-list dd[b-jfkga8pg8m] {
    margin: 0;
}

.system-info-list dt[b-jfkga8pg8m] {
    color: var(--text-secondary);
}

.system-info-list dd[b-jfkga8pg8m] {
    font-weight: var(--font-semibold);
    text-align: right;
}

.system-status[b-jfkga8pg8m] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2rem;
    padding: var(--space-1) var(--space-3);
    border-radius: var(--radius-full);
    background: var(--color-success-light);
    color: var(--color-success-dark);
    font-size: var(--text-sm);
    font-weight: var(--font-semibold);
}
/* /Components/Admin/Settings/ThemeSettingEditor.razor.rz.scp.css */
.theme-setting-editor[b-efelne1va5] {
    display: flex;
    flex-direction: column;
}

.color-input[b-efelne1va5] {
    min-width: 4.5rem;
    padding: 0.35rem;
}
/* /Components/Admin/Users/UserListPage.razor.rz.scp.css */
.user-admin-page[b-doekwwhcqj] {
    display: flex;
    flex-direction: column;
    gap: var(--sp-5);
}

.user-admin-header[b-doekwwhcqj] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: var(--sp-4);
}

.user-admin-subtitle[b-doekwwhcqj],
.user-admin-muted[b-doekwwhcqj] {
    color: var(--text-secondary);
}

.user-admin-layout[b-doekwwhcqj] {
    display: grid;
    grid-template-columns: minmax(0, 1.7fr) minmax(0, 1fr);
    gap: var(--sp-5);
}

.user-admin-form[b-doekwwhcqj],
.user-admin-footer[b-doekwwhcqj] {
    display: flex;
    flex-direction: column;
    gap: var(--sp-4);
}

.user-admin-chip-list[b-doekwwhcqj] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--sp-2);
}

.user-admin-chip[b-doekwwhcqj] {
    display: inline-flex;
    padding-block: var(--sp-1);
    padding-inline: var(--sp-2);
    border-radius: var(--r-pill);
    background: var(--bg-raised);
    color: var(--text-secondary);
    font-size: var(--text-sm);
}

.user-admin-link[b-doekwwhcqj] {
    display: flex;
    flex-direction: column;
    gap: var(--sp-1);
    border: none;
    background: transparent;
    padding: 0;
    color: inherit;
    text-align: start;
    cursor: pointer;
}

.user-admin-link span[b-doekwwhcqj] {
    color: var(--text-secondary);
    font-size: var(--text-sm);
}

.user-admin-role-grid[b-doekwwhcqj] {
    display: grid;
    gap: var(--sp-3);
}

.user-admin-role-item[b-doekwwhcqj] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: var(--sp-3);
    padding: var(--sp-3);
    border: 1px solid var(--border);
    border-radius: var(--r-md);
    background: var(--bg-surface);
}

.user-admin-role-item span[b-doekwwhcqj] {
    display: flex;
    flex-direction: column;
    gap: var(--sp-1);
}

.user-admin-role-item small[b-doekwwhcqj] {
    color: var(--text-secondary);
    font-size: var(--text-sm);
}

.user-admin-actions[b-doekwwhcqj] {
    white-space: nowrap;
}

.user-admin-empty[b-doekwwhcqj] {
    padding: var(--sp-6);
    text-align: center;
    color: var(--text-secondary);
}

@media (max-width: 80rem) {
    .user-admin-layout[b-doekwwhcqj] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 48rem) {
    .user-admin-header[b-doekwwhcqj] {
        flex-direction: column;
    }
}
/* /Components/AppointmentCard.razor.rz.scp.css */
.appointment-card[b-ycbf67joqa] {
    background: var(--bg-surface);
    border: 1px solid var(--border);
    border-inline-start: var(--sp-1) solid var(--his-500);
    border-radius: var(--r-md);
    padding: var(--sp-4) var(--sp-5);
    display: flex;
    flex-direction: column;
    gap: var(--sp-3);
    transition: box-shadow .16s ease, transform .16s ease;
    cursor: pointer;
}

.appointment-card:hover[b-ycbf67joqa] {
    box-shadow: var(--sh-sm);
    transform: translateY(-1px);
}

.appointment-card:focus-visible[b-ycbf67joqa] {
    outline: 2px solid currentColor;
    outline-offset: var(--sp-1);
}

.appointment-card.completed[b-ycbf67joqa] {
    border-inline-start-color: var(--success-500);
    opacity: 0.85;
}

.appointment-card.cancelled[b-ycbf67joqa] {
    border-inline-start-color: var(--critical-500);
    opacity: 0.7;
    text-decoration: line-through;
}

.appointment-card.no-show[b-ycbf67joqa] {
    border-inline-start-color: var(--urgent-500);
}

.appointment-header[b-ycbf67joqa] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: var(--sp-4);
}

.appointment-time-block[b-ycbf67joqa] {
    display: flex;
    flex-direction: column;
    gap: var(--sp-1);
    min-inline-size: 4rem;
}

.appointment-time[b-ycbf67joqa] {
    font-size: var(--text-xl);
    font-weight: 700;
    color: var(--his-600);
}

.appointment-date[b-ycbf67joqa] {
    font-size: var(--text-xs);
    color: var(--text-muted);
}

.appointment-type-block[b-ycbf67joqa] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: var(--sp-2);
}

.appointment-type[b-ycbf67joqa] {
    margin: 0;
    font-size: var(--text-base);
    font-weight: 600;
    color: var(--text-primary);
}

.appointment-actions[b-ycbf67joqa] {
    display: flex;
    gap: var(--sp-2);
}

.appointment-details[b-ycbf67joqa] {
    padding-top: var(--sp-3);
    border-top: 1px solid var(--border);
    display: flex;
    flex-direction: column;
    gap: var(--sp-2);
    font-size: var(--text-sm);
}

.detail-row[b-ycbf67joqa] {
    display: flex;
    justify-content: space-between;
    gap: var(--sp-4);
}

.detail-row.full-width[b-ycbf67joqa] {
    flex-direction: column;
}

.detail-label[b-ycbf67joqa] {
    font-weight: 600;
    color: var(--text-secondary);
    min-inline-size: 5rem;
}

.detail-value[b-ycbf67joqa] {
    color: var(--text-primary);
    flex: 1;
}

.comment-text[b-ycbf67joqa] {
    margin: 0;
    color: var(--text-secondary);
    font-style: italic;
    line-height: 1.5;
}

.click-hint[b-ycbf67joqa] {
    text-align: right;
    font-size: var(--text-xs);
    color: var(--text-muted);
    margin-top: var(--sp-1);
}
/* /Components/BedCard.razor.rz.scp.css */
.bed-card[b-wasj1yvmhm] {
    background: var(--bg-primary);
    border: 1px solid var(--border-light);
    border-left: 4px solid var(--color-success);
    border-radius: var(--radius-md);
    padding: var(--space-4);
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
    cursor: pointer;
    transition: var(--transition-fast);
}

.bed-card:hover[b-wasj1yvmhm] {
    box-shadow: var(--elevation-2);
}

.bed-card.occupied[b-wasj1yvmhm] {
    border-left-color: var(--color-primary);
    background: color-mix(in srgb, var(--color-secondary-light) 58%, var(--bg-primary) 42%);
}

.bed-card.maintenance[b-wasj1yvmhm] {
    border-left-color: var(--color-warning);
    opacity: 0.7;
}

.bed-card.reserved[b-wasj1yvmhm] {
    border-left-color: var(--text-tertiary);
}

.bed-header[b-wasj1yvmhm] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.bed-number[b-wasj1yvmhm] {
    margin: 0;
    font-size: var(--text-lg);
    font-weight: var(--font-semibold);
    color: var(--text-primary);
    font-family: var(--font-mono);
}

.status-badge[b-wasj1yvmhm] {
    display: inline-block;
    padding: var(--space-1) var(--space-3);
    border-radius: var(--radius-full);
    font-size: var(--text-xs);
    font-weight: var(--font-semibold);
}

.status-badge.available[b-wasj1yvmhm] {
    background: var(--color-success-light);
    color: color-mix(in srgb, var(--color-success) 78%, var(--text-primary) 22%);
}

.status-badge.occupied[b-wasj1yvmhm] {
    background: var(--color-secondary-light);
    color: var(--color-secondary-dark);
}

.status-badge.maintenance[b-wasj1yvmhm] {
    background: var(--color-warning-light);
    color: color-mix(in srgb, var(--color-warning) 80%, var(--text-primary) 20%);
}

.status-badge.reserved[b-wasj1yvmhm] {
    background: color-mix(in srgb, var(--surface-subtle) 88%, transparent);
    color: var(--text-secondary);
}

.bed-info[b-wasj1yvmhm] {
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
    padding: var(--space-3) 0;
    border-top: 1px solid var(--border-light);
    border-bottom: 1px solid var(--border-light);
    font-size: var(--text-sm);
}

.info-row[b-wasj1yvmhm] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: var(--space-4);
}

.info-row.empty[b-wasj1yvmhm] {
    justify-content: center;
}

.label[b-wasj1yvmhm] {
    font-weight: var(--font-semibold);
    color: var(--text-secondary);
    min-width: 80px;
}

.value[b-wasj1yvmhm] {
    color: var(--text-primary);
    flex: 1;
}

.empty-text[b-wasj1yvmhm] {
    color: var(--text-tertiary);
    font-style: italic;
}

.condition[b-wasj1yvmhm] {
    display: inline-block;
    padding: var(--space-1) var(--space-2);
    border-radius: 3px;
    font-size: var(--text-xs);
    font-weight: var(--font-semibold);
}

.condition.stable[b-wasj1yvmhm] {
    background: var(--color-success-light);
    color: color-mix(in srgb, var(--color-success) 78%, var(--text-primary) 22%);
}

.condition.critical[b-wasj1yvmhm] {
    background: var(--color-error-light);
    color: color-mix(in srgb, var(--color-error) 78%, var(--text-primary) 22%);
}

.condition.fair[b-wasj1yvmhm] {
    background: var(--color-warning-light);
    color: color-mix(in srgb, var(--color-warning) 80%, var(--text-primary) 20%);
}

.bed-actions[b-wasj1yvmhm] {
    display: flex;
    gap: var(--space-2);
    padding-top: var(--space-2);
}
/* /Components/BillingStatement.razor.rz.scp.css */
.billing-statement[b-4z7n2lz8es] {
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
    padding: var(--space-5);
    background: var(--bg-primary);
    border: 1px solid var(--border-light);
    border-radius: var(--radius-2xl);
    box-shadow: var(--shadow-md);
}

.statement-header[b-4z7n2lz8es] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: var(--space-3);
    padding-bottom: var(--space-4);
    border-bottom: 1px solid var(--border-light);
}

.statement-header h3[b-4z7n2lz8es] {
    margin: 0 0 var(--space-1);
    color: var(--text-primary);
    font-size: var(--text-xl);
}

.statement-period[b-4z7n2lz8es],
.header-date[b-4z7n2lz8es],
.payment-method[b-4z7n2lz8es] {
    margin: 0;
    color: var(--text-tertiary);
    font-size: var(--text-sm);
}

.summary-grid[b-4z7n2lz8es] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: var(--space-3);
}

.summary-item[b-4z7n2lz8es] {
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
    padding: var(--space-4);
    background: color-mix(in srgb, var(--surface-subtle) 88%, transparent);
    border: 1px solid var(--border-light);
    border-radius: var(--radius-lg);
    text-align: center;
}

.summary-label[b-4z7n2lz8es] {
    color: var(--text-secondary);
    font-size: var(--text-sm);
    font-weight: var(--font-medium);
}

.summary-value[b-4z7n2lz8es] {
    color: var(--color-primary);
    font-size: 1.5rem;
    font-weight: var(--font-extrabold);
}

.summary-value.paid[b-4z7n2lz8es] {
    color: var(--color-success);
}

.summary-value.outstanding[b-4z7n2lz8es] {
    color: #b45309;
}

.summary-value.overdue[b-4z7n2lz8es] {
    color: var(--color-error);
}

.payment-history[b-4z7n2lz8es],
.statement-notes[b-4z7n2lz8es] {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
}

.payment-history h4[b-4z7n2lz8es] {
    margin: 0;
    color: var(--text-primary);
    font-size: var(--text-base);
    font-weight: var(--font-bold);
}

.history-list[b-4z7n2lz8es] {
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
}

.history-item[b-4z7n2lz8es] {
    display: grid;
    grid-template-columns: 100px 100px 1fr;
    gap: var(--space-3);
    padding: var(--space-3);
    background: color-mix(in srgb, var(--surface-subtle) 88%, transparent);
    border-left: 3px solid var(--color-success);
    border-radius: var(--radius-md);
    font-size: var(--text-sm);
}

.payment-date[b-4z7n2lz8es] {
    color: var(--text-secondary);
    font-weight: var(--font-semibold);
}

.payment-amount[b-4z7n2lz8es] {
    color: var(--color-success);
    font-weight: var(--font-semibold);
}

.note-item[b-4z7n2lz8es] {
    display: flex;
    align-items: flex-start;
    gap: var(--space-3);
    padding: var(--space-3);
    background: color-mix(in srgb, var(--color-primary-lighter) 80%, white);
    border-left: 3px solid var(--color-primary);
    border-radius: var(--radius-md);
}

.note-icon[b-4z7n2lz8es] {
    color: var(--color-primary);
    font-weight: var(--font-extrabold);
}

.note-text[b-4z7n2lz8es] {
    color: var(--color-primary-dark);
    font-size: var(--text-sm);
}
/* /Components/Billing/PaymentRecordingDialog.razor.rz.scp.css */
.bill-summary[b-q1kh2yl68l] {
    background: color-mix(in srgb, var(--color-primary) 5%, transparent);
    border: 1px solid color-mix(in srgb, var(--color-primary) 20%, transparent);
    border-radius: var(--radius-md);
    padding: var(--space-3);
}

.summary-row[b-q1kh2yl68l] {
    display: flex;
    justify-content: space-between;
    padding: var(--space-1) 0;
    font-size: var(--text-sm);
}

.summary-row .label[b-q1kh2yl68l] {
    font-weight: var(--font-medium);
    color: var(--text-secondary);
}

.summary-row .value[b-q1kh2yl68l] {
    color: var(--text-primary);
    font-family: monospace;
}

.summary-row .value.paid[b-q1kh2yl68l] {
    color: var(--color-success);
}

.summary-row.balance[b-q1kh2yl68l] {
    padding-top: var(--space-2);
    border-top: 1px solid color-mix(in srgb, var(--color-primary) 30%, transparent);
    font-size: var(--text-base);
    font-weight: var(--font-bold);
    margin-top: var(--space-2);
}

.summary-row.balance .value.outstanding[b-q1kh2yl68l] {
    color: var(--color-warning);
}

.form-section[b-q1kh2yl68l] {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
    margin-bottom: var(--space-3);
}

.form-section h3[b-q1kh2yl68l] {
    margin: 0;
    font-size: var(--text-sm);
    font-weight: var(--font-bold);
    color: var(--text-primary);
    text-transform: uppercase;
    letter-spacing: var(--letter-spacing-wide);
}

.form-group[b-q1kh2yl68l] {
    display: flex;
    flex-direction: column;
}

.form-group label[b-q1kh2yl68l] {
    font-weight: var(--font-medium);
    color: var(--text-primary);
    margin-bottom: var(--space-1);
    font-size: var(--text-sm);
}

.form-row[b-q1kh2yl68l] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--space-3);
}

.input-group[b-q1kh2yl68l] {
    display: flex;
    align-items: center;
    background: var(--surface-strong);
    border: 1px solid var(--border-light);
    border-radius: var(--radius-sm);
    overflow: hidden;
}

.currency-symbol[b-q1kh2yl68l] {
    padding: var(--space-2);
    font-weight: var(--font-bold);
    color: var(--text-secondary);
}

.payment-input[b-q1kh2yl68l] {
    flex: 1;
    border: none;
    background: transparent;
    padding: var(--space-2) var(--space-3);
    font-size: var(--text-base);
    font-family: var(--font-mono);
    text-align: right;
}

.payment-input:focus[b-q1kh2yl68l] {
    outline: none;
}

.form-input[b-q1kh2yl68l],
.form-textarea[b-q1kh2yl68l] {
    min-height: var(--input-height-md);
    padding: var(--padding-md);
    border: 1px solid var(--border-medium);
    border-radius: var(--radius-md);
    background: linear-gradient(180deg, color-mix(in srgb, var(--surface-strong) 94%, transparent), color-mix(in srgb, var(--bg-primary) 96%, transparent));
    font-family: inherit;
    font-size: var(--text-base);
    color: var(--text-primary);
    box-shadow: inset 0 1px 0 color-mix(in srgb, var(--surface-strong) 72%, transparent);
    transition: border-color var(--transition-fast), box-shadow var(--transition-fast), background-color var(--transition-fast);
}

.form-textarea[b-q1kh2yl68l] {
    resize: vertical;
    min-height: 112px;
}

.form-input[b-q1kh2yl68l]::placeholder,
.form-textarea[b-q1kh2yl68l]::placeholder {
    color: var(--text-tertiary);
}

.form-input:hover[b-q1kh2yl68l],
.form-textarea:hover[b-q1kh2yl68l] {
    border-color: color-mix(in srgb, var(--color-primary) 18%, var(--border-medium));
}

.form-input:focus[b-q1kh2yl68l],
.form-textarea:focus[b-q1kh2yl68l] {
    outline: none;
    border-color: var(--color-primary);
    box-shadow: var(--focus-ring);
}

.payment-methods[b-q1kh2yl68l] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    gap: var(--space-2);
}

.method-option[b-q1kh2yl68l] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    padding: var(--space-2) var(--space-3);
    background: var(--surface-strong);
    border: 2px solid var(--border-light);
    border-radius: var(--radius-md);
    cursor: pointer;
    transition: all var(--transition-base);
}

.method-option:hover[b-q1kh2yl68l] {
    border-color: var(--color-primary);
    background: color-mix(in srgb, var(--color-primary) 5%, transparent);
}

.method-option input[b-q1kh2yl68l] {
    cursor: pointer;
}

.method-option input:checked ~ .method-label[b-q1kh2yl68l] {
    color: var(--color-primary);
    font-weight: var(--font-bold);
}

.method-option input:checked[b-q1kh2yl68l] {
    accent-color: var(--color-primary);
}

.method-label[b-q1kh2yl68l] {
    font-size: var(--text-sm);
    color: var(--text-primary);
}

.error-message[b-q1kh2yl68l],
.error-text[b-q1kh2yl68l] {
    font-size: var(--text-xs);
    color: var(--color-error);
    margin-top: var(--space-1);
}

.warning-text[b-q1kh2yl68l] {
    font-size: var(--text-xs);
    color: var(--color-warning);
    margin-top: var(--space-1);
    display: block;
}

.error-banner[b-q1kh2yl68l] {
    padding: var(--space-3);
    background: color-mix(in srgb, var(--color-error) 10%, transparent);
    border: 1px solid var(--color-error);
    border-radius: var(--radius-md);
    color: var(--color-error);
    font-size: var(--text-sm);
    font-weight: var(--font-medium);
}

.payment-footer[b-q1kh2yl68l] {
    display: flex;
    justify-content: flex-end;
    gap: var(--space-3);
    padding-top: var(--space-4);
    border-top: 1px solid var(--border-light);
    margin-top: var(--space-3);
}
/* /Components/CalendarView.razor.rz.scp.css */
.calendar-view[b-9k7jl2oo58] {
    background: var(--bg-surface);
    border: 1px solid var(--border);
    border-radius: var(--r-md);
    padding: var(--sp-6);
    box-shadow: var(--sh-xs);
}

.calendar-header[b-9k7jl2oo58] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: var(--sp-6);
}

.calendar-header h3[b-9k7jl2oo58] {
    margin: 0;
    font-size: var(--text-lg);
    color: var(--text-primary);
}

.nav-btn[b-9k7jl2oo58] {
    background: var(--bg-surface);
    border: 1px solid var(--border);
    border-radius: var(--r-md);
    padding: var(--sp-2) var(--sp-4);
    cursor: pointer;
    font-weight: 600;
    transition: background-color .16s ease, border-color .16s ease;
    color: var(--text-primary);
}

.nav-btn:hover[b-9k7jl2oo58] {
    background: var(--bg-raised);
    border-color: var(--his-400);
}

.calendar-grid[b-9k7jl2oo58] {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 1px;
    background: var(--border);
    padding: 1px;
    border-radius: var(--r-md);
    margin-bottom: var(--sp-6);
}

.weekday-header[b-9k7jl2oo58] {
    background: var(--bg-raised);
    padding: var(--sp-3);
    text-align: center;
    font-weight: 700;
    color: var(--text-secondary);
    font-size: var(--text-xs);
}

.calendar-day[b-9k7jl2oo58] {
    background: var(--bg-surface);
    padding: var(--sp-3);
    min-block-size: 4rem;
    cursor: pointer;
    position: relative;
    transition: background-color .16s ease;
}

.calendar-day:hover[b-9k7jl2oo58] {
    background: var(--bg-raised);
}

.calendar-day.other-month[b-9k7jl2oo58] {
    background: var(--bg-raised);
    color: var(--text-muted);
}

.calendar-day.today[b-9k7jl2oo58] {
    background: var(--his-50);
    box-shadow: inset 0 0 0 2px var(--his-500);
}

.day-number[b-9k7jl2oo58] {
    font-weight: 700;
    margin-bottom: var(--sp-1);
}

.appointment-count[b-9k7jl2oo58] {
    font-size: 0.7rem;
    color: var(--status-info-fg);
    background: var(--status-info-bg);
    padding: var(--sp-1) var(--sp-2);
    border-radius: var(--r-sm);
    display: inline-block;
}

.selected-date-info[b-9k7jl2oo58] {
    background: var(--bg-raised);
    border: 1px solid var(--border);
    border-radius: var(--r-md);
    padding: var(--sp-4);
    margin-top: var(--sp-4);
}

.selected-date-info h4[b-9k7jl2oo58] {
    margin: 0 0 var(--sp-4) 0;
    color: var(--text-primary);
    font-size: var(--text-base);
}

.appointments-list[b-9k7jl2oo58] {
    display: flex;
    flex-direction: column;
    gap: var(--sp-3);
}

.appointment-item[b-9k7jl2oo58] {
    display: grid;
    grid-template-columns: 5rem 1fr auto;
    gap: var(--sp-4);
    padding: var(--sp-3);
    background: var(--bg-surface);
    border-radius: var(--r-sm);
    align-items: center;
}

.appointment-item .time[b-9k7jl2oo58] {
    font-weight: 700;
    color: var(--his-600);
}

.appointment-item .patient[b-9k7jl2oo58] {
    color: var(--text-primary);
}

.appointment-item .type[b-9k7jl2oo58] {
    background: var(--bg-raised);
    padding: var(--sp-1) var(--sp-2);
    border-radius: var(--r-sm);
    font-size: var(--text-xs);
    color: var(--text-secondary);
}

.no-appointments[b-9k7jl2oo58] {
    margin: 0;
    color: var(--text-muted);
    text-align: center;
    padding: var(--sp-4);
}
/* /Components/Chart/ClinicalCopilotPanel.razor.rz.scp.css */
.ccp[b-a63w48jnv9] {
    position: relative;
    min-width: 0;
}

.ccp-mobile-toggle[b-a63w48jnv9] {
    display: none;
}

.ccp-shell[b-a63w48jnv9] {
    position: sticky;
    top: var(--space-4);
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
    max-block-size: calc(100dvh - var(--space-20));
    padding: var(--space-4);
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--color-primary) 18%, var(--border-light));
    border-radius: var(--radius-card);
    background: linear-gradient(160deg, var(--surface-strong), var(--surface-subtle));
    box-shadow: var(--elevation-2);
    backdrop-filter: blur(var(--space-4));
}

.ccp-header[b-a63w48jnv9],
.ccp-banner[b-a63w48jnv9],
.ccp-card[b-a63w48jnv9],
.ccp-section[b-a63w48jnv9],
.ccp-draft[b-a63w48jnv9],
.ccp-composer[b-a63w48jnv9],
.ccp-priority-banner[b-a63w48jnv9],
.ccp-draft-warning[b-a63w48jnv9] {
    border: 1px solid var(--border-light);
    border-radius: var(--radius-lg);
    background: color-mix(in srgb, var(--surface-strong) 94%, transparent);
}

.ccp-header[b-a63w48jnv9] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--space-3);
    padding: var(--space-3);
}

.ccp-eyebrow[b-a63w48jnv9],
.ccp-card__eyebrow[b-a63w48jnv9] {
    margin: 0 0 var(--space-1);
    color: var(--text-secondary);
    font-size: var(--text-xs);
    font-weight: var(--font-semibold);
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.ccp-header h3[b-a63w48jnv9],
.ccp-banner h4[b-a63w48jnv9],
.ccp-card h4[b-a63w48jnv9],
.ccp-section h4[b-a63w48jnv9],
.ccp-draft h5[b-a63w48jnv9] {
    margin: 0;
}

.ccp-subtitle[b-a63w48jnv9],
.ccp-banner p[b-a63w48jnv9],
.ccp-card__summary[b-a63w48jnv9],
.ccp-card__why[b-a63w48jnv9],
.ccp-draft__why[b-a63w48jnv9],
.ccp-inline-note[b-a63w48jnv9],
.ccp-message p[b-a63w48jnv9] {
    margin: 0;
    color: var(--text-secondary);
}

.ccp-header__actions[b-a63w48jnv9] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
}

.ccp-header__close[b-a63w48jnv9] {
    display: none;
    border: 0;
    background: transparent;
    color: var(--text-secondary);
    font-weight: var(--font-semibold);
}

.ccp-startup[b-a63w48jnv9] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--space-4);
    padding: var(--space-6);
    text-align: center;
}

.ccp-startup p[b-a63w48jnv9] {
    font-size: var(--text-sm);
    line-height: 1.6;
    max-inline-size: calc(var(--space-20) * 5);
}

.ccp-loading[b-a63w48jnv9] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    padding: var(--space-5);
    justify-content: center;
    color: var(--text-secondary);
}

.ccp-banner[b-a63w48jnv9] {
    display: grid;
    gap: var(--space-3);
    padding: var(--space-3);
}

.ccp-banner__identity[b-a63w48jnv9] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
}

.ccp-avatar[b-a63w48jnv9] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    inline-size: var(--space-10);
    block-size: var(--space-10);
    border-radius: var(--radius-lg);
    background: var(--color-primary);
    color: var(--text-on-brand);
    font-weight: var(--font-bold);
    letter-spacing: 0.08em;
}

.ccp-banner__name[b-a63w48jnv9] {
    display: block;
    color: var(--text-primary);
    font-size: var(--text-sm);
}

.ccp-banner__meta[b-a63w48jnv9] {
    display: block;
    color: var(--text-secondary);
}

.ccp-banner__chips[b-a63w48jnv9],
.ccp-chip-row[b-a63w48jnv9],
.ccp-prompts[b-a63w48jnv9],
.ccp-card__meta[b-a63w48jnv9],
.ccp-draft__actions[b-a63w48jnv9],
.ccp-composer__actions[b-a63w48jnv9] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-2);
}

.ccp-chip[b-a63w48jnv9] {
    display: inline-flex;
    align-items: center;
    min-block-size: var(--space-6);
    padding: 0 var(--space-2);
    border: 1px solid color-mix(in srgb, var(--color-primary) 16%, var(--border-light));
    border-radius: var(--radius-pill);
    background: color-mix(in srgb, var(--surface-subtle) 92%, var(--bg-surface));
    color: var(--text-primary);
    font-size: var(--text-xs);
    font-weight: var(--font-semibold);
}

.ccp-chip--alert[b-a63w48jnv9],
.ccp-mobile-toggle__badge[b-a63w48jnv9] {
    border-color: color-mix(in srgb, var(--critical-500) 28%, var(--border));
    background: var(--status-critical-bg);
    color: var(--status-critical-fg);
}

.ccp-disclaimer[b-a63w48jnv9] {
    font-size: var(--text-xs);
    line-height: 1.5;
}

.ccp-priority-banner[b-a63w48jnv9],
.ccp-draft-warning[b-a63w48jnv9] {
    padding: var(--space-3);
    border-color: color-mix(in srgb, var(--critical-500) 24%, var(--border));
    background: linear-gradient(135deg, var(--status-critical-bg), var(--status-urgent-bg));
    color: var(--text-primary);
    font-weight: var(--font-medium);
}

.ccp-prompts[b-a63w48jnv9] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(calc(var(--space-10) * 3.5), 1fr));
    gap: var(--space-2);
    padding: 0;
}

.ccp-prompt[b-a63w48jnv9] {
    flex: 1 1 calc(var(--space-10) * 3.5);
    min-block-size: var(--space-10);
    padding: var(--space-2) var(--space-3);
    border: 1px solid color-mix(in srgb, var(--color-primary) 18%, var(--border-light));
    border-radius: var(--radius-md);
    background: color-mix(in srgb, var(--surface-strong) 85%, var(--bg-surface));
    color: var(--text-primary);
    text-align: start;
    font-weight: var(--font-semibold);
}

.ccp-prompt:hover:not(:disabled)[b-a63w48jnv9],
.ccp-tab:hover:not(:disabled)[b-a63w48jnv9] {
    background: color-mix(in srgb, var(--color-primary) 10%, var(--surface-subtle));
}

.ccp-tabs[b-a63w48jnv9] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: var(--space-2);
}

.ccp-tab[b-a63w48jnv9] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--space-2);
    min-block-size: var(--space-10);
    border: 1px solid var(--border-light);
    border-radius: var(--radius-md);
    background: color-mix(in srgb, var(--surface-subtle) 90%, transparent);
    color: var(--text-secondary);
    font-weight: var(--font-semibold);
}

.ccp-tab.is-active[b-a63w48jnv9] {
    border-color: color-mix(in srgb, var(--color-primary) 36%, transparent);
    background: color-mix(in srgb, var(--color-primary) 12%, var(--surface-strong));
    color: var(--color-primary);
}

.ccp-tab__count[b-a63w48jnv9] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-inline-size: var(--space-6);
    block-size: var(--space-6);
    border-radius: var(--radius-pill);
    background: color-mix(in srgb, var(--color-primary) 16%, var(--bg-surface));
    font-size: var(--text-xs);
}

[data-theme="dark"] .ccp-chip[b-a63w48jnv9] {
    border-color: color-mix(in srgb, var(--color-primary) 18%, var(--border-light));
    background: color-mix(in srgb, var(--surface-subtle) 92%, var(--bg-surface));
    color: var(--text-primary);
}

[data-theme="dark"] .ccp-prompt[b-a63w48jnv9] {
    background: color-mix(in srgb, var(--surface-strong) 88%, var(--bg-surface));
    border-color: color-mix(in srgb, var(--color-primary) 18%, var(--border-light));
}

[data-theme="dark"] .ccp-prompt:hover:not(:disabled)[b-a63w48jnv9],
[data-theme="dark"] .ccp-tab:hover:not(:disabled)[b-a63w48jnv9] {
    background: color-mix(in srgb, var(--color-primary) 14%, var(--surface-subtle));
}

[data-theme="dark"] .ccp-tab__count[b-a63w48jnv9] {
    background: color-mix(in srgb, var(--color-primary) 22%, var(--bg-primary));
    color: var(--text-primary);
}

.ccp-body[b-a63w48jnv9] {
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    padding-inline-end: var(--space-1);
}

.ccp-card[b-a63w48jnv9],
.ccp-section[b-a63w48jnv9],
.ccp-draft[b-a63w48jnv9],
.ccp-composer[b-a63w48jnv9] {
    padding: var(--space-4);
}

.ccp-card[b-a63w48jnv9] {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
    border-inline-start-width: var(--space-1);
}

.ccp-card--critical[b-a63w48jnv9] {
    border-inline-start-color: var(--critical-500);
}

.ccp-card--high[b-a63w48jnv9] {
    border-inline-start-color: var(--urgent-600);
}

.ccp-card--medium[b-a63w48jnv9] {
    border-inline-start-color: var(--urgent-500);
}

.ccp-card--low[b-a63w48jnv9],
.ccp-card--info[b-a63w48jnv9] {
    border-inline-start-color: var(--color-primary);
}

.ccp-card__header[b-a63w48jnv9],
.ccp-draft__header[b-a63w48jnv9],
.ccp-section__header[b-a63w48jnv9],
.ccp-message__header[b-a63w48jnv9] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--space-3);
}

.ccp-list[b-a63w48jnv9] {
    margin: 0;
    padding-inline-start: var(--space-5);
    color: var(--text-primary);
}

.ccp-list li + li[b-a63w48jnv9] {
    margin-top: var(--space-1);
}

.ccp-evidence[b-a63w48jnv9],
.ccp-timeline[b-a63w48jnv9] {
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
}

.ccp-evidence__item[b-a63w48jnv9],
.ccp-message[b-a63w48jnv9] {
    display: flex;
    flex-direction: column;
    gap: var(--space-1);
    padding: var(--space-3);
    border: 1px solid var(--border-light);
    border-radius: var(--radius-md);
    background: color-mix(in srgb, var(--surface-subtle) 88%, transparent);
}

.ccp-message--assistant[b-a63w48jnv9] {
    border-inline-start: var(--r-xs) solid var(--info-600);
}

.ccp-message--user[b-a63w48jnv9] {
    border-inline-start: var(--r-xs) solid var(--color-primary);
}

.ccp-missing[b-a63w48jnv9] {
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
    padding: var(--space-3);
    border-radius: var(--radius-md);
    background: var(--status-urgent-bg);
    color: var(--text-primary);
}

.ccp-draft[b-a63w48jnv9] {
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
}

.ccp-draft__header p[b-a63w48jnv9] {
    margin-block: var(--space-1) 0;
    margin-inline: 0;
    color: var(--text-secondary);
}

.ccp-status[b-a63w48jnv9] {
    display: inline-flex;
    align-items: center;
    padding: var(--space-1) var(--space-2);
    border-radius: var(--radius-pill);
    font-size: var(--text-xs);
    font-weight: var(--font-semibold);
    text-transform: capitalize;
}

.ccp-status--draft[b-a63w48jnv9] {
    background: color-mix(in srgb, var(--color-primary) 12%, var(--bg-surface));
    color: var(--color-primary);
}

.ccp-status--approved[b-a63w48jnv9] {
    background: var(--status-success-bg);
    color: var(--status-success-fg);
}

.ccp-status--rejected[b-a63w48jnv9] {
    background: var(--status-critical-bg);
    color: var(--status-critical-fg);
}

.ccp-draft__form[b-a63w48jnv9] {
    display: flex;
    flex-direction: column;
    gap: var(--space-1);
    padding-top: var(--space-1);
    border-top: 1px solid var(--border-light);
}

.ccp-composer__actions[b-a63w48jnv9] {
    align-items: center;
    justify-content: space-between;
    margin-top: var(--space-3);
}

.ccp-composer__toggle[b-a63w48jnv9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-2);
    width: 100%;
    padding: var(--space-3);
    border: none;
    background: transparent;
    cursor: pointer;
    font-weight: var(--font-semibold);
    color: var(--text-primary);
    transition: background var(--transition-fast);
}

.ccp-composer__toggle:hover[b-a63w48jnv9] {
    background: color-mix(in srgb, var(--color-primary) 8%, transparent);
}

.ccp-composer.is-minimized[b-a63w48jnv9] {
    min-height: auto;
}

.ccp-composer.is-minimized .form-control[b-a63w48jnv9],
.ccp-composer.is-minimized .ccp-composer__actions[b-a63w48jnv9] {
    display: none;
}

.ccp-inline-note[b-a63w48jnv9] {
    font-size: var(--text-sm);
}

.ccp-section--collapsible[b-a63w48jnv9] {
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
}

.ccp-section__toggle[b-a63w48jnv9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-2);
    padding: var(--space-3);
    border: none;
    background: transparent;
    cursor: pointer;
    text-align: start;
    font-size: inherit;
    font-weight: var(--font-semibold);
    transition: background var(--transition-fast);
    border-radius: var(--radius-md);
}

.ccp-section__toggle:hover[b-a63w48jnv9] {
    background: color-mix(in srgb, var(--color-primary) 8%, transparent);
}

.ccp-section__toggle h4[b-a63w48jnv9] {
    margin: 0;
    color: var(--text-primary);
}

.ccp-section__toggle-meta[b-a63w48jnv9],
.ccp-message__time[b-a63w48jnv9] {
    color: var(--text-secondary);
    font-size: var(--text-sm);
}

.ccp-message__header[b-a63w48jnv9] {
    align-items: baseline;
}

.ccp-message__content[b-a63w48jnv9] {
    line-height: 1.5;
}

.ccp-message__intent[b-a63w48jnv9] {
    display: inline-block;
    margin-block-start: var(--space-1);
    padding: var(--space-1) var(--space-2);
    border-radius: var(--radius-sm);
    background: var(--surface-subtle);
    color: var(--text-secondary);
}

.ccp-draft-section-title[b-a63w48jnv9] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    margin-block: 0 var(--space-3);
    margin-inline: 0;
    font-size: var(--text-lg);
    font-weight: var(--font-bold);
    color: var(--text-primary);
}

.ccp-draft-count[b-a63w48jnv9] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-inline-size: var(--space-6);
    block-size: var(--space-6);
    border-radius: var(--radius-pill);
    background: color-mix(in srgb, var(--color-primary) 12%, var(--bg-surface));
    color: var(--color-primary);
    font-size: var(--text-sm);
    font-weight: var(--font-semibold);
}

@media (max-width: 56.25rem) {
    .ccp[b-a63w48jnv9] {
        min-height: 0;
    }

    .ccp-mobile-toggle[b-a63w48jnv9] {
        position: fixed;
        inset-inline: var(--space-4);
        inset-block-end: var(--space-4);
        z-index: 45;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: var(--space-2);
        min-block-size: calc(var(--space-10) + var(--space-3));
        padding: 0 var(--space-4);
        border: 1px solid color-mix(in srgb, var(--color-primary) 18%, var(--border-light));
        border-radius: var(--radius-full);
        background: color-mix(in srgb, var(--surface-strong) 92%, var(--bg-surface));
        box-shadow: var(--elevation-3);
        backdrop-filter: blur(var(--space-4));
        font-weight: var(--font-semibold);
    }

    .ccp-shell[b-a63w48jnv9] {
        position: fixed;
        inset-inline: var(--space-3);
        inset-block-end: var(--space-3);
        z-index: 50;
        max-block-size: min(78vh, calc(var(--space-10) * 19));
        transform: translateY(calc(100% - var(--sidebar-rail-w)));
        transition: transform var(--transition-fast);
    }

    .ccp.is-expanded .ccp-shell[b-a63w48jnv9] {
        transform: translateY(0);
    }

    .ccp-header__close[b-a63w48jnv9] {
        display: inline-flex;
    }
}

/* Spacious, readable layout */
.ccp-shell[b-a63w48jnv9] {
    gap: var(--space-4);
    padding: var(--space-4);
    border-radius: var(--radius-xl);
    border-color: color-mix(in srgb, var(--border-light) 94%, transparent);
    background: linear-gradient(180deg, color-mix(in srgb, var(--surface-strong) 98%, transparent), color-mix(in srgb, var(--surface-raised) 98%, transparent));
    box-shadow: var(--shadow-lg);
}

.ccp-header[b-a63w48jnv9],
.ccp-banner[b-a63w48jnv9],
.ccp-card[b-a63w48jnv9],
.ccp-section[b-a63w48jnv9],
.ccp-draft[b-a63w48jnv9],
.ccp-composer[b-a63w48jnv9],
.ccp-priority-banner[b-a63w48jnv9],
.ccp-draft-warning[b-a63w48jnv9] {
    border-radius: var(--radius-lg);
}

.ccp-header[b-a63w48jnv9] {
    padding: var(--space-3);
}

.ccp-banner[b-a63w48jnv9],
.ccp-card[b-a63w48jnv9],
.ccp-section[b-a63w48jnv9],
.ccp-draft[b-a63w48jnv9],
.ccp-composer[b-a63w48jnv9] {
    padding: var(--space-3);
}

.ccp-chip[b-a63w48jnv9],
.ccp-prompt[b-a63w48jnv9],
.ccp-tab[b-a63w48jnv9],
.ccp-evidence__item[b-a63w48jnv9],
.ccp-message[b-a63w48jnv9] {
    border-radius: var(--radius-lg);
}

.ccp-chip[b-a63w48jnv9] {
    background: color-mix(in srgb, var(--surface-subtle) 96%, transparent);
}

.ccp-prompt[b-a63w48jnv9] {
    background: color-mix(in srgb, var(--surface-strong) 98%, transparent);
}

.ccp-tab[b-a63w48jnv9] {
    background: color-mix(in srgb, var(--surface-subtle) 96%, transparent);
}

.ccp-tab.is-active[b-a63w48jnv9] {
    border-color: color-mix(in srgb, var(--border-medium) 92%, transparent);
    background: color-mix(in srgb, var(--surface-raised) 98%, transparent);
    color: var(--text-primary);
    box-shadow: inset 0 calc(var(--r-xs) * -1) 0 0 var(--color-primary);
}

.ccp-prompt:hover:not(:disabled)[b-a63w48jnv9],
.ccp-tab:hover:not(:disabled)[b-a63w48jnv9] {
    background: color-mix(in srgb, var(--surface-raised) 98%, transparent);
}

.ccp-evidence__item[b-a63w48jnv9],
.ccp-message[b-a63w48jnv9] {
    background: color-mix(in srgb, var(--surface-subtle) 96%, transparent);
}

[data-theme="dark"] .ccp-shell[b-a63w48jnv9],
[data-theme="dark"] .ccp-header[b-a63w48jnv9],
[data-theme="dark"] .ccp-banner[b-a63w48jnv9],
[data-theme="dark"] .ccp-card[b-a63w48jnv9],
[data-theme="dark"] .ccp-section[b-a63w48jnv9],
[data-theme="dark"] .ccp-draft[b-a63w48jnv9],
[data-theme="dark"] .ccp-composer[b-a63w48jnv9],
[data-theme="dark"] .ccp-priority-banner[b-a63w48jnv9],
[data-theme="dark"] .ccp-draft-warning[b-a63w48jnv9],
[data-theme="dark"] .ccp-message[b-a63w48jnv9],
[data-theme="dark"] .ccp-evidence__item[b-a63w48jnv9] {
    border-color: color-mix(in srgb, var(--border) 70%, transparent);
}

[data-theme="dark"] .ccp-shell[b-a63w48jnv9] {
    background: linear-gradient(180deg, var(--surface-strong), var(--bg-primary));
    box-shadow: var(--shadow-lg);
}

[data-theme="dark"] .ccp-header[b-a63w48jnv9],
[data-theme="dark"] .ccp-banner[b-a63w48jnv9],
[data-theme="dark"] .ccp-card[b-a63w48jnv9],
[data-theme="dark"] .ccp-section[b-a63w48jnv9],
[data-theme="dark"] .ccp-draft[b-a63w48jnv9],
[data-theme="dark"] .ccp-composer[b-a63w48jnv9],
[data-theme="dark"] .ccp-chip[b-a63w48jnv9],
[data-theme="dark"] .ccp-prompt[b-a63w48jnv9],
[data-theme="dark"] .ccp-tab[b-a63w48jnv9],
[data-theme="dark"] .ccp-evidence__item[b-a63w48jnv9],
[data-theme="dark"] .ccp-message[b-a63w48jnv9] {
    background: var(--surface-strong);
}

[data-theme="dark"] .ccp-chip[b-a63w48jnv9],
[data-theme="dark"] .ccp-prompt[b-a63w48jnv9],
[data-theme="dark"] .ccp-tab[b-a63w48jnv9] {
    border-color: color-mix(in srgb, var(--border) 70%, transparent);
}

[data-theme="dark"] .ccp-prompt:hover:not(:disabled)[b-a63w48jnv9],
[data-theme="dark"] .ccp-tab:hover:not(:disabled)[b-a63w48jnv9] {
    background: var(--surface-raised);
}

[data-theme="dark"] .ccp-tab.is-active[b-a63w48jnv9] {
    background: var(--surface-raised);
    border-color: color-mix(in srgb, var(--border) 80%, transparent);
    color: var(--text-primary);
}

[data-theme="dark"] .ccp-tab__count[b-a63w48jnv9] {
    background: var(--status-info-bg);
    color: var(--status-info-fg);
}
/* /Components/Chart/Tabs/CarePlansTab.razor.rz.scp.css */
.chart-module-layout[b-ko1mpozylf] {
    display: grid;
    grid-template-columns: minmax(16rem, 18rem) minmax(0, 1fr);
    gap: var(--sp-4);
}

.chart-module-main[b-ko1mpozylf] {
    min-inline-size: 0;
}

.chart-filter-rail[b-ko1mpozylf] {
    position: sticky;
    inset-block-start: var(--sp-4);
    align-self: start;
}

.chart-metric-list[b-ko1mpozylf] {
    display: flex;
    flex-direction: column;
    gap: var(--sp-2);
}

.chart-metric-list__item[b-ko1mpozylf] {
    display: flex;
    justify-content: space-between;
    gap: var(--sp-3);
    color: var(--text-secondary);
    font-size: var(--text-sm);
}

.chart-metric-list__item strong[b-ko1mpozylf] {
    color: var(--text-primary);
}

.chart-group-section[b-ko1mpozylf] {
    display: flex;
    flex-direction: column;
    gap: var(--sp-3);
}

.chart-group-section + .chart-group-section[b-ko1mpozylf] {
    margin-block-start: var(--sp-5);
}

.chart-group-section__head[b-ko1mpozylf] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--sp-3);
}

.chart-drawer-backdrop[b-ko1mpozylf] {
    position: fixed;
    inset: 0;
    background: color-mix(in srgb, var(--bg-sidebar) 45%, transparent);
    z-index: 1040;
}

.chart-drawer[b-ko1mpozylf] {
    position: fixed;
    inset-block: 0;
    inset-inline-end: 0;
    inline-size: min(36rem, calc(100vw - var(--sp-4)));
    max-inline-size: calc(100vw - var(--sp-4));
    background: var(--bg-surface);
    border-inline-start: 1px solid var(--border);
    box-shadow: var(--sh-lg);
    z-index: 1050;
    display: flex;
    flex-direction: column;
}

.chart-drawer-body[b-ko1mpozylf] {
    flex: 1;
    overflow-y: auto;
    padding: var(--sp-4);
    display: flex;
    flex-direction: column;
    gap: var(--sp-4);
}

.chart-drawer-footer[b-ko1mpozylf] {
    display: flex;
    justify-content: flex-end;
    gap: var(--sp-2);
    padding: var(--sp-4);
    border-top: 1px solid var(--border);
    background: var(--bg-raised);
}

@media (max-width: 960px) {
    .chart-module-layout[b-ko1mpozylf] {
        grid-template-columns: 1fr;
    }

    .chart-filter-rail[b-ko1mpozylf] {
        position: static;
    }
}

@media (max-width: 720px) {
    .chart-group-section__head[b-ko1mpozylf],
    .chart-drawer-footer[b-ko1mpozylf] {
        flex-direction: column;
        align-items: stretch;
    }

    .chart-drawer[b-ko1mpozylf] {
        inline-size: 100vw;
        max-inline-size: 100vw;
    }
}
/* /Components/Chart/Tabs/ChartFormsTab.razor.rz.scp.css */
.chart-forms-tab[b-b6hhlc6fwc] {
    display: grid;
    gap: var(--sp-4);
}

.chart-forms-tab__copy[b-b6hhlc6fwc] {
    margin-top: var(--sp-1);
    color: var(--text-secondary);
    font-size: var(--text-sm);
}

.chart-forms-tab__list[b-b6hhlc6fwc] {
    display: flex;
    flex-direction: column;
    gap: var(--sp-2);
}

.chart-forms-tab__list-item[b-b6hhlc6fwc] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: var(--sp-3);
    width: 100%;
    padding: var(--sp-3) var(--sp-4);
    border: 1px solid var(--border);
    border-radius: var(--r-md);
    background: var(--bg-surface);
    cursor: pointer;
    text-align: start;
}

.chart-forms-tab__list-item.is-selected[b-b6hhlc6fwc] {
    border-color: var(--his-300);
    background: var(--his-50);
}

[data-theme="dark"] .chart-forms-tab__list-item.is-selected[b-b6hhlc6fwc] {
    background: oklch(21% 0.055 242);
}

.chart-forms-tab__list-copy[b-b6hhlc6fwc] {
    display: flex;
    flex-direction: column;
    gap: var(--sp-1);
}

.chart-forms-tab__list-title[b-b6hhlc6fwc] {
    color: var(--text-primary);
    font-size: var(--text-sm);
    font-weight: 600;
}

.chart-forms-tab__list-meta[b-b6hhlc6fwc] {
    color: var(--text-secondary);
    font-size: var(--text-xs);
}

.chart-forms-tab__state[b-b6hhlc6fwc] {
    display: flex;
    flex-direction: column;
    gap: var(--sp-2);
    padding: var(--sp-4);
    border: 1px dashed var(--border);
    border-radius: var(--r-md);
    background: var(--bg-raised);
    color: var(--text-secondary);
}

.chart-forms-tab__workspace-actions[b-b6hhlc6fwc],
.chart-forms-tab__draft-actions[b-b6hhlc6fwc] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--sp-2);
}

.chart-forms-tab__draft-actions[b-b6hhlc6fwc] {
    margin-top: var(--sp-4);
}

.chart-forms-tab__legacy[b-b6hhlc6fwc] {
    margin-top: var(--sp-4);
    padding-top: var(--sp-4);
    border-top: 1px solid var(--border-muted);
}

.chart-forms-tab__legacy[b-b6hhlc6fwc] {
    display: flex;
    flex-direction: column;
    gap: var(--sp-3);
}
/* /Components/Chart/Tabs/ChartSummaryTab.razor.rz.scp.css */
.chart-summary[b-w47z2168u8] {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.summary-alert-grid[b-w47z2168u8] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
}

.summary-alert-card[b-w47z2168u8],
.summary-panel[b-w47z2168u8],
.summary-strip__card[b-w47z2168u8],
.summary-table-card[b-w47z2168u8],
.summary-snapshot-card[b-w47z2168u8] {
    border: 1px solid color-mix(in srgb, var(--border-light) 82%, var(--color-primary) 18%);
    border-radius: 20px;
    background: linear-gradient(180deg, color-mix(in srgb, var(--surface-raised) 97%, white 3%), var(--surface-raised));
    box-shadow: 0 24px 42px -38px rgba(15, 23, 42, 0.36);
}

.summary-alert-card[b-w47z2168u8] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 16px;
    min-width: 0;
}

.summary-alert-card__eyebrow[b-w47z2168u8],
.summary-snapshot-card__label[b-w47z2168u8] {
    font-size: .7rem;
    text-transform: uppercase;
    letter-spacing: .1em;
    color: var(--text-secondary);
    font-weight: 700;
}

.summary-alert-card strong[b-w47z2168u8],
.summary-alert-card small[b-w47z2168u8],
.summary-snapshot-card strong[b-w47z2168u8],
.summary-snapshot-card small[b-w47z2168u8] {
    overflow-wrap: anywhere;
}

.summary-alert-card strong[b-w47z2168u8],
.summary-snapshot-card strong[b-w47z2168u8] {
    color: var(--text-primary);
    font-size: 1rem;
}

.summary-alert-card small[b-w47z2168u8],
.summary-snapshot-card small[b-w47z2168u8] {
    color: var(--text-secondary);
    line-height: 1.45;
}

.summary-alert-card.is-danger[b-w47z2168u8] {
    border-color: color-mix(in srgb, var(--color-error) 34%, var(--border-light));
    background: linear-gradient(180deg, color-mix(in srgb, var(--color-error) 10%, white 90%), color-mix(in srgb, var(--surface-raised) 96%, white 4%));
}

.summary-alert-card.is-warning[b-w47z2168u8] {
    border-color: color-mix(in srgb, #d4a017 34%, var(--border-light));
    background: linear-gradient(180deg, color-mix(in srgb, #d4a017 10%, white 90%), color-mix(in srgb, var(--surface-raised) 96%, white 4%));
}

.summary-alert-card.is-active[b-w47z2168u8] {
    border-color: color-mix(in srgb, var(--color-success) 34%, var(--border-light));
    background: linear-gradient(180deg, color-mix(in srgb, var(--color-success) 9%, white 91%), color-mix(in srgb, var(--surface-raised) 96%, white 4%));
}

.summary-grid[b-w47z2168u8] {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(0, .85fr);
    gap: 16px;
}

.summary-panel[b-w47z2168u8] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 20px;
    min-width: 0;
}

.summary-panel--hero[b-w47z2168u8],
.summary-panel--wide[b-w47z2168u8] {
    grid-column: 1 / -1;
}

.summary-panel__header[b-w47z2168u8] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px;
}

.summary-panel__header h3[b-w47z2168u8],
.summary-table-card h4[b-w47z2168u8] {
    margin: 0;
    color: var(--text-primary);
}

.summary-panel__header p[b-w47z2168u8] {
    margin: 6px 0 0;
    color: var(--text-secondary);
    line-height: 1.45;
}

.summary-badge[b-w47z2168u8] {
    display: inline-flex;
    align-items: center;
    min-height: 32px;
    padding: 0 12px;
    border-radius: 999px;
    background: color-mix(in srgb, var(--surface-strong) 88%, white 12%);
    border: 1px solid var(--border-light);
    color: var(--text-primary);
    font-size: .8rem;
    font-weight: 700;
    white-space: nowrap;
}

.summary-badge--danger[b-w47z2168u8] {
    color: var(--color-error);
    border-color: color-mix(in srgb, var(--color-error) 28%, var(--border-light));
    background: color-mix(in srgb, var(--color-error) 10%, white 90%);
}

.summary-snapshot-grid[b-w47z2168u8] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
}

.summary-snapshot-card[b-w47z2168u8] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 16px;
    min-width: 0;
}

.summary-strip[b-w47z2168u8] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 12px;
}

.summary-strip__card[b-w47z2168u8] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 15px;
    min-width: 0;
}

.summary-strip__card span[b-w47z2168u8],
.summary-strip__card small[b-w47z2168u8],
.summary-list__item small[b-w47z2168u8] {
    color: var(--text-secondary);
}

.summary-strip__card strong[b-w47z2168u8] {
    font-size: 1.15rem;
    color: var(--text-primary);
}

.summary-strip__card.is-critical[b-w47z2168u8] {
    border-color: color-mix(in srgb, var(--color-error) 34%, var(--border-light));
    background: color-mix(in srgb, var(--color-error) 9%, white 91%);
}

.summary-tables[b-w47z2168u8] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.summary-table-card[b-w47z2168u8] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 16px;
    min-width: 0;
    overflow: hidden;
}

.summary-table-card .table[b-w47z2168u8] {
    margin-bottom: 0;
}

.summary-table-row--critical[b-w47z2168u8] {
    background: var(--status-critical-bg);
    color: var(--status-critical-fg);
}

.summary-list[b-w47z2168u8] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.summary-list__item[b-w47z2168u8] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 14px;
    padding: 12px 0;
    border-bottom: 1px solid color-mix(in srgb, var(--border-light) 78%, transparent);
}

.summary-list__item:last-child[b-w47z2168u8] {
    border-bottom: 0;
    padding-bottom: 0;
}

.summary-list__item--danger[b-w47z2168u8] {
    border-bottom-color: color-mix(in srgb, var(--color-error) 26%, transparent);
}

.summary-list__item strong[b-w47z2168u8],
.summary-timeline__copy strong[b-w47z2168u8] {
    color: var(--text-primary);
}

.summary-status[b-w47z2168u8] {
    display: inline-flex;
    align-items: center;
    min-height: 30px;
    padding: 0 10px;
    border-radius: 999px;
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .05em;
    text-transform: uppercase;
    white-space: nowrap;
}

.summary-status.is-active[b-w47z2168u8] {
    color: var(--color-success);
    background: color-mix(in srgb, var(--color-success) 12%, white 88%);
}

.summary-status.is-muted[b-w47z2168u8] {
    color: var(--text-secondary);
    background: color-mix(in srgb, var(--surface-strong) 86%, white 14%);
}

.summary-status.is-danger[b-w47z2168u8] {
    color: var(--color-error);
    background: color-mix(in srgb, var(--color-error) 12%, white 88%);
}

.summary-timeline[b-w47z2168u8] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.summary-timeline__item[b-w47z2168u8] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 12px;
    align-items: start;
    padding: 12px 0;
    border-bottom: 1px solid color-mix(in srgb, var(--border-light) 78%, transparent);
}

.summary-timeline__item:last-child[b-w47z2168u8] {
    border-bottom: 0;
    padding-bottom: 0;
}

.summary-timeline__badge[b-w47z2168u8] {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 0 10px;
    border-radius: 999px;
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .05em;
    text-transform: uppercase;
    border: 1px solid var(--border-light);
}

.summary-timeline__badge--danger[b-w47z2168u8] {
    color: var(--color-error);
    border-color: color-mix(in srgb, var(--color-error) 28%, var(--border-light));
    background: color-mix(in srgb, var(--color-error) 10%, white 90%);
}

.summary-timeline__badge--warning[b-w47z2168u8] {
    color: #9a6700;
    border-color: color-mix(in srgb, #d4a017 28%, var(--border-light));
    background: color-mix(in srgb, #d4a017 10%, white 90%);
}

.summary-timeline__badge--active[b-w47z2168u8] {
    color: var(--color-success);
    border-color: color-mix(in srgb, var(--color-success) 28%, var(--border-light));
    background: color-mix(in srgb, var(--color-success) 10%, white 90%);
}

.summary-timeline__badge--neutral[b-w47z2168u8] {
    color: var(--text-secondary);
    background: color-mix(in srgb, var(--surface-strong) 88%, white 12%);
}

.summary-timeline__copy[b-w47z2168u8] {
    min-width: 0;
}

.summary-timeline__copy small[b-w47z2168u8] {
    display: block;
    margin-top: 4px;
    color: var(--text-secondary);
    overflow-wrap: anywhere;
}

.summary-timeline time[b-w47z2168u8] {
    font-size: .8rem;
    color: var(--text-secondary);
    white-space: nowrap;
}

.summary-empty[b-w47z2168u8] {
    padding: 16px;
    border-radius: 16px;
    border: 1px dashed var(--border-medium);
    background: color-mix(in srgb, var(--surface-subtle) 88%, white 12%);
    color: var(--text-secondary);
}

@media (max-width: 1180px) {
    .summary-alert-grid[b-w47z2168u8],
    .summary-snapshot-grid[b-w47z2168u8],
    .summary-grid[b-w47z2168u8],
    .summary-tables[b-w47z2168u8] {
        grid-template-columns: 1fr 1fr;
    }

    .summary-panel--hero[b-w47z2168u8],
    .summary-panel--wide[b-w47z2168u8] {
        grid-column: span 2;
    }
}

@media (max-width: 760px) {
    .summary-alert-grid[b-w47z2168u8],
    .summary-snapshot-grid[b-w47z2168u8],
    .summary-grid[b-w47z2168u8],
    .summary-tables[b-w47z2168u8] {
        grid-template-columns: 1fr;
    }

    .summary-panel--hero[b-w47z2168u8],
    .summary-panel--wide[b-w47z2168u8] {
        grid-column: span 1;
    }

    .summary-panel__header[b-w47z2168u8],
    .summary-list__item[b-w47z2168u8],
    .summary-timeline__item[b-w47z2168u8] {
        grid-template-columns: 1fr;
        flex-direction: column;
    }

    .summary-panel__header[b-w47z2168u8] {
        align-items: flex-start;
    }

    .summary-timeline time[b-w47z2168u8] {
        white-space: normal;
    }
}
/* /Components/Chart/Tabs/ChartVitalsTab.razor.rz.scp.css */
.chart-vitals-tab__latest[b-oa1wo862q9] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));
    gap: var(--sp-3);
    margin-block-end: var(--sp-4);
}
/* /Components/Chart/Tabs/ContactsTab.razor.rz.scp.css */
.chart-module-layout[b-fwdj4sfkv1] {
    display: grid;
    grid-template-columns: minmax(16rem, 18rem) minmax(0, 1fr);
    gap: var(--sp-4);
}

.chart-module-main[b-fwdj4sfkv1] {
    min-inline-size: 0;
}

.chart-filter-rail[b-fwdj4sfkv1] {
    position: sticky;
    inset-block-start: var(--sp-4);
    align-self: start;
}

.chart-metric-list[b-fwdj4sfkv1] {
    display: flex;
    flex-direction: column;
    gap: var(--sp-2);
}

.chart-metric-list__item[b-fwdj4sfkv1] {
    display: flex;
    justify-content: space-between;
    gap: var(--sp-3);
    color: var(--text-secondary);
    font-size: var(--text-sm);
}

.chart-metric-list__item strong[b-fwdj4sfkv1] {
    color: var(--text-primary);
}

.chart-drawer-backdrop[b-fwdj4sfkv1] {
    position: fixed;
    inset: 0;
    background: color-mix(in srgb, var(--bg-sidebar) 45%, transparent);
    z-index: 1040;
}

.chart-drawer[b-fwdj4sfkv1] {
    position: fixed;
    inset-block: 0;
    inset-inline-end: 0;
    inline-size: min(36rem, calc(100vw - var(--sp-4)));
    max-inline-size: calc(100vw - var(--sp-4));
    background: var(--bg-surface);
    border-inline-start: 1px solid var(--border);
    box-shadow: var(--sh-lg);
    z-index: 1050;
    display: flex;
    flex-direction: column;
}

.chart-drawer-body[b-fwdj4sfkv1] {
    flex: 1;
    overflow-y: auto;
    padding: var(--sp-4);
    display: flex;
    flex-direction: column;
    gap: var(--sp-4);
}

.chart-drawer-footer[b-fwdj4sfkv1] {
    display: flex;
    justify-content: flex-end;
    gap: var(--sp-2);
    padding: var(--sp-4);
    border-top: 1px solid var(--border);
    background: var(--bg-raised);
}

@media (max-width: 960px) {
    .chart-module-layout[b-fwdj4sfkv1] {
        grid-template-columns: 1fr;
    }

    .chart-filter-rail[b-fwdj4sfkv1] {
        position: static;
    }
}

@media (max-width: 720px) {
    .chart-drawer-footer[b-fwdj4sfkv1] {
        flex-direction: column;
        align-items: stretch;
    }

    .chart-drawer[b-fwdj4sfkv1] {
        inline-size: 100vw;
        max-inline-size: 100vw;
    }
}
/* /Components/Chart/Tabs/FormFieldRenderer.razor.rz.scp.css */
.chart-form-required[b-3h906yzbnp] {
    color: var(--critical-600);
}

.chart-form-input[b-3h906yzbnp] {
    margin-top: 0;
}

.chart-form-toggle[b-3h906yzbnp] {
    min-height: 40px;
}

.chart-form-checkbox[b-3h906yzbnp] {
    position: absolute;
    inline-size: 1px;
    block-size: 1px;
    opacity: 0;
    pointer-events: none;
}

.chart-form-radio-group[b-3h906yzbnp] {
    display: flex;
    flex-direction: column;
    gap: var(--sp-2);
    padding-top: var(--sp-2);
}

.chart-form-radio[b-3h906yzbnp] {
    display: flex;
    align-items: center;
    gap: var(--sp-2);
    color: var(--text-primary);
    font-size: var(--text-sm);
}
/* /Components/Chart/Tabs/FormRenderer.razor.rz.scp.css */
.chart-form-renderer__grid[b-bhpd04rahj] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: var(--sp-4);
}
/* /Components/Chart/Tabs/InsuranceTab.razor.rz.scp.css */
.chart-module-layout[b-upkte1z3fb] {
    display: grid;
    grid-template-columns: minmax(16rem, 18rem) minmax(0, 1fr);
    gap: var(--sp-4);
}

.chart-module-main[b-upkte1z3fb] {
    min-inline-size: 0;
}

.chart-filter-rail[b-upkte1z3fb] {
    position: sticky;
    inset-block-start: var(--sp-4);
    align-self: start;
}

.chart-metric-list[b-upkte1z3fb] {
    display: flex;
    flex-direction: column;
    gap: var(--sp-2);
}

.chart-metric-list__item[b-upkte1z3fb] {
    display: flex;
    justify-content: space-between;
    gap: var(--sp-3);
    color: var(--text-secondary);
    font-size: var(--text-sm);
}

.chart-metric-list__item strong[b-upkte1z3fb] {
    color: var(--text-primary);
}

.chart-drawer-backdrop[b-upkte1z3fb] {
    position: fixed;
    inset: 0;
    background: color-mix(in srgb, var(--bg-sidebar) 45%, transparent);
    z-index: 1040;
}

.chart-drawer[b-upkte1z3fb] {
    position: fixed;
    inset-block: 0;
    inset-inline-end: 0;
    inline-size: min(36rem, calc(100vw - var(--sp-4)));
    max-inline-size: calc(100vw - var(--sp-4));
    background: var(--bg-surface);
    border-inline-start: 1px solid var(--border);
    box-shadow: var(--sh-lg);
    z-index: 1050;
    display: flex;
    flex-direction: column;
}

.chart-drawer-body[b-upkte1z3fb] {
    flex: 1;
    overflow-y: auto;
    padding: var(--sp-4);
    display: flex;
    flex-direction: column;
    gap: var(--sp-4);
}

.chart-drawer-footer[b-upkte1z3fb] {
    display: flex;
    justify-content: flex-end;
    gap: var(--sp-2);
    padding: var(--sp-4);
    border-top: 1px solid var(--border);
    background: var(--bg-raised);
}

@media (max-width: 960px) {
    .chart-module-layout[b-upkte1z3fb] {
        grid-template-columns: 1fr;
    }

    .chart-filter-rail[b-upkte1z3fb] {
        position: static;
    }
}

@media (max-width: 720px) {
    .chart-drawer-footer[b-upkte1z3fb] {
        flex-direction: column;
        align-items: stretch;
    }

    .chart-drawer[b-upkte1z3fb] {
        inline-size: 100vw;
        max-inline-size: 100vw;
    }
}
/* /Components/Chart/Tabs/PatientDocumentsTab.razor.rz.scp.css */
.chart-module-layout[b-5mgotch1cm] {
    display: grid;
    grid-template-columns: minmax(16rem, 18rem) minmax(0, 1fr);
    gap: var(--sp-4);
}

.chart-module-main[b-5mgotch1cm] {
    min-inline-size: 0;
}

.chart-filter-rail[b-5mgotch1cm] {
    position: sticky;
    inset-block-start: var(--sp-4);
    align-self: start;
}

.chart-metric-list[b-5mgotch1cm] {
    display: flex;
    flex-direction: column;
    gap: var(--sp-2);
}

.chart-metric-list__item[b-5mgotch1cm] {
    display: flex;
    justify-content: space-between;
    gap: var(--sp-3);
    color: var(--text-secondary);
    font-size: var(--text-sm);
}

.chart-metric-list__item strong[b-5mgotch1cm] {
    color: var(--text-primary);
}

.chart-group-section[b-5mgotch1cm] {
    display: flex;
    flex-direction: column;
    gap: var(--sp-3);
}

.chart-group-section + .chart-group-section[b-5mgotch1cm] {
    margin-block-start: var(--sp-5);
}

.chart-group-section__head[b-5mgotch1cm] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--sp-3);
}

.chart-drawer-backdrop[b-5mgotch1cm] {
    position: fixed;
    inset: 0;
    background: color-mix(in srgb, var(--bg-sidebar) 45%, transparent);
    z-index: 1040;
}

.chart-drawer[b-5mgotch1cm] {
    position: fixed;
    inset-block: 0;
    inset-inline-end: 0;
    inline-size: min(36rem, calc(100vw - var(--sp-4)));
    max-inline-size: calc(100vw - var(--sp-4));
    background: var(--bg-surface);
    border-inline-start: 1px solid var(--border);
    box-shadow: var(--sh-lg);
    z-index: 1050;
    display: flex;
    flex-direction: column;
}

.chart-drawer-body[b-5mgotch1cm] {
    flex: 1;
    overflow-y: auto;
    padding: var(--sp-4);
    display: flex;
    flex-direction: column;
    gap: var(--sp-4);
}

.chart-drawer-footer[b-5mgotch1cm] {
    display: flex;
    justify-content: flex-end;
    gap: var(--sp-2);
    padding: var(--sp-4);
    border-top: 1px solid var(--border);
    background: var(--bg-raised);
}

@media (max-width: 960px) {
    .chart-module-layout[b-5mgotch1cm] {
        grid-template-columns: 1fr;
    }

    .chart-filter-rail[b-5mgotch1cm] {
        position: static;
    }
}

@media (max-width: 720px) {
    .chart-group-section__head[b-5mgotch1cm],
    .chart-drawer-footer[b-5mgotch1cm] {
        flex-direction: column;
        align-items: stretch;
    }

    .chart-drawer[b-5mgotch1cm] {
        inline-size: 100vw;
        max-inline-size: 100vw;
    }
}
/* /Components/Chart/Tabs/PatientReferralsTab.razor.rz.scp.css */
.chart-module-layout[b-eqbhowdrml] {
    display: grid;
    grid-template-columns: minmax(16rem, 18rem) minmax(0, 1fr);
    gap: var(--sp-4);
}

.chart-module-main[b-eqbhowdrml] {
    min-inline-size: 0;
}

.chart-filter-rail[b-eqbhowdrml] {
    position: sticky;
    inset-block-start: var(--sp-4);
    align-self: start;
}

.chart-metric-list[b-eqbhowdrml] {
    display: flex;
    flex-direction: column;
    gap: var(--sp-2);
}

.chart-metric-list__item[b-eqbhowdrml] {
    display: flex;
    justify-content: space-between;
    gap: var(--sp-3);
    color: var(--text-secondary);
    font-size: var(--text-sm);
}

.chart-metric-list__item strong[b-eqbhowdrml] {
    color: var(--text-primary);
}

.chart-group-section[b-eqbhowdrml] {
    display: flex;
    flex-direction: column;
    gap: var(--sp-3);
}

.chart-group-section + .chart-group-section[b-eqbhowdrml] {
    margin-block-start: var(--sp-5);
}

.chart-group-section__head[b-eqbhowdrml] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--sp-3);
}

.chart-drawer-backdrop[b-eqbhowdrml] {
    position: fixed;
    inset: 0;
    background: color-mix(in srgb, var(--bg-sidebar) 45%, transparent);
    z-index: 1040;
}

.chart-drawer[b-eqbhowdrml] {
    position: fixed;
    inset-block: 0;
    inset-inline-end: 0;
    inline-size: min(36rem, calc(100vw - var(--sp-4)));
    max-inline-size: calc(100vw - var(--sp-4));
    background: var(--bg-surface);
    border-inline-start: 1px solid var(--border);
    box-shadow: var(--sh-lg);
    z-index: 1050;
    display: flex;
    flex-direction: column;
}

.chart-drawer-body[b-eqbhowdrml] {
    flex: 1;
    overflow-y: auto;
    padding: var(--sp-4);
    display: flex;
    flex-direction: column;
    gap: var(--sp-4);
}

.chart-drawer-footer[b-eqbhowdrml] {
    display: flex;
    justify-content: flex-end;
    gap: var(--sp-2);
    padding: var(--sp-4);
    border-top: 1px solid var(--border);
    background: var(--bg-raised);
}

@media (max-width: 960px) {
    .chart-module-layout[b-eqbhowdrml] {
        grid-template-columns: 1fr;
    }

    .chart-filter-rail[b-eqbhowdrml] {
        position: static;
    }
}

@media (max-width: 720px) {
    .chart-group-section__head[b-eqbhowdrml],
    .chart-drawer-footer[b-eqbhowdrml] {
        flex-direction: column;
        align-items: stretch;
    }

    .chart-drawer[b-eqbhowdrml] {
        inline-size: 100vw;
        max-inline-size: 100vw;
    }
}
/* /Components/Chart/Tabs/VitalCard.razor.rz.scp.css */
.vc-card[b-4fuxdb8g37] {
    border-radius: 8px;
    border: 1px solid var(--border-light, #2a3540);
    border-left-width: 3px;
    padding: 0.5rem 0.75rem;
    display: flex;
    flex-direction: column;
    gap: 0.18rem;
    background: var(--color-surface, transparent);
}

.vc-card--success[b-4fuxdb8g37]   { border-left-color: var(--status-success-fg); }
.vc-card--danger[b-4fuxdb8g37]    { border-left-color: var(--status-critical-fg); }
.vc-card--warning[b-4fuxdb8g37]   { border-left-color: var(--status-urgent-fg); }
.vc-card--secondary[b-4fuxdb8g37] { border-left-color: var(--text-muted); }

.vc-label[b-4fuxdb8g37] {
    font-size: 0.65rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--color-text-muted, #94a3b8);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.vc-row[b-4fuxdb8g37] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.4rem;
}

.vc-value[b-4fuxdb8g37] {
    font-size: 1.15rem;
    font-weight: 700;
    color: var(--color-text-primary, #e2e8f0);
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.vc-badge[b-4fuxdb8g37] {
    font-size: 0.6rem;
    font-weight: 600;
    padding: 0.1rem 0.4rem;
    border-radius: 999px;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    white-space: nowrap;
}

.vc-badge--success[b-4fuxdb8g37]   { background: var(--status-success-bg);  color: var(--status-success-fg); }
.vc-badge--danger[b-4fuxdb8g37]    { background: var(--status-critical-bg); color: var(--status-critical-fg); }
.vc-badge--warning[b-4fuxdb8g37]   { background: var(--status-urgent-bg);   color: var(--status-urgent-fg); }
.vc-badge--secondary[b-4fuxdb8g37] { background: var(--bg-raised);          color: var(--text-muted); }

.vc-date[b-4fuxdb8g37] {
    font-size: 0.65rem;
    color: var(--color-text-muted, #94a3b8);
}

[data-theme="light"] .vc-card[b-4fuxdb8g37] {
    border-color: rgba(148, 163, 184, 0.24);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 251, 252, 0.98));
    box-shadow: 0 10px 22px -18px rgba(15, 23, 42, 0.08);
}

[data-theme="light"] .vc-label[b-4fuxdb8g37],
[data-theme="light"] .vc-date[b-4fuxdb8g37] {
    color: #7a8ea3;
}

[data-theme="light"] .vc-value[b-4fuxdb8g37] {
    color: #18324a;
}
/* /Components/Chart/Tabs/VitalsHistory.razor.rz.scp.css */
.vh-layout[b-4um6x4dh8b] {
    display: grid;
    grid-template-columns: 220px 1fr;
    gap: 0;
    min-height: 360px;
}

/* ── Category list ─────────────────────────────────────────── */

.vh-category-list[b-4um6x4dh8b] {
    border-right: 1px solid var(--border-light, #2a3540);
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    max-height: 480px;
}

.vh-category-item[b-4um6x4dh8b] {
    background: none;
    border: none;
    border-bottom: 1px solid var(--border-light, #2a3540);
    padding: 0.65rem 0.85rem;
    text-align: left;
    cursor: pointer;
    transition: background 0.15s;
}

.vh-category-item:hover[b-4um6x4dh8b] {
    background: var(--color-surface-raised, rgba(255,255,255,0.04));
}

.vh-category-item--active[b-4um6x4dh8b] {
    background: var(--color-primary-subtle, rgba(20,184,166,0.12));
    border-left: 3px solid var(--color-primary, #14b8a6);
}

.vh-category-item__top[b-4um6x4dh8b] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.4rem;
}

.vh-category-item__name[b-4um6x4dh8b] {
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--color-text-primary, #e2e8f0);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.vh-category-item__bottom[b-4um6x4dh8b] {
    display: flex;
    justify-content: space-between;
    margin-top: 0.2rem;
}

.vh-category-item__value[b-4um6x4dh8b] {
    font-size: 0.85rem;
    font-weight: 700;
    color: var(--color-primary, #14b8a6);
    font-variant-numeric: tabular-nums;
}

.vh-category-item__count[b-4um6x4dh8b] {
    font-size: 0.7rem;
    color: var(--color-text-muted, #94a3b8);
}

/* ── Status badges ─────────────────────────────────────────── */

.vh-category-item__badge[b-4um6x4dh8b] {
    font-size: 0.65rem;
    font-weight: 600;
    padding: 0.1rem 0.4rem;
    border-radius: 999px;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    flex-shrink: 0;
}

.vh-badge--normal[b-4um6x4dh8b]   { background: rgba(34,197,94,0.15);  color: #22c55e; }
.vh-badge--high[b-4um6x4dh8b],
.vh-badge--highcritical[b-4um6x4dh8b] { background: rgba(239,68,68,0.15); color: #ef4444; }
.vh-badge--low[b-4um6x4dh8b],
.vh-badge--lowcritical[b-4um6x4dh8b]  { background: rgba(245,158,11,0.15); color: #f59e0b; }

/* ── Chart area ────────────────────────────────────────────── */

.vh-chart-area[b-4um6x4dh8b] {
    padding: 1rem 1.25rem 0.75rem;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.vh-chart-header[b-4um6x4dh8b] {
    display: flex;
    align-items: baseline;
    gap: 0.6rem;
}

.vh-chart-title[b-4um6x4dh8b] {
    font-size: 0.9rem;
    font-weight: 700;
    color: var(--color-text-primary, #e2e8f0);
}

.vh-chart-subtitle[b-4um6x4dh8b] {
    font-size: 0.75rem;
    color: var(--color-text-muted, #94a3b8);
}

/* ── Single-point fallback ─────────────────────────────────── */

.vh-single-point[b-4um6x4dh8b] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 2.5rem 1rem;
    gap: 0.35rem;
}

.vh-single-point__value[b-4um6x4dh8b] {
    font-size: 2.25rem;
    font-weight: 700;
    color: var(--color-primary, #14b8a6);
    font-variant-numeric: tabular-nums;
}

.vh-single-point__date[b-4um6x4dh8b] {
    font-size: 0.8rem;
    color: var(--color-text-muted, #94a3b8);
}

/* ── Reference range pill row ──────────────────────────────── */

.vh-ref-range[b-4um6x4dh8b] {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
    padding-top: 0.25rem;
}

.vh-ref-item[b-4um6x4dh8b] {
    font-size: 0.7rem;
    padding: 0.15rem 0.5rem;
    border-radius: 999px;
}

.vh-ref-item--high[b-4um6x4dh8b] { background: rgba(245,158,11,0.12); color: #f59e0b; }
.vh-ref-item--low[b-4um6x4dh8b]  { background: rgba(59,130,246,0.12);  color: #3b82f6; }

[data-theme="light"] .vh-layout[b-4um6x4dh8b] {
    gap: 0;
}

[data-theme="light"] .vh-category-list[b-4um6x4dh8b] {
    border-right-color: rgba(148, 163, 184, 0.24);
    background: rgba(248, 252, 252, 0.9);
}

[data-theme="light"] .vh-category-item[b-4um6x4dh8b] {
    border-bottom-color: rgba(148, 163, 184, 0.2);
}

[data-theme="light"] .vh-category-item:hover[b-4um6x4dh8b] {
    background: rgba(241, 249, 248, 0.96);
}

[data-theme="light"] .vh-category-item--active[b-4um6x4dh8b] {
    background: linear-gradient(180deg, rgba(230, 247, 244, 0.98), rgba(222, 243, 239, 0.98));
    border-left-color: var(--color-primary, #14b8a6);
}

[data-theme="light"] .vh-category-item__name[b-4um6x4dh8b],
[data-theme="light"] .vh-chart-title[b-4um6x4dh8b] {
    color: #163047;
}

[data-theme="light"] .vh-category-item__value[b-4um6x4dh8b] {
    color: #0f766e;
}

[data-theme="light"] .vh-category-item__count[b-4um6x4dh8b],
[data-theme="light"] .vh-chart-subtitle[b-4um6x4dh8b],
[data-theme="light"] .vh-single-point__date[b-4um6x4dh8b] {
    color: #6b7f93;
}

[data-theme="light"] .vh-chart-area[b-4um6x4dh8b] {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 251, 252, 0.98));
}

[data-theme="light"] .vh-single-point__value[b-4um6x4dh8b] {
    color: #0f766e;
}

/* ── Responsive ────────────────────────────────────────────── */

@media (max-width: 600px) {
    .vh-layout[b-4um6x4dh8b] {
        grid-template-columns: 1fr;
    }

    .vh-category-list[b-4um6x4dh8b] {
        border-right: none;
        border-bottom: 1px solid var(--border-light, #2a3540);
        flex-direction: row;
        flex-wrap: nowrap;
        overflow-x: auto;
        max-height: none;
    }

    .vh-category-item[b-4um6x4dh8b] {
        min-width: 130px;
        border-bottom: none;
        border-right: 1px solid var(--border-light, #2a3540);
    }

    .vh-category-item--active[b-4um6x4dh8b] {
        border-left: none;
        border-bottom: 3px solid var(--color-primary, #14b8a6);
    }
}
/* /Components/Chart/VitalsSnapshotBar.razor.rz.scp.css */
.pc-vitals-bar[b-757bumw706] {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
    padding: var(--space-3) var(--space-6);
    border: 1px solid var(--border-light);
    border-radius: var(--radius-card);
    background: color-mix(in srgb, var(--surface-strong) 96%, transparent);
    box-shadow: var(--elevation-1);
}

.pc-vitals-bar__header[b-757bumw706] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-3);
}

.pc-vitals-bar__header strong[b-757bumw706] {
    display: block;
}

.pc-vitals-bar__timestamp[b-757bumw706] {
    display: inline-block;
    margin-left: var(--space-2);
    color: var(--text-secondary);
    font-size: var(--text-sm);
}

.pc-vitals-bar__link[b-757bumw706] {
    padding: 0;
    font-size: var(--text-sm);
    text-decoration: none;
}

.pc-vitals-bar__slots[b-757bumw706] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-2);
}

.pc-vitals-slot[b-757bumw706] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-2);
    min-height: 42px;
    padding: var(--space-2) var(--space-3);
    border: 1px solid transparent;
    border-radius: var(--radius-full);
    background: color-mix(in srgb, var(--surface-subtle) 84%, transparent);
}

.pc-vitals-slot__label[b-757bumw706] {
    color: var(--text-secondary);
    font-size: var(--text-xs);
    font-weight: var(--font-semibold);
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

.pc-vitals-slot__value[b-757bumw706] {
    font-variant-numeric: tabular-nums;
}

.pc-vitals-slot.is-abnormal[b-757bumw706] {
    color: #9a6700;
    background: #fff4d6;
    border-color: #f0c36d;
}

.pc-vitals-slot.is-critical[b-757bumw706] {
    color: #b42318;
    background: #fee4e2;
    border-color: #fda29b;
}

.pc-vitals-slot__arrow[b-757bumw706] {
    font-weight: var(--font-bold);
}

.pc-vitals-bar.is-loading[b-757bumw706] {
    background:
        linear-gradient(90deg, color-mix(in srgb, var(--surface-subtle) 72%, transparent) 25%, color-mix(in srgb, white 75%, transparent) 50%, color-mix(in srgb, var(--surface-subtle) 72%, transparent) 75%);
    background-size: 200% 100%;
    animation: pc-vitals-shimmer-b-757bumw706 1.2s linear infinite;
}

@keyframes pc-vitals-shimmer-b-757bumw706 {
    from {
        background-position: 200% 0;
    }

    to {
        background-position: -200% 0;
    }
}

@media (max-width: 720px) {
    .pc-vitals-bar[b-757bumw706] {
        padding: var(--space-3) var(--space-4);
    }

    .pc-vitals-bar__header[b-757bumw706] {
        flex-direction: column;
        align-items: flex-start;
    }
}
/* /Components/Dental/OdontogramSvg.razor.rz.scp.css */
.odontogram[b-isl0udkdwk] {
    display: flex;
    flex-direction: column;
    gap: var(--sp-3);
    user-select: none;
}

.odontogram__arch[b-isl0udkdwk] {
    display: flex;
    align-items: stretch;
    gap: 0;
    border: 1px solid var(--border);
    border-radius: var(--r-lg);
    background: var(--bg-surface);
    overflow: hidden;
}

.odontogram__quadrant[b-isl0udkdwk] {
    display: flex;
    flex: 1;
    gap: var(--r-xs);
    padding: var(--sp-3) var(--sp-2);
}

.odontogram__arch--upper .odontogram__quadrant[b-isl0udkdwk] {
    align-items: flex-end;
}

.odontogram__arch--lower .odontogram__quadrant[b-isl0udkdwk] {
    align-items: flex-start;
}

.odontogram__midline[b-isl0udkdwk] {
    inline-size: var(--r-xs);
    background: var(--border);
    align-self: stretch;
    flex-shrink: 0;
}

.odontogram__arch-label[b-isl0udkdwk] {
    display: flex;
    justify-content: space-between;
    padding: 0 var(--sp-4);
    font-size: var(--text-xs);
    color: var(--text-muted);
    font-weight: var(--font-semibold);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

/* ---- Individual tooth ---- */
.tooth[b-isl0udkdwk] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--r-xs);
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    flex: 1;
    min-width: 0;
}

.tooth:focus-visible[b-isl0udkdwk] {
    outline: var(--r-xs) solid var(--his-500);
    outline-offset: var(--r-xs);
    border-radius: var(--r-sm);
}

.tooth__body[b-isl0udkdwk] {
    display: block;
    inline-size: 100%;
    aspect-ratio: 1 / 1.2;
    max-inline-size: calc(var(--sp-10) - var(--r-xs));
    background: var(--bg-surface);
    border: 1.5px solid var(--border);
    border-radius: var(--r-md);
    transition: border-color var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast);
}

.tooth:hover .tooth__body[b-isl0udkdwk] {
    border-color: var(--his-400);
    transform: scaleY(1.06);
    box-shadow: var(--sh-xs);
}

.tooth--selected .tooth__body[b-isl0udkdwk] {
    border: var(--r-xs) solid var(--his-600);
    box-shadow: 0 0 0 var(--r-xs) color-mix(in srgb, var(--his-500) 25%, transparent);
}

.tooth__number[b-isl0udkdwk] {
    font-size: var(--text-xs);
    font-weight: var(--font-semibold);
    color: var(--text-muted);
    line-height: 1;
    display: block;
}

.condition--healthy .tooth__body[b-isl0udkdwk],
.legend-swatch.condition--healthy[b-isl0udkdwk] {
    background: var(--bg-surface);
}

.condition--caries .tooth__body[b-isl0udkdwk],
.legend-swatch.condition--caries[b-isl0udkdwk] {
    background: var(--critical-500);
}

.condition--amalgam .tooth__body[b-isl0udkdwk],
.legend-swatch.condition--amalgam[b-isl0udkdwk] {
    background: var(--text-muted);
}

.condition--composite .tooth__body[b-isl0udkdwk],
.legend-swatch.condition--composite[b-isl0udkdwk],
.condition--sealant .tooth__body[b-isl0udkdwk],
.legend-swatch.condition--sealant[b-isl0udkdwk] {
    background: var(--info-600);
}

.condition--crown .tooth__body[b-isl0udkdwk],
.legend-swatch.condition--crown[b-isl0udkdwk],
.condition--abscess .tooth__body[b-isl0udkdwk],
.legend-swatch.condition--abscess[b-isl0udkdwk] {
    background: var(--urgent-500);
}

.condition--bridge .tooth__body[b-isl0udkdwk],
.legend-swatch.condition--bridge[b-isl0udkdwk],
.condition--root-canal .tooth__body[b-isl0udkdwk],
.legend-swatch.condition--root-canal[b-isl0udkdwk] {
    background: var(--his-500);
}

.condition--implant .tooth__body[b-isl0udkdwk],
.legend-swatch.condition--implant[b-isl0udkdwk] {
    background: var(--success-600);
}

.condition--fracture .tooth__body[b-isl0udkdwk],
.legend-swatch.condition--fracture[b-isl0udkdwk] {
    background: var(--neutral-700);
}

.tooth--extraction-required .tooth__body[b-isl0udkdwk],
.legend-swatch--extraction[b-isl0udkdwk] {
    background: var(--bg-surface);
    border: var(--r-xs) dashed var(--critical-500);
}

.tooth--extracted .tooth__body[b-isl0udkdwk],
.legend-swatch--extracted[b-isl0udkdwk] {
    background: repeating-linear-gradient(
        45deg,
        var(--neutral-700),
        var(--neutral-700) var(--r-xs),
        var(--neutral-400) var(--r-xs),
        var(--neutral-400) var(--sp-2)
    );
}

.tooth--missing .tooth__body[b-isl0udkdwk] {
    background: var(--neutral-800);
    opacity: 0.7;
}

/* ---- Legend ---- */
.odontogram__legend[b-isl0udkdwk] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--sp-2) var(--sp-4);
    padding: var(--sp-3) var(--sp-4);
    border: 1px solid var(--border);
    border-radius: var(--r-lg);
    background: var(--bg-surface);
}

.legend-item[b-isl0udkdwk] {
    display: flex;
    align-items: center;
    gap: var(--sp-1);
}

.legend-swatch[b-isl0udkdwk] {
    display: inline-block;
    inline-size: var(--sp-4);
    block-size: var(--sp-4);
    border-radius: var(--r-xs);
    border: 1px solid var(--border);
    flex-shrink: 0;
}

.legend-label[b-isl0udkdwk] {
    font-size: var(--text-xs);
    color: var(--text-secondary);
}

@media (max-width: 40rem) {
    .tooth__body[b-isl0udkdwk] {
        max-inline-size: calc(var(--sp-6) + var(--r-xs));
    }

    .tooth__number[b-isl0udkdwk] {
        font-size: var(--text-xs);
    }
}
/* /Components/DocumentCard.razor.rz.scp.css */
.document-card[b-oj71w9od7t] {
    background: color-mix(in srgb, var(--surface-strong) 92%, transparent);
    border: 1px solid var(--border-light);
    border-radius: var(--radius-xl);
    padding: var(--space-4);
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
    transition: var(--transition-default);
}

.document-card:hover[b-oj71w9od7t] {
    box-shadow: var(--elevation-2);
    border-color: var(--border-medium);
}

.document-header[b-oj71w9od7t] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: var(--space-4);
}

.document-icon-name[b-oj71w9od7t] {
    flex: 1;
    display: flex;
    gap: var(--space-3);
    align-items: flex-start;
}

.document-icon[b-oj71w9od7t] {
    min-width: 3rem;
    height: 3rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 1rem;
    background: var(--gradient-primary);
    color: var(--text-inverse);
    font-size: var(--text-xs);
    font-weight: var(--font-extrabold);
    letter-spacing: 0.14em;
    line-height: 1;
    flex-shrink: 0;
}

.document-name-block[b-oj71w9od7t] {
    flex: 1;
}

.document-name[b-oj71w9od7t] {
    margin: 0;
    font-size: var(--text-base);
    font-weight: var(--font-semibold);
    color: var(--text-primary);
    word-break: break-word;
}

.document-type[b-oj71w9od7t] {
    margin: var(--space-1) 0 0 0;
    font-size: var(--text-sm);
    color: var(--text-tertiary);
}

.document-actions[b-oj71w9od7t] {
    display: flex;
    gap: var(--space-2);
}

.document-metadata[b-oj71w9od7t] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: var(--space-3);
    font-size: var(--text-sm);
    padding: var(--space-3) 0;
    border-top: 1px solid var(--border-light);
    border-bottom: 1px solid var(--border-light);
}

.metadata-item[b-oj71w9od7t] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.metadata-label[b-oj71w9od7t] {
    font-weight: var(--font-semibold);
    color: var(--text-secondary);
}

.metadata-value[b-oj71w9od7t] {
    color: var(--text-primary);
}

.document-footer[b-oj71w9od7t] {
    display: flex;
    gap: var(--space-2);
}

.doc-btn[b-oj71w9od7t] {
    flex: 1;
    min-height: 40px;
    padding: 0 var(--space-3);
    border: 1px solid var(--border-light);
    background: var(--bg-primary);
    border-radius: var(--radius-lg);
    cursor: pointer;
    font-size: var(--text-sm);
    font-weight: var(--font-semibold);
    transition: var(--transition-default);
}

.view-btn:hover[b-oj71w9od7t] {
    background: var(--bg-tertiary);
    border-color: var(--color-primary);
    color: var(--color-primary);
}

.download-btn:hover[b-oj71w9od7t] {
    background: var(--bg-tertiary);
    border-color: var(--color-success);
    color: var(--color-success);
}
/* /Components/EncounterCard.razor.rz.scp.css */
.encounter-card[b-vbyglun6g1] {
    background: var(--bg-primary);
    border: 1px solid var(--border-light);
    border-left: 4px solid var(--color-primary);
    border-radius: var(--radius-md);
    padding: var(--space-4);
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
    transition: var(--transition-fast);
}

.encounter-card.clickable[b-vbyglun6g1] {
    cursor: pointer;
}

.encounter-card.clickable:hover[b-vbyglun6g1] {
    box-shadow: var(--elevation-2);
    background: var(--bg-secondary);
}

.encounter-header[b-vbyglun6g1] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: var(--space-4);
}

.encounter-type-block[b-vbyglun6g1] {
    flex: 1;
    display: flex;
    align-items: center;
    gap: var(--space-3);
}

.encounter-icon[b-vbyglun6g1] {
    font-size: var(--text-2xl);
    line-height: 1;
}

.encounter-type[b-vbyglun6g1] {
    margin: 0;
    font-size: var(--text-base);
    font-weight: var(--font-semibold);
    color: var(--text-primary);
}

.status-badge[b-vbyglun6g1] {
    display: inline-block;
    padding: var(--space-1) var(--space-3);
    background: var(--color-secondary-light);
    color: var(--color-secondary-dark);
    border-radius: var(--radius-full);
    font-size: var(--text-xs);
    font-weight: var(--font-semibold);
}

.encounter-details[b-vbyglun6g1] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: var(--space-2);
    font-size: var(--text-sm);
}

.detail-row[b-vbyglun6g1] {
    display: flex;
    flex-direction: column;
    gap: var(--space-1);
}

.detail-label[b-vbyglun6g1] {
    font-weight: var(--font-semibold);
    color: var(--text-secondary);
    font-size: var(--text-xs);
}

.detail-value[b-vbyglun6g1] {
    color: var(--text-primary);
}

.encounter-notes[b-vbyglun6g1] {
    padding: var(--space-3);
    background: color-mix(in srgb, var(--surface-subtle) 92%, transparent);
    border-radius: var(--radius-sm);
    border-left: 2px solid var(--color-primary);
}

.notes-text[b-vbyglun6g1] {
    margin: 0;
    color: var(--text-primary);
    font-size: var(--text-sm);
    line-height: var(--line-height-normal);
}

.encounter-actions[b-vbyglun6g1] {
    display: flex;
    gap: var(--space-2);
    padding-top: var(--space-2);
    border-top: 1px solid var(--border-light);
}

.click-hint[b-vbyglun6g1] {
    text-align: right;
    font-size: var(--text-xs);
    color: var(--text-tertiary);
    margin-top: var(--space-1);
}
/* /Components/Inpatient/WardOccupancyCard.razor.rz.scp.css */
.ward-occupancy-card[b-9wczay5sdg] {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
    padding: var(--space-4);
    border: 1px solid var(--border-light);
    border-radius: var(--radius-xl);
    background: color-mix(in srgb, var(--surface-subtle) 90%, transparent);
    cursor: pointer;
    transition: var(--transition-default);
}

.ward-occupancy-card:hover[b-9wczay5sdg] {
    border-color: var(--border-medium);
    box-shadow: var(--elevation-2);
    transform: translateY(-1px);
}

.ward-occupancy-card.selected[b-9wczay5sdg] {
    border-color: color-mix(in srgb, var(--color-primary) 36%, transparent);
    background: color-mix(in srgb, var(--color-primary-lighter) 55%, var(--surface-subtle) 45%);
}

.woc-header[b-9wczay5sdg] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: var(--space-3);
}

.woc-name[b-9wczay5sdg] {
    font-size: var(--text-lg);
    font-weight: var(--font-bold);
    color: var(--text-primary);
}

.woc-rate[b-9wczay5sdg] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 32px;
    padding: 0 var(--space-3);
    border: 1px solid var(--border-light);
    border-radius: var(--radius-full);
    font-size: var(--text-sm);
    font-weight: var(--font-bold);
    background: var(--bg-primary);
}

.woc-stats[b-9wczay5sdg] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: var(--space-2);
}

.woc-stat[b-9wczay5sdg] {
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
    padding: var(--space-2);
    border: 1px solid var(--border-light);
    border-radius: var(--radius-md);
    background: var(--bg-primary);
}

.woc-stat-value[b-9wczay5sdg] {
    font-size: var(--text-lg);
    font-weight: var(--font-bold);
    color: var(--text-primary);
}

.woc-stat-label[b-9wczay5sdg] {
    font-size: var(--text-xs);
    color: var(--text-secondary);
}

.woc-actions[b-9wczay5sdg] {
    display: flex;
    justify-content: flex-end;
}

@media (max-width: 860px) {
    .woc-stats[b-9wczay5sdg] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
/* /Components/InvoiceCard.razor.rz.scp.css */
.invoice-card[b-edzdijiial] {
    background: var(--bg-primary);
    border: 1px solid var(--border-light);
    border-left: 4px solid var(--color-warning);
    border-radius: var(--radius-card);
    padding: 1.25rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    transition: var(--transition-default);
    cursor: pointer;
}

.invoice-card:hover[b-edzdijiial] {
    box-shadow: var(--elevation-2);
}

.invoice-card.paid[b-edzdijiial] {
    border-left-color: var(--color-success);
    opacity: 0.85;
}

.invoice-card.overdue[b-edzdijiial] {
    border-left-color: var(--color-error);
    background: var(--color-error-light);
}

.invoice-card.cancelled[b-edzdijiial] {
    border-left-color: var(--text-tertiary);
    opacity: 0.6;
}

.invoice-header[b-edzdijiial] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
}

.invoice-info[b-edzdijiial] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.invoice-number[b-edzdijiial] {
    margin: 0;
    font-size: var(--text-base);
    font-weight: var(--font-semibold);
    color: var(--text-primary);
    font-family: var(--font-mono);
}

.invoice-date[b-edzdijiial] {
    font-size: var(--text-sm);
    color: var(--text-tertiary);
}

.status-badge[b-edzdijiial] {
    display: inline-block;
    padding: 0.4rem 0.75rem;
    border-radius: var(--radius-full);
    font-size: var(--text-xs);
    font-weight: var(--font-semibold);
    white-space: nowrap;
}

.status-badge.pending[b-edzdijiial] {
    background: var(--color-warning-light);
    color: var(--color-warning-dark);
}

.status-badge.paid[b-edzdijiial] {
    background: var(--color-success-light);
    color: var(--color-success-dark);
}

.status-badge.overdue[b-edzdijiial] {
    background: var(--color-error-light);
    color: var(--color-error-dark);
}

.status-badge.cancelled[b-edzdijiial] {
    background: var(--bg-secondary);
    color: var(--text-secondary);
}

.invoice-body[b-edzdijiial] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    padding: 0.75rem 0;
    border-top: 1px solid var(--border-light);
    border-bottom: 1px solid var(--border-light);
}

.patient-info[b-edzdijiial],
.due-date[b-edzdijiial] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: var(--text-sm);
}

.amount-section[b-edzdijiial] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.amount-row[b-edzdijiial] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: var(--text-base);
}

.label[b-edzdijiial] {
    font-weight: var(--font-semibold);
    color: var(--text-secondary);
}

.value[b-edzdijiial] {
    color: var(--text-primary);
}

.amount[b-edzdijiial] {
    font-size: var(--text-xl);
    font-weight: var(--font-bold);
    color: var(--color-primary);
}

.paid[b-edzdijiial] {
    color: var(--color-success);
    font-weight: var(--font-semibold);
}

.balance[b-edzdijiial] {
    color: var(--color-warning);
    font-weight: var(--font-semibold);
}

.due-label[b-edzdijiial] {
    font-size: var(--text-sm);
    color: var(--text-tertiary);
    font-style: italic;
}

.invoice-footer[b-edzdijiial] {
    display: flex;
    gap: 0.5rem;
    padding-top: 0.5rem;
}
/* /Components/PatientNoteCard.razor.rz.scp.css */
.patient-note-card[b-tqpuf2xuuz] {
    background: var(--bg-primary);
    border: 1px solid var(--border-light);
    border-left: 4px solid var(--text-tertiary);
    border-radius: var(--radius-md);
    padding: 1rem;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.note-header[b-tqpuf2xuuz] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
}

.note-title-block[b-tqpuf2xuuz] {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.note-title[b-tqpuf2xuuz] {
    margin: 0;
    font-size: 1rem;
    font-weight: 600;
    color: var(--text-primary);
}

.note-type[b-tqpuf2xuuz] {
    display: inline-block;
    padding: 0.2rem 0.5rem;
    background: var(--bg-tertiary);
    color: var(--text-secondary);
    border-radius: var(--radius-sm);
    font-size: 0.75rem;
    font-weight: 500;
}

.note-meta[b-tqpuf2xuuz] {
    display: flex;
    gap: 1rem;
    font-size: 0.85rem;
    color: var(--text-tertiary);
}

.meta-item[b-tqpuf2xuuz] {
    display: inline-block;
}

.note-content[b-tqpuf2xuuz] {
    background: color-mix(in srgb, var(--surface-subtle) 92%, transparent);
    padding: 0.75rem;
    border-radius: var(--radius-sm);
    border-left: 2px solid var(--text-tertiary);
}

.note-content p[b-tqpuf2xuuz] {
    margin: 0;
    color: var(--text-primary);
    font-size: 0.9rem;
    line-height: 1.5;
    white-space: pre-wrap;
    word-wrap: break-word;
}

.note-footer[b-tqpuf2xuuz] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    padding-top: 0.5rem;
    border-top: 1px solid var(--border-light);
}

.expand-btn[b-tqpuf2xuuz] {
    background: none;
    border: none;
    color: var(--color-primary);
    cursor: pointer;
    font-weight: 500;
    font-size: 0.85rem;
    padding: 0;
    text-decoration: underline;
}

.expand-btn:hover[b-tqpuf2xuuz] {
    color: var(--color-primary-dark);
}

.note-actions[b-tqpuf2xuuz] {
    display: flex;
    gap: 0.5rem;
    margin-left: auto;
}
/* /Components/QueueBoard.razor.rz.scp.css */
.queue-board[b-y15ta3nyxp] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: var(--space-4);
    padding: var(--space-2) 0;
}

.board-column[b-y15ta3nyxp] {
    background: color-mix(in srgb, var(--surface-subtle) 92%, transparent);
    border: 1px solid var(--border-light);
    border-radius: var(--radius-xl);
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
    padding: var(--space-4);
    min-height: 420px;
}

.column-header[b-y15ta3nyxp] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: var(--space-3);
    border-bottom: 2px solid var(--color-primary);
}

.column-header h3[b-y15ta3nyxp] {
    margin: 0;
    font-size: var(--text-lg);
    font-weight: var(--font-semibold);
    color: var(--text-primary);
}

.column-header span[b-y15ta3nyxp] {
    font-size: var(--text-xs);
    color: var(--text-tertiary);
}

.cards-container[b-y15ta3nyxp] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
    overflow-y: auto;
    max-height: 520px;
}

.queue-board-item[b-y15ta3nyxp] {
    background: var(--bg-primary);
    border: 1px solid var(--border-light);
    border-left: 4px solid var(--color-primary);
    border-radius: var(--radius-md);
    padding: var(--space-3);
    cursor: grab;
    transition: var(--transition-fast);
    user-select: none;
}

.queue-board-item:hover[b-y15ta3nyxp] {
    box-shadow: var(--elevation-2);
}

.queue-board-item.dragging[b-y15ta3nyxp] {
    opacity: 0.5;
    cursor: grabbing;
}

.queue-board-item.in-service[b-y15ta3nyxp] {
    border-left-color: var(--color-primary);
    background: color-mix(in srgb, var(--color-secondary-light) 58%, var(--bg-primary) 42%);
}

.queue-board-item.completed[b-y15ta3nyxp] {
    border-left-color: var(--color-success);
    opacity: 0.7;
}

.item-header[b-y15ta3nyxp] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: var(--space-2);
}

.item-number[b-y15ta3nyxp] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    background: var(--color-primary);
    color: var(--text-inverse);
    border-radius: 50%;
    font-weight: var(--font-bold);
    font-size: var(--text-sm);
}

.priority[b-y15ta3nyxp] {
    font-size: var(--text-xs);
    padding: var(--space-1) var(--space-2);
    border-radius: 3px;
    font-weight: var(--font-semibold);
}

.priority.high[b-y15ta3nyxp] {
    background: var(--color-error-light);
    color: color-mix(in srgb, var(--color-error) 78%, var(--text-primary) 22%);
}

.priority.normal[b-y15ta3nyxp] {
    background: var(--color-success-light);
    color: color-mix(in srgb, var(--color-success) 78%, var(--text-primary) 22%);
}

.provider[b-y15ta3nyxp],
.checkmark[b-y15ta3nyxp] {
    font-size: var(--text-xs);
    color: var(--text-secondary);
    font-weight: var(--font-medium);
}

.checkmark[b-y15ta3nyxp] {
    color: var(--color-success);
    font-size: var(--text-xl);
}

.item-name[b-y15ta3nyxp] {
    margin: var(--space-1) 0;
    font-size: var(--text-base);
    font-weight: var(--font-semibold);
    color: var(--text-primary);
}

.item-time[b-y15ta3nyxp],
.item-duration[b-y15ta3nyxp] {
    display: block;
    font-size: var(--text-xs);
    color: var(--text-tertiary);
}

.empty-column[b-y15ta3nyxp] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
    color: var(--text-tertiary);
    text-align: center;
    padding: var(--space-8);
    font-style: italic;
}

.item-actions[b-y15ta3nyxp] {
    margin-top: var(--space-2);
    padding-top: var(--space-2);
    border-top: 1px solid var(--border-light);
}

.item-move-btn[b-y15ta3nyxp] {
    width: 100%;
    min-height: 34px;
    padding: 0 var(--space-2);
    font-size: var(--text-xs);
    font-weight: var(--font-semibold);
    background: none;
    border: 1px solid var(--color-primary);
    border-radius: var(--radius-sm);
    color: var(--color-primary);
    cursor: pointer;
    transition: var(--transition-fast);
}

@media (max-width: 720px) {
    .queue-board[b-y15ta3nyxp] {
        grid-template-columns: 1fr;
    }

    .board-column[b-y15ta3nyxp] {
        min-height: 0;
    }

    .cards-container[b-y15ta3nyxp] {
        max-height: none;
        overflow: visible;
    }
}

.item-move-btn:hover[b-y15ta3nyxp],
.item-move-btn:focus-visible[b-y15ta3nyxp] {
    background: var(--color-primary);
    color: var(--text-inverse);
    outline: none;
}

.item-move-btn:focus-visible[b-y15ta3nyxp] {
    outline: 2px solid var(--color-primary-dark);
    outline-offset: 2px;
}
/* /Components/QueueCard.razor.rz.scp.css */
.queue-card[b-nwz7f7w01m] {
    background: var(--bg-primary);
    border: 1px solid var(--border-light);
    border-left: 4px solid var(--color-primary);
    border-radius: var(--radius-md);
    padding: var(--space-4);
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
    cursor: grab;
    transition: var(--transition-fast);
}

.queue-card:hover[b-nwz7f7w01m] {
    box-shadow: var(--elevation-2);
}

.queue-card.dragging[b-nwz7f7w01m] {
    opacity: 0.5;
    cursor: grabbing;
}

.queue-card.in-service[b-nwz7f7w01m] {
    border-left-color: var(--color-primary);
    background: color-mix(in srgb, var(--color-secondary-light) 58%, var(--bg-primary) 42%);
}

.queue-card.completed[b-nwz7f7w01m] {
    border-left-color: var(--color-success);
    opacity: 0.7;
}

.queue-card.no-show[b-nwz7f7w01m] {
    border-left-color: var(--color-error);
    background: color-mix(in srgb, var(--color-error-light) 54%, var(--bg-primary) 46%);
}

.queue-card-header[b-nwz7f7w01m] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: var(--space-4);
}

.queue-entry-info[b-nwz7f7w01m] {
    flex: 1;
    display: flex;
    align-items: center;
    gap: var(--space-3);
    flex-wrap: wrap;
}

.entry-number[b-nwz7f7w01m] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    background: var(--color-primary);
    color: var(--text-inverse);
    border-radius: 50%;
    font-weight: var(--font-bold);
    font-size: var(--text-lg);
    flex-shrink: 0;
}

.patient-name[b-nwz7f7w01m] {
    margin: 0;
    font-size: var(--text-base);
    font-weight: var(--font-semibold);
    color: var(--text-primary);
}

.priority-badge[b-nwz7f7w01m] {
    display: inline-block;
    padding: var(--space-1) var(--space-3);
    border-radius: var(--radius-full);
    font-size: var(--text-xs);
    font-weight: var(--font-semibold);
}

.priority-badge.high[b-nwz7f7w01m] {
    background: var(--color-error-light);
    color: color-mix(in srgb, var(--color-error) 78%, var(--text-primary) 22%);
}

.priority-badge.normal[b-nwz7f7w01m] {
    background: var(--color-success-light);
    color: color-mix(in srgb, var(--color-success) 78%, var(--text-primary) 22%);
}

.priority-badge.low[b-nwz7f7w01m] {
    background: var(--color-info-light);
    color: color-mix(in srgb, var(--color-info) 76%, var(--text-primary) 24%);
}

.queue-actions[b-nwz7f7w01m] {
    display: flex;
    gap: var(--space-2);
}

.queue-card-body[b-nwz7f7w01m] {
    padding-top: var(--space-3);
    border-top: 1px solid var(--border-light);
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
    font-size: var(--text-sm);
}

.detail-row[b-nwz7f7w01m] {
    display: flex;
    justify-content: space-between;
    gap: var(--space-4);
}

.detail-label[b-nwz7f7w01m] {
    font-weight: var(--font-semibold);
    color: var(--text-secondary);
    min-width: 70px;
}

.detail-value[b-nwz7f7w01m] {
    color: var(--text-primary);
    flex: 1;
}

.status-badge[b-nwz7f7w01m] {
    display: inline-block;
    padding: var(--space-1) var(--space-3);
    border-radius: var(--radius-sm);
    font-size: var(--text-xs);
    font-weight: var(--font-semibold);
}

.status-badge.waiting[b-nwz7f7w01m] {
    background: var(--color-warning-light);
    color: color-mix(in srgb, var(--color-warning) 80%, var(--text-primary) 20%);
}

.status-badge.in-service[b-nwz7f7w01m] {
    background: var(--color-success-light);
    color: color-mix(in srgb, var(--color-success) 78%, var(--text-primary) 22%);
}

.status-badge.completed[b-nwz7f7w01m] {
    background: var(--color-success-light);
    color: color-mix(in srgb, var(--color-success) 78%, var(--text-primary) 22%);
}

.status-badge.no-show[b-nwz7f7w01m] {
    background: var(--color-error-light);
    color: color-mix(in srgb, var(--color-error) 78%, var(--text-primary) 22%);
}
/* /Components/QueueStatus.razor.rz.scp.css */
.queue-status-container[b-6jug03ud56] {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
    padding: var(--space-5);
    background: color-mix(in srgb, var(--surface-strong) 95%, transparent);
    border: 1px solid var(--border-light);
    border-radius: var(--radius-card);
    box-shadow: var(--elevation-1);
}

.status-header[b-6jug03ud56] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: var(--space-3);
}

.status-header h3[b-6jug03ud56] {
    margin: 0;
    color: var(--text-primary);
    font-size: var(--text-xl);
}

.queue-location[b-6jug03ud56] {
    display: inline-flex;
    margin-top: var(--space-1);
    color: var(--text-secondary);
    font-size: var(--text-xs);
}

.last-updated[b-6jug03ud56] {
    color: var(--text-tertiary);
    font-size: var(--text-xs);
}

.metrics-grid[b-6jug03ud56] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
    gap: var(--space-2);
}

.metric-card[b-6jug03ud56] {
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
    padding: var(--space-4);
    background: color-mix(in srgb, var(--surface-subtle) 88%, transparent);
    border: 1px solid var(--border-light);
    border-radius: var(--radius-md);
    text-align: center;
}

.metric-label[b-6jug03ud56] {
    color: var(--text-secondary);
    font-size: var(--text-sm);
    font-weight: var(--font-medium);
}

.metric-value[b-6jug03ud56] {
    color: var(--color-primary);
    font-size: 1.75rem;
    font-weight: var(--font-extrabold);
}

.metric-value.large[b-6jug03ud56] {
    font-size: 2.5rem;
}

.metric-detail[b-6jug03ud56] {
    color: var(--text-tertiary);
    font-size: var(--text-xs);
}

.status-messages[b-6jug03ud56] {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
}

.message-item[b-6jug03ud56] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    padding: var(--space-3);
    background: color-mix(in srgb, var(--color-primary-lighter) 80%, white);
    border-left: 3px solid var(--color-primary);
    border-radius: var(--radius-lg);
    color: var(--color-primary-dark);
    font-size: var(--text-sm);
}

.message-item.alert[b-6jug03ud56] {
    background: color-mix(in srgb, var(--color-warning-light) 80%, white);
    border-left-color: var(--color-warning);
    color: #92400e;
}

.message-item.error[b-6jug03ud56] {
    background: color-mix(in srgb, var(--color-error-light) 85%, white);
    border-left-color: var(--color-error);
    color: #7f1d1d;
}

.message-item .icon[b-6jug03ud56] {
    font-weight: var(--font-extrabold);
}

.queue-action[b-6jug03ud56] {
    align-self: flex-start;
}

@media (max-width: 720px) {
    .queue-status-container[b-6jug03ud56] {
        padding: var(--space-4);
    }
}
/* /Components/Reports/ComplianceReportPanel.razor.rz.scp.css */
.report-panel[b-mwdtqekpmx] {
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
}

.report-panel__header[b-mwdtqekpmx] {
    display: flex;
    justify-content: space-between;
    align-items: start;
    gap: var(--space-3);
}

.report-panel__header h2[b-mwdtqekpmx],
.report-chart-card__header h3[b-mwdtqekpmx] {
    margin: 0;
    font-size: var(--text-lg);
    color: var(--text-primary);
}

.report-panel__header p[b-mwdtqekpmx] {
    margin: var(--space-1) 0 0 0;
    color: var(--text-secondary);
}

.report-panel__loading[b-mwdtqekpmx],
.report-panel__error[b-mwdtqekpmx],
.report-panel__empty[b-mwdtqekpmx] {
    padding: var(--space-4);
    border-radius: var(--radius-md);
    border: 1px solid var(--border-light);
    background: var(--surface-strong);
    color: var(--text-secondary);
}

.report-panel__error[b-mwdtqekpmx] {
    color: var(--color-error);
    border-color: color-mix(in srgb, var(--color-error) 35%, var(--border-light));
}

.report-metric-grid[b-mwdtqekpmx] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: var(--space-3);
}

.report-chart-grid[b-mwdtqekpmx] {
    display: grid;
    grid-template-columns: 1.7fr 1fr;
    gap: var(--space-3);
}

.report-chart-card[b-mwdtqekpmx],
.report-table-card[b-mwdtqekpmx] {
    padding: var(--space-3);
    border: 1px solid var(--border-light);
    border-radius: var(--radius-md);
    background: linear-gradient(180deg,
        color-mix(in srgb, var(--surface-raised) 98%, transparent),
        color-mix(in srgb, var(--surface-strong) 94%, transparent));
}

.report-chart-card__header[b-mwdtqekpmx] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: var(--space-2);
    margin-bottom: var(--space-3);
}

.report-chart-card__header span[b-mwdtqekpmx] {
    color: var(--text-secondary);
    font-size: var(--text-sm);
}

.compliance-tabs[b-mwdtqekpmx] {
    display: flex;
    gap: var(--space-2);
    flex-wrap: wrap;
}

.table-sort[b-mwdtqekpmx] {
    border: 0;
    background: transparent;
    padding: 0;
    font: inherit;
    color: inherit;
}

@media (max-width: 980px) {
    .report-chart-grid[b-mwdtqekpmx] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Reports/FinancialReportPanel.razor.rz.scp.css */
.report-panel[b-dljbfvqlrx] {
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
}

.report-panel__header[b-dljbfvqlrx] {
    display: flex;
    justify-content: space-between;
    align-items: start;
    gap: var(--space-3);
}

.report-panel__header h2[b-dljbfvqlrx],
.report-chart-card__header h3[b-dljbfvqlrx] {
    margin: 0;
    font-size: var(--text-lg);
    color: var(--text-primary);
}

.report-panel__header p[b-dljbfvqlrx] {
    margin: var(--space-1) 0 0 0;
    color: var(--text-secondary);
}

.report-panel__loading[b-dljbfvqlrx],
.report-panel__error[b-dljbfvqlrx],
.report-panel__empty[b-dljbfvqlrx] {
    padding: var(--space-4);
    border-radius: var(--radius-md);
    border: 1px solid var(--border-light);
    background: var(--surface-strong);
    color: var(--text-secondary);
}

.report-panel__error[b-dljbfvqlrx] {
    color: var(--color-error);
    border-color: color-mix(in srgb, var(--color-error) 35%, var(--border-light));
}

.report-metric-grid[b-dljbfvqlrx] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: var(--space-3);
}

.report-chart-grid[b-dljbfvqlrx] {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: var(--space-3);
}

.report-chart-card[b-dljbfvqlrx],
.report-table-card[b-dljbfvqlrx] {
    padding: var(--space-3);
    border: 1px solid var(--border-light);
    border-radius: var(--radius-md);
    background: linear-gradient(180deg,
        color-mix(in srgb, var(--surface-raised) 98%, transparent),
        color-mix(in srgb, var(--surface-strong) 94%, transparent));
}

.report-chart-card--wide[b-dljbfvqlrx] {
    min-width: 0;
}

.report-chart-card__header[b-dljbfvqlrx] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: var(--space-2);
    margin-bottom: var(--space-3);
}

.report-chart-card__header span[b-dljbfvqlrx] {
    color: var(--text-secondary);
    font-size: var(--text-sm);
}

@media (max-width: 980px) {
    .report-chart-grid[b-dljbfvqlrx] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Reports/ReportMetricCard.razor.rz.scp.css */
.report-metric-card[b-xdc4bmb80f] {
    display: flex;
    flex-direction: column;
    gap: var(--space-1);
    min-height: 120px;
    padding: var(--space-3);
    background: linear-gradient(180deg,
        color-mix(in srgb, var(--surface-strong) 98%, transparent),
        color-mix(in srgb, var(--surface-raised) 94%, transparent));
    border: 1px solid var(--border-light);
    border-radius: var(--radius-md);
    box-shadow: 0 14px 36px color-mix(in srgb, var(--text-primary) 6%, transparent);
}

.report-metric-card__label[b-xdc4bmb80f] {
    font-size: var(--text-xs);
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--text-tertiary);
}

.report-metric-card__value[b-xdc4bmb80f] {
    font-size: clamp(1.4rem, 2vw, 2rem);
    color: var(--text-primary);
}

.report-metric-card__helper[b-xdc4bmb80f] {
    color: var(--text-secondary);
}

.report-metric-card.is-success[b-xdc4bmb80f] {
    border-color: color-mix(in srgb, var(--color-success) 35%, var(--border-light));
}

.report-metric-card.is-warning[b-xdc4bmb80f] {
    border-color: color-mix(in srgb, #d97706 42%, var(--border-light));
}

.report-metric-card.is-danger[b-xdc4bmb80f] {
    border-color: color-mix(in srgb, var(--color-error) 38%, var(--border-light));
}
/* /Components/Settings/AppearanceSettings.razor.rz.scp.css */
.settings-section[b-nu58f7oeaa] {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
}

.settings-section h2[b-nu58f7oeaa] {
    margin: 0;
}

.placeholder[b-nu58f7oeaa] {
    color: var(--text-tertiary);
}

.language-setting[b-nu58f7oeaa] {
    border: 1px solid var(--border-light);
    border-radius: var(--radius-sm);
    padding: var(--space-3);
}

.language-setting h4[b-nu58f7oeaa] {
    margin: 0;
}

.language-setting p[b-nu58f7oeaa] {
    margin: var(--space-1) 0 var(--space-2);
    color: var(--text-secondary);
}

.language-setting__actions[b-nu58f7oeaa] {
    display: flex;
    gap: var(--space-2);
    flex-wrap: wrap;
}
/* /Components/Settings/GeneralSettings.razor.rz.scp.css */
.settings-section[b-5fhpdfmzgy] {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
}

.settings-section h2[b-5fhpdfmzgy] {
    margin: 0;
    font-size: var(--text-lg);
    font-weight: var(--font-bold);
}

.setting-group[b-5fhpdfmzgy] {
    display: flex;
    flex-direction: column;
    gap: var(--space-1);
}

.setting-group label[b-5fhpdfmzgy] {
    font-weight: var(--font-medium);
    color: var(--text-primary);
}

.form-input[b-5fhpdfmzgy] {
    min-height: var(--input-height-md);
    padding: var(--padding-md);
    border: 1px solid var(--border-medium);
    border-radius: var(--radius-md);
    background: linear-gradient(180deg, color-mix(in srgb, var(--surface-strong) 94%, transparent), color-mix(in srgb, var(--bg-primary) 96%, transparent));
    font-family: inherit;
    font-size: var(--text-base);
    color: var(--text-primary);
    box-shadow: inset 0 1px 0 color-mix(in srgb, var(--surface-strong) 72%, transparent);
    transition: border-color var(--transition-fast), box-shadow var(--transition-fast), background-color var(--transition-fast);
}

.form-input[b-5fhpdfmzgy]::placeholder {
    color: var(--text-tertiary);
}

.form-input:hover[b-5fhpdfmzgy] {
    border-color: color-mix(in srgb, var(--color-primary) 18%, var(--border-medium));
}

.form-input:focus[b-5fhpdfmzgy] {
    outline: none;
    border-color: var(--color-primary);
    box-shadow: var(--focus-ring);
}

.checkbox-label[b-5fhpdfmzgy] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    cursor: pointer;
}

.checkbox-label input[b-5fhpdfmzgy] {
    cursor: pointer;
}

.btn[b-5fhpdfmzgy] {
    padding: var(--space-2) var(--space-4);
    font-size: var(--text-sm);
    font-weight: var(--font-medium);
    border: none;
    border-radius: var(--radius-sm);
    cursor: pointer;
    background: var(--color-primary);
    color: var(--text-inverse);
}
/* /Components/Settings/IntegrationSettings.razor.rz.scp.css */
.settings-section[b-uugryuajtu] {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
}

.settings-section h2[b-uugryuajtu] {
    margin: 0;
}

.placeholder[b-uugryuajtu] {
    color: var(--text-tertiary);
}
/* /Components/Settings/NotificationSettings.razor.rz.scp.css */
.settings-section[b-duvx9yo8bt] {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
}

.settings-section h2[b-duvx9yo8bt] {
    margin: 0;
}

.placeholder[b-duvx9yo8bt] {
    color: var(--text-tertiary);
}
/* /Components/Settings/PrivacySettings.razor.rz.scp.css */
.settings-section[b-hew5vemv5g] {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
}

.settings-section h2[b-hew5vemv5g] {
    margin: 0;
}

.placeholder[b-hew5vemv5g] {
    color: var(--text-tertiary);
}
/* /Components/Settings/SecuritySettings.razor.rz.scp.css */
.settings-section[b-07e27ied4f] {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
}

.settings-section h2[b-07e27ied4f] {
    margin: 0;
}

.placeholder[b-07e27ied4f] {
    color: var(--text-tertiary);
}
/* /Components/Triage/TriageChiefComplaintPanel.razor.rz.scp.css */
.chief-complaint-panel[b-ew2l7ce97t] {
    min-width: 0;
}

.chief-complaint-panel[b-ew2l7ce97t] (textarea.form-control) {
    min-height: 112px;
    resize: vertical;
}
/* /Components/Triage/TriagePriorityPanel.razor.rz.scp.css */
.priority-panel[b-oojpkwja9x] {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
}

.priority-grid[b-oojpkwja9x] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--space-2);
}

.priority-btn[b-oojpkwja9x] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.15rem;
    padding: var(--space-3);
    border: 1px solid var(--border-light);
    border-radius: var(--radius-md);
    background: var(--bg-primary);
    color: var(--text-primary);
    text-align: left;
    cursor: pointer;
    transition: var(--transition-default);
}

.priority-btn:hover[b-oojpkwja9x] {
    border-color: var(--border-medium);
    transform: translateY(-1px);
}

.priority-btn.selected[b-oojpkwja9x] {
    border-color: color-mix(in srgb, var(--color-primary) 40%, transparent);
    background: color-mix(in srgb, var(--color-primary-lighter) 55%, var(--bg-primary) 45%);
    box-shadow: var(--elevation-1);
}

.priority-label[b-oojpkwja9x] {
    font-weight: var(--font-bold);
}

.priority-weight[b-oojpkwja9x] {
    font-size: var(--text-xs);
    color: var(--text-tertiary);
}

.priority-desc[b-oojpkwja9x] {
    font-size: var(--text-sm);
    color: var(--text-secondary);
}

@media (max-width: 720px) {
    .priority-grid[b-oojpkwja9x] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Triage/TriageVitalsForm.razor.rz.scp.css */
.vitals-form[b-gvyjghqnt4] {
    min-width: 0;
}

.vitals-form[b-gvyjghqnt4] (.row) {
    row-gap: var(--space-3);
}

.vitals-form[b-gvyjghqnt4] (.form-text.text-danger) {
    margin-top: var(--space-1);
    font-size: var(--text-xs);
    font-weight: var(--font-semibold);
}
/* /Components/UserManagementTable.razor.rz.scp.css */
.user-management-container[b-16ekkjjtex] {
    overflow: hidden;
}

.table-header[b-16ekkjjtex] {
    padding: var(--space-5);
    border-bottom: 1px solid var(--border-light);
}

.search-box[b-16ekkjjtex] {
    width: 100%;
    max-width: 320px;
}

.users-table[b-16ekkjjtex] {
    width: 100%;
    border-collapse: collapse;
    font-size: var(--text-sm);
}

.users-table thead[b-16ekkjjtex] {
    background: color-mix(in srgb, var(--surface-subtle) 92%, transparent);
    border-bottom: 1px solid var(--border-light);
}

.users-table th[b-16ekkjjtex] {
    padding: var(--space-4);
    text-align: left;
    font-weight: var(--font-semibold);
    color: var(--text-secondary);
}

.users-table tbody tr[b-16ekkjjtex] {
    border-bottom: 1px solid var(--border-light);
    transition: var(--transition-default);
}

.users-table tbody tr:hover[b-16ekkjjtex] {
    background: color-mix(in srgb, var(--surface-subtle) 86%, transparent);
}

.users-table tbody tr.inactive[b-16ekkjjtex] {
    opacity: 0.7;
}

.users-table td[b-16ekkjjtex] {
    padding: var(--space-4);
    vertical-align: middle;
}

.username[b-16ekkjjtex] {
    font-weight: var(--font-semibold);
    color: var(--text-primary);
    font-family: var(--font-mono);
}

.status-badge[b-16ekkjjtex] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.3rem 0.7rem;
    border-radius: var(--radius-full);
    font-size: var(--text-xs);
    font-weight: var(--font-semibold);
    white-space: nowrap;
}

.status-badge.active[b-16ekkjjtex] {
    background: color-mix(in srgb, var(--color-success) 14%, transparent);
    color: color-mix(in srgb, var(--color-success) 78%, var(--text-primary) 22%);
}

.status-badge.inactive[b-16ekkjjtex] {
    background: color-mix(in srgb, var(--text-tertiary) 18%, transparent);
    color: var(--text-secondary);
}

.actions-cell[b-16ekkjjtex] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-2);
}

.btn-icon[b-16ekkjjtex] {
    min-height: 34px;
    padding: 0 var(--space-3);
    border: 1px solid var(--border-light);
    border-radius: var(--radius-md);
    background: var(--surface-elevated);
    color: var(--text-secondary);
    font-size: var(--text-xs);
    font-weight: var(--font-semibold);
    cursor: pointer;
    transition: var(--transition-default);
}

.btn-icon:hover[b-16ekkjjtex] {
    transform: translateY(-1px);
    box-shadow: var(--shadow-sm);
}

.btn-icon.deactivate[b-16ekkjjtex] {
    color: var(--color-warning-dark);
}

.btn-icon.activate[b-16ekkjjtex] {
    color: var(--color-success-dark);
}

.btn-icon.delete[b-16ekkjjtex] {
    color: var(--color-error-dark);
}

.empty-state-cell[b-16ekkjjtex] {
    padding: var(--space-8);
    text-align: center;
    color: var(--text-tertiary);
}
/* /Components/VitalSignCard.razor.rz.scp.css */
.vital-sign-card[b-77omd8m1ik] {
    background: var(--bg-primary);
    border: 1px solid var(--border-light);
    border-radius: var(--radius-card);
    padding: 1rem;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    transition: var(--transition-default);
}

.vital-sign-card:hover[b-77omd8m1ik] {
    box-shadow: var(--elevation-1);
}

.vital-sign-card.abnormal[b-77omd8m1ik] {
    border-color: var(--color-error);
    background: var(--color-error-light);
}

.vital-header[b-77omd8m1ik] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 0.5rem;
}

.vital-name[b-77omd8m1ik] {
    margin: 0;
    font-size: var(--text-base);
    font-weight: var(--font-semibold);
    color: var(--text-primary);
}

.vital-unit[b-77omd8m1ik] {
    font-size: var(--text-xs);
    color: var(--text-tertiary);
}

.vital-body[b-77omd8m1ik] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.vital-value[b-77omd8m1ik] {
    font-size: 1.75rem;
    font-weight: var(--font-bold);
    color: var(--color-primary);
}

.vital-sign-card.abnormal .vital-value[b-77omd8m1ik] {
    color: var(--color-error);
}

.vital-reference[b-77omd8m1ik] {
    font-size: var(--text-xs);
    color: var(--text-tertiary);
}

.vital-date[b-77omd8m1ik] {
    font-size: var(--text-xs);
    color: var(--text-tertiary);
    opacity: 0.7;
}

.abnormal-indicator[b-77omd8m1ik] {
    margin-top: 0.5rem;
}

.vital-abnormal-badge[b-77omd8m1ik] {
    display: inline-block;
    padding: 0.25rem 0.5rem;
    background: var(--color-error);
    color: var(--text-inverse);
    border-radius: var(--radius-sm);
    font-size: var(--text-xs);
    font-weight: var(--font-semibold);
}
/* /Components/WardOverview.razor.rz.scp.css */
.ward-overview[b-yf3dqb51vl] {
    background: var(--bg-primary);
    border-radius: var(--radius-md);
    padding: var(--space-5);
    box-shadow: var(--elevation-1);
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
}

.ward-header[b-yf3dqb51vl] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: var(--space-3);
    border-bottom: 2px solid var(--border-light);
}

.ward-header h3[b-yf3dqb51vl] {
    margin: 0;
    font-size: var(--text-lg);
    font-weight: var(--font-semibold);
    color: var(--text-primary);
}

.ward-capacity[b-yf3dqb51vl] {
    font-size: var(--text-sm);
    color: var(--text-secondary);
    font-weight: var(--font-medium);
}

.stats-row[b-yf3dqb51vl] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
    gap: var(--space-3);
}

.stat-item[b-yf3dqb51vl] {
    background: color-mix(in srgb, var(--surface-subtle) 92%, transparent);
    border: 1px solid var(--border-light);
    border-radius: var(--radius-md);
    padding: var(--space-3);
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: var(--space-1);
}

.stat-label[b-yf3dqb51vl] {
    font-size: var(--text-xs);
    color: var(--text-secondary);
    font-weight: var(--font-medium);
}

.stat-value[b-yf3dqb51vl] {
    font-size: var(--text-2xl);
    font-weight: var(--font-bold);
    color: var(--color-secondary-dark);
}

.stat-value.available[b-yf3dqb51vl] {
    color: var(--color-success);
}

.stat-value.occupied[b-yf3dqb51vl] {
    color: var(--color-secondary-dark);
}

.stat-value.maintenance[b-yf3dqb51vl] {
    color: var(--color-warning);
}

.alerts-section[b-yf3dqb51vl] {
    padding: var(--space-3);
    background: color-mix(in srgb, var(--color-error-light) 54%, var(--bg-primary) 46%);
    border: 1px solid color-mix(in srgb, var(--color-error) 24%, transparent);
    border-radius: var(--radius-md);
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
}

.alerts-section h4[b-yf3dqb51vl] {
    margin: 0 0 var(--space-2) 0;
    font-size: var(--text-sm);
    font-weight: var(--font-semibold);
    color: color-mix(in srgb, var(--color-error) 78%, var(--text-primary) 22%);
}

.alert-item[b-yf3dqb51vl] {
    display: flex;
    align-items: flex-start;
    gap: var(--space-2);
    font-size: var(--text-sm);
    color: color-mix(in srgb, var(--color-error) 78%, var(--text-primary) 22%);
}

.alert-icon[b-yf3dqb51vl] {
    font-size: var(--text-base);
    flex-shrink: 0;
}

.ward-actions[b-yf3dqb51vl] {
    display: flex;
    gap: var(--space-2);
    padding-top: var(--space-2);
}
/* /Layout/MainLayout.razor.rz.scp.css */
.his-shell[b-9zfuy4egf6] {
  display: flex;
  block-size: 100vh;
  overflow: hidden;
  background: var(--bg-canvas);
  color: var(--text-primary);
}

.his-main[b-9zfuy4egf6] {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-inline-size: 0;
  overflow: hidden;
}

.his-content[b-9zfuy4egf6] {
  flex: 1;
  overflow-y: auto;
  padding: var(--sp-6);
}

.his-sidebar[b-9zfuy4egf6] {
  inline-size: var(--sidebar-w);
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  background: var(--bg-sidebar);
  transition: inline-size .22s cubic-bezier(.4, 0, .2, 1);
  z-index: var(--z-sticky);
}

.his-sidebar.collapsed[b-9zfuy4egf6] {
  inline-size: var(--sidebar-rail-w);
}

.sidebar-brand[b-9zfuy4egf6] {
  block-size: var(--topbar-h);
  display: flex;
  align-items: center;
  gap: var(--sp-3);
  padding-inline: var(--sp-4);
  border-block-end: 1px solid color-mix(in srgb, var(--text-on-brand) 10%, transparent);
  color: var(--text-on-brand);
  text-decoration: none;
  flex-shrink: 0;
}

.brand-mark[b-9zfuy4egf6] {
  inline-size: var(--sp-8);
  block-size: var(--sp-8);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--r-md);
  background: var(--gradient-primary);
  box-shadow: 0 4px 12px -2px rgba(15, 118, 110, 0.30);
  flex-shrink: 0;
}

.brand-mark[b-9zfuy4egf6]  svg {
  inline-size: var(--sp-4);
  block-size: var(--sp-4);
}

.brand-text[b-9zfuy4egf6] {
  display: inline-flex;
  align-items: baseline;
  gap: var(--sp-2);
  min-inline-size: 0;
  white-space: nowrap;
}

.brand-name[b-9zfuy4egf6] {
  color: var(--text-on-brand);
  font-size: var(--text-base);
  font-weight: var(--font-extrabold);
  line-height: var(--lh-base);
  letter-spacing: var(--letter-spacing-tight, 0);
}

.brand-version[b-9zfuy4egf6] {
  color: color-mix(in srgb, var(--text-on-brand) 78%, transparent);
  background: color-mix(in srgb, var(--text-on-brand) 10%, transparent);
  border: 1px solid color-mix(in srgb, var(--text-on-brand) 14%, transparent);
  border-radius: var(--r-pill);
  padding-block: 0;
  padding-inline: var(--sp-1);
  font-size: var(--text-xs);
  font-weight: var(--font-semibold);
  line-height: var(--lh-xs);
  letter-spacing: var(--letter-spacing-normal, 0);
}

.brand-sub[b-9zfuy4egf6] {
  color: color-mix(in srgb, var(--text-on-brand) 42%, transparent);
  font-size: var(--text-xs);
  font-weight: var(--font-semibold);
  letter-spacing: .1em;
  text-transform: uppercase;
}

.his-sidebar.collapsed .brand-text[b-9zfuy4egf6],
.his-sidebar.collapsed .nav-group-label[b-9zfuy4egf6],
.his-sidebar.collapsed .nav-text[b-9zfuy4egf6],
.his-sidebar.collapsed[b-9zfuy4egf6]  .nav-text {
  display: none;
}

.his-sidebar.collapsed .brand-logo[b-9zfuy4egf6] {
  block-size: 2rem;
  inline-size: 2rem;
}

.his-sidebar.collapsed .sidebar-brand[b-9zfuy4egf6] {
  justify-content: center;
  padding-inline: 0;
}

.his-sidebar.collapsed .nav-item[b-9zfuy4egf6],
.his-sidebar.collapsed[b-9zfuy4egf6]  .nav-item {
  justify-content: center;
  inline-size: calc(var(--sidebar-rail-w) - var(--sp-4));
  margin-inline: auto;
}

.sidebar-scroll[b-9zfuy4egf6] {
  flex: 1;
  overflow-y: auto;
  padding-block: var(--sp-2);
}

.nav-group-label[b-9zfuy4egf6] {
  padding: var(--sp-3) var(--sp-4) var(--sp-1);
  color: color-mix(in srgb, var(--text-on-brand) 32%, transparent);
  font-size: var(--text-xs);
  font-weight: var(--font-extrabold);
  letter-spacing: .09em;
  text-transform: uppercase;
  white-space: nowrap;
}

.nav-item[b-9zfuy4egf6],
.his-sidebar[b-9zfuy4egf6]  .nav-item {
  display: flex;
  align-items: center;
  gap: var(--sp-3);
  inline-size: calc(100% - var(--sp-4));
  min-block-size: var(--sp-10);
  margin: var(--sp-1) var(--sp-2);
  padding: var(--sp-2) var(--sp-3);
  border: none;
  border-radius: var(--r-md);
  background: transparent;
  color: color-mix(in srgb, var(--text-on-brand) 62%, transparent);
  cursor: pointer;
  font-family: var(--font-ui, inherit);
  font-size: var(--text-sm);
  text-align: start;
  text-decoration: none;
  white-space: nowrap;
  transition: background .13s, color .13s;
}

.nav-item:hover[b-9zfuy4egf6],
.his-sidebar[b-9zfuy4egf6]  .nav-item:hover {
  background: color-mix(in srgb, var(--text-on-brand) 8%, transparent);
  color: color-mix(in srgb, var(--text-on-brand) 90%, transparent);
}

.nav-item.active[b-9zfuy4egf6],
.his-sidebar[b-9zfuy4egf6]  .nav-item.active {
  background: color-mix(in srgb, var(--his-500) 18%, transparent);
  color: var(--his-200);
  font-weight: var(--font-semibold);
}

[data-theme="dark"] .nav-item.active[b-9zfuy4egf6],
[data-theme="dark"] .his-sidebar[b-9zfuy4egf6]  .nav-item.active {
  background: color-mix(in srgb, var(--his-400) 15%, transparent);
  color: var(--his-300);
}

.nav-icon[b-9zfuy4egf6] {
  inline-size: var(--sp-8);
  block-size: calc(var(--sp-8) - var(--sp-1));
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--r-sm);
  flex-shrink: 0;
}

.nav-icon[b-9zfuy4egf6]  svg {
  inline-size: var(--sp-4);
  block-size: var(--sp-4);
}

.nav-item.active .nav-icon[b-9zfuy4egf6],
.his-sidebar[b-9zfuy4egf6]  .nav-item.active .nav-icon {
  background: color-mix(in srgb, var(--his-300) 14%, transparent);
}

.nav-text[b-9zfuy4egf6] {
  min-inline-size: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

.sidebar-footer[b-9zfuy4egf6] {
  padding: var(--sp-2);
  border-block-start: 1px solid color-mix(in srgb, var(--text-on-brand) 10%, transparent);
}

.sidebar-collapse-btn[b-9zfuy4egf6] {
  inline-size: calc(100% - var(--sp-4));
}

.his-topbar[b-9zfuy4egf6] {
  block-size: var(--topbar-h);
  display: flex;
  align-items: center;
  gap: var(--sp-3);
  padding-inline: var(--sp-5);
  border-block-end: 1px solid var(--border);
  background: var(--bg-topbar);
  box-shadow: var(--sh-xs);
  flex-shrink: 0;
}

.topbar-icon-btn[b-9zfuy4egf6] {
  inline-size: var(--sp-8);
  block-size: var(--sp-8);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: none;
  border-radius: var(--r-md);
  background: transparent;
  color: var(--text-secondary);
  cursor: pointer;
  position: relative;
  flex-shrink: 0;
}

.topbar-icon-btn:hover[b-9zfuy4egf6],
.topbar-icon-btn:focus-visible[b-9zfuy4egf6] {
  background: var(--bg-canvas);
  outline: none;
}

.topbar-icon-btn[b-9zfuy4egf6]  svg {
  inline-size: var(--sp-5);
  block-size: var(--sp-5);
}

.breadcrumb[b-9zfuy4egf6] {
  flex: 1;
  min-inline-size: 0;
  display: flex;
  align-items: center;
  gap: var(--sp-2);
  color: var(--text-muted);
  font-size: var(--text-sm);
  overflow: hidden;
}

.breadcrumb a[b-9zfuy4egf6],
.breadcrumb span[b-9zfuy4egf6] {
  white-space: nowrap;
}

.breadcrumb a[b-9zfuy4egf6]::after,
.breadcrumb span:not(:last-child)[b-9zfuy4egf6]::after {
  content: ">";
  margin-inline-start: var(--sp-2);
  color: var(--text-placeholder);
}

.breadcrumb .crumb-active[b-9zfuy4egf6] {
  color: var(--text-primary);
  font-weight: var(--font-semibold);
}

.location-selector[b-9zfuy4egf6] {
  inline-size: min(26vw, 300px);
  display: flex;
  align-items: center;
  gap: var(--sp-2);
  padding-inline: var(--sp-3);
  min-block-size: var(--sp-8);
  border: 1px solid var(--border);
  border-radius: var(--r-pill);
  background: var(--bg-canvas);
  flex-shrink: 0;
}

.location-selector:focus-within[b-9zfuy4egf6] {
  border-color: var(--his-400);
  background: var(--bg-surface);
}

.location-selector__icon[b-9zfuy4egf6] {
  display: flex;
  align-items: center;
  color: var(--text-placeholder);
  flex-shrink: 0;
}

.location-selector__icon[b-9zfuy4egf6]  svg {
  inline-size: var(--sp-4);
  block-size: var(--sp-4);
}

.location-selector__select[b-9zfuy4egf6] {
  min-inline-size: 0;
  flex: 1;
  border: none;
  outline: none;
  background: transparent;
  color: var(--text-primary);
  font: inherit;
  font-size: var(--text-sm);
  cursor: pointer;
}

.topbar-divider[b-9zfuy4egf6] {
  inline-size: 1px;
  block-size: var(--sp-6);
  background: var(--border-muted);
  flex-shrink: 0;
}

.notif-dropdown[b-9zfuy4egf6],
.user-menu-wrap[b-9zfuy4egf6] {
  position: relative;
}

.notif-popover[b-9zfuy4egf6],
.user-menu-panel[b-9zfuy4egf6] {
  position: absolute;
  inset-inline-end: 0;
  top: calc(100% + var(--sp-2));
  z-index: calc(var(--z-sticky) + 2);
}

.bell-badge[b-9zfuy4egf6] {
  position: absolute;
  inset-block-start: var(--sp-1);
  inset-inline-end: var(--sp-1);
  min-inline-size: var(--sp-4);
  padding-inline: var(--sp-1);
  border-radius: var(--r-pill);
  background: var(--critical-500);
  color: var(--text-on-brand);
  font-size: var(--text-xs);
  line-height: var(--sp-4);
  text-align: center;
  font-weight: var(--font-bold);
}

.user-chip[b-9zfuy4egf6] {
  display: inline-flex;
  align-items: center;
  gap: var(--sp-2);
  max-inline-size: min(16rem, 32vw);
  padding: var(--sp-1) var(--sp-2) var(--sp-1) var(--sp-1);
  border: none;
  border-radius: var(--r-pill);
  background: transparent;
  color: inherit;
  cursor: pointer;
}

.user-chip:hover[b-9zfuy4egf6],
.user-chip:focus-visible[b-9zfuy4egf6] {
  background: var(--bg-canvas);
  outline: none;
}

.u-avatar[b-9zfuy4egf6] {
  inline-size: var(--sp-8);
  block-size: var(--sp-8);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: var(--his-500);
  color: var(--text-on-brand);
  font-size: var(--text-xs);
  font-weight: var(--font-extrabold);
  flex-shrink: 0;
}

.u-copy[b-9zfuy4egf6] {
  display: flex;
  flex-direction: column;
  min-inline-size: 0;
  text-align: start;
}

.u-name[b-9zfuy4egf6],
.u-role[b-9zfuy4egf6] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.u-name[b-9zfuy4egf6] {
  color: var(--text-primary);
  font-size: var(--text-sm);
  font-weight: var(--font-semibold);
}

.u-role[b-9zfuy4egf6] {
  color: var(--text-muted);
  font-size: var(--text-xs);
}

.user-chip__chev[b-9zfuy4egf6] {
  display: inline-flex;
  color: var(--text-muted);
  flex-shrink: 0;
}

.user-chip__chev[b-9zfuy4egf6]  svg {
  inline-size: var(--sp-3);
  block-size: var(--sp-3);
}

.user-menu-panel[b-9zfuy4egf6] {
  min-inline-size: 11rem;
  padding: var(--sp-2);
  border: 1px solid var(--border);
  border-radius: var(--r-md);
  background: var(--bg-overlay);
  box-shadow: var(--sh-md);
}

.user-menu-item[b-9zfuy4egf6] {
  display: block;
  inline-size: 100%;
  padding: var(--sp-2) var(--sp-3);
  border: none;
  border-radius: var(--r-sm);
  background: transparent;
  color: var(--text-primary);
  font: inherit;
  font-size: var(--text-sm);
  text-align: start;
  text-decoration: none;
  cursor: pointer;
}

.user-menu-item:hover[b-9zfuy4egf6] {
  background: var(--bg-raised);
}

.user-menu-item--danger[b-9zfuy4egf6] {
  color: var(--critical-500);
}

.module-strip[b-9zfuy4egf6] {
  flex-shrink: 0;
  padding: var(--sp-3) var(--sp-5);
  border-block-end: 1px solid var(--border-muted);
  background: var(--bg-topbar);
}

.enterprise-overlay[b-9zfuy4egf6] {
  display: none;
}

.active-visit-strip[b-9zfuy4egf6] {
  margin: var(--sp-2) var(--sp-5) 0;
  border: 1px solid var(--border);
  border-radius: var(--r-sm);
  background: var(--bg-surface);
  padding: var(--sp-2) var(--sp-3);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--sp-2);
}

.active-visit-strip__actions[b-9zfuy4egf6] {
  display: flex;
  align-items: center;
  gap: var(--sp-2);
}

.quick-switcher-overlay[b-9zfuy4egf6] {
  position: fixed;
  inset: 0;
  background: color-mix(in srgb, var(--bg-overlay) 60%, transparent);
  z-index: calc(var(--z-sticky) + 5);
  display: flex;
  justify-content: center;
  align-items: flex-start;
  padding-top: 12vh;
}

.quick-switcher[b-9zfuy4egf6] {
  inline-size: min(42rem, calc(100% - var(--sp-6)));
  max-block-size: 76vh;
  overflow: auto;
  border: 1px solid var(--border);
  border-radius: var(--r-md);
  background: var(--bg-surface);
  box-shadow: var(--sh-lg);
  padding: var(--sp-3);
  display: grid;
  gap: var(--sp-3);
}

.quick-switcher__head[b-9zfuy4egf6] {
  display: flex;
  gap: var(--sp-2);
}

.quick-switcher__head input[b-9zfuy4egf6] {
  inline-size: 100%;
  border: 1px solid var(--border);
  border-radius: var(--r-sm);
  padding: var(--sp-2) var(--sp-3);
  background: var(--bg-canvas);
  color: var(--text-primary);
}

.quick-switcher__item[b-9zfuy4egf6] {
  display: flex;
  justify-content: space-between;
  gap: var(--sp-3);
  text-decoration: none;
  color: inherit;
  border: 1px solid var(--border-muted);
  border-radius: var(--r-sm);
  padding: var(--sp-2) var(--sp-3);
}

.quick-switcher__item small[b-9zfuy4egf6] {
  color: var(--text-muted);
}

.quick-switcher__empty[b-9zfuy4egf6] {
  color: var(--text-muted);
  margin: 0;
}

@media (min-width: 901px) {
  .mobile-menu-btn[b-9zfuy4egf6] {
    display: none;
  }
}

@media (max-width: 1100px) {
  .location-selector[b-9zfuy4egf6] {
    display: none;
  }
}

@media (max-width: 900px) {
  .his-sidebar[b-9zfuy4egf6],
  .his-sidebar.collapsed[b-9zfuy4egf6] {
    position: fixed;
    inset-block-start: var(--topbar-h);
    inset-block-end: 0;
    inset-inline-start: 0;
    inline-size: min(280px, 86vw);
    transform: translateX(-100%);
    transition: transform .22s cubic-bezier(.4, 0, .2, 1);
    z-index: calc(var(--z-sticky) + 1);
  }

  [dir="rtl"] .his-sidebar[b-9zfuy4egf6],
  [dir="rtl"] .his-sidebar.collapsed[b-9zfuy4egf6] {
    transform: translateX(100%);
  }

  .his-shell.drawer-open .his-sidebar[b-9zfuy4egf6],
  [dir="rtl"] .his-shell.drawer-open .his-sidebar[b-9zfuy4egf6] {
    transform: translateX(0);
  }

  .his-sidebar.collapsed .brand-text[b-9zfuy4egf6],
  .his-sidebar.collapsed .nav-group-label[b-9zfuy4egf6],
  .his-sidebar.collapsed .nav-text[b-9zfuy4egf6],
  .his-sidebar.collapsed[b-9zfuy4egf6]  .nav-text {
    display: flex;
  }

  .his-sidebar.collapsed .nav-group-label[b-9zfuy4egf6],
  .his-sidebar.collapsed .nav-text[b-9zfuy4egf6],
  .his-sidebar.collapsed[b-9zfuy4egf6]  .nav-text {
    display: block;
  }

  .his-sidebar.collapsed .brand-logo[b-9zfuy4egf6] {
    block-size: 2.5rem;
    inline-size: 2.5rem;
  }

  .enterprise-overlay[b-9zfuy4egf6] {
    position: fixed;
    inset: var(--topbar-h) 0 0;
    display: block;
    background: var(--bg-overlay);
    opacity: 0;
    pointer-events: none;
    transition: opacity .18s;
    z-index: var(--z-sticky);
  }

  .enterprise-overlay.open[b-9zfuy4egf6] {
    opacity: 1;
    pointer-events: auto;
  }

  .his-topbar[b-9zfuy4egf6] {
    padding-inline: var(--sp-3);
  }

  .his-content[b-9zfuy4egf6] {
    padding: var(--sp-4);
  }

  .active-visit-strip[b-9zfuy4egf6] {
    margin: var(--sp-2) var(--sp-3) 0;
  }

  .u-copy[b-9zfuy4egf6],
  .user-chip__chev[b-9zfuy4egf6] {
    display: none;
  }
}

/* ── Brand logo ─────────────────────────────────────────── */
.brand-logo[b-9zfuy4egf6] {
  block-size: 2.5rem;
  inline-size: 2.5rem;
  object-fit: contain;
  flex-shrink: 0;
  border-radius: var(--r-sm);
}

.brand-mark--icon[b-9zfuy4egf6] {
  display: none;
}

.his-sidebar.collapsed .brand-mark--icon[b-9zfuy4egf6] {
  display: none;
}
/* /Pages/AdminPage.razor.rz.scp.css */
.admin-page[b-qa9vn70e1l] {
    display: flex;
    flex-direction: column;
    gap: var(--space-5);
}

.admin-hub-shell[b-qa9vn70e1l] {
    display: flex;
    flex-direction: column;
    gap: var(--space-6);
    padding: var(--space-5);
}

.admin-hub-group[b-qa9vn70e1l] {
    border: 1px solid var(--chrome-border);
    border-radius: var(--radius-xl);
    background: color-mix(in srgb, var(--panel-bg) 94%, transparent);
    padding: var(--space-2);
}

.admin-hub-group__summary[b-qa9vn70e1l] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: var(--space-2) var(--space-4);
    padding: var(--space-3) var(--space-4);
    cursor: pointer;
    list-style: none;
}

.admin-hub-group__summary[b-qa9vn70e1l]::-webkit-details-marker {
    display: none;
}

.admin-hub-group__title[b-qa9vn70e1l] {
    font-size: var(--text-lg);
    font-weight: var(--font-bold);
    color: var(--text-primary);
}

.admin-hub-group__hint[b-qa9vn70e1l] {
    font-size: var(--text-sm);
    color: var(--text-secondary);
    flex: 1 1 auto;
}

.admin-hub-group .admin-hub[b-qa9vn70e1l] {
    padding: var(--space-3) var(--space-3) var(--space-4);
}

[data-theme="dark"] .admin-hub-group[b-qa9vn70e1l] {
    border-color: var(--chrome-border);
    background: linear-gradient(180deg, rgba(24, 33, 44, 0.96), rgba(16, 24, 33, 0.96));
}

.admin-hub-section[b-qa9vn70e1l] {
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
}

.admin-hub-section__header[b-qa9vn70e1l] {
    display: flex;
    flex-direction: column;
    gap: var(--space-1);
}

.admin-hub-section__header h2[b-qa9vn70e1l] {
    margin: 0;
    color: var(--text-primary);
    font-size: var(--text-xl);
    font-weight: var(--font-bold);
}

.admin-hub[b-qa9vn70e1l] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: var(--space-4);
    padding: 0;
}

.admin-hub-card[b-qa9vn70e1l] {
    display: flex;
    align-items: center;
    gap: var(--space-4);
    padding: var(--space-5);
    border: 1px solid var(--chrome-border);
    border-radius: var(--radius-xl);
    background:
        linear-gradient(180deg, color-mix(in srgb, var(--surface-strong) 96%, transparent), color-mix(in srgb, var(--panel-raised) 90%, transparent));
    text-decoration: none;
    color: inherit;
    cursor: pointer;
    transition: var(--transition-default);
    box-shadow: var(--shadow-sm);
}

.admin-hub-card:hover[b-qa9vn70e1l] {
    border-color: var(--border-medium);
    box-shadow: var(--shadow-sm);
    transform: translateY(-1px);
}

.admin-hub-card.active[b-qa9vn70e1l] {
    border-color: color-mix(in srgb, var(--brand-primary) 32%, var(--border-light));
    background: color-mix(in srgb, var(--brand-primary) 6%, white);
}

.admin-hub-card--config .admin-hub-badge[b-qa9vn70e1l] {
    background: var(--his-50);
    color: var(--his-700);
    border: 1px solid var(--his-200);
}

.admin-hub-badge[b-qa9vn70e1l] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: var(--radius-full);
    background: var(--gradient-primary);
    color: var(--text-inverse);
    font-weight: var(--font-extrabold);
    font-size: 0.82rem;
    letter-spacing: 0.06em;
    flex-shrink: 0;
}

.admin-hub-copy[b-qa9vn70e1l] {
    display: flex;
    flex-direction: column;
    gap: var(--space-1);
}

.admin-hub-title[b-qa9vn70e1l] {
    font-weight: var(--font-semibold);
    color: var(--text-primary);
}

.admin-hub-desc[b-qa9vn70e1l] {
    font-size: 0.84rem;
    color: var(--text-secondary);
}

/* Shared styles used by extracted admin sub-pages */
.admin-section[b-qa9vn70e1l] {
    display: flex;
    flex-direction: column;
    gap: var(--space-5);
    padding: var(--space-5);
}

.admin-section-header[b-qa9vn70e1l] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--space-4);
}

.admin-kicker[b-qa9vn70e1l] {
    display: inline-block;
    margin-bottom: var(--space-2);
    text-transform: uppercase;
    letter-spacing: 0.12em;
    font-size: 0.72rem;
    font-weight: var(--font-extrabold);
    color: var(--text-tertiary);
}

.admin-section-header h2[b-qa9vn70e1l],
.admin-section-header h3[b-qa9vn70e1l] {
    margin: 0;
}

.admin-metrics[b-qa9vn70e1l] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: var(--space-3);
}

.metric-card[b-qa9vn70e1l] {
    padding: var(--space-4);
    border: 1px solid var(--chrome-border);
    border-radius: var(--radius-xl);
    background: color-mix(in srgb, var(--panel-bg) 92%, transparent);
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
}

[data-theme="dark"] .admin-hub-card[b-qa9vn70e1l] {
    border-color: var(--chrome-border);
    background:
        linear-gradient(180deg, rgba(24, 33, 44, 0.98), rgba(16, 24, 33, 0.98));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.03),
        0 24px 44px -30px rgba(0, 0, 0, 0.94);
}

[data-theme="dark"] .admin-hub-card:hover[b-qa9vn70e1l] {
    border-color: rgba(56, 189, 248, 0.26);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.04),
        0 30px 52px -32px rgba(0, 0, 0, 0.98);
}

[data-theme="dark"] .admin-hub-badge[b-qa9vn70e1l] {
    background: linear-gradient(145deg, rgba(16, 185, 129, 0.92), rgba(14, 165, 233, 0.78));
    color: #f7fffd;
    box-shadow: 0 18px 34px -24px rgba(14, 165, 233, 0.42);
}

[data-theme="dark"] .admin-hub-card--config .admin-hub-badge[b-qa9vn70e1l] {
    background: var(--status-info-bg);
    color: var(--his-400);
    border-color: var(--his-400);
    box-shadow: none;
}

[data-theme="dark"] .admin-hub-title[b-qa9vn70e1l] {
    color: #f7fbff;
}

[data-theme="dark"] .admin-hub-desc[b-qa9vn70e1l],
[data-theme="dark"] .metric-card span[b-qa9vn70e1l],
[data-theme="dark"] .admin-kicker[b-qa9vn70e1l] {
    color: #93a6ba;
}

[data-theme="dark"] .metric-card[b-qa9vn70e1l] {
    border-color: var(--chrome-border);
    background:
        linear-gradient(180deg, rgba(23, 31, 42, 0.98), rgba(15, 22, 31, 0.98));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.03),
        0 20px 40px -30px rgba(0, 0, 0, 0.9);
}

.metric-card span[b-qa9vn70e1l] {
    color: var(--text-secondary);
    font-size: 0.86rem;
}

.metric-card strong[b-qa9vn70e1l] {
    font-size: 1.5rem;
}

.audit-val[b-qa9vn70e1l] {
    max-width: 160px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (max-width: 768px) {
    .admin-hub-shell[b-qa9vn70e1l] {
        padding: var(--space-4);
    }

    .admin-hub[b-qa9vn70e1l] {
        grid-template-columns: 1fr;
    }

    .admin-section[b-qa9vn70e1l] {
        padding: var(--space-4);
    }
}
/* /Pages/Admin/AdminConfigurationPage.razor.rz.scp.css */
.config-hub[b-gcngpdifhl] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(17rem, 1fr));
    gap: var(--space-4);
    padding: var(--space-5);
}

.config-hub-card[b-gcngpdifhl] {
    display: flex;
    align-items: center;
    gap: var(--space-4);
    padding: var(--space-5);
    border: 1px solid var(--chrome-border);
    border-radius: var(--radius-xl);
    background:
        linear-gradient(180deg, color-mix(in srgb, var(--surface-strong) 96%, transparent), color-mix(in srgb, var(--panel-raised) 92%, transparent));
    text-decoration: none;
    color: inherit;
    transition: var(--transition-default);
    box-shadow: var(--shadow-sm);
}

.config-hub-card:hover[b-gcngpdifhl],
.config-hub-card:focus-visible[b-gcngpdifhl] {
    border-color: var(--border-medium);
    box-shadow: var(--shadow-sm);
    transform: translateY(-1px);
}

.config-hub-badge[b-gcngpdifhl] {
    display: flex;
    align-items: center;
    justify-content: center;
    inline-size: 2.75rem;
    block-size: 2.75rem;
    border-radius: var(--radius-full);
    background: var(--gradient-primary);
    color: var(--text-inverse);
    font-size: 0.82rem;
    font-weight: var(--font-extrabold);
    letter-spacing: 0.06em;
    flex-shrink: 0;
}

.config-hub-copy[b-gcngpdifhl] {
    display: flex;
    flex-direction: column;
    gap: var(--space-1);
    min-width: 0;
}

.config-hub-title[b-gcngpdifhl] {
    color: var(--text-primary);
    font-weight: var(--font-semibold);
}

.config-hub-desc[b-gcngpdifhl] {
    color: var(--text-secondary);
    font-size: 0.84rem;
}

@media (max-width: 768px) {
    .config-hub[b-gcngpdifhl] {
        grid-template-columns: 1fr;
        padding: var(--space-4);
    }
}
/* /Pages/Admin/AuditLogPage.razor.rz.scp.css */
.admin-page[b-re91kjln1h] {
    display: flex;
    flex-direction: column;
    gap: var(--space-5);
}

.admin-section[b-re91kjln1h] {
    display: flex;
    flex-direction: column;
    gap: var(--space-5);
    padding: var(--space-5);
}

.admin-metrics[b-re91kjln1h] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: var(--space-3);
}

.metric-card[b-re91kjln1h] {
    padding: var(--space-4);
    border: 1px solid var(--border-light);
    border-radius: var(--radius-xl);
    background: color-mix(in srgb, var(--surface-subtle) 90%, transparent);
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
}

.metric-card span[b-re91kjln1h] {
    color: var(--text-secondary);
    font-size: 0.86rem;
}

.metric-card strong[b-re91kjln1h] {
    font-size: 1.5rem;
}

.audit-val[b-re91kjln1h] {
    max-width: 160px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (max-width: 768px) {
    .admin-section[b-re91kjln1h] {
        padding: var(--space-4);
    }
}
/* /Pages/Admin/BedManagementPage.razor.rz.scp.css */
.admin-page[b-54ritcnrc1] {
    display: flex;
    flex-direction: column;
    gap: var(--space-5);
}

.admin-section[b-54ritcnrc1] {
    display: flex;
    flex-direction: column;
    gap: var(--space-5);
    padding: var(--space-5);
}

.admin-metrics[b-54ritcnrc1] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: var(--space-3);
}

.metric-card[b-54ritcnrc1] {
    padding: var(--space-4);
    border: 1px solid var(--border-light);
    border-radius: var(--radius-xl);
    background: color-mix(in srgb, var(--surface-subtle) 90%, transparent);
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
}

.metric-card span[b-54ritcnrc1] {
    color: var(--text-secondary);
    font-size: 0.86rem;
}

.metric-card strong[b-54ritcnrc1] {
    font-size: 1.5rem;
}

@media (max-width: 768px) {
    .admin-section[b-54ritcnrc1] {
        padding: var(--space-4);
    }
}
/* /Pages/Admin/InventoryPage.razor.rz.scp.css */
.admin-page[b-40y7uktl6o] {
    display: flex;
    flex-direction: column;
    gap: var(--space-5);
}

.admin-section[b-40y7uktl6o] {
    display: flex;
    flex-direction: column;
    gap: var(--space-5);
    padding: var(--space-5);
}

.admin-metrics[b-40y7uktl6o] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: var(--space-3);
}

.metric-card[b-40y7uktl6o] {
    padding: var(--space-4);
    border: 1px solid var(--border-light);
    border-radius: var(--radius-xl);
    background: color-mix(in srgb, var(--surface-subtle) 90%, transparent);
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
}

.metric-card span[b-40y7uktl6o] {
    color: var(--text-secondary);
    font-size: 0.86rem;
}

.metric-card strong[b-40y7uktl6o] {
    font-size: 1.5rem;
}

@media (max-width: 768px) {
    .admin-section[b-40y7uktl6o] {
        padding: var(--space-4);
    }
}
/* /Pages/Admin/PersonManagementPage.razor.rz.scp.css */
.person-admin-page[b-0rhkwov5lx] {
    display: flex;
    flex-direction: column;
    gap: var(--sp-5);
}

.person-admin-header[b-0rhkwov5lx] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: var(--sp-4);
}

.person-admin-subtitle[b-0rhkwov5lx],
.person-admin-subline[b-0rhkwov5lx] {
    color: var(--text-secondary);
}

.person-admin-layout[b-0rhkwov5lx] {
    display: grid;
    grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr);
    gap: var(--sp-5);
}

.person-admin-form[b-0rhkwov5lx],
.person-admin-footer[b-0rhkwov5lx] {
    display: flex;
    flex-direction: column;
    gap: var(--sp-4);
}

.person-admin-chip-list[b-0rhkwov5lx] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--sp-2);
}

.person-admin-chip[b-0rhkwov5lx] {
    display: inline-flex;
    padding-block: var(--sp-1);
    padding-inline: var(--sp-2);
    border-radius: var(--r-pill);
    background: var(--bg-raised);
    color: var(--text-secondary);
    font-size: var(--text-sm);
}

.person-admin-linked[b-0rhkwov5lx] {
    background: var(--bg-canvas);
}

.person-admin-empty[b-0rhkwov5lx] {
    padding: var(--sp-6);
    text-align: center;
    color: var(--text-secondary);
}

@media (max-width: 80rem) {
    .person-admin-layout[b-0rhkwov5lx] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 48rem) {
    .person-admin-header[b-0rhkwov5lx] {
        flex-direction: column;
    }
}
/* /Pages/Admin/Pricing/PricingHubPage.razor.rz.scp.css */
.config-hub[b-62v85tp7dm] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 18rem), 1fr));
    gap: var(--sp-4);
}

.config-hub-card[b-62v85tp7dm] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: var(--sp-4);
    padding: var(--sp-5);
    border: 1px solid var(--border);
    border-radius: var(--r-xl);
    background: var(--bg-surface);
    color: inherit;
    box-shadow: var(--sh-xs);
    transition:
        background-color 0.14s ease,
        border-color 0.14s ease,
        box-shadow 0.14s ease;
}

.config-hub-card:hover[b-62v85tp7dm],
.config-hub-card:focus-visible[b-62v85tp7dm] {
    background: var(--bg-raised);
    border-color: var(--his-300);
    box-shadow: var(--sh-sm);
}

.config-hub-card:focus-visible[b-62v85tp7dm] {
    outline: 2px solid var(--his-500);
    outline-offset: var(--sp-1);
}

.config-hub-badge[b-62v85tp7dm] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    inline-size: calc(var(--sp-10) + var(--sp-2));
    block-size: calc(var(--sp-10) + var(--sp-2));
    border: 1px solid var(--his-200);
    border-radius: var(--r-lg);
    background: var(--his-50);
    color: var(--his-700);
    font-size: var(--text-sm);
    font-weight: 700;
    line-height: 1;
    flex-shrink: 0;
}

.config-hub-copy[b-62v85tp7dm] {
    display: flex;
    min-inline-size: 0;
    flex-direction: column;
    gap: var(--sp-1);
}

.config-hub-title[b-62v85tp7dm] {
    color: var(--text-primary);
    font-size: var(--text-md);
    font-weight: 700;
    line-height: var(--lh-md);
}

.config-hub-desc[b-62v85tp7dm] {
    color: var(--text-secondary);
    font-size: var(--text-sm);
    line-height: var(--lh-sm);
}

[data-theme="dark"] .config-hub-card:hover[b-62v85tp7dm],
[data-theme="dark"] .config-hub-card:focus-visible[b-62v85tp7dm] {
    border-color: var(--his-400);
}

[data-theme="dark"] .config-hub-badge[b-62v85tp7dm] {
    border-color: var(--his-400);
    background: var(--status-info-bg);
    color: var(--status-info-fg);
}

@media (max-width: 48rem) {
    .config-hub-card[b-62v85tp7dm] {
        padding: var(--sp-4);
    }
}
/* /Pages/Admin/UserRoleAssignmentsPage.razor.rz.scp.css */
.user-role-page[b-08hai7qlbz] {
    display: flex;
    flex-direction: column;
    gap: var(--sp-5);
}

.user-role-header[b-08hai7qlbz] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: var(--sp-4);
}

.user-role-subtitle[b-08hai7qlbz],
.user-role-subline[b-08hai7qlbz] {
    color: var(--text-secondary);
}

.user-role-layout[b-08hai7qlbz] {
    display: grid;
    grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr);
    gap: var(--sp-5);
}

.user-role-form[b-08hai7qlbz],
.user-role-footer[b-08hai7qlbz] {
    display: flex;
    flex-direction: column;
    gap: var(--sp-4);
}

.user-role-chip-list[b-08hai7qlbz] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--sp-2);
}

.user-role-chip[b-08hai7qlbz] {
    display: inline-flex;
    padding-block: var(--sp-1);
    padding-inline: var(--sp-2);
    border-radius: var(--r-pill);
    background: var(--bg-raised);
    color: var(--text-secondary);
    font-size: var(--text-sm);
}

.user-role-role-grid[b-08hai7qlbz] {
    display: grid;
    gap: var(--sp-3);
}

.user-role-role-item[b-08hai7qlbz] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: var(--sp-3);
    padding: var(--sp-3);
    border: 1px solid var(--border);
    border-radius: var(--r-md);
    background: var(--bg-surface);
}

.user-role-role-item span[b-08hai7qlbz] {
    display: flex;
    flex-direction: column;
    gap: var(--sp-1);
}

.user-role-role-item small[b-08hai7qlbz] {
    color: var(--text-secondary);
    font-size: var(--text-sm);
}

.user-role-empty[b-08hai7qlbz] {
    padding: var(--sp-6);
    text-align: center;
    color: var(--text-secondary);
}

@media (max-width: 80rem) {
    .user-role-layout[b-08hai7qlbz] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/AppointmentsPage.razor.rz.scp.css */
.appointments-page[b-s40yw78gll] {
    display: flex;
    flex-direction: column;
    gap: var(--sp-5);
}

.appointments-container[b-s40yw78gll] {
    min-width: 0;
}

.appointments-section[b-s40yw78gll] {
    display: flex;
    flex-direction: column;
    gap: var(--sp-4);
    padding: var(--sp-5);
    border: 1px solid var(--border);
    border-radius: var(--r-md);
    background: var(--bg-surface);
    box-shadow: var(--sh-xs);
}

.view-controls[b-s40yw78gll] {
    display: inline-flex;
    align-items: center;
    gap: var(--sp-1);
    padding: var(--sp-1);
    border: 1px solid var(--border);
    border-radius: var(--r-pill);
    background: var(--bg-raised);
    width: fit-content;
}

.view-btn[b-s40yw78gll] {
    min-block-size: var(--sp-10);
    padding: 0 var(--sp-4);
    border: 1px solid transparent;
    border-radius: var(--r-pill);
    background: transparent;
    color: var(--text-secondary);
    font: inherit;
    font-size: var(--text-sm);
    font-weight: 600;
    cursor: pointer;
    transition: color .16s ease, background-color .16s ease, box-shadow .16s ease;
}

.view-btn:hover[b-s40yw78gll] {
    color: var(--text-primary);
    background: var(--bg-surface);
}

.view-btn.active[b-s40yw78gll] {
    background: var(--bg-surface);
    color: var(--text-primary);
    box-shadow: var(--sh-xs);
}

.appointments-list[b-s40yw78gll] {
    display: grid;
    gap: var(--sp-3);
}

.calendar-section[b-s40yw78gll] {
    display: flex;
    flex-direction: column;
    gap: var(--sp-4);
}

.day-appointments[b-s40yw78gll] {
    display: grid;
    gap: var(--sp-3);
    padding: var(--sp-4);
    border: 1px solid var(--border);
    border-radius: var(--r-lg);
    background: var(--bg-raised);
}

.day-appointments h4[b-s40yw78gll] {
    margin: 0;
    font-size: var(--text-base);
}

.no-day-appointments[b-s40yw78gll] {
    margin: 0;
    padding: var(--sp-4);
    border: 1px dashed var(--border);
    border-radius: var(--r-lg);
    color: var(--text-secondary);
    text-align: center;
}

.appointments-section[b-s40yw78gll]  .empty-state {
    margin: 0;
    min-block-size: 14rem;
    border-radius: var(--r-lg);
    border: 1px dashed var(--border);
    background: var(--bg-raised);
}

.appointments-section[b-s40yw78gll]  .pagination-wrapper {
    border-top: 1px solid var(--border);
    margin-top: var(--sp-2);
    padding-top: var(--sp-4);
}

@media (max-width: 720px) {
    .appointments-page[b-s40yw78gll] {
        gap: var(--sp-4);
    }

    .appointments-section[b-s40yw78gll] {
        padding: var(--sp-4);
    }

    .view-controls[b-s40yw78gll] {
        width: 100%;
    }

    .view-btn[b-s40yw78gll] {
        flex: 1;
    }
}
/* /Pages/BillingPage.razor.rz.scp.css */
.modal-overlay[b-uc063lu2x3] {
    position: fixed;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--space-4);
    background: rgba(15, 23, 42, 0.45);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    z-index: var(--z-modal);
}

.modal-overlay .modal[b-uc063lu2x3] {
    width: min(520px, 100%);
    background: var(--bg-primary);
    border: 1px solid var(--border-light);
    border-radius: var(--radius-2xl);
    box-shadow: var(--shadow-xl);
    display: flex;
    flex-direction: column;
}

.modal-overlay .modal-header[b-uc063lu2x3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--space-5);
    border-bottom: 1px solid var(--border-light);
}

.modal-overlay .modal-header h2[b-uc063lu2x3] {
    margin: 0;
    color: var(--text-primary);
    font-size: var(--text-xl);
}

.modal-overlay .modal-body[b-uc063lu2x3] {
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
    padding: var(--space-5);
}

.close-btn[b-uc063lu2x3] {
    min-height: 40px;
    padding: 0 var(--space-3);
    border: 1px solid var(--border-light);
    border-radius: var(--radius-full);
    background: color-mix(in srgb, var(--surface-subtle) 90%, transparent);
    color: var(--text-secondary);
    cursor: pointer;
    transition: var(--transition-default);
}

.close-btn:hover[b-uc063lu2x3] {
    border-color: var(--border-medium);
    color: var(--text-primary);
}

.form-group[b-uc063lu2x3] {
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
}

.form-group label[b-uc063lu2x3] {
    font-weight: var(--font-semibold);
    color: var(--text-primary);
    font-size: var(--text-sm);
}

.form-actions[b-uc063lu2x3] {
    display: flex;
    gap: var(--space-3);
    margin-top: var(--space-2);
}

.form-actions .btn[b-uc063lu2x3] {
    flex: 1;
}

.invoice-detail-list[b-uc063lu2x3] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: var(--space-2) var(--space-4);
    margin: 0;
}

.invoice-detail-list dt[b-uc063lu2x3] {
    font-weight: var(--font-semibold);
    color: var(--text-secondary);
    font-size: var(--text-sm);
}

.invoice-detail-list dd[b-uc063lu2x3] {
    margin: 0;
    color: var(--text-primary);
}
/* /Pages/Billing/BillingDashboardPage.razor.rz.scp.css */
.billing-dashboard-grid[b-kc8egi24he] {
  margin-top: var(--sp-3);
  display: grid;
  grid-template-columns: 1fr 320px;
  gap: var(--sp-4);
  align-items: start;
}

.billing-dashboard-grid__left[b-kc8egi24he] {
  display: grid;
  gap: var(--sp-3);
}

.billing-dashboard-grid__left[b-kc8egi24he]  .filter-chip-bar {
  padding: var(--sp-2);
  border: 1px solid var(--border);
  border-radius: var(--r-md);
  background: var(--bg-surface);
  box-shadow: var(--sh-xs);
}

.billing-dashboard-grid__left[b-kc8egi24he]  .queue-table-wrap {
  min-height: 420px;
}

.billing-selected-grid[b-kc8egi24he] {
  display: grid;
  gap: var(--sp-2);
}

@media (max-width: 1100px) {
  .billing-dashboard-grid[b-kc8egi24he] {
    grid-template-columns: 1fr;
  }
}
/* /Pages/Billing/BillingPage.razor.rz.scp.css */
.billing-page[b-bgamg1yj58] {
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
    padding: var(--space-4);
}

.page-header[b-bgamg1yj58] {
    padding-bottom: var(--space-3);
    border-bottom: 2px solid var(--border-light);
}

.page-header h1[b-bgamg1yj58] {
    margin: 0 0 var(--space-1) 0;
    font-size: var(--text-3xl);
    font-weight: var(--font-bold);
    color: var(--text-primary);
}

.patient-info[b-bgamg1yj58] {
    margin: 0;
    color: var(--text-secondary);
    font-size: var(--text-sm);
}

.loading-container[b-bgamg1yj58] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--space-3);
    padding: var(--space-8);
    text-align: center;
}

.spinner[b-bgamg1yj58] {
    width: 40px;
    height: 40px;
    border: 4px solid var(--border-light);
    border-top-color: var(--color-primary);
    border-radius: 50%;
    animation: spin-b-bgamg1yj58 0.8s linear infinite;
}

@keyframes spin-b-bgamg1yj58 {
    to { transform: rotate(360deg); }
}

.error-banner[b-bgamg1yj58] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: var(--space-2);
    padding: var(--space-3);
    background: color-mix(in srgb, var(--color-error) 10%, transparent);
    border: 1px solid var(--color-error);
    border-radius: var(--radius-md);
    color: var(--color-error);
    font-size: var(--text-sm);
}

.btn-close[b-bgamg1yj58] {
    background: transparent;
    border: none;
    font-size: var(--text-xl);
    cursor: pointer;
    color: var(--color-error);
    padding: 0;
    width: 24px;
    height: 24px;
}

.billing-layout[b-bgamg1yj58] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--space-4);
}

@media (max-width: 68.75rem) {
    .billing-layout[b-bgamg1yj58] {
        grid-template-columns: 1fr;
    }
}

.billing-layout--loading[b-bgamg1yj58] {
    align-items: start;
}

.billing-skeleton-block .billing-skeleton-title[b-bgamg1yj58] {
    display: block;
    max-inline-size: 12rem;
    min-block-size: 1.25rem;
    border-radius: var(--radius-sm);
    margin-block-end: var(--space-4);
}

.billing-skeleton-lines[b-bgamg1yj58] {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
}

.billing-skeleton-line[b-bgamg1yj58] {
    display: block;
    min-block-size: 0.875rem;
    border-radius: var(--radius-sm);
    max-inline-size: 100%;
}

.billing-skeleton-line--md[b-bgamg1yj58] {
    max-inline-size: 75%;
}

.billing-skeleton-line--lg[b-bgamg1yj58] {
    min-block-size: 6rem;
    max-inline-size: 100%;
}

.billing-section[b-bgamg1yj58] {
    background: var(--surface-raised);
    border: 1px solid var(--border-light);
    border-radius: var(--radius-lg);
    padding: var(--space-4);
}

.billing-section h2[b-bgamg1yj58] {
    margin: 0 0 var(--space-3) 0;
    font-size: var(--text-lg);
    font-weight: var(--font-bold);
    color: var(--text-primary);
}

.section-header[b-bgamg1yj58] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: var(--space-3);
}

.section-header h2[b-bgamg1yj58] {
    margin: 0;
}

.insurance-summary[b-bgamg1yj58] {
    background: color-mix(in srgb, var(--color-primary) 5%, transparent);
    padding: var(--space-3);
    border-radius: var(--radius-md);
}

.summary-grid[b-bgamg1yj58] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: var(--space-3);
}

.summary-item[b-bgamg1yj58] {
    display: flex;
    flex-direction: column;
}

.summary-item .label[b-bgamg1yj58] {
    font-weight: var(--font-bold);
    color: var(--text-secondary);
    font-size: var(--text-xs);
    text-transform: uppercase;
    margin-bottom: var(--space-1);
}

.summary-item .value[b-bgamg1yj58] {
    color: var(--text-primary);
    font-size: var(--text-sm);
}

.badge[b-bgamg1yj58] {
    display: inline-block;
    padding: var(--space-1) var(--space-2);
    border-radius: var(--radius-full);
    font-size: var(--text-xs);
    font-weight: var(--font-bold);
    text-transform: uppercase;
}

.badge-success[b-bgamg1yj58] {
    background: color-mix(in srgb, var(--color-success) 20%, transparent);
    color: var(--color-success);
}

.empty-state[b-bgamg1yj58] {
    text-align: center;
    padding: var(--space-4);
    color: var(--text-tertiary);
}

.empty-state p[b-bgamg1yj58] {
    margin: 0 0 var(--space-2) 0;
}

.payments-table-container[b-bgamg1yj58] {
    overflow-x: auto;
}

.payments-table[b-bgamg1yj58] {
    width: 100%;
    border-collapse: collapse;
    font-size: var(--text-sm);
}

.payments-table th[b-bgamg1yj58] {
    background: var(--surface-strong);
    padding: var(--space-2) var(--space-3);
    text-align: left;
    font-weight: var(--font-bold);
    border-bottom: 2px solid var(--border-light);
}

.payments-table td[b-bgamg1yj58] {
    padding: var(--space-2) var(--space-3);
    border-bottom: 1px solid var(--border-light);
}

.payments-table tbody tr:hover[b-bgamg1yj58] {
    background: var(--surface-strong);
}

.amount[b-bgamg1yj58] {
    font-family: var(--font-mono);
    font-weight: var(--font-bold);
}

.method-badge[b-bgamg1yj58] {
    display: inline-block;
    padding: var(--space-1) var(--space-2);
    background: color-mix(in srgb, var(--color-primary) 15%, transparent);
    color: var(--color-primary);
    border-radius: var(--radius-sm);
    font-size: var(--text-xs);
    font-weight: var(--font-bold);
}

.notes[b-bgamg1yj58] {
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--text-secondary);
}

.bills-grid[b-bgamg1yj58] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: var(--space-3);
}

.bill-card[b-bgamg1yj58] {
    background: var(--surface-strong);
    border: 1px solid var(--border-light);
    border-radius: var(--radius-md);
    padding: var(--space-3);
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
}

.bill-card-header[b-bgamg1yj58] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.bill-number[b-bgamg1yj58] {
    font-family: var(--font-mono);
    font-weight: var(--font-bold);
    color: var(--text-primary);
    font-size: var(--text-base);
}

.status-badge[b-bgamg1yj58] {
    display: inline-block;
    padding: var(--space-1) var(--space-2);
    border-radius: var(--radius-sm);
    font-size: var(--text-xs);
    font-weight: var(--font-bold);
    text-transform: uppercase;
}

.status-badge.status-draft[b-bgamg1yj58] {
    background: color-mix(in srgb, var(--color-warning) 20%, transparent);
    color: var(--color-warning);
}

.status-badge.status-billed[b-bgamg1yj58] {
    background: color-mix(in srgb, var(--color-primary) 20%, transparent);
    color: var(--color-primary);
}

.status-badge.status-paid[b-bgamg1yj58] {
    background: color-mix(in srgb, var(--color-success) 20%, transparent);
    color: var(--color-success);
}

.status-badge.status-partial[b-bgamg1yj58] {
    background: color-mix(in srgb, var(--color-info) 20%, transparent);
    color: var(--color-info);
}

.status-badge.status-cancelled[b-bgamg1yj58] {
    background: color-mix(in srgb, var(--color-error) 20%, transparent);
    color: var(--color-error);
}

.bill-card-body[b-bgamg1yj58] {
    display: flex;
    flex-direction: column;
    gap: var(--space-1);
    font-size: var(--text-sm);
}

.info-row[b-bgamg1yj58] {
    display: flex;
    justify-content: space-between;
}

.info-row .label[b-bgamg1yj58] {
    color: var(--text-secondary);
    font-weight: var(--font-medium);
}

.amount-paid[b-bgamg1yj58] {
    color: var(--color-success);
    font-weight: var(--font-bold);
}

.amount-outstanding[b-bgamg1yj58] {
    color: var(--color-warning);
    font-weight: var(--font-bold);
}

.bill-card-footer[b-bgamg1yj58] {
    margin-top: var(--space-2);
    padding-top: var(--space-2);
    border-top: 1px solid var(--border-light);
}

.btn[b-bgamg1yj58] {
    padding: var(--space-2) var(--space-3);
    font-size: var(--text-sm);
    font-weight: var(--font-medium);
    border: none;
    border-radius: var(--radius-sm);
    cursor: pointer;
    transition: all var(--transition-base);
}

.btn-sm[b-bgamg1yj58] {
    padding: var(--space-1) var(--space-2);
    font-size: var(--text-xs);
}

.btn-primary[b-bgamg1yj58] {
    background: var(--color-primary);
    color: var(--text-inverse);
}

.btn-primary:hover[b-bgamg1yj58] {
    opacity: 0.9;
}

.btn-outline[b-bgamg1yj58] {
    background: transparent;
    border: 1px solid var(--border-light);
    color: var(--text-primary);
}

.btn-outline:hover[b-bgamg1yj58] {
    background: var(--surface-raised);
    border-color: var(--color-primary);
}

.modal-overlay[b-bgamg1yj58] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--bg-overlay);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: var(--z-modal);
}

.modal-dialog[b-bgamg1yj58] {
    background: var(--surface-raised);
    border: 1px solid var(--border-light);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-lg);
    max-width: 600px;
    width: 90%;
    max-height: 90vh;
    overflow-y: auto;
}

.modal-lg[b-bgamg1yj58] {
    max-width: 900px;
}

.modal-header[b-bgamg1yj58] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: var(--space-4);
    border-bottom: 1px solid var(--border-light);
}

.modal-header h2[b-bgamg1yj58] {
    margin: 0;
    font-size: var(--text-lg);
    font-weight: var(--font-bold);
}

.modal-close-btn[b-bgamg1yj58] {
    background: transparent;
    border: none;
    font-size: var(--text-3xl);
    cursor: pointer;
    color: var(--text-secondary);
}

.modal-body[b-bgamg1yj58] {
    padding: var(--space-4);
}
/* /Pages/Dental/DentalChartPage.razor.rz.scp.css */
.dental-chart-page__loading[b-m7omgmlcoy] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--sp-4);
    padding: var(--sp-12) var(--sp-6);
    color: var(--text-muted);
}

.patient-strip[b-m7omgmlcoy] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--sp-2);
    margin-bottom: var(--sp-6);
}

/* ---- Main workspace (odontogram + panel side-by-side) ---- */
.dental-chart-page__workspace[b-m7omgmlcoy] {
    display: grid;
    grid-template-columns: 1fr 340px;
    gap: var(--sp-5);
    align-items: flex-start;
    margin-bottom: var(--sp-6);
}

.dental-chart-page__odontogram[b-m7omgmlcoy] {
    min-width: 0;
}

/* ---- Finding panel (right sidebar) ---- */
.dental-chart-page__panel[b-m7omgmlcoy] {
    position: sticky;
    top: var(--sp-4);
}

.dental-chart-page__hint[b-m7omgmlcoy] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--sp-8) var(--sp-5);
    border: 1px dashed var(--border);
    border-radius: var(--r-lg);
    background: var(--bg-surface);
    color: var(--text-muted);
    font-size: var(--text-sm);
    text-align: center;
    min-height: 200px;
}

/* ---- Finding panel card ---- */
.finding-panel[b-m7omgmlcoy] {
    border: 1px solid var(--border);
    border-radius: var(--r-lg);
    background: var(--bg-surface);
    box-shadow: var(--sh-sm);
    overflow: hidden;
}

.finding-panel__header[b-m7omgmlcoy] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: var(--sp-4) var(--sp-5);
    border-bottom: 1px solid var(--border-muted);
    background: var(--bg-subtle);
}

.finding-panel__eyebrow[b-m7omgmlcoy] {
    font-size: var(--text-xs);
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--text-muted);
    margin: 0 0 var(--sp-1);
    font-weight: var(--font-semibold);
}

.finding-panel__title[b-m7omgmlcoy] {
    margin: 0;
    font-size: var(--text-lg);
    font-weight: var(--font-bold);
    color: var(--text-primary);
    line-height: 1.2;
}

.finding-panel__subtitle[b-m7omgmlcoy] {
    margin: var(--sp-1) 0 0;
    font-size: var(--text-sm);
    color: var(--text-muted);
}

.finding-panel__close[b-m7omgmlcoy] {
    flex-shrink: 0;
    color: var(--text-muted);
}

.finding-panel__body[b-m7omgmlcoy] {
    padding: var(--sp-4) var(--sp-5);
    display: flex;
    flex-direction: column;
    gap: var(--sp-4);
    border-bottom: 1px solid var(--border-muted);
}

/* ---- Surface selector ---- */
.surface-selector[b-m7omgmlcoy] {
    display: flex;
    gap: var(--sp-2);
}

.surface-btn[b-m7omgmlcoy] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border: 1.5px solid var(--border);
    border-radius: var(--r-md);
    background: var(--bg-surface);
    font-size: var(--text-sm);
    font-weight: var(--font-bold);
    color: var(--text-secondary);
    cursor: pointer;
    transition: border-color 150ms, background 150ms, color 150ms;
}

.surface-btn:hover:not(:disabled)[b-m7omgmlcoy] {
    border-color: var(--his-400);
    background: var(--his-50);
    color: var(--his-700);
}

.surface-btn--active[b-m7omgmlcoy] {
    border-color: var(--his-600);
    background: var(--his-600);
    color: #fff;
}

.surface-btn--active:hover:not(:disabled)[b-m7omgmlcoy] {
    background: var(--his-700);
    border-color: var(--his-700);
    color: #fff;
}

.field-hint[b-m7omgmlcoy] {
    font-size: var(--text-xs);
    color: var(--text-muted);
    margin: 0;
}

/* ---- Existing findings in panel ---- */
.finding-panel__history[b-m7omgmlcoy] {
    padding: var(--sp-4) var(--sp-5);
}

.finding-panel__history-title[b-m7omgmlcoy] {
    font-size: var(--text-sm);
    font-weight: var(--font-semibold);
    color: var(--text-muted);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin: 0 0 var(--sp-3);
}

.finding-row[b-m7omgmlcoy] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--sp-3);
    padding: var(--sp-2) 0;
    border-bottom: 1px solid var(--border-muted);
}

.finding-row:last-child[b-m7omgmlcoy] { border-bottom: none; }

.finding-row__info[b-m7omgmlcoy] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.finding-row__condition[b-m7omgmlcoy] {
    font-size: var(--text-sm);
    font-weight: var(--font-semibold);
    color: var(--text-primary);
}

.finding-row__surfaces[b-m7omgmlcoy] {
    font-size: var(--text-xs);
    color: var(--text-muted);
}

.finding-row__date[b-m7omgmlcoy] {
    font-size: var(--text-xs);
    color: var(--text-muted);
}

.finding-row__void[b-m7omgmlcoy] {
    flex-shrink: 0;
    font-size: var(--text-xs);
    color: var(--color-error, #ef4444);
}

/* ---- History table decorations ---- */
.finding-date[b-m7omgmlcoy] {
    display: block;
    font-size: var(--text-sm);
    font-weight: var(--font-semibold);
    color: var(--text-primary);
}

.finding-time[b-m7omgmlcoy] {
    display: block;
    font-size: var(--text-xs);
    color: var(--text-muted);
}

.tooth-fdi[b-m7omgmlcoy] {
    display: block;
    font-size: var(--text-sm);
}

.tooth-quadrant[b-m7omgmlcoy] {
    display: block;
    font-size: var(--text-xs);
    color: var(--text-muted);
}

.condition-badge[b-m7omgmlcoy] {
    display: inline-block;
    background: var(--condition-color, #f3f4f6);
    border-radius: var(--r-md);
    padding: 2px var(--sp-2);
    font-size: var(--text-xs);
    font-weight: var(--font-semibold);
    color: var(--text-primary);
}

.surface-chips[b-m7omgmlcoy] {
    display: inline-flex;
    gap: 3px;
    flex-wrap: wrap;
}

.surface-chip[b-m7omgmlcoy] {
    display: inline-block;
    background: var(--his-100);
    color: var(--his-700);
    border-radius: 3px;
    padding: 1px 5px;
    font-size: 11px;
    font-weight: var(--font-bold);
}

.dental-history__empty[b-m7omgmlcoy] {
    padding: var(--sp-8) var(--sp-6);
    text-align: center;
    color: var(--text-muted);
    font-size: var(--text-sm);
}

.finding-notes[b-m7omgmlcoy] {
    font-size: var(--text-sm);
    color: var(--text-muted);
    max-width: 200px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media (max-width: 900px) {
    .dental-chart-page__workspace[b-m7omgmlcoy] {
        grid-template-columns: 1fr;
    }

    .dental-chart-page__panel[b-m7omgmlcoy] {
        position: static;
    }
}
/* /Pages/Emergency/EmergencyDashboardPage.razor.rz.scp.css */
.ed-grid[b-m39vl0u6ja] {
  margin-top: var(--sp-3);
  display: grid;
  grid-template-columns: 1fr 320px;
  gap: var(--sp-4);
  align-items: start;
}

.ed-middle[b-m39vl0u6ja] {
  display: grid;
  gap: var(--sp-3);
}

.ed-filter-shell[b-m39vl0u6ja] {
  padding: var(--sp-2);
  border: 1px solid var(--border);
  border-radius: var(--r-md);
  background: var(--bg-surface);
  box-shadow: var(--sh-xs);
}

.ed-middle[b-m39vl0u6ja]  .queue-table-wrap {
  min-height: 420px;
}

/* ── Detail panel ───────────────────────────────────────── */

.ed-detail-empty[b-m39vl0u6ja] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--sp-2);
  padding: var(--sp-6) var(--sp-3);
  color: var(--text-secondary);
  font-size: var(--text-sm);
  text-align: center;
}

.ed-detail-empty__icon[b-m39vl0u6ja] {
  display: flex;
  font-size: 2rem;
  color: var(--text-tertiary);
  margin-bottom: var(--sp-1);
}

.ed-detail-avatar[b-m39vl0u6ja] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  background: color-mix(in srgb, var(--error-500, #ef4444) 12%, transparent);
  color: var(--error-600, #dc2626);
  font-size: var(--text-sm);
  font-weight: var(--font-bold);
  margin-bottom: var(--sp-3);
}

.ed-detail-list[b-m39vl0u6ja] {
  display: grid;
  grid-template-columns: max-content 1fr;
  gap: var(--sp-1) var(--sp-3);
  margin: 0 0 var(--sp-4);
  font-size: var(--text-sm);
}

.ed-detail-list dt[b-m39vl0u6ja] {
  color: var(--text-secondary);
  font-weight: var(--font-medium);
  white-space: nowrap;
  padding-top: 3px;
}

.ed-detail-list dd[b-m39vl0u6ja] {
  margin: 0;
  color: var(--text-primary);
  font-weight: var(--font-semibold);
}

/* ── Loading state ──────────────────────────────────────── */

.ed-loading[b-m39vl0u6ja] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--sp-3);
  padding: 3rem 0;
  color: var(--text-secondary);
  font-size: var(--text-sm);
}

.ed-loading__spinner[b-m39vl0u6ja] {
  width: 1.5rem;
  height: 1.5rem;
  border: 2px solid var(--border);
  border-top-color: var(--error-500, #ef4444);
  border-radius: 50%;
  animation: ed-spin-b-m39vl0u6ja .7s linear infinite;
}

@keyframes ed-spin-b-m39vl0u6ja {
  to { rotate: 1turn; }
}

/* ── Dark theme ─────────────────────────────────────────── */

[data-theme="dark"] .ed-detail-avatar[b-m39vl0u6ja] {
  background: color-mix(in srgb, var(--error-400, #f87171) 18%, transparent);
  color: var(--error-300, #fca5a5);
}

/* ── Responsive ─────────────────────────────────────────── */

@media (max-width: 1100px) {
  .ed-grid[b-m39vl0u6ja] {
    grid-template-columns: 1fr;
  }
}
/* /Pages/ForgotPassword.razor.rz.scp.css */
.login-container[b-2z9g77s9yk] {
    position: relative;
    width: 100%;
    min-height: 100dvh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: clamp(1.25rem, 4vw, 2.5rem);
    overflow: hidden;
    background:
        radial-gradient(circle at top left, color-mix(in srgb, var(--color-secondary) 20%, transparent), transparent 26%),
        radial-gradient(circle at bottom right, color-mix(in srgb, var(--color-primary) 26%, transparent), transparent 34%),
        linear-gradient(
            140deg,
            color-mix(in srgb, var(--bg-shell) 92%, var(--color-secondary-light) 8%) 0%,
            color-mix(in srgb, var(--bg-secondary) 90%, var(--color-secondary-light) 10%) 45%,
            color-mix(in srgb, var(--bg-primary) 88%, var(--color-primary-lighter) 12%) 100%
        );
}

.login-card[b-2z9g77s9yk] {
    position: relative;
    z-index: 1;
    width: min(100%, 460px);
    padding: clamp(2rem, 4vw, 2.75rem);
    border-radius: 32px;
    border: 1px solid color-mix(in srgb, var(--border-light) 92%, transparent);
    background: color-mix(in srgb, var(--surface-strong) 94%, transparent);
    backdrop-filter: blur(18px);
    box-shadow: var(--shadow-2xl);
}

.login-header[b-2z9g77s9yk] {
    text-align: center;
    margin-bottom: 2rem;
}

.login-header h1[b-2z9g77s9yk] {
    font-size: clamp(1.9rem, 4vw, 2.4rem);
    margin: 0 0 0.6rem 0;
    color: var(--text-primary);
}

.login-header p[b-2z9g77s9yk] {
    color: var(--text-secondary);
    margin: 0;
    font-size: var(--text-sm);
    line-height: 1.6;
}

.login-form[b-2z9g77s9yk],
.form-group[b-2z9g77s9yk] {
    display: flex;
    flex-direction: column;
}

.login-form[b-2z9g77s9yk] {
    gap: 1rem;
}

.form-group[b-2z9g77s9yk] {
    gap: 0.5rem;
}

.form-group label[b-2z9g77s9yk] {
    font-size: 0.78rem;
    font-weight: var(--font-extrabold);
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--text-tertiary);
}

.form-control[b-2z9g77s9yk] {
    min-height: 52px;
    padding: 0.95rem 1rem;
    border: 1px solid var(--border-light);
    border-radius: var(--radius-xl);
    font-size: var(--text-base);
    color: var(--text-primary);
    background: color-mix(in srgb, var(--bg-primary) 92%, transparent);
}

.form-control:focus[b-2z9g77s9yk] {
    outline: none;
    border-color: transparent;
    box-shadow: var(--focus-ring);
    background: var(--bg-primary);
}

.alert[b-2z9g77s9yk] {
    padding: 0.9rem 1rem;
    border-radius: var(--radius-xl);
    font-size: var(--text-sm);
}

.alert-error[b-2z9g77s9yk] {
    background: color-mix(in srgb, var(--color-error) 14%, transparent);
    color: color-mix(in srgb, var(--text-primary) 72%, var(--color-error) 28%);
    border: 1px solid color-mix(in srgb, var(--color-error) 28%, transparent);
}

.alert-success[b-2z9g77s9yk] {
    background: color-mix(in srgb, var(--color-success) 14%, transparent);
    color: color-mix(in srgb, var(--text-primary) 72%, var(--color-success) 28%);
    border: 1px solid color-mix(in srgb, var(--color-success) 28%, transparent);
}

.btn-primary[b-2z9g77s9yk] {
    width: 100%;
    min-height: 52px;
    padding: 0.95rem 1rem;
    background: var(--gradient-primary);
    color: var(--text-inverse);
    border: none;
    border-radius: var(--radius-xl);
    font-size: var(--text-base);
    font-weight: var(--font-bold);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.6rem;
}

.btn-primary:disabled[b-2z9g77s9yk] {
    opacity: 0.75;
    cursor: not-allowed;
}

.spinner[b-2z9g77s9yk] {
    width: 18px;
    height: 18px;
    border: 2px solid rgba(255, 255, 255, 0.35);
    border-top-color: white;
    border-radius: 50%;
    animation: spin-b-2z9g77s9yk 0.8s linear infinite;
}

@keyframes spin-b-2z9g77s9yk {
    to {
        transform: rotate(360deg);
    }
}

.login-actions[b-2z9g77s9yk] {
    display: flex;
    justify-content: flex-end;
}

.login-link[b-2z9g77s9yk] {
    color: var(--color-primary);
    font-size: var(--text-sm);
    font-weight: var(--font-semibold);
    text-decoration: none;
}

.login-link:hover[b-2z9g77s9yk] {
    text-decoration: underline;
}
/* /Pages/FrontDeskDashboard.razor.rz.scp.css */
/* ── Grid Layout ────────────────────────────────────────── */

.fd-grid[b-wtupeyxfhu] {
  margin-top: var(--sp-4);
  display: grid;
  grid-template-columns: 260px 1fr 320px;
  gap: var(--sp-4);
  align-items: start;
}

.fd-left[b-wtupeyxfhu],
.fd-middle[b-wtupeyxfhu] {
  display: grid;
  gap: var(--sp-3);
  align-content: start;
}

/* ── Section Heading ────────────────────────────────────── */

.fd-section-heading[b-wtupeyxfhu] {
  margin: 0;
  font-size: var(--text-sm);
  color: var(--text-secondary);
  letter-spacing: .04em;
  text-transform: uppercase;
  padding-bottom: var(--sp-1);
  border-bottom: 1px solid var(--border-muted);
}

/* ── Quick Action Tiles ─────────────────────────────────── */

.fd-action-tile[b-wtupeyxfhu] {
  display: flex;
  align-items: center;
  gap: var(--sp-3);
  padding: var(--sp-3);
  border: 1px solid var(--border);
  border-radius: var(--r-lg);
  background: var(--bg-surface);
  text-decoration: none;
  color: var(--text-primary);
  box-shadow: var(--sh-xs);
  transition: transform .12s ease, box-shadow .12s ease, border-color .12s ease;
}

.fd-action-tile:hover[b-wtupeyxfhu] {
  transform: translateY(-1px);
  border-color: color-mix(in srgb, var(--his-500) 45%, var(--border));
  box-shadow: var(--sh-sm);
}

.fd-action-tile--primary[b-wtupeyxfhu] {
  background: var(--his-500);
  border-color: var(--his-600);
  color: #fff;
}

.fd-action-tile--primary:hover[b-wtupeyxfhu] {
  background: var(--his-600);
  border-color: var(--his-700);
}

.fd-action-tile__icon[b-wtupeyxfhu] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.25rem;
  height: 2.25rem;
  flex-shrink: 0;
  border-radius: var(--r-md);
  background: color-mix(in srgb, var(--his-500) 12%, transparent);
  color: var(--his-600);
  font-size: 1.1rem;
}

.fd-action-tile--primary .fd-action-tile__icon[b-wtupeyxfhu] {
  background: rgba(255, 255, 255, .2);
  color: #fff;
}

.fd-action-tile__body[b-wtupeyxfhu] {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 0;
}

.fd-action-tile__label[b-wtupeyxfhu] {
  font-size: var(--text-sm);
  font-weight: var(--font-semibold);
  line-height: 1.25;
}

.fd-action-tile__hint[b-wtupeyxfhu] {
  font-size: var(--text-xs);
  color: var(--text-secondary);
  margin-top: 1px;
}

.fd-action-tile--primary .fd-action-tile__hint[b-wtupeyxfhu] {
  color: rgba(255, 255, 255, .75);
}

.fd-action-tile__arrow[b-wtupeyxfhu] {
  display: flex;
  flex-shrink: 0;
  color: var(--text-tertiary);
  font-size: 1rem;
}

.fd-action-tile--primary .fd-action-tile__arrow[b-wtupeyxfhu] {
  color: rgba(255, 255, 255, .6);
}

/* ── Queue Section ──────────────────────────────────────── */

.fd-queue-header[b-wtupeyxfhu] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: var(--sp-1);
  border-bottom: 1px solid var(--border-muted);
}

.fd-queue-header h3[b-wtupeyxfhu] {
  margin: 0;
  font-size: var(--text-sm);
  color: var(--text-secondary);
  letter-spacing: .04em;
  text-transform: uppercase;
}

.fd-filter-shell[b-wtupeyxfhu] {
  padding: var(--sp-3);
  border: 1px solid var(--border-muted);
  border-radius: var(--r-lg);
  background: var(--bg-surface);
  box-shadow: var(--sh-xs);
}

/* ── Right Column ───────────────────────────────────────────── */

.fd-right[b-wtupeyxfhu] {
  display: grid;
  gap: var(--sp-3);
  align-content: start;
}

/* ── Today's Summary Card ───────────────────────────────────── */

.fd-summary-card[b-wtupeyxfhu] {
  padding: var(--sp-4);
  border: 1px solid var(--border);
  border-radius: var(--r-lg);
  background: var(--bg-surface);
  box-shadow: var(--sh-xs);
}

.fd-summary-card__title[b-wtupeyxfhu] {
  margin: 0 0 var(--sp-3);
  font-size: var(--text-sm);
  font-weight: var(--font-semibold);
  color: var(--text-primary);
  padding-bottom: var(--sp-2);
  border-bottom: 1px solid var(--border-muted);
}

.fd-summary-list[b-wtupeyxfhu] {
  margin: 0 0 var(--sp-3);
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: var(--sp-2);
}

.fd-summary-row[b-wtupeyxfhu] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: var(--text-sm);
}

.fd-summary-row dt[b-wtupeyxfhu] {
  color: var(--text-secondary);
}

.fd-summary-row dd[b-wtupeyxfhu] {
  margin: 0;
  font-weight: var(--font-semibold);
  color: var(--text-primary);
}

.fd-summary-row--alert dd[b-wtupeyxfhu] {
  color: var(--color-urgent, #dc2626);
}

.fd-summary-capacity__label[b-wtupeyxfhu] {
  display: flex;
  justify-content: space-between;
  font-size: var(--text-xs);
  color: var(--text-secondary);
  margin-bottom: var(--sp-1);
}

.fd-summary-capacity__track[b-wtupeyxfhu] {
  height: 6px;
  background: var(--border-muted);
  border-radius: 3px;
  overflow: hidden;
}

.fd-summary-capacity__fill[b-wtupeyxfhu] {
  height: 100%;
  background: var(--his-500);
  border-radius: 3px;
  transition: width .3s ease;
}

/* ── Selected Visit Panel ───────────────────────────────── */

.fd-detail-empty[b-wtupeyxfhu] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--sp-2);
  padding: var(--sp-6) var(--sp-3);
  color: var(--text-secondary);
  font-size: var(--text-sm);
  text-align: center;
}

.fd-detail-empty__icon[b-wtupeyxfhu] {
  display: flex;
  font-size: 2rem;
  color: var(--text-tertiary);
  margin-bottom: var(--sp-1);
}

.fd-detail-avatar[b-wtupeyxfhu] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  background: color-mix(in srgb, var(--his-500) 15%, transparent);
  color: var(--his-600);
  font-size: var(--text-sm);
  font-weight: var(--font-bold);
  margin-bottom: var(--sp-3);
}

.fd-detail-list[b-wtupeyxfhu] {
  display: grid;
  grid-template-columns: max-content 1fr;
  gap: var(--sp-1) var(--sp-3);
  margin: 0 0 var(--sp-4);
  font-size: var(--text-sm);
}

.fd-detail-list dt[b-wtupeyxfhu] {
  color: var(--text-secondary);
  font-weight: var(--font-medium);
  white-space: nowrap;
  padding-top: 3px;
}

.fd-detail-list dd[b-wtupeyxfhu] {
  margin: 0;
  color: var(--text-primary);
  font-weight: var(--font-semibold);
}

/* ── Loading State ──────────────────────────────────────── */

.fd-loading[b-wtupeyxfhu] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--sp-3);
  padding: 3rem 0;
  color: var(--text-secondary);
  font-size: var(--text-sm);
}

.fd-loading__spinner[b-wtupeyxfhu] {
  width: 1.5rem;
  height: 1.5rem;
  border: 2px solid var(--border);
  border-top-color: var(--his-500);
  border-radius: 50%;
  animation: fd-spin-b-wtupeyxfhu .7s linear infinite;
}

@keyframes fd-spin-b-wtupeyxfhu {
  to { rotate: 1turn; }
}

/* ── Dark theme overrides ───────────────────────────────── */

[data-theme="dark"] .fd-action-tile__icon[b-wtupeyxfhu] {
  background: color-mix(in srgb, var(--his-400) 15%, transparent);
  color: var(--his-300);
}

[data-theme="dark"] .fd-detail-avatar[b-wtupeyxfhu] {
  background: color-mix(in srgb, var(--his-400) 20%, transparent);
  color: var(--his-300);
}

/* ── Responsive ─────────────────────────────────────────── */

@media (max-width: 1200px) {
  .fd-grid[b-wtupeyxfhu] {
    grid-template-columns: 1fr;
  }

  .fd-right[b-wtupeyxfhu] {
    grid-column: 1 / -1;
  }
}
/* /Pages/Gp/GpDashboardPage.razor.rz.scp.css */
.gp-grid[b-wlkpmpc8ux] {
  margin-top: var(--sp-3);
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--sp-4);
  align-items: start;
}

.gp-inbox[b-wlkpmpc8ux],
.gp-results[b-wlkpmpc8ux] {
  display: grid;
  gap: var(--sp-2);
  align-content: start;
}

.gp-inbox h3[b-wlkpmpc8ux],
.gp-results h3[b-wlkpmpc8ux] {
  margin: 0;
  font-size: var(--text-sm);
  color: var(--text-secondary);
  letter-spacing: .04em;
  text-transform: uppercase;
  border-bottom: 1px solid var(--border-muted);
  padding-bottom: var(--sp-1);
}

.gp-inbox > .card[b-wlkpmpc8ux],
.gp-results[b-wlkpmpc8ux]  .alert-banner {
  box-shadow: var(--sh-xs);
}

.gp-followup-card[b-wlkpmpc8ux]  .card {
  border-color: var(--border);
  transition: transform .12s ease, border-color .12s ease, box-shadow .12s ease;
}

.gp-followup-card:hover[b-wlkpmpc8ux]  .card {
  transform: translateY(-1px);
  border-color: color-mix(in srgb, var(--his-500) 45%, var(--border));
  box-shadow: var(--sh-sm);
}

.gp-followup-meta[b-wlkpmpc8ux] {
  margin: 0 0 var(--sp-2);
  color: var(--text-secondary);
}

@media (max-width: 1000px) {
  .gp-grid[b-wlkpmpc8ux] {
    grid-template-columns: 1fr;
  }
}
/* /Pages/Index.razor.rz.scp.css */
.dashboard[b-gp7wtbbxio] {
    display: flex;
    flex-direction: column;
    gap: var(--space-6);
}

.hero-panel[b-gp7wtbbxio],
.panel[b-gp7wtbbxio],
.loading-panel[b-gp7wtbbxio] {
    position: relative;
    overflow: hidden;
    border-radius: var(--radius-card);
    border: 1px solid var(--border-light);
    background: color-mix(in srgb, var(--surface-strong) 92%, transparent);
    box-shadow: var(--elevation-2);
}

.hero-panel[b-gp7wtbbxio] {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(300px, 0.9fr);
    gap: var(--space-6);
    padding: clamp(1.25rem, 2vw, 2rem);
    background:
        linear-gradient(135deg, rgba(15, 118, 110, 0.08), rgba(59, 130, 246, 0.08)),
        color-mix(in srgb, var(--surface-strong) 92%, transparent);
}

.hero-panel[b-gp7wtbbxio]::after {
    content: "";
    position: absolute;
    inset: auto -10% -55% 45%;
    height: 20rem;
    background: radial-gradient(circle, rgba(59, 130, 246, 0.14), transparent 60%);
    pointer-events: none;
}

.hero-copy[b-gp7wtbbxio],
.hero-actions[b-gp7wtbbxio] {
    position: relative;
    z-index: 1;
}

.hero-copy[b-gp7wtbbxio] {
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
}

.hero-kicker[b-gp7wtbbxio],
.panel-kicker[b-gp7wtbbxio],
.detail-label[b-gp7wtbbxio] {
    text-transform: uppercase;
    letter-spacing: 0.12em;
    font-size: 0.72rem;
    font-weight: var(--font-extrabold);
    color: var(--text-tertiary);
}

.hero-copy h1[b-gp7wtbbxio] {
    max-width: 16ch;
    font-size: clamp(1.6rem, 3vw, 2.4rem);
}

.hero-copy p[b-gp7wtbbxio] {
    max-width: 62ch;
    font-size: var(--text-base);
    line-height: var(--line-height-relaxed);
}

.hero-details[b-gp7wtbbxio] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-3);
}

.detail-pill[b-gp7wtbbxio] {
    min-width: 180px;
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    padding: var(--space-4);
    border-radius: var(--radius-xl);
    border: 1px solid var(--border-light);
    background: color-mix(in srgb, var(--surface-subtle) 90%, transparent);
}

.detail-value[b-gp7wtbbxio] {
    color: var(--text-primary);
    font-size: var(--text-sm);
    font-weight: var(--font-semibold);
}

.hero-actions[b-gp7wtbbxio] {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
}

.hero-action[b-gp7wtbbxio] {
    display: flex;
    align-items: center;
    gap: var(--space-4);
    padding: var(--space-4);
    border-radius: var(--radius-xl);
    border: 1px solid var(--border-light);
    background: color-mix(in srgb, var(--surface-subtle) 90%, transparent);
    transition: var(--transition-default);
}

.hero-action:hover[b-gp7wtbbxio] {
    transform: translateY(-2px);
    box-shadow: var(--elevation-2);
    border-color: var(--border-medium);
}

.hero-action-primary[b-gp7wtbbxio] {
    background: linear-gradient(135deg, rgba(15, 118, 110, 0.16), rgba(59, 130, 246, 0.1));
}

.hero-action-code[b-gp7wtbbxio],
.metric-code[b-gp7wtbbxio],
.action-card-code[b-gp7wtbbxio],
.empty-state-code[b-gp7wtbbxio] {
    width: 3rem;
    height: 3rem;
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 1rem;
    background: var(--gradient-primary);
    box-shadow: var(--shadow-primary);
    color: var(--text-inverse);
    font-size: 0.76rem;
    font-weight: var(--font-extrabold);
    letter-spacing: 0.14em;
}

.hero-action-copy[b-gp7wtbbxio],
.metric-copy[b-gp7wtbbxio] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.hero-action-copy strong[b-gp7wtbbxio],
.action-card-title[b-gp7wtbbxio] {
    color: var(--text-primary);
    font-size: var(--text-sm);
}

.hero-action-copy span:last-child[b-gp7wtbbxio],
.action-card-text[b-gp7wtbbxio],
.metric-footnote[b-gp7wtbbxio] {
    color: var(--text-secondary);
    font-size: var(--text-sm);
    line-height: 1.6;
}

.loading-panel[b-gp7wtbbxio] {
    display: flex;
    align-items: center;
    gap: var(--space-5);
    padding: var(--space-6);
}

.loading-copy[b-gp7wtbbxio] {
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
}

.metric-grid[b-gp7wtbbxio] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: var(--space-4);
}

.metric-card[b-gp7wtbbxio] {
    display: flex;
    gap: var(--space-4);
    align-items: flex-start;
    padding: var(--space-5);
    border-radius: var(--radius-card);
    border: 1px solid var(--border-light);
    background: color-mix(in srgb, var(--surface-strong) 92%, transparent);
    box-shadow: var(--elevation-1);
}

.metric-label[b-gp7wtbbxio] {
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-size: 0.72rem;
    font-weight: var(--font-extrabold);
    color: var(--text-tertiary);
}

.metric-value[b-gp7wtbbxio] {
    font-size: clamp(1.75rem, 3vw, 2.4rem);
}

.metric-value--muted[b-gp7wtbbxio] {
    font-size: clamp(1.2rem, 2.2vw, 1.5rem);
    color: var(--text-secondary);
}

.dashboard-grid[b-gp7wtbbxio] {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(320px, 0.85fr);
    gap: var(--space-4);
}

.dashboard-grid--single[b-gp7wtbbxio] {
    grid-template-columns: minmax(0, 1fr);
}

.panel[b-gp7wtbbxio] {
    padding: var(--space-6);
}

.panel-header[b-gp7wtbbxio] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--space-4);
    margin-bottom: var(--space-5);
}

.panel-header h2[b-gp7wtbbxio] {
    font-size: var(--text-xl);
    max-width: 24ch;
}

.action-grid[b-gp7wtbbxio] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--space-4);
}

.action-card[b-gp7wtbbxio] {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
    padding: var(--space-4);
    border-radius: var(--radius-xl);
    border: 1px solid var(--border-light);
    background: color-mix(in srgb, var(--surface-subtle) 92%, transparent);
    transition: var(--transition-default);
}

.action-card:hover[b-gp7wtbbxio] {
    transform: translateY(-2px);
    border-color: var(--border-medium);
    box-shadow: var(--elevation-2);
}

.activity-list[b-gp7wtbbxio] {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
}

.activity-item[b-gp7wtbbxio] {
    display: grid;
    grid-template-columns: 92px minmax(0, 1fr);
    gap: var(--space-3);
    align-items: start;
    padding: var(--space-4);
    border-radius: var(--radius-xl);
    border: 1px solid var(--border-light);
    background: color-mix(in srgb, var(--surface-subtle) 92%, transparent);
}

.activity-time[b-gp7wtbbxio] {
    color: var(--color-primary);
    font-size: var(--text-xs);
    font-weight: var(--font-extrabold);
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.activity-text[b-gp7wtbbxio] {
    color: var(--text-primary);
    line-height: var(--line-height-relaxed);
}

.empty-state[b-gp7wtbbxio] {
    display: flex;
    align-items: center;
    gap: var(--space-4);
    padding: var(--space-5);
    border-radius: var(--radius-xl);
    border: 1px dashed var(--border-medium);
    background: color-mix(in srgb, var(--surface-subtle) 88%, transparent);
}

.empty-state h3[b-gp7wtbbxio] {
    margin-bottom: var(--space-1);
    font-size: var(--text-lg);
}

.empty-state-code[b-gp7wtbbxio] {
    background: linear-gradient(135deg, rgba(148, 163, 184, 0.45), rgba(100, 116, 139, 0.45));
    box-shadow: none;
}

@media (max-width: 1200px) {
    .hero-panel[b-gp7wtbbxio],
    .dashboard-grid[b-gp7wtbbxio] {
        grid-template-columns: 1fr;
    }

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

@media (max-width: 720px) {
    .metric-grid[b-gp7wtbbxio],
    .action-grid[b-gp7wtbbxio] {
        grid-template-columns: 1fr;
    }

    .hero-panel[b-gp7wtbbxio],
    .panel[b-gp7wtbbxio],
    .loading-panel[b-gp7wtbbxio] {
        padding: var(--space-5);
    }

    .activity-item[b-gp7wtbbxio] {
        grid-template-columns: 1fr;
    }
}

/* Metric card semantic colors */
.metric-card[data-metric="queue"] .metric-code[b-gp7wtbbxio] {
    background: linear-gradient(135deg, var(--warning-500, #f59e0b), #d97706);
    box-shadow: 0 24px 60px -28px rgba(245, 158, 11, 0.4);
}

.metric-card[data-metric="billing"] .metric-code[b-gp7wtbbxio] {
    background: linear-gradient(135deg, var(--error-500, #ef4444), #dc2626);
    box-shadow: 0 24px 60px -28px rgba(239, 68, 68, 0.35);
}

/* Skeleton loading */
.skeleton-badge[b-gp7wtbbxio]    { width: 3rem; height: 3rem; border-radius: var(--radius-xl); flex-shrink: 0; }
.skeleton-label[b-gp7wtbbxio]    { display: block; height: 0.7rem; width: 60%; border-radius: var(--radius-full); margin-bottom: 0.5rem; }
.skeleton-value[b-gp7wtbbxio]    { display: block; height: 2.2rem; width: 45%; border-radius: var(--radius-md); margin-bottom: 0.5rem; }
.skeleton-footnote[b-gp7wtbbxio] { display: block; height: 0.7rem; width: 90%; border-radius: var(--radius-full); }
.skeleton-panel[b-gp7wtbbxio]    { min-height: 280px; }
/* /Pages/Inpatient/PatientDischargePage.razor.rz.scp.css */
@media print {
    .no-print[b-7p60hpajrk] {
        display: none !important;
    }

    .discharge-print-root[b-7p60hpajrk] {
        background: white;
        color: black;
    }

    .discharge-summary-preview[b-7p60hpajrk] {
        border: none !important;
        padding: 0 !important;
    }
}

.discharge-summary-preview[b-7p60hpajrk] {
    max-height: 280px;
    overflow: auto;
    font-size: 0.9rem;
}
/* /Pages/Login.razor.rz.scp.css */
/* ── Split layout shell ─────────────────────────────────── */
.login-split[b-62oh9h7i71] {
    min-height: 100dvh;
    display: grid;
    grid-template-columns: 1fr 1fr;
}

@media (max-width: 900px) {
    .login-split[b-62oh9h7i71] {
        grid-template-columns: 1fr;
    }
    .login-brand[b-62oh9h7i71] {
        display: none;
    }
}

/* ── Brand panel (left) ─────────────────────────────────── */
.login-brand[b-62oh9h7i71] {
    background: var(--gradient-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3rem 2.5rem;
    position: relative;
    overflow: hidden;
}

/* Decorative orb — single, subtle */
.login-brand[b-62oh9h7i71]::before {
    content: '';
    position: absolute;
    width: 42rem;
    height: 42rem;
    border-radius: 50%;
    top: -20rem;
    left: -16rem;
    background: rgba(255, 255, 255, 0.06);
    pointer-events: none;
}

.login-brand__content[b-62oh9h7i71] {
    position: relative;
    z-index: 1;
    max-width: 28rem;
    width: 100%;
    color: white;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.login-brand__logo-wrap[b-62oh9h7i71] {
    width: 100%;
    margin-bottom: 1.5rem;
}

.login-brand__logo[b-62oh9h7i71] {
    width: 100%;
    max-width: 22rem;
    height: auto;
    object-fit: contain;
}

.login-brand__tagline[b-62oh9h7i71] {
    font-size: 1.05rem;
    line-height: 1.7;
    color: rgba(255, 255, 255, 0.78);
    margin: 0;
}

/* ── Form panel (right) ─────────────────────────────────── */
.login-form-panel[b-62oh9h7i71] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: clamp(1.5rem, 4vw, 2.5rem);
    background:
        radial-gradient(circle at bottom right,
            color-mix(in srgb, var(--color-primary) 18%, transparent), transparent 32%),
        var(--bg-secondary);
}

.login-card[b-62oh9h7i71] {
    position: relative;
    z-index: 1;
    width: min(100%, 560px);
    padding: clamp(2rem, 4vw, 2.75rem);
    border-radius: 32px;
    border: 1px solid color-mix(in srgb, var(--border-light) 92%, transparent);
    background: color-mix(in srgb, var(--surface-strong) 94%, transparent);
    backdrop-filter: blur(18px);
    box-shadow: var(--shadow-2xl);
}

.login-header[b-62oh9h7i71] {
    text-align: center;
    margin-bottom: 2rem;
}

.login-header h1[b-62oh9h7i71] {
    font-size: clamp(1.9rem, 4vw, 2.4rem);
    margin: 0 0 0.6rem 0;
    color: var(--text-primary);
}

.login-header p[b-62oh9h7i71] {
    color: var(--text-secondary);
    margin: 0;
    font-size: var(--text-sm);
    line-height: 1.6;
}

.login-form[b-62oh9h7i71] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.form-group[b-62oh9h7i71] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.form-group label[b-62oh9h7i71] {
    font-size: 0.78rem;
    font-weight: var(--font-extrabold);
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--text-tertiary);
}

.form-control[b-62oh9h7i71] {
    min-height: 52px;
    padding: 0.95rem 1rem;
    border: 1px solid var(--border-light);
    border-radius: var(--radius-xl);
    font-size: var(--text-base);
    color: var(--text-primary);
    background: color-mix(in srgb, var(--bg-primary) 92%, transparent);
    transition: var(--transition-default);
}

.form-control[b-62oh9h7i71]::placeholder {
    color: var(--text-tertiary);
}

.form-control:focus[b-62oh9h7i71] {
    outline: none;
    border-color: transparent;
    box-shadow: var(--focus-ring);
    background: var(--bg-primary);
}

.form-control:-webkit-autofill[b-62oh9h7i71],
.form-control:-webkit-autofill:hover[b-62oh9h7i71],
.form-control:-webkit-autofill:active[b-62oh9h7i71] {
    border: 1px solid var(--border-light);
    -webkit-text-fill-color: var(--text-primary);
    caret-color: var(--text-primary);
    -webkit-box-shadow: 0 0 0 1000px color-mix(in srgb, var(--bg-primary) 92%, transparent) inset;
    box-shadow: 0 0 0 1000px color-mix(in srgb, var(--bg-primary) 92%, transparent) inset;
    transition: background-color 99999s ease-in-out 0s;
}

.form-control:-webkit-autofill:focus[b-62oh9h7i71] {
    border: 1px solid transparent;
    -webkit-text-fill-color: var(--text-primary);
    caret-color: var(--text-primary);
    -webkit-box-shadow: 0 0 0 1000px var(--bg-primary) inset, var(--focus-ring);
    box-shadow: 0 0 0 1000px var(--bg-primary) inset, var(--focus-ring);
}

.alert[b-62oh9h7i71] {
    padding: 0.9rem 1rem;
    border-radius: var(--radius-xl);
    font-size: var(--text-sm);
}

.alert-error[b-62oh9h7i71] {
    background: color-mix(in srgb, var(--color-error) 14%, transparent);
    color: color-mix(in srgb, var(--text-primary) 72%, var(--color-error) 28%);
    border: 1px solid color-mix(in srgb, var(--color-error) 28%, transparent);
}

.btn-primary[b-62oh9h7i71] {
    width: 100%;
    min-height: 52px;
    padding: 0.95rem 1rem;
    background: var(--gradient-primary);
    color: var(--text-inverse);
    border: none;
    border-radius: var(--radius-xl);
    font-size: var(--text-base);
    font-weight: var(--font-bold);
    cursor: pointer;
    transition: var(--transition-default);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.6rem;
    box-shadow: var(--shadow-primary);
}

.btn-primary:hover:not(:disabled)[b-62oh9h7i71] {
    transform: translateY(-2px);
    box-shadow: var(--shadow-2xl);
}

.btn-primary:disabled[b-62oh9h7i71] {
    opacity: 0.75;
    cursor: not-allowed;
}

.spinner[b-62oh9h7i71] {
    width: 18px;
    height: 18px;
    border: 2px solid rgba(255, 255, 255, 0.35);
    border-top-color: white;
    border-radius: 50%;
    animation: spin-b-62oh9h7i71 0.8s linear infinite;
}

@keyframes spin-b-62oh9h7i71 {
    to {
        transform: rotate(360deg);
    }
}

.login-footer[b-62oh9h7i71] {
    text-align: center;
    margin-top: 1.75rem;
    padding-top: 1.25rem;
    border-top: 1px solid var(--border-light);
}

.login-footer p[b-62oh9h7i71] {
    margin: 0.2rem 0;
    font-size: var(--text-xs);
    color: var(--text-secondary);
}

.login-actions[b-62oh9h7i71] {
    display: flex;
    justify-content: flex-end;
}

.login-link[b-62oh9h7i71] {
    color: var(--color-primary);
    font-size: var(--text-sm);
    font-weight: var(--font-semibold);
    text-decoration: none;
}

.login-link:hover[b-62oh9h7i71] {
    text-decoration: underline;
}
/* /Pages/PatientChart.razor.rz.scp.css */
.pc-shell[b-02q7obvn0n] {
    --pc-border: color-mix(in srgb, var(--border-light) 78%, var(--color-primary) 22%);
    --pc-border-strong: color-mix(in srgb, var(--border-light) 56%, var(--color-primary) 44%);
    --pc-surface: linear-gradient(180deg, color-mix(in srgb, var(--surface-strong) 97%, white 3%), color-mix(in srgb, var(--surface-raised) 94%, white 6%));
    --pc-surface-elevated: linear-gradient(180deg, color-mix(in srgb, var(--surface-raised) 96%, white 4%), var(--surface-raised));
    --pc-muted: var(--text-secondary);
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
    padding: var(--space-5);
    background:
        radial-gradient(circle at top left, color-mix(in srgb, var(--color-primary) 9%, transparent), transparent 28%),
        linear-gradient(180deg, color-mix(in srgb, var(--surface) 98%, white 2%), var(--surface));
}

.pc-overlay[b-02q7obvn0n] {
    position: fixed;
    inset: 0;
    z-index: 20;
}

.pc-banner[b-02q7obvn0n],
.pc-drawer[b-02q7obvn0n],
.pc-rail__panel[b-02q7obvn0n],
.pc-content__header[b-02q7obvn0n],
.pc-clinical-surface[b-02q7obvn0n],
.pc-copilot-rail[b-02q7obvn0n] {
    border: 1px solid var(--pc-border);
    border-radius: 24px;
    background: var(--pc-surface);
    box-shadow: 0 26px 48px -40px rgba(15, 23, 42, 0.42);
}

.pc-banner[b-02q7obvn0n] {
    padding: 22px 24px 24px;
}

.pc-banner__toolbar[b-02q7obvn0n],
.pc-banner__main[b-02q7obvn0n] {
    display: flex;
    justify-content: space-between;
    gap: var(--space-4);
}

.pc-banner__eyebrow-group[b-02q7obvn0n] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    flex-wrap: wrap;
}

.pc-banner__eyebrow[b-02q7obvn0n],
.pc-content__eyebrow[b-02q7obvn0n],
.pc-rail__group-label[b-02q7obvn0n],
.pc-metric-card__label[b-02q7obvn0n] {
    font-size: .72rem;
    text-transform: uppercase;
    letter-spacing: .1em;
    color: var(--pc-muted);
    font-weight: 700;
}

.pc-banner__location[b-02q7obvn0n] {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 0 var(--space-3);
    border-radius: 999px;
    background: color-mix(in srgb, var(--surface-strong) 88%, white 12%);
    border: 1px solid var(--pc-border);
    color: var(--text-primary);
    font-size: .78rem;
    font-weight: 700;
}

.pc-banner__utility-actions[b-02q7obvn0n] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: var(--space-2);
}

.pc-utility-link[b-02q7obvn0n] {
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    padding: 0 14px;
    border-radius: 999px;
    border: 1px solid var(--pc-border);
    color: var(--text-primary);
    text-decoration: none;
    background: color-mix(in srgb, var(--surface-strong) 94%, transparent);
    font-size: .84rem;
    font-weight: 700;
}

.pc-utility-link:hover[b-02q7obvn0n] {
    background: color-mix(in srgb, var(--color-primary) 10%, var(--surface-strong));
    color: var(--color-primary);
}

.pc-actions-dropdown[b-02q7obvn0n] {
    position: relative;
    z-index: 30;
}

.pc-actions-toggle[b-02q7obvn0n] {
    min-width: 140px;
}

.pc-actions-menu[b-02q7obvn0n] {
    position: absolute;
    top: calc(100% + var(--space-2));
    right: 0;
    min-width: 260px;
    padding: var(--space-2);
    border: 1px solid var(--pc-border);
    border-radius: 18px;
    background: color-mix(in srgb, var(--surface-raised) 98%, white 2%);
    box-shadow: 0 24px 40px -28px rgba(15, 23, 42, 0.5);
}

.pc-actions-menu__item[b-02q7obvn0n] {
    display: block;
    width: 100%;
    padding: 12px 14px;
    border: 0;
    border-radius: 14px;
    background: transparent;
    color: var(--text-primary);
    text-decoration: none;
    text-align: left;
    font-weight: 600;
}

.pc-actions-menu__item:hover[b-02q7obvn0n] {
    background: color-mix(in srgb, var(--color-primary) 10%, var(--surface-subtle));
}

.pc-actions-menu__item--danger[b-02q7obvn0n] {
    color: var(--color-error);
}

.pc-actions-menu__divider[b-02q7obvn0n],
.pc-rail__divider[b-02q7obvn0n] {
    height: 1px;
    background: var(--pc-border);
    margin: var(--space-2) 0;
}

.pc-banner__main[b-02q7obvn0n] {
    margin-top: 18px;
    align-items: stretch;
}

.pc-banner__identity[b-02q7obvn0n] {
    display: flex;
    gap: 18px;
    min-width: 0;
    flex: 1 1 auto;
}

.pc-avatar[b-02q7obvn0n] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 22px;
    background: linear-gradient(145deg, color-mix(in srgb, var(--color-primary) 90%, white 10%), color-mix(in srgb, var(--color-secondary) 58%, var(--color-primary)));
    color: white;
    font-weight: 800;
    letter-spacing: .08em;
    box-shadow: 0 22px 36px -30px rgba(37, 99, 235, 0.85);
}

.pc-avatar--xl[b-02q7obvn0n] {
    width: 72px;
    height: 72px;
    font-size: 1.4rem;
    flex-shrink: 0;
}

.pc-banner__copy[b-02q7obvn0n] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    min-width: 0;
}

.pc-banner__name-row[b-02q7obvn0n],
.pc-header__chips[b-02q7obvn0n],
.pc-banner__risk-strip[b-02q7obvn0n] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    flex-wrap: wrap;
}

.pc-header__name[b-02q7obvn0n] {
    margin: 0;
    font-size: clamp(1.85rem, 3vw, 2.7rem);
    line-height: 1.02;
    font-weight: 800;
    color: var(--text-primary);
}

.pc-chip[b-02q7obvn0n],
.pc-sex-symbol[b-02q7obvn0n],
.pc-status-badge[b-02q7obvn0n],
.pc-flag[b-02q7obvn0n] {
    display: inline-flex;
    align-items: center;
    min-height: 32px;
    padding: 0 12px;
    border-radius: 999px;
    border: 1px solid var(--pc-border);
    background: color-mix(in srgb, var(--surface-strong) 92%, transparent);
    font-size: .82rem;
    font-weight: 700;
    color: var(--text-primary);
}

.pc-chip--id[b-02q7obvn0n] {
    font-family: var(--font-mono);
    background: color-mix(in srgb, var(--color-primary) 10%, var(--surface-strong));
    border-color: color-mix(in srgb, var(--color-primary) 28%, transparent);
}

.pc-sex-symbol[b-02q7obvn0n] {
    min-width: 34px;
    justify-content: center;
    padding: 0;
}

.pc-sex-symbol--female[b-02q7obvn0n] {
    color: #db2777;
}

.pc-sex-symbol--male[b-02q7obvn0n] {
    color: #0f766e;
}

.pc-sex-symbol--unknown[b-02q7obvn0n] {
    color: var(--pc-muted);
}

.pc-status-badge--active[b-02q7obvn0n],
.pc-flag--success[b-02q7obvn0n] {
    color: var(--color-success);
    border-color: color-mix(in srgb, var(--color-success) 34%, transparent);
    background: color-mix(in srgb, var(--color-success) 10%, white 90%);
}

.pc-status-badge--critical[b-02q7obvn0n],
.pc-flag--danger[b-02q7obvn0n] {
    color: var(--color-error);
    border-color: color-mix(in srgb, var(--color-error) 34%, transparent);
    background: color-mix(in srgb, var(--color-error) 10%, white 90%);
}

.pc-flag--warning[b-02q7obvn0n] {
    color: #9a6700;
    border-color: color-mix(in srgb, #d4a017 35%, transparent);
    background: color-mix(in srgb, #d4a017 10%, white 90%);
}

.pc-flag--neutral[b-02q7obvn0n] {
    color: var(--pc-muted);
}

.pc-banner__metrics[b-02q7obvn0n] {
    width: min(100%, 420px);
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--space-3);
    align-content: start;
}

.pc-metric-card[b-02q7obvn0n] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 16px;
    border: 1px solid var(--pc-border);
    border-radius: 18px;
    background: var(--pc-surface-elevated);
    min-width: 0;
}

.pc-metric-card strong[b-02q7obvn0n],
.pc-metric-card small[b-02q7obvn0n] {
    overflow-wrap: anywhere;
}

.pc-metric-card strong[b-02q7obvn0n] {
    font-size: .98rem;
    color: var(--text-primary);
}

.pc-metric-card small[b-02q7obvn0n] {
    color: var(--pc-muted);
    line-height: 1.4;
}

.pc-critical-banner[b-02q7obvn0n] {
    margin: 0;
}

.pc-drawer[b-02q7obvn0n] {
    padding: 22px 24px;
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.pc-drawer__header[b-02q7obvn0n] {
    display: flex;
    justify-content: space-between;
    gap: var(--space-4);
    align-items: flex-start;
}

.pc-drawer__header h2[b-02q7obvn0n] {
    margin: 6px 0 0;
    font-size: 1.3rem;
}

.pc-drawer__header p[b-02q7obvn0n] {
    max-width: 480px;
    margin: 0;
    color: var(--pc-muted);
    line-height: 1.5;
}

.pc-drawer__grid[b-02q7obvn0n] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
}

.pc-drawer__panel[b-02q7obvn0n] {
    padding: 18px;
    border: 1px solid var(--pc-border);
    border-radius: 20px;
    background: var(--pc-surface-elevated);
}

.pc-drawer__panel--wide[b-02q7obvn0n] {
    grid-column: span 2;
}

.pc-drawer__panel h3[b-02q7obvn0n] {
    margin: 0 0 14px;
    font-size: 1rem;
}

.pc-detail-list[b-02q7obvn0n] {
    display: grid;
    gap: 10px;
    margin: 0;
}

.pc-detail-list div[b-02q7obvn0n] {
    display: grid;
    grid-template-columns: 140px minmax(0, 1fr);
    gap: 12px;
    padding: 8px 0;
    border-bottom: 1px solid color-mix(in srgb, var(--pc-border) 72%, transparent);
}

.pc-detail-list div:last-child[b-02q7obvn0n] {
    border-bottom: 0;
}

.pc-detail-list dt[b-02q7obvn0n] {
    color: var(--pc-muted);
    font-size: .82rem;
    font-weight: 700;
}

.pc-detail-list dd[b-02q7obvn0n] {
    margin: 0;
    color: var(--text-primary);
    font-weight: 600;
    overflow-wrap: anywhere;
}

.pc-workspace[b-02q7obvn0n] {
    display: grid;
    grid-template-columns: minmax(250px, 280px) minmax(0, 1fr);
    gap: var(--space-4);
    align-items: start;
}

.pc-workspace.copilot-open[b-02q7obvn0n] {
    grid-template-columns: minmax(250px, 280px) minmax(0, 1fr) minmax(440px, 40%);
}

.pc-rail[b-02q7obvn0n],
.pc-canvas[b-02q7obvn0n] {
    min-width: 0;
}

.pc-rail[b-02q7obvn0n] {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
    position: sticky;
    top: var(--space-4);
}

.pc-rail__panel[b-02q7obvn0n] {
    padding: 18px;
}

.pc-rail__header h2[b-02q7obvn0n],
.pc-copilot-rail__header h2[b-02q7obvn0n] {
    margin: 6px 0 0;
    font-size: 1.1rem;
}

.pc-rail__group[b-02q7obvn0n] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 14px;
}

.pc-rail__item[b-02q7obvn0n] {
    display: flex;
    width: 100%;
    padding: 12px 14px;
    border: 1px solid transparent;
    border-left: 3px solid transparent;
    border-radius: 16px;
    background: transparent;
    text-align: left;
    color: var(--text-primary);
}

.pc-rail__item:hover[b-02q7obvn0n] {
    background: color-mix(in srgb, var(--color-primary) 8%, var(--surface-subtle));
    border-color: color-mix(in srgb, var(--color-primary) 18%, transparent);
}

.pc-rail__item.is-active[b-02q7obvn0n] {
    border-left-color: var(--color-primary);
    border-color: color-mix(in srgb, var(--color-primary) 24%, transparent);
    background: color-mix(in srgb, var(--color-primary) 10%, white 90%);
    color: var(--color-primary);
}

.pc-rail__item-copy[b-02q7obvn0n] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.pc-rail__item-label[b-02q7obvn0n] {
    font-weight: 700;
}

.pc-rail__item-description[b-02q7obvn0n] {
    color: var(--pc-muted);
    font-size: .8rem;
    line-height: 1.35;
}

.pc-rail__toggle[b-02q7obvn0n] {
    width: 100%;
    min-height: 40px;
    border-radius: 14px;
    border: 1px dashed var(--pc-border-strong);
    background: color-mix(in srgb, var(--surface-strong) 96%, transparent);
    color: var(--text-primary);
    font-weight: 700;
}

.pc-rail__toggle:hover[b-02q7obvn0n] {
    border-style: solid;
    border-color: color-mix(in srgb, var(--color-primary) 40%, transparent);
    color: var(--color-primary);
}

.pc-rail__panel--utility[b-02q7obvn0n] {
    gap: 12px;
    display: flex;
    flex-direction: column;
}

.pc-utility-block[b-02q7obvn0n] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 14px 16px;
    border-radius: 16px;
    border: 1px solid var(--pc-border);
    background: var(--pc-surface-elevated);
    color: inherit;
    text-decoration: none;
}

.pc-utility-block strong[b-02q7obvn0n] {
    color: var(--text-primary);
}

.pc-utility-block span[b-02q7obvn0n] {
    color: var(--pc-muted);
    font-size: .82rem;
    line-height: 1.4;
}

.pc-utility-block:hover[b-02q7obvn0n] {
    border-color: color-mix(in srgb, var(--color-primary) 24%, transparent);
    background: color-mix(in srgb, var(--color-primary) 6%, white 94%);
}

.pc-canvas[b-02q7obvn0n] {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
}

.pc-section-header[b-02q7obvn0n] {
    display: flex;
    justify-content: space-between;
    gap: var(--space-4);
    align-items: flex-start;
    padding: 22px 24px;
}

.pc-section-header__copy h2[b-02q7obvn0n] {
    margin: 6px 0;
    font-size: clamp(1.4rem, 2vw, 1.8rem);
}

.pc-content__description[b-02q7obvn0n] {
    margin: 0;
    color: var(--pc-muted);
    line-height: 1.5;
}

.pc-section-header__actions[b-02q7obvn0n] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-2);
    justify-content: flex-end;
}

.pc-clinical-surface[b-02q7obvn0n] {
    min-height: 620px;
    padding: 22px 24px;
    overflow: hidden;
}

.pc-copilot-rail[b-02q7obvn0n] {
    display: none;
    min-width: 0;
    padding: 18px;
    flex-direction: column;
    gap: 14px;
    position: sticky;
    top: var(--space-4);
}

.pc-copilot-rail.is-open[b-02q7obvn0n] {
    display: flex;
}

.pc-copilot-rail__header[b-02q7obvn0n] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
}

.pc-copilot-rail__header-text[b-02q7obvn0n] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.pc-copilot-rail__collapse[b-02q7obvn0n] {
    background: none;
    border: none;
    cursor: pointer;
    color: var(--pc-muted, #6b7280);
    padding: 4px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    flex-shrink: 0;
    line-height: 0;
}

.pc-copilot-rail__collapse:hover[b-02q7obvn0n] {
    color: var(--text-primary);
    background: color-mix(in srgb, var(--surface-strong) 95%, transparent);
}

@media (max-width: 1360px) {
    .pc-workspace[b-02q7obvn0n],
    .pc-workspace.copilot-open[b-02q7obvn0n] {
        grid-template-columns: minmax(230px, 270px) minmax(0, 1fr);
    }

    .pc-copilot-rail[b-02q7obvn0n] {
        grid-column: 1 / -1;
        position: static;
    }
}

@media (max-width: 1040px) {
    .pc-shell[b-02q7obvn0n] {
        padding: var(--space-4);
    }

    .pc-banner__toolbar[b-02q7obvn0n],
    .pc-banner__main[b-02q7obvn0n],
    .pc-drawer__header[b-02q7obvn0n],
    .pc-section-header[b-02q7obvn0n] {
        flex-direction: column;
    }

    .pc-banner__utility-actions[b-02q7obvn0n],
    .pc-section-header__actions[b-02q7obvn0n] {
        justify-content: flex-start;
    }

    .pc-banner__metrics[b-02q7obvn0n],
    .pc-drawer__grid[b-02q7obvn0n],
    .pc-workspace[b-02q7obvn0n] {
        grid-template-columns: 1fr;
        width: 100%;
    }

    .pc-drawer__panel--wide[b-02q7obvn0n] {
        grid-column: span 1;
    }

    .pc-rail[b-02q7obvn0n] {
        position: static;
    }
}

@media (max-width: 720px) {
    .pc-shell[b-02q7obvn0n] {
        padding: 16px;
    }

    .pc-banner[b-02q7obvn0n],
    .pc-drawer[b-02q7obvn0n],
    .pc-rail__panel[b-02q7obvn0n],
    .pc-content__header[b-02q7obvn0n],
    .pc-clinical-surface[b-02q7obvn0n],
    .pc-copilot-rail[b-02q7obvn0n] {
        padding-left: 16px;
        padding-right: 16px;
        border-radius: 20px;
    }

    .pc-banner__identity[b-02q7obvn0n] {
        flex-direction: column;
    }

    .pc-banner__metrics[b-02q7obvn0n] {
        gap: 12px;
    }

    .pc-metric-card[b-02q7obvn0n] {
        padding: 14px;
    }

    .pc-detail-list div[b-02q7obvn0n] {
        grid-template-columns: 1fr;
        gap: 4px;
    }
}

/* Second-pass density + dashboard chrome refinement */
.pc-shell[b-02q7obvn0n] {
    gap: var(--space-3);
    padding: var(--space-4);
}

.pc-banner[b-02q7obvn0n],
.pc-drawer[b-02q7obvn0n],
.pc-rail__panel[b-02q7obvn0n],
.pc-content__header[b-02q7obvn0n],
.pc-clinical-surface[b-02q7obvn0n],
.pc-copilot-rail[b-02q7obvn0n] {
    border-radius: 18px;
    box-shadow: 0 20px 38px -34px rgba(15, 23, 42, 0.34);
}

.pc-banner[b-02q7obvn0n] {
    padding: 18px 20px 20px;
}

.pc-banner__main[b-02q7obvn0n] {
    margin-top: 14px;
}

.pc-banner__identity[b-02q7obvn0n] {
    gap: 14px;
}

.pc-avatar[b-02q7obvn0n] {
    border-radius: 18px;
    box-shadow: 0 16px 28px -22px rgba(37, 99, 235, 0.55);
}

.pc-avatar--xl[b-02q7obvn0n] {
    width: 66px;
    height: 66px;
    font-size: 1.25rem;
}

.pc-banner__copy[b-02q7obvn0n] {
    gap: 10px;
}

.pc-header__name[b-02q7obvn0n] {
    font-size: clamp(1.6rem, 2.3vw, 2.35rem);
}

.pc-banner__location[b-02q7obvn0n],
.pc-utility-link[b-02q7obvn0n],
.pc-banner .btn.btn-sm[b-02q7obvn0n],
.pc-banner .btn.btn-outline-secondary.btn-sm[b-02q7obvn0n],
.pc-banner .btn.btn-primary.btn-sm[b-02q7obvn0n],
.pc-chip[b-02q7obvn0n],
.pc-sex-symbol[b-02q7obvn0n],
.pc-status-badge[b-02q7obvn0n],
.pc-flag[b-02q7obvn0n] {
    min-height: 28px;
    padding-inline: 10px;
    font-size: .76rem;
}

.pc-banner__location[b-02q7obvn0n] {
    min-height: 24px;
    padding-inline: 10px;
    background: color-mix(in srgb, var(--surface-strong) 96%, transparent);
    font-size: .74rem;
}

.pc-banner__utility-actions[b-02q7obvn0n] {
    gap: 8px;
}

.pc-utility-link[b-02q7obvn0n],
.pc-banner .btn.btn-sm[b-02q7obvn0n],
.pc-banner .btn.btn-outline-secondary.btn-sm[b-02q7obvn0n],
.pc-banner .btn.btn-primary.btn-sm[b-02q7obvn0n] {
    min-height: 32px;
    padding-inline: 12px;
    border-radius: 12px;
    font-weight: 700;
}

.pc-utility-link[b-02q7obvn0n] {
    background: color-mix(in srgb, var(--surface-strong) 98%, transparent);
    border-color: var(--pc-border);
}

.pc-utility-link:hover[b-02q7obvn0n],
.pc-banner .btn.btn-outline-secondary.btn-sm:hover[b-02q7obvn0n] {
    background: color-mix(in srgb, var(--surface-raised) 98%, transparent);
    border-color: var(--pc-border-strong);
    color: var(--text-primary);
}

.pc-banner .btn.btn-outline-secondary.btn-sm[b-02q7obvn0n] {
    background: color-mix(in srgb, var(--surface-strong) 98%, transparent);
    border-color: var(--pc-border);
    color: var(--text-primary);
}

.pc-banner .btn.btn-primary.btn-sm[b-02q7obvn0n] {
    box-shadow: none;
}

.pc-actions-toggle[b-02q7obvn0n] {
    min-width: 126px;
}

.pc-actions-menu[b-02q7obvn0n] {
    border-radius: 14px;
    box-shadow: 0 22px 38px -28px rgba(15, 23, 42, 0.46);
}

.pc-actions-menu__item[b-02q7obvn0n] {
    padding: 10px 12px;
}

.pc-actions-menu__item:hover[b-02q7obvn0n] {
    background: color-mix(in srgb, var(--surface-subtle) 92%, transparent);
}

.pc-chip--id[b-02q7obvn0n] {
    background: color-mix(in srgb, var(--surface-raised) 98%, transparent);
    border-color: var(--pc-border-strong);
}

.pc-status-badge--active[b-02q7obvn0n],
.pc-flag--success[b-02q7obvn0n] {
    border-color: color-mix(in srgb, var(--color-success) 22%, transparent);
    background: color-mix(in srgb, var(--color-success) 8%, transparent);
}

.pc-status-badge--critical[b-02q7obvn0n],
.pc-flag--danger[b-02q7obvn0n] {
    background: color-mix(in srgb, var(--color-error) 8%, transparent);
}

.pc-flag--warning[b-02q7obvn0n] {
    background: color-mix(in srgb, #d4a017 8%, transparent);
}

.pc-banner__metrics[b-02q7obvn0n] {
    gap: 10px;
}

.pc-metric-card[b-02q7obvn0n] {
    gap: 6px;
    padding: 14px;
    border-radius: 14px;
}

.pc-metric-card strong[b-02q7obvn0n] {
    font-size: .92rem;
}

.pc-drawer[b-02q7obvn0n] {
    padding: 18px 20px;
    gap: 14px;
}

.pc-drawer__panel[b-02q7obvn0n],
.pc-utility-block[b-02q7obvn0n] {
    padding: 12px 14px;
    border-radius: 14px;
}

.pc-workspace[b-02q7obvn0n] {
    gap: var(--space-3);
}

.pc-rail[b-02q7obvn0n] {
    gap: 12px;
}

.pc-rail__panel[b-02q7obvn0n],
.pc-copilot-rail[b-02q7obvn0n] {
    padding: 16px;
}

.pc-rail__item[b-02q7obvn0n] {
    padding: 11px 13px;
    border: 1px solid var(--pc-border);
    border-radius: 14px;
    background: color-mix(in srgb, var(--surface-strong) 98%, transparent);
}

.pc-rail__item:hover[b-02q7obvn0n] {
    background: color-mix(in srgb, var(--surface-raised) 98%, transparent);
    border-color: var(--pc-border-strong);
}

.pc-rail__item.is-active[b-02q7obvn0n] {
    border-color: var(--pc-border-strong);
    background: color-mix(in srgb, var(--surface-raised) 99%, transparent);
    color: var(--text-primary);
}

.pc-rail__toggle[b-02q7obvn0n] {
    border-radius: 12px;
}

.pc-rail__toggle:hover[b-02q7obvn0n] {
    border-color: var(--pc-border-strong);
    color: var(--text-primary);
}

.pc-utility-block:hover[b-02q7obvn0n] {
    border-color: var(--pc-border-strong);
    background: color-mix(in srgb, var(--surface-raised) 98%, transparent);
}

.pc-section-header[b-02q7obvn0n],
.pc-clinical-surface[b-02q7obvn0n] {
    padding: 18px 20px;
}

[data-theme="dark"] .pc-shell[b-02q7obvn0n] {
    --pc-border: rgba(111, 132, 156, 0.16);
    --pc-border-strong: rgba(111, 132, 156, 0.28);
    --pc-surface: linear-gradient(180deg, rgba(24, 31, 41, 0.98), rgba(17, 24, 33, 0.98));
    --pc-surface-elevated: linear-gradient(180deg, rgba(27, 35, 46, 0.98), rgba(20, 28, 38, 0.98));
    background:
        radial-gradient(circle at top left, rgba(16, 185, 129, 0.04), transparent 18%),
        linear-gradient(180deg, rgba(13, 18, 26, 0.54), transparent 10rem),
        color-mix(in srgb, var(--bg-secondary) 92%, var(--shell-frame));
}

[data-theme="dark"] .pc-banner[b-02q7obvn0n],
[data-theme="dark"] .pc-drawer[b-02q7obvn0n],
[data-theme="dark"] .pc-rail__panel[b-02q7obvn0n],
[data-theme="dark"] .pc-content__header[b-02q7obvn0n],
[data-theme="dark"] .pc-clinical-surface[b-02q7obvn0n],
[data-theme="dark"] .pc-copilot-rail[b-02q7obvn0n],
[data-theme="dark"] .pc-metric-card[b-02q7obvn0n],
[data-theme="dark"] .pc-actions-menu[b-02q7obvn0n],
[data-theme="dark"] .pc-drawer__panel[b-02q7obvn0n],
[data-theme="dark"] .pc-utility-block[b-02q7obvn0n] {
    border-color: var(--pc-border);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.03),
        0 20px 34px -30px rgba(0, 0, 0, 0.92);
}

[data-theme="dark"] .pc-banner__location[b-02q7obvn0n],
[data-theme="dark"] .pc-utility-link[b-02q7obvn0n],
[data-theme="dark"] .pc-banner .btn.btn-outline-secondary.btn-sm[b-02q7obvn0n],
[data-theme="dark"] .pc-chip[b-02q7obvn0n],
[data-theme="dark"] .pc-sex-symbol[b-02q7obvn0n],
[data-theme="dark"] .pc-status-badge[b-02q7obvn0n],
[data-theme="dark"] .pc-flag[b-02q7obvn0n] {
    background: rgba(20, 28, 38, 0.96);
    border-color: var(--pc-border);
}

[data-theme="dark"] .pc-chip--id[b-02q7obvn0n] {
    background: rgba(16, 24, 34, 0.98);
    color: #dce8f6;
}

[data-theme="dark"] .pc-rail__item[b-02q7obvn0n],
[data-theme="dark"] .pc-utility-link:hover[b-02q7obvn0n],
[data-theme="dark"] .pc-banner .btn.btn-outline-secondary.btn-sm:hover[b-02q7obvn0n],
[data-theme="dark"] .pc-utility-block:hover[b-02q7obvn0n] {
    background: rgba(23, 31, 42, 0.98);
}

[data-theme="dark"] .pc-rail__item[b-02q7obvn0n] {
    background: rgba(18, 25, 35, 0.98);
}

[data-theme="dark"] .pc-rail__item.is-active[b-02q7obvn0n] {
    border-color: rgba(111, 132, 156, 0.24);
    background: rgba(30, 38, 49, 0.98);
    box-shadow: inset 3px 0 0 0 #34d399;
}

[data-theme="dark"] .pc-status-badge--active[b-02q7obvn0n],
[data-theme="dark"] .pc-flag--success[b-02q7obvn0n] {
    background: rgba(16, 185, 129, 0.08);
    color: #a7f3d0;
}

[data-theme="dark"] .pc-flag--warning[b-02q7obvn0n] {
    background: rgba(245, 158, 11, 0.08);
    color: #fde68a;
}

[data-theme="dark"] .pc-status-badge--critical[b-02q7obvn0n],
[data-theme="dark"] .pc-flag--danger[b-02q7obvn0n] {
    background: rgba(239, 68, 68, 0.08);
    color: #fecaca;
}

/* Light-mode refinement */
[data-theme="light"] .pc-shell[b-02q7obvn0n] {
    --pc-border: rgba(15, 118, 110, 0.18);
    --pc-border-strong: rgba(15, 118, 110, 0.28);
    --pc-surface: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(246, 251, 252, 0.98));
    --pc-surface-elevated: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(241, 248, 249, 0.96));
    background:
        radial-gradient(circle at top left, rgba(14, 165, 233, 0.08), transparent 18%),
        radial-gradient(circle at top right, rgba(16, 185, 129, 0.06), transparent 20%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.65), rgba(239, 245, 248, 0.96));
}

[data-theme="light"] .pc-banner[b-02q7obvn0n],
[data-theme="light"] .pc-drawer[b-02q7obvn0n],
[data-theme="light"] .pc-rail__panel[b-02q7obvn0n],
[data-theme="light"] .pc-content__header[b-02q7obvn0n],
[data-theme="light"] .pc-clinical-surface[b-02q7obvn0n],
[data-theme="light"] .pc-copilot-rail[b-02q7obvn0n],
[data-theme="light"] .pc-metric-card[b-02q7obvn0n],
[data-theme="light"] .pc-actions-menu[b-02q7obvn0n],
[data-theme="light"] .pc-drawer__panel[b-02q7obvn0n],
[data-theme="light"] .pc-utility-block[b-02q7obvn0n] {
    border-color: var(--pc-border);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.86),
        0 18px 34px -30px rgba(15, 23, 42, 0.14);
}

[data-theme="light"] .pc-banner__location[b-02q7obvn0n],
[data-theme="light"] .pc-utility-link[b-02q7obvn0n],
[data-theme="light"] .pc-banner .btn.btn-outline-secondary.btn-sm[b-02q7obvn0n],
[data-theme="light"] .pc-chip[b-02q7obvn0n],
[data-theme="light"] .pc-sex-symbol[b-02q7obvn0n],
[data-theme="light"] .pc-status-badge[b-02q7obvn0n],
[data-theme="light"] .pc-flag[b-02q7obvn0n] {
    background: rgba(255, 255, 255, 0.88);
    border-color: rgba(15, 118, 110, 0.16);
}

[data-theme="light"] .pc-utility-link:hover[b-02q7obvn0n],
[data-theme="light"] .pc-banner .btn.btn-outline-secondary.btn-sm:hover[b-02q7obvn0n] {
    background: rgba(240, 250, 248, 0.96);
    color: var(--color-primary-dark);
}

[data-theme="light"] .pc-chip--id[b-02q7obvn0n] {
    background: rgba(237, 248, 246, 0.96);
    border-color: rgba(15, 118, 110, 0.22);
}

[data-theme="light"] .pc-rail__item[b-02q7obvn0n] {
    border-color: rgba(148, 163, 184, 0.2);
    background: rgba(255, 255, 255, 0.72);
}

[data-theme="light"] .pc-rail__item:hover[b-02q7obvn0n] {
    background: rgba(242, 250, 248, 0.98);
    border-color: rgba(15, 118, 110, 0.2);
}

[data-theme="light"] .pc-rail__item.is-active[b-02q7obvn0n] {
    border-color: rgba(15, 118, 110, 0.26);
    background: linear-gradient(180deg, rgba(239, 251, 247, 0.98), rgba(232, 247, 244, 0.98));
    box-shadow:
        inset 3px 0 0 0 var(--color-primary),
        0 14px 24px -24px rgba(15, 118, 110, 0.18);
}

[data-theme="light"] .pc-utility-block:hover[b-02q7obvn0n] {
    background: rgba(245, 251, 252, 0.98);
}

[data-theme="light"] .pc-status-badge--active[b-02q7obvn0n],
[data-theme="light"] .pc-flag--success[b-02q7obvn0n] {
    background: rgba(16, 185, 129, 0.1);
    color: #0f766e;
}

[data-theme="light"] .pc-flag--warning[b-02q7obvn0n] {
    background: rgba(245, 158, 11, 0.1);
}

[data-theme="light"] .pc-status-badge--critical[b-02q7obvn0n],
[data-theme="light"] .pc-flag--danger[b-02q7obvn0n] {
    background: rgba(239, 68, 68, 0.1);
}
/* /Pages/PatientChartSimple.razor.rz.scp.css */
.patient-simple-chart[b-0bi4ysdm79] {
  display: grid;
  gap: var(--sp-4);
}

.simple-header[b-0bi4ysdm79] {
  padding: var(--sp-4);
}

.simple-header h2[b-0bi4ysdm79] {
  margin: 0 0 var(--sp-2);
}

.simple-header__meta[b-0bi4ysdm79] {
  display: flex;
  gap: var(--sp-2);
  flex-wrap: wrap;
}

.simple-grid[b-0bi4ysdm79] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: var(--sp-3);
}

.mini-card__label[b-0bi4ysdm79] {
  color: var(--text-muted);
  font-size: var(--text-xs);
}

.mini-card__value[b-0bi4ysdm79] {
  font-size: var(--text-lg);
  font-weight: var(--font-semibold);
}
/* /Pages/PatientChartV2.razor.rz.scp.css */
.pcv2-shell[b-jldy1oi4h3] {
    display: flex;
    flex-direction: column;
    gap: var(--sp-4);
    padding: var(--sp-5);
    background:
        radial-gradient(circle at top left, color-mix(in oklch, var(--his-500) 9%, transparent), transparent 28%),
        linear-gradient(180deg, color-mix(in oklch, var(--bg-surface) 72%, var(--bg-canvas)), var(--bg-canvas));
}

.pcv2-overlay[b-jldy1oi4h3] {
    position: fixed;
    inset: 0;
    z-index: 20;
    border: 0;
    background: transparent;
    cursor: default;
}

.pcv2-header[b-jldy1oi4h3],
.pcv2-tabbar[b-jldy1oi4h3],
.pcv2-canvas[b-jldy1oi4h3] {
    background: var(--bg-surface);
    border: 1px solid var(--border-muted);
    border-radius: var(--r-lg);
    box-shadow: var(--sh-xs);
}

.pcv2-header[b-jldy1oi4h3] {
    position: relative;
    z-index: 25;
}

.pcv2-strip[b-jldy1oi4h3] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: var(--sp-5);
    align-items: start;
    border-bottom: 0;
}

.pcv2-identity[b-jldy1oi4h3] {
    display: grid;
    gap: var(--sp-4);
    min-width: 0;
}

.pcv2-name-row[b-jldy1oi4h3] {
    margin-bottom: 0;
}

.pcv2-patient-copy[b-jldy1oi4h3] {
    display: grid;
    gap: var(--sp-1);
    min-width: 0;
}

.pcv2-title-line[b-jldy1oi4h3] {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: var(--sp-2);
    min-width: 0;
}

.pcv2-title-line .pt-name[b-jldy1oi4h3] {
    margin: 0;
    color: var(--text-primary);
}

.pcv2-sex[b-jldy1oi4h3] {
    color: var(--text-secondary);
    font-size: var(--text-sm);
    font-weight: 600;
}

.pcv2-compact-meta[b-jldy1oi4h3] {
    display: flex;
    gap: var(--sp-2);
    flex-wrap: wrap;
    color: var(--text-muted);
    font-size: var(--text-sm);
}

.pcv2-compact-meta span:not(:last-child)[b-jldy1oi4h3]::after {
    content: "|";
    margin-inline-start: var(--sp-2);
    color: var(--border);
}

.pcv2-status-row[b-jldy1oi4h3] {
    display: flex;
    align-items: center;
    gap: var(--sp-2);
    flex-wrap: wrap;
}

.pcv2-vitals[b-jldy1oi4h3] {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    padding: 0;
}

.pcv2-vitals .vital-cell[b-jldy1oi4h3] {
    min-width: 0;
}

.pcv2-vitals .vital-val[b-jldy1oi4h3] {
    font-size: var(--text-lg);
}

.pcv2-header-actions[b-jldy1oi4h3] {
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    gap: var(--sp-2);
    flex-wrap: wrap;
}

.pcv2-actions-dropdown[b-jldy1oi4h3] {
    position: relative;
    z-index: 30;
}

.pcv2-actions-menu[b-jldy1oi4h3] {
    position: absolute;
    inset-block-start: calc(100% + var(--sp-2));
    inset-inline-end: 0;
    min-inline-size: 12rem;
    padding: var(--sp-2);
    border: 1px solid var(--border);
    border-radius: var(--r-lg);
    background: var(--bg-overlay);
    box-shadow: var(--sh-lg);
}

.pcv2-actions-menu__item[b-jldy1oi4h3] {
    display: block;
    inline-size: 100%;
    padding: var(--sp-2) var(--sp-3);
    border: 0;
    border-radius: var(--r-md);
    background: transparent;
    color: var(--text-primary);
    text-align: start;
    cursor: pointer;
}

.pcv2-actions-menu__item:hover:not(:disabled)[b-jldy1oi4h3] {
    background: var(--bg-raised);
}

.pcv2-actions-menu__item:disabled[b-jldy1oi4h3] {
    color: var(--text-muted);
    cursor: not-allowed;
}

.pcv2-demo-panel[b-jldy1oi4h3] {
    display: grid;
    grid-template-rows: 0fr;
    border-top: 1px solid var(--border-muted);
    transition: grid-template-rows 180ms ease;
}

.pcv2-demo-panel.is-open[b-jldy1oi4h3] {
    grid-template-rows: 1fr;
}

.pcv2-demo-panel__inner[b-jldy1oi4h3] {
    overflow: hidden;
}

.pcv2-demo-grid[b-jldy1oi4h3] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--sp-4);
    padding: var(--sp-4) var(--sp-5);
}

.pcv2-critical[b-jldy1oi4h3] {
    justify-content: space-between;
    gap: var(--sp-3);
    margin: 0;
}

.pcv2-critical div[b-jldy1oi4h3] {
    display: grid;
    gap: var(--sp-1);
}

.pcv2-critical span[b-jldy1oi4h3] {
    color: var(--text-secondary);
}

.pcv2-tabbar[b-jldy1oi4h3] {
    overflow: hidden;
}

.pcv2-canvas[b-jldy1oi4h3] {
    min-height: 34rem;
    padding: var(--sp-5);
    overflow: hidden;
}

.pcv2-canvas[b-jldy1oi4h3]  .pcv2-summary-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(18rem, 1.25fr);
    gap: var(--sp-4);
}

.pcv2-canvas[b-jldy1oi4h3]  .pcv2-summary-panel {
    min-width: 0;
    background: var(--bg-surface);
    border: 1px solid var(--border-muted);
    border-radius: var(--r-lg);
    overflow: hidden;
}

.pcv2-canvas[b-jldy1oi4h3]  .pcv2-summary-panel__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: var(--sp-3);
    padding: var(--sp-4) var(--sp-5);
    border-bottom: 1px solid var(--border-muted);
}

.pcv2-canvas[b-jldy1oi4h3]  .pcv2-summary-title {
    margin: 0;
    color: var(--text-primary);
    font-size: var(--text-sm);
    font-weight: 700;
}

.pcv2-canvas[b-jldy1oi4h3]  .pcv2-summary-empty {
    padding: var(--sp-5);
    color: var(--text-secondary);
    font-size: var(--text-sm);
    text-wrap: pretty;
}

.pcv2-canvas[b-jldy1oi4h3]  .pcv2-summary-table {
    margin: 0;
}

@media (max-width: 72rem) {
    .pcv2-strip[b-jldy1oi4h3],
    .pcv2-canvas[b-jldy1oi4h3]  .pcv2-summary-grid {
        grid-template-columns: 1fr;
    }

    .pcv2-header-actions[b-jldy1oi4h3] {
        justify-content: flex-start;
    }

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

@media (max-width: 42rem) {
    .pcv2-shell[b-jldy1oi4h3] {
        padding: var(--sp-4);
    }

    .pcv2-vitals[b-jldy1oi4h3],
    .pcv2-demo-grid[b-jldy1oi4h3] {
        grid-template-columns: 1fr;
    }

    .pcv2-compact-meta[b-jldy1oi4h3] {
        display: grid;
        gap: var(--sp-1);
    }

    .pcv2-compact-meta span[b-jldy1oi4h3]::after {
        display: none;
    }

    .pcv2-critical[b-jldy1oi4h3] {
        align-items: stretch;
        flex-direction: column;
    }
}
/* /Pages/PatientRegister.razor.rz.scp.css */
.patient-register-page[b-w401bd7ql5] {
    display: flex;
    flex-direction: column;
    gap: var(--space-5);
}

.registration-hub[b-w401bd7ql5] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: var(--space-4);
}

.mode-card[b-w401bd7ql5] {
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
    padding: var(--space-5);
    border: 1.5px solid var(--border-light);
    border-radius: var(--radius-xl);
    background: var(--surface-raised);
    cursor: pointer;
    text-align: left;
    -webkit-appearance: none;
    appearance: none;
    transition:
        border-color var(--transition-fast),
        box-shadow var(--transition-fast),
        background var(--transition-fast);
}

.mode-card:hover[b-w401bd7ql5] {
    border-color: var(--border-medium);
    background: var(--surface-strong);
    box-shadow: var(--shadow-md);
}

.mode-card:focus-visible[b-w401bd7ql5] {
    outline: none;
    box-shadow: var(--focus-ring);
}

.mode-card-active[b-w401bd7ql5] {
    border-color: var(--color-primary);
    box-shadow: 0 0 0 1px var(--color-primary), var(--shadow-primary);
}

.mode-card-active:hover[b-w401bd7ql5] {
    border-color: var(--color-primary);
}

.mode-card-label[b-w401bd7ql5] {
    display: block;
    font-size: var(--text-base);
    font-weight: var(--font-bold);
    color: var(--text-primary);
    line-height: var(--line-height-tight);
}

.mode-card-copy[b-w401bd7ql5] {
    display: block;
    font-size: var(--text-sm);
    color: var(--text-secondary);
    line-height: var(--line-height-relaxed);
}

.submitting-overlay[b-w401bd7ql5] {
    position: fixed;
    inset: 0;
    background: var(--bg-overlay);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: var(--z-modal);
    gap: var(--space-4);
    color: var(--text-inverse);
}

.registration-form[b-w401bd7ql5] {
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
}

.form-section[b-w401bd7ql5] {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
    padding: var(--space-4);
    border: 1px solid var(--border-light);
    border-radius: var(--radius-xl);
    background: color-mix(in srgb, var(--surface-subtle) 88%, transparent);
}

.form-section h3[b-w401bd7ql5] {
    margin: 0;
    font-size: var(--text-sm);
    font-weight: var(--font-extrabold);
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--text-secondary);
}

.section-heading[b-w401bd7ql5] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-3);
}

.form-row[b-w401bd7ql5] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: var(--space-3);
}

.form-group[b-w401bd7ql5] {
    display: flex;
    flex-direction: column;
    gap: var(--space-1);
}

.form-group-full[b-w401bd7ql5] {
    grid-column: 1 / -1;
}

.form-group label[b-w401bd7ql5] {
    font-weight: var(--font-medium);
    color: var(--text-primary);
    font-size: var(--text-sm);
}

.form-grid-rtl[b-w401bd7ql5] {
    direction: rtl;
}

.form-grid-rtl .form-group label[b-w401bd7ql5] {
    text-align: right;
}

.form-group[b-w401bd7ql5] (.form-control),
.form-group input.form-control[b-w401bd7ql5],
.form-group textarea.form-control[b-w401bd7ql5],
.form-group select.form-control[b-w401bd7ql5] {
    min-height: 2.25rem;
    padding: 0.5rem 0.875rem;
    border: 1px solid var(--border-medium);
    border-radius: var(--radius-md);
    background: var(--bg-primary);
    color: var(--text-primary);
    font-family: inherit;
    font-size: var(--text-base);
}

.form-group[b-w401bd7ql5] (textarea.form-control) {
    min-height: 112px;
}

.form-group[b-w401bd7ql5] (.form-control:focus) {
    outline: none;
    border-color: var(--color-primary);
    box-shadow: var(--focus-ring);
}

.form-group[b-w401bd7ql5] (.form-control.invalid) {
    border-color: var(--color-error);
    background-color: color-mix(in srgb, var(--color-error) 5%, transparent);
}

.form-group[b-w401bd7ql5] (.valid.modified:not([type=checkbox])) {
    border-color: var(--color-success);
}

.form-group[b-w401bd7ql5] (.validation-message) {
    font-size: var(--text-xs);
    color: var(--color-error);
    margin-top: var(--space-1);
    font-weight: var(--font-medium);
}

.form-text[b-w401bd7ql5] {
    font-size: var(--text-xs);
    color: var(--text-tertiary);
    margin-top: var(--space-1);
}

.identifier-config-panel[b-w401bd7ql5] {
    padding: var(--space-3);
    border: 1px solid var(--border-light);
    border-radius: var(--radius-md);
    background: color-mix(in srgb, var(--surface-subtle) 86%, transparent);
}

.config-caption[b-w401bd7ql5] {
    margin: 0 0 var(--space-2) 0;
    color: var(--text-secondary);
    font-size: var(--text-sm);
}

.identifier-type-list[b-w401bd7ql5] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: var(--space-2);
}

.identifier-type-item[b-w401bd7ql5] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    padding: var(--space-2) var(--space-3);
    border-radius: var(--radius-md);
    border: 1px solid var(--border-light);
    background: var(--bg-primary);
}

.identifier-type-item.required[b-w401bd7ql5] {
    background: color-mix(in srgb, var(--color-primary-lighter) 55%, var(--bg-primary) 45%);
}

.identifier-entry-list[b-w401bd7ql5] {
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
}

.identifier-entry-row[b-w401bd7ql5] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: var(--space-3);
    align-items: end;
    padding: var(--space-3);
    background: var(--bg-primary);
    border: 1px solid var(--border-light);
    border-radius: var(--radius-md);
}

.identifier-entry-main[b-w401bd7ql5] {
    display: flex;
    flex-direction: column;
    gap: var(--space-1);
}

.identifier-entry-actions[b-w401bd7ql5] {
    display: flex;
    gap: var(--space-2);
}

.sponsor-checkbox[b-w401bd7ql5] {
    justify-content: flex-end;
}

.form-actions[b-w401bd7ql5] {
    display: flex;
    gap: var(--space-3);
    flex-wrap: wrap;
    margin-top: var(--space-2);
    padding-top: var(--space-4);
    border-top: 1px solid var(--border-light);
}

.form-actions .btn[b-w401bd7ql5] {
    min-width: 180px;
}

@media (max-width: 720px) {
    .identifier-entry-row[b-w401bd7ql5] {
        grid-template-columns: 1fr;
    }

    .identifier-entry-actions[b-w401bd7ql5] {
        justify-content: flex-start;
        flex-wrap: wrap;
    }

    .form-actions[b-w401bd7ql5] {
        flex-direction: column;
    }

    .form-actions .btn[b-w401bd7ql5] {
        width: 100%;
    }
}
/* /Pages/PatientSearch.razor.rz.scp.css */
.patient-search-page[b-t8xk09t25b] {
    padding: var(--space-8);
}

.page-header[b-t8xk09t25b] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: var(--space-8);
}

.page-header h1[b-t8xk09t25b] {
    margin: 0;
    font-size: 1.75rem;
}

.btn-primary[b-t8xk09t25b] {
    padding: var(--space-3) var(--space-6);
    background: var(--gradient-primary);
    color: var(--text-inverse);
    border: none;
    border-radius: var(--radius-button);
    cursor: pointer;
    font-weight: var(--font-medium);
    text-decoration: none;
    display: inline-block;
    transition: var(--transition-default);
}

.btn-primary:hover[b-t8xk09t25b] {
    opacity: 0.92;
    box-shadow: var(--shadow-primary);
}

.search-section[b-t8xk09t25b] {
    margin-bottom: var(--space-8);
}

.search-box[b-t8xk09t25b] {
    display: flex;
    gap: var(--space-4);
}

.search-input[b-t8xk09t25b] {
    flex: 1;
}

.search-button[b-t8xk09t25b] {
    padding: var(--space-3) var(--space-6);
    background: var(--gradient-primary);
    color: var(--text-inverse);
    border: none;
    border-radius: var(--radius-button);
    cursor: pointer;
    font-weight: var(--font-medium);
    transition: var(--transition-default);
}

.search-button:hover[b-t8xk09t25b] {
    opacity: 0.92;
    box-shadow: var(--shadow-primary);
}

.loading-indicator[b-t8xk09t25b] {
    text-align: center;
    padding: var(--space-8);
}

.spinner[b-t8xk09t25b] {
    width: 40px;
    height: 40px;
    margin: 0 auto var(--space-4);
    border: 4px solid var(--border-medium);
    border-top-color: var(--color-primary);
    border-radius: 50%;
    animation: spin-b-t8xk09t25b 0.8s linear infinite;
}

@keyframes spin-b-t8xk09t25b {
    to { transform: rotate(360deg); }
}

.results-section[b-t8xk09t25b] {
    background: var(--bg-primary);
    border-radius: var(--radius-card);
    padding: var(--space-6);
    box-shadow: var(--elevation-1);
    border: 1px solid var(--border-light);
}

.result-count[b-t8xk09t25b] {
    margin: 0 0 var(--space-4) 0;
    color: var(--text-secondary);
    font-size: var(--text-sm);
}

.results-table[b-t8xk09t25b] {
    overflow-x: auto;
    margin-bottom: var(--space-6);
}

table[b-t8xk09t25b] {
    width: 100%;
    border-collapse: collapse;
}

thead[b-t8xk09t25b] {
    background: var(--bg-secondary);
    border-bottom: 2px solid var(--border-medium);
}

th[b-t8xk09t25b] {
    padding: var(--space-3);
    text-align: left;
    font-weight: var(--font-semibold);
    color: var(--text-primary);
    font-size: var(--text-sm);
}

td[b-t8xk09t25b] {
    padding: var(--space-3);
    border-bottom: 1px solid var(--border-light);
    color: var(--text-primary);
}

.patient-row:hover[b-t8xk09t25b] {
    background: var(--bg-secondary);
}

.view-btn[b-t8xk09t25b] {
    padding: var(--space-2) var(--space-4);
    background: var(--bg-secondary);
    border: 1px solid var(--border-light);
    border-radius: var(--radius-button);
    cursor: pointer;
    font-size: var(--text-sm);
    color: var(--text-primary);
    transition: var(--transition-default);
}

.view-btn:hover[b-t8xk09t25b] {
    background: var(--bg-tertiary);
    border-color: var(--border-medium);
}

.pagination[b-t8xk09t25b] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: var(--space-4);
    margin-top: var(--space-6);
}

.pagination button[b-t8xk09t25b] {
    padding: var(--space-2) var(--space-4);
    background: var(--bg-secondary);
    border: 1px solid var(--border-light);
    border-radius: var(--radius-button);
    cursor: pointer;
    color: var(--text-primary);
    transition: var(--transition-default);
}

.pagination button:hover:not(:disabled)[b-t8xk09t25b] {
    background: var(--bg-tertiary);
    border-color: var(--border-medium);
}

.pagination button:disabled[b-t8xk09t25b] {
    opacity: 0.5;
    cursor: not-allowed;
}

.empty-state[b-t8xk09t25b] {
    text-align: center;
    padding: var(--space-12);
    background: var(--bg-primary);
    border-radius: var(--radius-card);
    border: 1px solid var(--border-light);
    color: var(--text-secondary);
}
/* /Pages/ProviderRegistrationPage.razor.rz.scp.css */
.registration-container[b-tm4cwlxkix] {
    margin-top: var(--space-6);
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

.form-card[b-tm4cwlxkix] {
    background: var(--surface-raised);
    border: 1px solid var(--border-light);
    border-radius: var(--radius-lg);
    padding: var(--space-6);
}

.submitting-overlay[b-tm4cwlxkix] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--bg-overlay);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: var(--z-modal);
}

.submitting-overlay .spinner[b-tm4cwlxkix] {
    width: 48px;
    height: 48px;
    margin-bottom: var(--space-3);
}

.submitting-overlay p[b-tm4cwlxkix] {
    color: var(--text-inverse);
    font-size: var(--text-base);
}
/* /Pages/ResetPassword.razor.rz.scp.css */
.login-container[b-5cpdwbk388] {
    position: relative;
    width: 100%;
    min-height: 100dvh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: clamp(1.25rem, 4vw, 2.5rem);
    overflow: hidden;
    background:
        radial-gradient(circle at top left, color-mix(in srgb, var(--color-secondary) 20%, transparent), transparent 26%),
        radial-gradient(circle at bottom right, color-mix(in srgb, var(--color-primary) 26%, transparent), transparent 34%),
        linear-gradient(
            140deg,
            color-mix(in srgb, var(--bg-shell) 92%, var(--color-secondary-light) 8%) 0%,
            color-mix(in srgb, var(--bg-secondary) 90%, var(--color-secondary-light) 10%) 45%,
            color-mix(in srgb, var(--bg-primary) 88%, var(--color-primary-lighter) 12%) 100%
        );
}

.login-card[b-5cpdwbk388] {
    position: relative;
    z-index: 1;
    width: min(100%, 460px);
    padding: clamp(2rem, 4vw, 2.75rem);
    border-radius: 32px;
    border: 1px solid color-mix(in srgb, var(--border-light) 92%, transparent);
    background: color-mix(in srgb, var(--surface-strong) 94%, transparent);
    backdrop-filter: blur(18px);
    box-shadow: var(--shadow-2xl);
}

.login-header[b-5cpdwbk388] {
    text-align: center;
    margin-bottom: 2rem;
}

.login-header h1[b-5cpdwbk388] {
    font-size: clamp(1.9rem, 4vw, 2.4rem);
    margin: 0 0 0.6rem 0;
    color: var(--text-primary);
}

.login-header p[b-5cpdwbk388] {
    color: var(--text-secondary);
    margin: 0;
    font-size: var(--text-sm);
    line-height: 1.6;
}

.login-form[b-5cpdwbk388],
.form-group[b-5cpdwbk388] {
    display: flex;
    flex-direction: column;
}

.login-form[b-5cpdwbk388] {
    gap: 1rem;
}

.form-group[b-5cpdwbk388] {
    gap: 0.5rem;
}

.form-group label[b-5cpdwbk388] {
    font-size: 0.78rem;
    font-weight: var(--font-extrabold);
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--text-tertiary);
}

.form-control[b-5cpdwbk388] {
    min-height: 52px;
    padding: 0.95rem 1rem;
    border: 1px solid var(--border-light);
    border-radius: var(--radius-xl);
    font-size: var(--text-base);
    color: var(--text-primary);
    background: color-mix(in srgb, var(--bg-primary) 92%, transparent);
}

.form-control:focus[b-5cpdwbk388] {
    outline: none;
    border-color: transparent;
    box-shadow: var(--focus-ring);
    background: var(--bg-primary);
}

.alert[b-5cpdwbk388] {
    padding: 0.9rem 1rem;
    border-radius: var(--radius-xl);
    font-size: var(--text-sm);
}

.alert-error[b-5cpdwbk388] {
    background: color-mix(in srgb, var(--color-error) 14%, transparent);
    color: color-mix(in srgb, var(--text-primary) 72%, var(--color-error) 28%);
    border: 1px solid color-mix(in srgb, var(--color-error) 28%, transparent);
}

.btn-primary[b-5cpdwbk388] {
    width: 100%;
    min-height: 52px;
    padding: 0.95rem 1rem;
    background: var(--gradient-primary);
    color: var(--text-inverse);
    border: none;
    border-radius: var(--radius-xl);
    font-size: var(--text-base);
    font-weight: var(--font-bold);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.6rem;
}

.btn-primary:disabled[b-5cpdwbk388] {
    opacity: 0.75;
    cursor: not-allowed;
}

.spinner[b-5cpdwbk388] {
    width: 18px;
    height: 18px;
    border: 2px solid rgba(255, 255, 255, 0.35);
    border-top-color: white;
    border-radius: 50%;
    animation: spin-b-5cpdwbk388 0.8s linear infinite;
}

@keyframes spin-b-5cpdwbk388 {
    to {
        transform: rotate(360deg);
    }
}
/* /Pages/ServiceQueuesPage.razor.rz.scp.css */
.service-queues-page[b-1pnrcwykdz] {
    display: flex;
    flex-direction: column;
    gap: var(--space-5);
}

.queues-container[b-1pnrcwykdz] {
    display: flex;
    flex-direction: column;
    gap: var(--space-5);
}

.queues-grid[b-1pnrcwykdz] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: var(--space-4);
}

.queue-widget[b-1pnrcwykdz] {
    min-width: 0;
}

.board-section[b-1pnrcwykdz] {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
    padding: var(--space-4);
    border: 1px solid var(--border-light);
    border-radius: var(--radius-card);
    background: color-mix(in srgb, var(--surface-strong) 94%, transparent);
    box-shadow: var(--elevation-1);
}

.board-section h2[b-1pnrcwykdz] {
    margin: 0;
    color: var(--text-primary);
    font-size: var(--text-2xl);
    font-weight: var(--font-bold);
}

.queue-dialog-layout[b-1pnrcwykdz] {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(280px, 0.9fr);
    gap: var(--space-4);
}

.queue-dialog-left[b-1pnrcwykdz],
.queue-dialog-right[b-1pnrcwykdz] {
    min-width: 0;
}

.queue-field[b-1pnrcwykdz] {
    min-height: var(--input-height-md);
}

.patient-results[b-1pnrcwykdz] {
    display: flex;
    flex-direction: column;
    border: 1px solid var(--border-light);
    border-radius: var(--radius-md);
    overflow: hidden;
    margin-top: var(--space-1);
    max-height: 240px;
    overflow-y: auto;
}

.patient-result-item[b-1pnrcwykdz] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: var(--space-3);
    padding: var(--space-2) var(--space-3);
    background: var(--bg-primary);
    border: none;
    border-bottom: 1px solid var(--border-light);
    cursor: pointer;
    text-align: left;
    font: inherit;
    color: var(--text-primary);
    transition: var(--transition-default);
}

.patient-result-item:last-child[b-1pnrcwykdz] {
    border-bottom: none;
}

.patient-result-item:hover[b-1pnrcwykdz],
.patient-result-item.selected[b-1pnrcwykdz] {
    background: color-mix(in srgb, var(--color-primary-lighter) 50%, var(--bg-primary) 50%);
}

.patient-result-item .patient-name[b-1pnrcwykdz] {
    font-weight: var(--font-semibold);
}

.patient-result-item .patient-id[b-1pnrcwykdz] {
    font-size: var(--text-xs);
    color: var(--text-secondary);
}

.patient-summary-card[b-1pnrcwykdz] {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
    min-height: 100%;
    padding: var(--space-4);
    background: color-mix(in srgb, var(--surface-subtle) 84%, transparent);
    border: 1px solid var(--border-light);
    border-radius: var(--radius-xl);
}

.patient-summary-loading[b-1pnrcwykdz],
.patient-summary-empty[b-1pnrcwykdz] {
    align-items: center;
    justify-content: center;
    color: var(--text-secondary);
    text-align: center;
}

.patient-summary-header[b-1pnrcwykdz] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--space-3);
}

.patient-summary-title[b-1pnrcwykdz] {
    font-size: var(--text-lg);
    font-weight: var(--font-bold);
    color: var(--text-primary);
}

.patient-summary-subtitle[b-1pnrcwykdz] {
    margin-top: var(--space-1);
    font-size: var(--text-sm);
    color: var(--text-secondary);
}

.patient-summary-grid[b-1pnrcwykdz] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--space-3);
}

.summary-label[b-1pnrcwykdz] {
    display: block;
    margin-bottom: 0.2rem;
    font-size: var(--text-xs);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--text-tertiary);
}

.summary-value[b-1pnrcwykdz] {
    color: var(--text-primary);
    font-weight: var(--font-medium);
}

.visit-active[b-1pnrcwykdz] {
    color: var(--color-success);
}

.patient-summary-toggle[b-1pnrcwykdz] {
    align-self: flex-start;
}

.patient-summary-details[b-1pnrcwykdz] {
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
    padding-top: var(--space-2);
    border-top: 1px solid var(--border-light);
}

.detail-row[b-1pnrcwykdz] {
    display: grid;
    grid-template-columns: 120px minmax(0, 1fr);
    gap: var(--space-2);
    align-items: start;
}

.detail-row-stack[b-1pnrcwykdz] {
    grid-template-columns: 1fr;
}

.identifier-pill-list[b-1pnrcwykdz] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-2);
}

.identifier-pill[b-1pnrcwykdz] {
    display: inline-flex;
    padding: 0.35rem 0.6rem;
    border-radius: 999px;
    background: var(--bg-primary);
    border: 1px solid var(--border-light);
    color: var(--text-secondary);
    font-size: var(--text-xs);
}

.clear-patient[b-1pnrcwykdz] {
    margin-left: auto;
    background: none;
    border: none;
    cursor: pointer;
    color: var(--text-secondary);
    font-size: var(--text-base);
    line-height: 1;
    padding: 0 var(--space-1);
}

.clear-patient:hover[b-1pnrcwykdz] {
    color: var(--text-primary);
}

@media (max-width: 960px) {
    .queue-dialog-layout[b-1pnrcwykdz] {
        grid-template-columns: 1fr;
    }

    .patient-summary-grid[b-1pnrcwykdz],
    .detail-row[b-1pnrcwykdz] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/SmartCard.razor.rz.scp.css */
.smart-card-page[b-d0mve5oo2r] {
    max-width: 1600px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: var(--space-6);
}

.smart-card-page > .d-flex.justify-content-between[b-d0mve5oo2r] {
    padding: var(--space-1) 0 0;
}

.smart-card-page .card[b-d0mve5oo2r] {
    border: 1px solid var(--border-light);
    border-radius: var(--radius-card);
    box-shadow: var(--elevation-1);
}

.smart-card-page .card-body[b-d0mve5oo2r] {
    padding: var(--space-5);
}

.smart-card-page .btn[b-d0mve5oo2r] {
    border-radius: var(--radius-lg);
}

.smart-card-page .form-control[b-d0mve5oo2r] {
    min-height: var(--input-height-md);
    border-radius: var(--radius-md);
}

.smart-card-page .table[b-d0mve5oo2r] {
    margin-bottom: 0;
}

.smart-card-page .table thead th[b-d0mve5oo2r] {
    border-bottom: 1px solid var(--border-light);
    color: var(--text-secondary);
    font-size: var(--text-xs);
    font-weight: var(--font-semibold);
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.smart-card-page .badge[b-d0mve5oo2r] {
    border-radius: var(--radius-full);
}

.smart-card-page .row.g-3[b-d0mve5oo2r] {
    align-items: start;
}

.smart-card-page .col-lg-3[b-d0mve5oo2r],
.smart-card-page .col-lg-9[b-d0mve5oo2r],
.smart-card-page .col-xl-6[b-d0mve5oo2r] {
    min-width: 0;
}

@media (max-width: 1200px) {
    .smart-card-page[b-d0mve5oo2r] {
        gap: var(--space-5);
    }
}

@media (max-width: 720px) {
    .smart-card-page[b-d0mve5oo2r] {
        gap: var(--space-4);
    }

    .smart-card-page .card-body[b-d0mve5oo2r] {
        padding: var(--space-4);
    }
}
/* /Pages/Triage/TriagePage.razor.rz.scp.css */
.triage-page-surface[b-n6yz02l5oo] {
    display: flex;
    flex-direction: column;
    gap: var(--space-5);
    padding: var(--space-5);
}

.triage-layout[b-n6yz02l5oo] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--space-4);
}

.triage-panel[b-n6yz02l5oo] {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
    padding: var(--space-4);
    border: 1px solid var(--border-light);
    border-radius: var(--radius-xl);
    background: color-mix(in srgb, var(--surface-subtle) 86%, transparent);
    min-width: 0;
}

.triage-panel--handoff[b-n6yz02l5oo] {
    background:
        linear-gradient(135deg, color-mix(in srgb, var(--surface-strong) 92%, rgba(14, 165, 164, 0.08)), color-mix(in srgb, var(--surface-subtle) 94%, rgba(37, 99, 235, 0.08)));
    border-color: color-mix(in srgb, var(--color-primary) 20%, var(--border-light));
}

.triage-handoff__header[b-n6yz02l5oo] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--space-3);
}

.triage-handoff__caption[b-n6yz02l5oo] {
    margin: var(--space-1) 0 0;
    color: var(--text-secondary);
}

.triage-handoff__badge[b-n6yz02l5oo] {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 0 var(--space-3);
    border-radius: 999px;
    background: color-mix(in srgb, var(--color-primary) 12%, white);
    color: var(--color-primary);
    font-size: var(--text-xs);
    font-weight: var(--font-semibold);
}

[data-theme="dark"] .triage-handoff__badge[b-n6yz02l5oo] {
    background: color-mix(in srgb, var(--color-primary) 20%, var(--bg-primary));
    color: color-mix(in srgb, var(--color-primary) 65%, white);
    border: 1px solid color-mix(in srgb, var(--color-primary) 22%, var(--border-light));
}

.triage-handoff__summary[b-n6yz02l5oo] {
    margin: 0;
    color: var(--text-primary);
    line-height: 1.6;
}

.triage-panel-title[b-n6yz02l5oo] {
    margin: 0;
    font-size: var(--text-base);
    font-weight: var(--font-bold);
}

.patient-selected-banner[b-n6yz02l5oo] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: var(--space-3);
    padding: var(--space-3);
    border: 1px solid var(--border-light);
    border-radius: var(--radius-lg);
    background: var(--bg-primary);
}

.triage-actions[b-n6yz02l5oo] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    flex-wrap: wrap;
    padding-top: var(--space-4);
    border-top: 1px solid var(--border-light);
}

.triage-actions .btn[b-n6yz02l5oo] {
    min-width: 160px;
}

.triage-panel[b-n6yz02l5oo] (.input-group .btn) {
    min-width: 110px;
}

@media (max-width: 980px) {
    .triage-layout[b-n6yz02l5oo] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 720px) {
    .triage-page-surface[b-n6yz02l5oo] {
        padding: var(--space-4);
    }

    .triage-actions[b-n6yz02l5oo] {
        flex-direction: column;
        align-items: stretch;
    }

    .triage-actions .btn[b-n6yz02l5oo] {
        width: 100%;
    }
}

@media print {
    .no-print[b-n6yz02l5oo],
    .app-header[b-n6yz02l5oo],
    .app-sidebar[b-n6yz02l5oo],
    .app-footer[b-n6yz02l5oo] {
        display: none !important;
    }

    .triage-page-surface[b-n6yz02l5oo] {
        border: none;
        box-shadow: none;
        padding: 0;
    }
}
/* /Pages/VisitDetail.razor.rz.scp.css */
.visit-detail-page[b-dq7mokwppa] {
    display: flex;
    flex-direction: column;
    gap: var(--space-5);
}

.loading-indicator[b-dq7mokwppa] {
    padding: var(--space-8);
    text-align: center;
}

.visit-info-grid[b-dq7mokwppa] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: var(--space-5);
}

.info-item[b-dq7mokwppa] {
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
}

.info-item label[b-dq7mokwppa] {
    color: var(--text-secondary);
    font-size: var(--text-sm);
    font-weight: var(--font-semibold);
}

.info-item p[b-dq7mokwppa] {
    margin: 0;
    color: var(--text-primary);
    font-size: var(--text-lg);
}

.status-badge[b-dq7mokwppa] {
    display: inline-block;
    width: fit-content;
    padding: 0.25rem 0.75rem;
    background: color-mix(in srgb, var(--color-success-light) 80%, transparent);
    border-radius: var(--radius-md);
    color: color-mix(in srgb, var(--color-success) 78%, var(--text-primary) 22%);
    font-weight: var(--font-semibold);
}

.encounters-list[b-dq7mokwppa] {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
}

.encounter-item[b-dq7mokwppa] {
    padding: var(--space-4);
    background: color-mix(in srgb, var(--surface-subtle) 92%, transparent);
    border-left: 4px solid var(--color-primary);
    border-radius: var(--radius-lg);
    cursor: pointer;
    transition: var(--transition-default);
}

.encounter-item:hover[b-dq7mokwppa] {
    background: color-mix(in srgb, var(--surface-subtle) 82%, transparent);
}

.encounter-header[b-dq7mokwppa] {
    display: flex;
    justify-content: space-between;
    gap: var(--space-3);
    margin-bottom: var(--space-2);
}

.encounter-header h4[b-dq7mokwppa] {
    margin: 0;
    color: var(--text-primary);
}

.encounter-date[b-dq7mokwppa],
.encounter-provider[b-dq7mokwppa],
.visit-summary p[b-dq7mokwppa] {
    margin: 0;
    color: var(--text-secondary);
}