/* /Components/Chart/OverviewTrendChartsRow.razor.rz.scp.css */
.bp-trend-header[b-ewuly70sfq] {
    align-items: center;
    gap: 0.75rem;
}

.bp-trend-title[b-ewuly70sfq] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    color: #dc2626; /* Crimson red to match the blood type icon */
}

.bp-trend-range-label[b-ewuly70sfq] {
    margin: 0;
    flex-shrink: 0;
}

.bp-trend-range-select[b-ewuly70sfq] {
    min-width: 7.5rem;
    font-size: 0.8125rem;
}

.bp-trend-chart-host[b-ewuly70sfq] {
    position: relative;
    height: 100%;
    width: 100%;
}

.bp-trend-chart-host--updating .bp-trend-chart[b-ewuly70sfq] {
    opacity: 0.55;
}

.bp-trend-chart-overlay[b-ewuly70sfq] {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.8125rem;
    color: var(--bs-secondary-color, #6c757d);
    pointer-events: none;
    z-index: 1;
}

@media (max-width: 768px) {
    .bp-trend-header[b-ewuly70sfq] {
        flex-wrap: wrap;
    }

    .bp-trend-range-label[b-ewuly70sfq] {
        width: 100%;
    }

    .bp-trend-range-select[b-ewuly70sfq] {
        width: 100%;
        min-height: 44px;
    }
}
/* /Components/Chart/PainLevelTrendChart.razor.rz.scp.css */
.bp-trend-header[b-2esszdl50u] {
    align-items: center;
    gap: 0.75rem;
}

.bp-trend-range-label[b-2esszdl50u] {
    margin: 0;
    flex-shrink: 0;
}

.bp-trend-range-select[b-2esszdl50u] {
    min-width: 7.5rem;
    font-size: 0.8125rem;
}

.pain-trend-chart[b-2esszdl50u] {
    position: relative;
    height: 100%;
    min-height: 180px;
}

.pain-trend-chart .overview-trend-canvas[b-2esszdl50u] {
    width: 100% !important;
    height: 100% !important;
}

@media (max-width: 768px) {
    .bp-trend-header[b-2esszdl50u] {
        flex-wrap: wrap;
    }

    .bp-trend-range-label[b-2esszdl50u] {
        width: 100%;
    }

    .bp-trend-range-select[b-2esszdl50u] {
        width: 100%;
        min-height: 44px;
    }
}
/* /Components/Chart/PatientAppointmentTimeline.razor.rz.scp.css */
.encounter-timeline[b-owmvet9hij] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
}

.encounter-timeline-item[b-owmvet9hij] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 1.25rem;
    column-gap: 0.75rem;
    align-items: start;
}

.encounter-timeline-card[b-owmvet9hij] {
    min-width: 0;
    padding-bottom: 1rem;
}

.encounter-timeline-item:last-child .encounter-timeline-card[b-owmvet9hij] {
    padding-bottom: 0;
}

.encounter-timeline-axis[b-owmvet9hij] {
    position: relative;
    display: flex;
    justify-content: center;
    min-height: 100%;
    padding-bottom: 1rem;
}

.encounter-timeline-item:last-child .encounter-timeline-axis[b-owmvet9hij] {
    padding-bottom: 0;
}

.encounter-timeline-axis[b-owmvet9hij]::before {
    content: "";
    position: absolute;
    top: 0.55rem;
    bottom: 0;
    left: 50%;
    width: 2px;
    transform: translateX(-50%);
    background: #3b82f6;
}

.encounter-timeline-item:last-child .encounter-timeline-axis[b-owmvet9hij]::before {
    display: none;
}

.encounter-timeline-dot[b-owmvet9hij] {
    width: 10px;
    height: 10px;
    margin-top: 0.35rem;
    border-radius: 50%;
    background: #3b82f6;
    position: relative;
    z-index: 1;
    flex-shrink: 0;
}

.encounter-timeline-item--upcoming .encounter-timeline-dot[b-owmvet9hij] {
    background: #2563eb;
}

.encounter-timeline-date[b-owmvet9hij] {
    font-size: 0.8125rem;
    font-weight: 700;
    color: #111827;
    margin-bottom: 0.15rem;
}

.encounter-timeline-next-label[b-owmvet9hij] {
    font-size: 0.6875rem;
    font-weight: 500;
    color: #6b7280;
    margin-bottom: 0.2rem;
}

.encounter-timeline-type[b-owmvet9hij] {
    font-size: 0.8125rem;
    font-weight: 600;
    color: #111827;
    margin-bottom: 0.15rem;
}

.encounter-timeline-provider[b-owmvet9hij] {
    font-size: 0.75rem;
    color: #6b7280;
}

.encounter-timeline-empty[b-owmvet9hij] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 0.75rem;
    padding: 1.25rem 0.5rem;
}

.encounter-timeline-empty-message[b-owmvet9hij] {
    margin: 0;
    font-size: 0.875rem;
    color: #6b7280;
}

.encounter-timeline-schedule-btn[b-owmvet9hij] {
    color: #3b82f6;
    font-size: 0.8125rem;
    font-weight: 600;
    background: none;
    border: 1px solid #3b82f6;
    border-radius: 6px;
    padding: 0.5rem 1rem;
    min-height: 44px;
    cursor: pointer;
}

.encounter-timeline-schedule-btn:hover[b-owmvet9hij] {
    color: #2563eb;
    border-color: #2563eb;
    background: #eff6ff;
}

@media (max-width: 768px) {
    .encounter-timeline-item[b-owmvet9hij] {
        column-gap: 0.5rem;
    }

    .encounter-timeline-schedule-btn[b-owmvet9hij] {
        width: 100%;
        max-width: 20rem;
    }
}
/* /Components/Chart/PatientChartHeader.razor.rz.scp.css */
.btn-header-edit[b-ywbcwr6eqg] {
    background: #fff;
    color: #3b82f6;
    border: 1.5px solid #3b82f6;
    border-radius: 8px;
    padding: 0.45rem 0.875rem;
    font-size: 0.8125rem;
    font-weight: 600;
    white-space: nowrap;
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    cursor: pointer;
}

.btn-header-edit:hover:not(:disabled)[b-ywbcwr6eqg] {
    background: #f0f7ff;
    color: #2563eb;
    border-color: #2563eb;
}

.btn-header-edit:disabled[b-ywbcwr6eqg] {
    opacity: 0.65;
    cursor: not-allowed;
}

@media (max-width: 768px) {
    .btn-header-edit[b-ywbcwr6eqg] {
        flex: 1;
        width: 100%;
    }
}

.btn-header-edit-icon[b-ywbcwr6eqg] {
    width: 1rem;
    height: 1rem;
    object-fit: contain;
    margin-right: 0.35rem;
}
/* /Components/Chart/PatientHeaderSections.razor.rz.scp.css */
.patient-header-sections[b-ihrf2dfumb] {
    display: flex;
    align-items: stretch;
    width: 100%;
    gap: 1.25rem;
    margin-top: 20px;
}

.patient-header-card[b-ihrf2dfumb] {
    flex: 1;
    min-width: 0;
}

@media (max-width: 768px) {
    .patient-header-sections[b-ihrf2dfumb] {
        flex-direction: column;
        gap: 1rem;
    }
}
/* /Components/Chart/VerticalDivider.razor.rz.scp.css */
.vertical-divider[b-o22gdb3n2g] {
    width: 1px;
    align-self: stretch;
    min-height: 100%;
    flex-shrink: 0;
}

@media (max-width: 768px) {
    .vertical-divider[b-o22gdb3n2g] {
        display: none;
    }
}
/* /Components/Layout/LogoutButton.razor.rz.scp.css */
.sidebar-logout-btn[b-pia9ve1eev] {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0.75rem;
    width: 100%;
    min-height: 2.125rem;
    padding: 0.375rem 0.75rem;
    border: none;
    border-radius: 6px;
    background-color: transparent;
    color: rgba(255, 255, 255, 0.65);
    font-size: 0.8125rem;
    font-weight: 500;
    line-height: 1.25;
    text-decoration: none;
    transition: background-color 0.15s ease, color 0.15s ease;
}

.sidebar-logout-btn:hover[b-pia9ve1eev],
.sidebar-logout-btn:focus[b-pia9ve1eev] {
    background-color: rgba(255, 255, 255, 0.08);
    color: #ffffff;
    text-decoration: none;
}

.sidebar-logout-btn-collapsed[b-pia9ve1eev] {
    width: 2.25rem;
    min-width: 2.25rem;
    max-width: 2.25rem;
    height: 2.25rem;
    min-height: 2.25rem;
    padding: 0;
    margin: 0 auto;
    justify-content: center;
}

.sidebar-logout-icon[b-pia9ve1eev] {
    flex-shrink: 0;
    display: inline-block;
    position: relative;
    width: 1.125rem;
    height: 1.125rem;
    background-size: cover;
}

.sidebar-logout-icon.bi-box-arrow-right-nav-menu[b-pia9ve1eev] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M10 12.5a.5.5 0 0 1-.5.5h-8a.5.5 0 0 1-.5-.5v-9a.5.5 0 0 1 .5-.5h8a.5.5 0 0 1 .5.5v2a.5.5 0 0 0 1 0v-2A1.5 1.5 0 0 0 9.5 2h-8A1.5 1.5 0 0 0 0 3.5v9A1.5 1.5 0 0 0 1.5 14h8a1.5 1.5 0 0 0 1.5-1.5v-2a.5.5 0 0 0-1 0z'/%3E%3Cpath fill-rule='evenodd' d='M15.854 8.354a.5.5 0 0 0 0-.708l-3-3a.5.5 0 0 0-.708.708L14.293 7.5H5.5a.5.5 0 0 0 0 1h8.793l-2.147 2.146a.5.5 0 0 0 .708.708z'/%3E%3C/svg%3E");
}

.sidebar-logout-text[b-pia9ve1eev] {
    white-space: nowrap;
}

@media (max-width: 640.98px) {
    .sidebar-logout-btn[b-pia9ve1eev] {
        width: auto;
        max-width: 100%;
        align-self: flex-start;
    }
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-uhtnwnrycj] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-uhtnwnrycj] {
    flex: 1;
    min-width: 0;
}

.sidebar[b-uhtnwnrycj] {
    background-color: #001f3f;
    border-right: 1px solid transparent;
    transition: background-color 0.25s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.25s cubic-bezier(0.4, 0, 0.2, 1), width 0.2s ease;
    position: relative;
    z-index: 50;
}

.sidebar:has(.nav-menu-chart-open)[b-uhtnwnrycj] {
    background-color: #ffffff;
    border-right-color: #e5e7eb;
}

.sidebar:has(.nav-menu-collapsed)[b-uhtnwnrycj] {
    width: 4.75rem;
}

.top-row[b-uhtnwnrycj] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-uhtnwnrycj]  a, .top-row[b-uhtnwnrycj]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

    .top-row[b-uhtnwnrycj]  a:hover, .top-row[b-uhtnwnrycj]  .btn-link:hover {
        text-decoration: underline;
    }

    .top-row[b-uhtnwnrycj]  a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .page[b-uhtnwnrycj] {
        min-height: 100vh;
    }

    .sidebar[b-uhtnwnrycj] {
        width: 100%;
        flex-shrink: 0;
        height: auto;
        position: relative;
    }

    main[b-uhtnwnrycj] {
        flex: 1;
        min-width: 0;
    }

    main .content[b-uhtnwnrycj] {
        padding-top: 0.75rem;
        padding-left: 0.75rem !important;
        padding-right: 0.75rem !important;
    }

    .top-row[b-uhtnwnrycj] {
        justify-content: space-between;
    }

    .top-row[b-uhtnwnrycj]  a, .top-row[b-uhtnwnrycj]  .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-uhtnwnrycj] {
        flex-direction: row;
    }

    .sidebar[b-uhtnwnrycj] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .sidebar:has(.nav-menu-collapsed)[b-uhtnwnrycj] {
        width: 4.75rem;
    }

    .top-row[b-uhtnwnrycj] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth[b-uhtnwnrycj]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-uhtnwnrycj], article[b-uhtnwnrycj] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}

#blazor-error-ui[b-uhtnwnrycj] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-uhtnwnrycj] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-x77w5z33ks] {
    appearance: none;
    cursor: pointer;
    width: 3.5rem;
    height: 2.5rem;
    color: white;
    position: absolute;
    top: 0.5rem;
    right: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem rgba(255, 255, 255, 0.1);
}

.nav-menu-shell[b-x77w5z33ks] {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 100vh;
    background-color: #001f3f;
    position: relative;
    transition: background-color 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

.sidebar-footer[b-x77w5z33ks] {
    margin-top: auto;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding: 0.75rem;
    background-color: #001f3f;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    transition: background-color 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

.sidebar-collapse-toggle[b-x77w5z33ks] {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0.75rem;
    width: 100%;
    min-height: 2.125rem;
    padding: 0.375rem 0.75rem;
    border: none;
    border-radius: 6px;
    background-color: transparent;
    color: rgba(255, 255, 255, 0.65);
    font-size: 0.8125rem;
    font-weight: 500;
    line-height: 1.25;
    transition: background-color 0.15s ease, color 0.15s ease;
}

.sidebar-collapse-toggle:hover[b-x77w5z33ks],
.sidebar-collapse-toggle:focus[b-x77w5z33ks] {
    background-color: rgba(255, 255, 255, 0.08);
    color: #ffffff;
}

.sidebar-collapse-toggle-collapsed[b-x77w5z33ks] {
    width: 2.25rem;
    min-width: 2.25rem;
    max-width: 2.25rem;
    height: 2.25rem;
    min-height: 2.25rem;
    padding: 0;
    margin: 0 auto;
    justify-content: center;
}

.sidebar-collapse-text[b-x77w5z33ks] {
    white-space: nowrap;
}

.bi-chevron-double-left-nav-menu[b-x77w5z33ks] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M3.646 9.646a.5.5 0 0 1 0-.708L6.293 6.5 3.646 3.854a.5.5 0 1 1 .708-.708l3 3a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708 0'/%3E%3Cpath fill-rule='evenodd' d='M7.646 9.646a.5.5 0 0 1 0-.708L10.293 6.5 7.646 3.854a.5.5 0 1 1 .708-.708l3 3a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708 0'/%3E%3C/svg%3E");
}

.bi-chevron-double-right-nav-menu[b-x77w5z33ks] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M12.354 6.354a.5.5 0 0 1 0 .708L9.707 9.5l2.647 2.646a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 0 1 .708 0'/%3E%3Cpath fill-rule='evenodd' d='M8.354 6.354a.5.5 0 0 1 0 .708L5.707 9.5l2.647 2.646a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 0 1 .708 0'/%3E%3C/svg%3E");
}

.bi-box-arrow-right-nav-menu[b-x77w5z33ks] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M10 12.5a.5.5 0 0 1-.5.5h-8a.5.5 0 0 1-.5-.5v-9a.5.5 0 0 1 .5-.5h8a.5.5 0 0 1 .5.5v2a.5.5 0 0 0 1 0v-2A1.5 1.5 0 0 0 9.5 2h-8A1.5 1.5 0 0 0 0 3.5v9A1.5 1.5 0 0 0 1.5 14h8a1.5 1.5 0 0 0 1.5-1.5v-2a.5.5 0 0 0-1 0z'/%3E%3Cpath fill-rule='evenodd' d='M15.854 8.354a.5.5 0 0 0 0-.708l-3-3a.5.5 0 0 0-.708.708L14.293 7.5H5.5a.5.5 0 0 0 0 1h8.793l-2.147 2.146a.5.5 0 0 0 .708.708z'/%3E%3C/svg%3E");
}

.nav-menu-collapsed .sidebar-brand-logo[b-x77w5z33ks] {
    object-fit: cover;
    object-position: left center;
    height: 2.5rem;
}

.nav-menu-collapsed .nav-item[b-x77w5z33ks]  .nav-link {
    justify-content: center;
    font-size: 0;
    padding-inline: 0.5rem;
}

.nav-menu-collapsed .nav-item[b-x77w5z33ks]  .nav-link .bi,
.nav-menu-collapsed .nav-item[b-x77w5z33ks]  .nav-link .nav-menu-icon {
    margin-right: 0;
}

.nav-menu-collapsed .nav-link-hint[b-x77w5z33ks] {
    display: none;
}

.nav-menu-collapsed .nav-item[b-x77w5z33ks] {
    padding-inline: 0.75rem;
}

/* Tooltip styling for collapsed state menu items */
.nav-menu-collapsed .nav-item[b-x77w5z33ks] {
    position: relative;
}

.nav-menu-collapsed .nav-item[b-x77w5z33ks]  .nav-link {
    position: relative;
}

.nav-menu-collapsed .nav-item[b-x77w5z33ks]  .nav-link[data-tooltip]::after {
    content: attr(data-tooltip);
    position: absolute;
    left: 100%;
    top: 50%;
    transform: translateY(-50%) translateX(10px);
    background-color: #1f2937;
    color: #ffffff;
    padding: 0.5rem 0.75rem;
    border-radius: 6px;
    font-size: 0.8125rem;
    font-weight: 500;
    line-height: 1.25;
    white-space: nowrap;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.15s ease-in-out, transform 0.15s ease-in-out;
    z-index: 1050;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.nav-menu-collapsed .nav-item[b-x77w5z33ks]  .nav-link[data-tooltip]::before {
    content: "";
    position: absolute;
    left: 100%;
    top: 50%;
    transform: translateY(-50%) translateX(4px);
    border-width: 6px;
    border-style: solid;
    border-color: transparent #1f2937 transparent transparent;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.15s ease-in-out, transform 0.15s ease-in-out;
    z-index: 1050;
}

.nav-menu-collapsed .nav-item[b-x77w5z33ks]  .nav-link[data-tooltip]:hover::after {
    opacity: 1;
    transform: translateY(-50%) translateX(15px);
}

.nav-menu-collapsed .nav-item[b-x77w5z33ks]  .nav-link[data-tooltip]:hover::before {
    opacity: 1;
    transform: translateY(-50%) translateX(9px);
}

/* Tooltip styling for collapsed state logout button */
.nav-menu-collapsed[b-x77w5z33ks]  .sidebar-logout-btn-collapsed[data-tooltip] {
    position: relative;
}

.nav-menu-collapsed[b-x77w5z33ks]  .sidebar-logout-btn-collapsed[data-tooltip]::after {
    content: attr(data-tooltip);
    position: absolute;
    left: 100%;
    top: 50%;
    transform: translateY(-50%) translateX(10px);
    background-color: #1f2937;
    color: #ffffff;
    padding: 0.5rem 0.75rem;
    border-radius: 6px;
    font-size: 0.8125rem;
    font-weight: 500;
    line-height: 1.25;
    white-space: nowrap;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.15s ease-in-out, transform 0.15s ease-in-out;
    z-index: 1050;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.nav-menu-collapsed[b-x77w5z33ks]  .sidebar-logout-btn-collapsed[data-tooltip]::before {
    content: "";
    position: absolute;
    left: 100%;
    top: 50%;
    transform: translateY(-50%) translateX(4px);
    border-width: 6px;
    border-style: solid;
    border-color: transparent #1f2937 transparent transparent;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.15s ease-in-out, transform 0.15s ease-in-out;
    z-index: 1050;
}

.nav-menu-collapsed[b-x77w5z33ks]  .sidebar-logout-btn-collapsed[data-tooltip]:hover::after {
    opacity: 1;
    transform: translateY(-50%) translateX(15px);
}

.nav-menu-collapsed[b-x77w5z33ks]  .sidebar-logout-btn-collapsed[data-tooltip]:hover::before {
    opacity: 1;
    transform: translateY(-50%) translateX(9px);
}

/* Light theme styling for collapsed tooltips (when chart is open) */
.nav-menu-chart-open.nav-menu-collapsed .nav-item[b-x77w5z33ks]  .nav-link[data-tooltip]::after,
.nav-menu-chart-open.nav-menu-collapsed[b-x77w5z33ks]  .sidebar-logout-btn-collapsed[data-tooltip]::after {
    background-color: #ffffff;
    color: #111827;
    border: 1px solid #e5e7eb;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

.nav-menu-chart-open.nav-menu-collapsed .nav-item[b-x77w5z33ks]  .nav-link[data-tooltip]::before,
.nav-menu-chart-open.nav-menu-collapsed[b-x77w5z33ks]  .sidebar-logout-btn-collapsed[data-tooltip]::before {
    border-color: transparent #ffffff transparent transparent;
    filter: drop-shadow(-1px 0px 0px #e5e7eb);
}

.nav-menu-collapsed .sidebar-footer[b-x77w5z33ks] {
    align-items: center;
    padding-inline: 0.75rem;
}

.nav-menu-collapsed[b-x77w5z33ks]  .sidebar-logout-btn {
    justify-content: center;
}

.nav-menu-collapsed[b-x77w5z33ks]  .sidebar-logout-text {
    display: none;
}

@media (max-width: 640.98px) {
    /* Mobile hamburger must be clickable above the brand image area. */
    .navbar-toggler[b-x77w5z33ks] {
        z-index: 50;
        min-width: 44px;
        min-height: 44px;
        border: 2px solid #ffffff;
        border-radius: 12px;
        background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.92%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2.25' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem rgba(255, 255, 255, 0.08);
        touch-action: manipulation;
        box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
    }

    .navbar-toggler:focus-visible[b-x77w5z33ks] {
        outline: 2px solid #ffffff;
        outline-offset: 2px;
        border-radius: 12px;
    }

    .navbar-toggler:checked[b-x77w5z33ks] {
        background-color: rgba(255, 255, 255, 0.12);
        border-color: #ffffff;
        box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.35), 0 0 0 1px rgba(255, 255, 255, 0.45) inset;
    }

    .nav-menu-shell[b-x77w5z33ks] {
        min-height: auto;
        height: auto;
    }

    .sidebar-brand-row[b-x77w5z33ks] {
        position: sticky;
        top: 0;
        z-index: 10;
        background-color: #001f3f;
    }

    .sidebar-brand-inner[b-x77w5z33ks] {
        padding: 0.35rem 3.25rem 0.35rem 0.75rem;
        overflow: hidden;
    }

    .navbar-brand[b-x77w5z33ks] {
        width: auto;
        max-width: 100%;
    }

    .navbar-brand-logo[b-x77w5z33ks] {
        max-height: 5.5rem;
        width: auto;
        max-width: 100%;
        object-fit: contain;
        object-position: top left;
    }

    .navbar-toggler:checked ~ .nav-scrollable[b-x77w5z33ks] {
        max-height: min(60vh, 400px);
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }

    .sidebar-footer[b-x77w5z33ks] {
        margin-top: 0;
        padding-top: 0.5rem;
        padding-bottom: max(0.75rem, env(safe-area-inset-bottom, 0px));
    }

    /* Only show logout in the mobile menu when the hamburger is checked. */
    .navbar-toggler:not(:checked) ~ .sidebar-footer[b-x77w5z33ks] {
        display: none;
    }

    .navbar-toggler:checked ~ .sidebar-footer[b-x77w5z33ks] {
        display: flex;
    }

    .sidebar-collapse-toggle[b-x77w5z33ks] {
        display: none;
    }
}

.navbar-toggler:checked[b-x77w5z33ks] {
    background-color: rgba(255, 255, 255, 0.5);
}

.top-row[b-x77w5z33ks] {
    min-height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.sidebar-brand-row[b-x77w5z33ks] {
    min-height: 0;
    padding: 0;
    background-color: transparent;
}

.sidebar-brand-inner[b-x77w5z33ks] {
    display: block;
    width: 100%;
}

.navbar-brand[b-x77w5z33ks] {
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    line-height: 0;
    position: relative;
}

.navbar-brand-logo[b-x77w5z33ks] {
    display: block;
    width: 100%;
    height: auto;
    transition: opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

.navbar-brand-logo--inverted[b-x77w5z33ks] {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    pointer-events: none;
}

.nav-menu-chart-open .navbar-brand-logo--default[b-x77w5z33ks] {
    opacity: 0;
    pointer-events: none;
}

.nav-menu-chart-open .navbar-brand-logo--inverted[b-x77w5z33ks] {
    opacity: 1;
    pointer-events: auto;
}

.bi[b-x77w5z33ks] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    top: -1px;
    background-size: cover;
}

.nav-menu-icon[b-x77w5z33ks] {
    display: inline-block;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    object-fit: contain;
    vertical-align: middle;
    filter: brightness(0) invert(1);
    opacity: 0.85;
}

.nav-menu-icon-disabled[b-x77w5z33ks] {
    opacity: 0.55;
}

.nav-link-hint[b-x77w5z33ks] {
    color: rgba(255, 255, 255, 0.55);
}

.bi-house-door-fill-nav-menu[b-x77w5z33ks] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
}

.bi-file-earmark-medical-fill-nav-menu[b-x77w5z33ks] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-file-earmark-medical-fill' viewBox='0 0 16 16'%3E%3Cpath d='M7.876 5.813a1.5 1.5 0 1 0-3 0v1.014a.5.5 0 0 1-.707.707L3 7.414V13.5a1.5 1.5 0 0 0 1.5 1.5h8a1.5 1.5 0 0 0 1.5-1.5V4.5a1.5 1.5 0 0 0-1.5-1.5h-5A1.5 1.5 0 0 0 7 4.5v2.085a.5.5 0 0 1-.707.707L7.876 5.813ZM2 2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V2Z'/%3E%3Cpath d='M6.813 6.086V4.5a.5.5 0 0 1 .707-.707l3.146 3.147a.5.5 0 0 1-.707.707L7.5 5.207V6.086a.5.5 0 0 1-1 0V4.5a.5.5 0 0 1 .5-.5h1.793L6.813 6.086Z'/%3E%3C/svg%3E");
}

.bi-image-fill-nav-menu[b-x77w5z33ks] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-image-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.002 5.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0z'/%3E%3Cpath d='M2.002 1a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2h-12zm12 1a1 1 0 0 1 1 1v6.5l-3.777-1.947a.5.5 0 0 0-.577.093l-3.71 3.71-2.66-1.772a.5.5 0 0 0-.63.062L1.002 12V3a1 1 0 0 1 1-1h12z'/%3E%3C/svg%3E");
}

.bi-calendar-fill-nav-menu[b-x77w5z33ks] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-calendar-fill' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5zM1 4v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4H1z'/%3E%3C/svg%3E");
}

.bi-diagram-3-fill-nav-menu[b-x77w5z33ks] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-diagram-3-fill' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M6 3.5A1.5 1.5 0 0 1 7.5 2h1A1.5 1.5 0 0 1 10 3.5v1A1.5 1.5 0 0 1 8.5 6v1.5h3.879a1.5 1.5 0 0 1 1.06.44l1.122 1.121A1.5 1.5 0 0 1 15 10.122v1.378a1.5 1.5 0 0 1-1.5 1.5h-1a1.5 1.5 0 0 1-1.5-1.5v-1.378a1.5 1.5 0 0 1 .44-1.06L12.56 8.5H8.5V11h1.5A1.5 1.5 0 0 1 11.5 12.5v1a1.5 1.5 0 0 1-1.5 1.5h-4A1.5 1.5 0 0 1 4.5 13.5v-1A1.5 1.5 0 0 1 6 11h1.5V8.5H3.44l1.12 1.12a1.5 1.5 0 0 1 .44 1.06v1.378A1.5 1.5 0 0 1 3.5 15h-1a1.5 1.5 0 0 1-1.5-1.5v-1.378a1.5 1.5 0 0 1 .44-1.06l1.122-1.121A1.5 1.5 0 0 1 3.621 7.5H7.5V6A1.5 1.5 0 0 1 6 4.5v-1z'/%3E%3C/svg%3E");
}


.nav-item[b-x77w5z33ks] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-x77w5z33ks] {
        padding-top: 0.5rem;
    }

    .nav-item:last-of-type[b-x77w5z33ks] {
        padding-bottom: 1rem;
    }

    .nav-item[b-x77w5z33ks]  .nav-link {
        color: white;
        background: none;
        border: none;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
        width: 100%;
    }

    .nav-item[b-x77w5z33ks]  a.nav-link:link,
    .nav-item[b-x77w5z33ks]  a.nav-link:visited,
    .nav-item[b-x77w5z33ks]  a.nav-link:focus {
        color: white;
    }

    .nav-item[b-x77w5z33ks]  .nav-link.nav-link-disabled {
        color: rgba(255, 255, 255, 0.55);
        cursor: default;
    }

    .nav-item[b-x77w5z33ks]  .nav-link.nav-link-disabled:hover {
        background: none;
        color: rgba(255, 255, 255, 0.55);
    }

.nav-item[b-x77w5z33ks]  a.active {
    background-color: rgba(255,255,255,0.37);
    color: white;
}

.nav-item[b-x77w5z33ks]  .nav-link:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

.nav-scrollable[b-x77w5z33ks] {
    display: none;
    flex: 1 1 auto;
    min-height: 0;
}

.navbar-toggler:checked ~ .nav-scrollable[b-x77w5z33ks] {
    display: block;
}

@media (min-width: 641px) {
    .navbar-toggler[b-x77w5z33ks] {
        display: none;
    }

    .nav-scrollable[b-x77w5z33ks] {
        display: block;
        overflow-y: auto;
    }

    .nav-menu-collapsed .nav-scrollable[b-x77w5z33ks] {
        overflow: visible;
    }
}

/* Light sidebar when patient overview chart is open on /home */
.nav-menu-chart-open[b-x77w5z33ks] {
    background-color: #ffffff;
}

.nav-menu-chart-open .sidebar-footer[b-x77w5z33ks] {
    background-color: #ffffff;
    border-top: 1px solid #e5e7eb;
}

.nav-menu-chart-open .nav-item[b-x77w5z33ks]  .nav-link,
.nav-menu-chart-open .nav-item[b-x77w5z33ks]  a.nav-link:link,
.nav-menu-chart-open .nav-item[b-x77w5z33ks]  a.nav-link:visited,
.nav-menu-chart-open .nav-item[b-x77w5z33ks]  a.nav-link:focus {
    color: #111827;
}

.nav-menu-chart-open .nav-item[b-x77w5z33ks]  .nav-link.nav-link-disabled,
.nav-menu-chart-open .nav-item[b-x77w5z33ks]  .nav-link.nav-link-disabled:hover {
    color: #6b7280;
}

.nav-menu-chart-open .nav-item[b-x77w5z33ks]  a.active {
    background-color: #e8eef6;
    color: #111827;
}

.nav-menu-chart-open .nav-item[b-x77w5z33ks]  .nav-link:hover {
    background-color: #f3f4f6;
    color: #111827;
}

.nav-menu-chart-open .nav-link-hint[b-x77w5z33ks] {
    color: #6b7280;
}

.nav-menu-chart-open .nav-menu-icon[b-x77w5z33ks] {
    filter: brightness(0) invert(70%);
    opacity: 0.85;
}

.nav-menu-chart-open .nav-menu-icon-disabled[b-x77w5z33ks] {
    opacity: 0.45;
}

.nav-menu-chart-open .bi[b-x77w5z33ks] {
    filter: brightness(0) invert(70%);
}

.nav-menu-chart-open .sidebar-collapse-toggle[b-x77w5z33ks] {
    border: none;
    color: #4b5563;
}

.nav-menu-chart-open .sidebar-collapse-toggle:hover[b-x77w5z33ks],
.nav-menu-chart-open .sidebar-collapse-toggle:focus[b-x77w5z33ks] {
    background-color: #f3f4f6;
    color: #111827;
}

.nav-menu-chart-open .bi-chevron-double-left-nav-menu[b-x77w5z33ks],
.nav-menu-chart-open .bi-chevron-double-right-nav-menu[b-x77w5z33ks] {
    filter: brightness(0);
}

.nav-menu-chart-open[b-x77w5z33ks]  .session-user-badge {
    color: #374151;
}

.nav-menu-chart-open[b-x77w5z33ks]  .sidebar-logout-btn {
    border: none;
    color: #4b5563;
}

.nav-menu-chart-open[b-x77w5z33ks]  .sidebar-logout-btn:hover,
.nav-menu-chart-open[b-x77w5z33ks]  .sidebar-logout-btn:focus {
    background-color: #f3f4f6;
    color: #111827;
}

.nav-menu-chart-open[b-x77w5z33ks]  .sidebar-logout-icon.bi-box-arrow-right-nav-menu {
    filter: brightness(0);
}

@media (max-width: 640.98px) {
    .nav-menu-chart-open .sidebar-brand-row[b-x77w5z33ks] {
        background-color: #ffffff;
    }

    .nav-menu-chart-open .navbar-toggler[b-x77w5z33ks] {
        border-color: #e5e7eb;
        background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2817, 24, 39, 0.85%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2.25' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem #ffffff;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
    }

    .nav-menu-chart-open .navbar-toggler:focus-visible[b-x77w5z33ks] {
        outline-color: #111827;
    }

    .nav-menu-chart-open .navbar-toggler:checked[b-x77w5z33ks] {
        background-color: #f3f4f6;
        border-color: #d1d5db;
        box-shadow: 0 0 0 2px rgba(17, 24, 39, 0.08);
    }
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-6qdiix18tk],
.components-reconnect-repeated-attempt-visible[b-6qdiix18tk],
.components-reconnect-failed-visible[b-6qdiix18tk],
.components-pause-visible[b-6qdiix18tk],
.components-resume-failed-visible[b-6qdiix18tk],
.components-rejoining-animation[b-6qdiix18tk] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-6qdiix18tk],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-6qdiix18tk],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-6qdiix18tk],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-6qdiix18tk],
#components-reconnect-modal.components-reconnect-retrying[b-6qdiix18tk],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-6qdiix18tk],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-6qdiix18tk],
#components-reconnect-modal.components-reconnect-failed[b-6qdiix18tk],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-6qdiix18tk] {
    display: block;
}


#components-reconnect-modal[b-6qdiix18tk] {
    background-color: white;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-6qdiix18tk 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-6qdiix18tk 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-6qdiix18tk 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-6qdiix18tk]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-6qdiix18tk 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-6qdiix18tk {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-6qdiix18tk {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-6qdiix18tk {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-6qdiix18tk] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-6qdiix18tk] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-6qdiix18tk] {
    border: 0;
    background-color: #6b9ed2;
    color: white;
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-6qdiix18tk] {
        background-color: #3b6ea2;
    }

    #components-reconnect-modal button:active[b-6qdiix18tk] {
        background-color: #6b9ed2;
    }

.components-rejoining-animation[b-6qdiix18tk] {
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-6qdiix18tk] {
        position: absolute;
        border: 3px solid #0087ff;
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-6qdiix18tk 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-6qdiix18tk] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-6qdiix18tk {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Layout/SessionUserBadge.razor.rz.scp.css */
.session-user-badge[b-jgtji7nnmc] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    width: 100%;
    padding: 0.375rem 0.25rem;
    color: rgba(255, 255, 255, 0.85);
    font-size: 0.75rem;
    line-height: 1.35;
}

.session-user-badge-collapsed[b-jgtji7nnmc] {
    justify-content: center;
    padding-inline: 0;
}

.session-user-dot[b-jgtji7nnmc] {
    flex-shrink: 0;
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 50%;
    background-color: #2ecc71;
}

@keyframes pulse-green-b-jgtji7nnmc {
    0% {
        box-shadow: 0 0 0 0 rgba(46, 204, 113, 0.7);
    }
    70% {
        box-shadow: 0 0 0 6px rgba(46, 204, 113, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(46, 204, 113, 0);
    }
}

@keyframes pulse-yellow-b-jgtji7nnmc {
    0% {
        box-shadow: 0 0 0 0 rgba(241, 196, 15, 0.7);
    }
    70% {
        box-shadow: 0 0 0 6px rgba(241, 196, 15, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(241, 196, 15, 0);
    }
}

@keyframes pulse-red-b-jgtji7nnmc {
    0% {
        box-shadow: 0 0 0 0 rgba(231, 76, 60, 0.7);
    }
    70% {
        box-shadow: 0 0 0 6px rgba(231, 76, 60, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(231, 76, 60, 0);
    }
}

.session-user-dot.status-online[b-jgtji7nnmc] {
    background-color: #2ecc71;
    animation: pulse-green-b-jgtji7nnmc 2s infinite;
}

.session-user-dot.status-slow[b-jgtji7nnmc] {
    background-color: #f1c40f;
    animation: pulse-yellow-b-jgtji7nnmc 2s infinite;
}

.session-user-dot.status-offline[b-jgtji7nnmc] {
    background-color: #e74c3c;
    animation: pulse-red-b-jgtji7nnmc 2s infinite;
}

.session-user-label[b-jgtji7nnmc] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.nav-menu-collapsed[b-jgtji7nnmc]  .session-user-label {
    display: none;
}

.nav-menu-collapsed[b-jgtji7nnmc]  .session-user-badge {
    justify-content: center;
}
/* /Components/Pages/Appointments.razor.rz.scp.css */
.appointment-dashboard[b-3sco3k62ph] {
    --appointment-sidebar-navy: #001f3f;
    --appointment-sidebar-font: "Roboto Mono", monospace;
    font-family: var(--appointment-sidebar-font);
    min-height: 60vh;
}

.appointment-page-title[b-3sco3k62ph] {
    color: var(--appointment-sidebar-navy);
    font-family: var(--appointment-sidebar-font);
    font-weight: 500;
}

.appointment-dashboard[b-3sco3k62ph]  .mud-typography,
.appointment-month-grid[b-3sco3k62ph],
.appointment-weekday-header[b-3sco3k62ph],
.appointment-day-cell[b-3sco3k62ph],
.appointment-day-number[b-3sco3k62ph],
.appointment-count-badge[b-3sco3k62ph] {
    font-family: var(--appointment-sidebar-font);
}

.appointment-month-grid[b-3sco3k62ph] {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 4px;
}

.appointment-weekday-header[b-3sco3k62ph] {
    text-align: center;
    font-weight: 600;
    font-size: 0.75rem;
    color: #6c757d;
    padding: 0.5rem 0;
}

.appointment-day-cell[b-3sco3k62ph] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    min-height: 4.5rem;
    padding: 0.5rem;
    border: 1px solid #dee2e6;
    border-radius: 4px;
    background: #fff;
    cursor: pointer;
    transition: background-color 0.15s ease;
}

.appointment-day-cell:hover[b-3sco3k62ph] {
    background-color: #f0f4ff;
}

.appointment-day-cell-padding[b-3sco3k62ph] {
    background: transparent;
    border-color: transparent;
    cursor: default;
    pointer-events: none;
}

.appointment-day-cell-today[b-3sco3k62ph] {
    border-color: #1b6ec2;
    box-shadow: inset 0 0 0 1px #1b6ec2;
}

.appointment-day-cell.has-appointments[b-3sco3k62ph] {
    background-color: #f8f9fa;
}

.appointment-day-number[b-3sco3k62ph] {
    font-size: 0.875rem;
    font-weight: 500;
}

.appointment-count-badge[b-3sco3k62ph] {
    margin-top: 0.35rem;
    font-size: 1.1rem;
    font-weight: 700;
    color: #1b6ec2;
    line-height: 1;
    padding: 0.15rem 0.45rem;
    border-radius: 999px;
}

.appointment-count-badge-pending[b-3sco3k62ph] {
    background-color: #fff3e0;
    color: #e65100;
}

.appointment-count-badge-confirmed[b-3sco3k62ph] {
    background-color: #e8f5e9;
    color: #2e7d32;
}

.appointment-count-badge-mixed[b-3sco3k62ph] {
    background-color: #fff8e1;
    color: #f57c00;
}

@media (max-width: 768px) {
    .appointment-dashboard[b-3sco3k62ph] {
        overflow-x: hidden;
        padding-bottom: max(1rem, env(safe-area-inset-bottom));
    }

    .appointment-page-title[b-3sco3k62ph] {
        font-size: 1.45rem;
        line-height: 1.3;
    }

    .appointment-month-grid[b-3sco3k62ph] {
        gap: 3px;
    }

    .appointment-day-cell[b-3sco3k62ph] {
        min-height: 3.5rem;
    }
}

@media (max-width: 640.98px) {
    .appointment-dashboard[b-3sco3k62ph] {
        min-height: auto;
    }

    .appointment-page-title[b-3sco3k62ph] {
        font-size: 1.35rem;
    }

    .appointment-month-grid[b-3sco3k62ph] {
        gap: 2px;
    }

    .appointment-weekday-header[b-3sco3k62ph] {
        font-size: 0.65rem;
        padding: 0.35rem 0;
    }

    .appointment-day-cell[b-3sco3k62ph] {
        min-height: 3rem;
        padding: 0.25rem;
    }

    .appointment-day-number[b-3sco3k62ph] {
        font-size: 0.75rem;
    }

    .appointment-count-badge[b-3sco3k62ph] {
        font-size: 0.85rem;
        margin-top: 0.15rem;
        padding: 0.1rem 0.3rem;
    }
}
/* /Components/Pages/ClinicalImaging.razor.rz.scp.css */
/* Dark theme clinical workspace styles */
.chart-imaging-thumb[b-pr369piiyq] {
    height: 180px;
    width: 100%;
    object-fit: cover;
    background-color: #000;
    display: block;
}

.imaging-grid-card[b-pr369piiyq] {
    background-color: #1f2937 !important;
    border: 1px solid #374151 !important;
    border-radius: 8px !important;
    overflow: hidden;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.imaging-grid-card:hover[b-pr369piiyq] {
    transform: translateY(-4px);
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.5);
}

.imaging-thumb-container[b-pr369piiyq] {
    position: relative;
    overflow: hidden;
    background-color: #000;
}

.imaging-thumb-overlay[b-pr369piiyq] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.6);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity 0.2s ease;
    cursor: pointer;
    font-size: 0.875rem;
    font-weight: 500;
}

.imaging-thumb-container:hover .imaging-thumb-overlay[b-pr369piiyq] {
    opacity: 1;
}

.thumb-mini-badge[b-pr369piiyq] {
    position: absolute;
    padding: 0.15rem 0.35rem;
    font-size: 0.65rem;
    font-weight: bold;
    border-radius: 4px;
    color: #fff;
    text-transform: uppercase;
}

.thumb-mini-badge--top-left[b-pr369piiyq] {
    top: 6px;
    left: 6px;
}

.thumb-mini-badge--top-right[b-pr369piiyq] {
    top: 6px;
    right: 6px;
    background-color: rgba(0, 0, 0, 0.6);
    backdrop-filter: blur(2px);
    border: 1px solid rgba(255, 255, 255, 0.15);
}

/* Modality-specific badge colors */
.badge-mod-XR[b-pr369piiyq] { background-color: #3b82f6 !important; color: #fff !important; }
.badge-mod-CT[b-pr369piiyq] { background-color: #f59e0b !important; color: #1f2937 !important; }
.badge-mod-MR[b-pr369piiyq] { background-color: #8b5cf6 !important; color: #fff !important; }
.badge-mod-US[b-pr369piiyq] { background-color: #10b981 !important; color: #fff !important; }
.badge-mod-DERM[b-pr369piiyq] { background-color: #ec4899 !important; color: #fff !important; }
.badge-mod-ECG[b-pr369piiyq] { background-color: #14b8a6 !important; color: #1f2937 !important; }
.badge-mod-IMG[b-pr369piiyq] { background-color: #6b7280 !important; color: #fff !important; }

/* Viewport Modal Styles */
.imaging-viewport-modal[b-pr369piiyq] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #0b0f19;
    z-index: 2000;
    display: flex;
    flex-direction: column;
}

.imaging-viewport-container[b-pr369piiyq] {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
}

.imaging-viewport-header[b-pr369piiyq] {
    background-color: #111827;
    border-bottom: 1px solid #1f2937;
    padding: 0.75rem 1.5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.imaging-viewport-main[b-pr369piiyq] {
    display: flex;
    flex-direction: row;
    flex-grow: 1;
    overflow: hidden;
}

.imaging-viewport-canvas[b-pr369piiyq] {
    flex-grow: 1;
    background-color: #000;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    padding: 1.5rem;
}

.viewport-active-image[b-pr369piiyq] {
    max-height: 85vh;
    max-width: 100%;
    object-fit: contain;
    transition: filter 0.1s ease, transform 0.1s ease;
    user-select: none;
}

.viewport-diagnostic-overlay[b-pr369piiyq] {
    position: absolute;
    color: #10b981; /* Green phosphor style */
    font-family: monospace;
    font-size: 0.75rem;
    line-height: 1.4;
    padding: 1rem;
    pointer-events: none;
    text-shadow: 1px 1px 1px #000;
}

.viewport-diagnostic-overlay.top-left[b-pr369piiyq] {
    top: 0;
    left: 0;
}

.viewport-diagnostic-overlay.top-right[b-pr369piiyq] {
    top: 0;
    right: 0;
    text-align: right;
}

.viewport-diagnostic-overlay.bottom-left[b-pr369piiyq] {
    bottom: 0;
    left: 0;
}

.imaging-viewport-controls[b-pr369piiyq] {
    width: 300px;
    background-color: #111827;
    border-left: 1px solid #1f2937;
    padding: 1.5rem;
    display: flex;
    flex-direction: column;
    overflow-y: auto;
}

.control-group[b-pr369piiyq] {
    border-bottom: 1px solid #1f2937;
    padding-bottom: 1rem;
}

@media (max-width: 768px) {
    .imaging-viewport-main[b-pr369piiyq] {
        flex-direction: column;
    }
    
    .imaging-viewport-controls[b-pr369piiyq] {
        width: 100%;
        border-left: none;
        border-top: 1px solid #1f2937;
        max-height: 350px;
    }
}
/* /Components/Pages/Home.razor.rz.scp.css */
/* PrimeCare chart overview — scoped to .patient-overview-page */
.patient-overview-page[b-ol0s5d7omt] {
    --pc-primary: #041f4d;
    --pc-primary-light: #e8eef6;
    --pc-primary-dark: #031636;
    --pc-border: #e5e7eb;
    --pc-bg: #f8fafc;
    --pc-card: #ffffff;
    --pc-text: #111827;
    --pc-muted: #6b7280;
    --pc-success: #10b981;
    --pc-success-light: #ecfdf5;
    --pc-warning: #f59e0b;
    --pc-warning-light: #fffbeb;
    --pc-danger: #ef4444;
    --pc-danger-light: #fef2f2;
    --pc-radius: 12px;
    --pc-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);

    background: var(--pc-bg);
    margin: 0 -0.75rem;
    padding: 0 0.75rem 1.5rem;
    border-radius: var(--pc-radius);
    display: flex;
    flex-direction: column;
    gap: 1.125rem;
    overflow-x: hidden;
    min-width: 0;
}

.patient-overview-page[b-ol0s5d7omt]  .btn-outline-primary {
    color: var(--pc-primary);
    border-color: var(--pc-primary);
}

.patient-overview-page[b-ol0s5d7omt]  .btn-outline-primary:hover {
    background: var(--pc-primary-light);
    color: var(--pc-primary-dark);
    border-color: var(--pc-primary);
}

/* Back link */
.patient-overview-page[b-ol0s5d7omt]  .patient-chart-back {
    text-decoration: none;
    font-size: 0.875rem;
    font-weight: 600;
    border: none;
    background: transparent;
    padding: 0;
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}

.patient-overview-page[b-ol0s5d7omt]  .patient-chart-back,
.patient-overview-page[b-ol0s5d7omt]  .patient-chart-back .back-arrow {
    color: #3b82f6;
}

.patient-overview-page[b-ol0s5d7omt]  .patient-chart-back .back-arrow {
    display: inline-flex;
    align-items: center;
    transform: translateY(-1px);
    line-height: 1;
}

.patient-overview-page[b-ol0s5d7omt]  .patient-chart-back:hover,
.patient-overview-page[b-ol0s5d7omt]  .patient-chart-back:hover .back-arrow {
    color: #2563eb;
}

/* Header toolbar (above card) */
.patient-overview-page[b-ol0s5d7omt]  .patient-header {
    margin-bottom: 1rem;
}

.patient-overview-page[b-ol0s5d7omt]  .patient-header-toolbar {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

/* Unified header card */
.patient-overview-page[b-ol0s5d7omt]  .patient-header-card {
    background: var(--pc-card);
    border: 1px solid var(--pc-border);
    border-radius: var(--pc-radius);
    box-shadow: var(--pc-shadow);
    padding: 1.25rem 1.5rem;
    transition: transform 0.2s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.2s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.2s cubic-bezier(0.16, 1, 0.3, 1);
}

.patient-overview-page[b-ol0s5d7omt]  .patient-header-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.08), 0 4px 6px -2px rgba(0, 0, 0, 0.04), 0 0 0 1px rgba(59, 130, 246, 0.1);
    border-color: rgba(59, 130, 246, 0.35);
}

.patient-overview-page[b-ol0s5d7omt]  .patient-profile {
    display: flex;
    align-items: center;
    gap: 1rem;
    min-width: 0;
}

.patient-overview-page[b-ol0s5d7omt]  .patient-initials-avatar {
    width: 5.25rem;
    height: 5.25rem;
    border-radius: 50%;
    background: var(--pc-primary-light);
    color: var(--pc-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    font-weight: 700;
    flex-shrink: 0;
}

.patient-overview-page[b-ol0s5d7omt]  .patient-chart-name {
    font-size: 1.375rem;
    font-weight: 700;
    color: var(--pc-text);
    line-height: 1.25;
    margin: 0 0 0.25rem;
}

.patient-overview-page[b-ol0s5d7omt]  .patient-chart-meta {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    font-size: 0.8125rem;
    color: var(--pc-muted);
}

.patient-overview-page[b-ol0s5d7omt]  .patient-chart-meta-row {
    line-height: 1.4;
}

.patient-overview-page[b-ol0s5d7omt]  .patient-chart-meta-sep {
    margin: 0 0.35rem;
}

.patient-overview-page[b-ol0s5d7omt]  .patient-chart-status-row {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    color: var(--pc-success);
    font-weight: 600;
    background: var(--pc-success-light);
    border-radius: 999px;
    padding: 0.2rem 0.625rem;
}

.patient-overview-page[b-ol0s5d7omt]  .patient-chart-status-check {
    display: inline-flex;
    align-items: center;
    color: var(--pc-success);
    font-size: 0.8rem;
    font-weight: 700;
    line-height: 1;
    flex-shrink: 0;
}

.patient-overview-page[b-ol0s5d7omt]  .patient-chart-alert-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.1rem;
    height: 1.1rem;
    border-radius: 50%;
    font-size: 0.65rem;
    font-weight: 700;
}

.patient-overview-page[b-ol0s5d7omt]  .patient-chart-alert-icon-blue {
    width: 1.6rem;
    height: 1.6rem;
    object-fit: contain;
    filter: invert(49%) sepia(82%) saturate(2468%) hue-rotate(200deg) brightness(96%) contrast(97%);
}

.patient-overview-page[b-ol0s5d7omt]  .patient-chart-summary-icon-blue {
    width: 0.8rem;
    height: 0.8rem;
    object-fit: contain;
    filter: invert(49%) sepia(82%) saturate(2468%) hue-rotate(200deg) brightness(96%) contrast(97%);
}

.patient-overview-page[b-ol0s5d7omt]  .patient-chart-alert-icon-red {
    width: 1.6rem;
    height: 1.6rem;
    object-fit: contain;
    filter: brightness(0) saturate(100%) invert(53%) sepia(98%) saturate(3558%) hue-rotate(332deg) brightness(93%) contrast(102%);
}

.patient-overview-page[b-ol0s5d7omt]  .allergies-section h4 {
    margin: 0 0 0.625rem;
    font-size: 0.8125rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 0.35rem;
    color: #ef4444;
}

.patient-overview-page[b-ol0s5d7omt]  .patient-chart-allergy-list {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 0.8125rem;
    max-height: 5rem;
    overflow-y: auto;
}

.patient-overview-page[b-ol0s5d7omt]  .patient-chart-allergy-list li + li {
    margin-top: 0.25rem;
}

.patient-overview-page[b-ol0s5d7omt]  .medications-section {
    min-width: 0;
}

.patient-overview-page[b-ol0s5d7omt]  .medications-section .overview-card-header-row {
    margin-bottom: 0.625rem;
}

.patient-overview-page[b-ol0s5d7omt]  .medications-section .overview-card-title {
    font-size: 0.8125rem;
    color: #3b82f6;
    display: flex;
    align-items: center;
    gap: 0.35rem;
}

.patient-overview-page[b-ol0s5d7omt]  .medications-section .table-responsive {
    max-height: 5rem;
    overflow-y: auto;
}

.patient-overview-page[b-ol0s5d7omt]  .medications-section .overview-data-table {
    font-size: 0.75rem;
}

.patient-overview-page[b-ol0s5d7omt]  .patient-header-actions {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 0.5rem;
    flex-shrink: 0;
}

.patient-overview-page[b-ol0s5d7omt]  .patient-header-sync {
    font-size: 0.75rem;
    color: var(--pc-muted);
}

.patient-overview-page[b-ol0s5d7omt]  .patient-header-btn-row {
    display: flex;
    flex-wrap: nowrap;
    gap: 0.5rem;
    justify-content: flex-end;
    align-items: center;
}

.patient-overview-page[b-ol0s5d7omt]  .patient-header-more {
    position: relative;
}

.patient-overview-page[b-ol0s5d7omt]  .btn-header-more {
    background: #fff;
    color: var(--pc-text);
    border: 1px solid var(--pc-border);
    border-radius: 8px;
    width: 44px;
    min-width: 44px;
    height: 44px;
    min-height: 44px;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.patient-overview-page[b-ol0s5d7omt]  .btn-header-more:hover {
    background: #f9fafb;
    border-color: #d1d5db;
}

.patient-overview-page[b-ol0s5d7omt]  .btn-header-more-dots {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 3px;
    width: 100%;
    height: 100%;
}

.patient-overview-page[b-ol0s5d7omt]  .btn-header-more-dots span {
    display: block;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #111827;
}

.patient-overview-page[b-ol0s5d7omt]  .patient-header-more-menu {
    position: absolute;
    top: calc(100% + 4px);
    right: 0;
    z-index: 1060;
    min-width: 11rem;
    background: #fff;
    border: 1px solid var(--pc-border);
    border-radius: 8px;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.12);
    padding: 0.35rem 0;
    overflow: hidden;
}

.patient-overview-page[b-ol0s5d7omt]  .patient-header-more-item {
    display: block;
    width: 100%;
    text-align: left;
    border: 0;
    background: transparent;
    padding: 0.625rem 1rem;
    font-size: 0.8125rem;
    font-weight: 600;
    color: var(--pc-text);
    min-height: 44px;
}

.patient-overview-page[b-ol0s5d7omt]  .patient-header-more-item:hover:not(:disabled) {
    background: var(--pc-primary-light);
}

.patient-overview-page[b-ol0s5d7omt]  .patient-header-more-item--danger {
    color: var(--pc-danger);
}

.patient-overview-page[b-ol0s5d7omt]  .patient-header-more-item--danger:hover:not(:disabled) {
    background: var(--pc-danger-light);
}

.patient-overview-page[b-ol0s5d7omt]  .btn-header-outline {
    background: #fff;
    color: var(--pc-primary);
    border: 1px solid var(--pc-primary);
    border-radius: 8px;
    padding: 0.45rem 0.875rem;
    font-size: 0.8125rem;
    font-weight: 600;
    text-decoration: none;
    white-space: nowrap;
    min-height: 44px;
    display: inline-flex;
    align-items: center;
}

.patient-overview-page[b-ol0s5d7omt]  .btn-header-outline:hover {
    background: var(--pc-primary-light);
    color: var(--pc-primary-dark);
}

.patient-overview-page[b-ol0s5d7omt]  .btn-header-danger {
    background: #fff;
    color: var(--pc-danger);
    border: 1px solid var(--pc-danger);
    border-radius: 8px;
    padding: 0.45rem 0.875rem;
    font-size: 0.8125rem;
    font-weight: 600;
    min-height: 44px;
}

.patient-overview-page[b-ol0s5d7omt]  .btn-header-danger:hover {
    background: var(--pc-danger-light);
}

/* Underline tabs */
.patient-overview-page[b-ol0s5d7omt]  .patient-chart-tabs {
    background: transparent;
    border: none;
    border-bottom: 1px solid var(--pc-border);
    border-radius: 0;
    padding: 0;
    overflow-x: auto;
}

.patient-overview-page[b-ol0s5d7omt]  .patient-chart-tab-list {
    display: flex;
    flex-wrap: nowrap;
    gap: 0.25rem;
    list-style: none;
    margin: 0;
    padding: 0;
    min-width: min-content;
}

.patient-overview-page[b-ol0s5d7omt]  .patient-chart-tab {
    display: inline-flex;
    align-items: center;
    padding: 0.75rem 1rem;
    border: none;
    border-bottom: 2px solid transparent;
    border-radius: 0;
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--pc-muted);
    text-decoration: none;
    white-space: nowrap;
    background: transparent;
    min-height: 44px;
}

.patient-overview-page[b-ol0s5d7omt]  .patient-chart-tab:hover {
    color: var(--pc-primary);
    background: transparent;
}

.patient-overview-page[b-ol0s5d7omt]  .patient-chart-tab--active {
    color: #3b82f6;
    border-bottom-color: #3b82f6;
    background: transparent;
    font-weight: 700;
}

/* Dashboard grid */
.patient-overview-page[b-ol0s5d7omt]  .patient-overview-grid {
    display: grid;
    grid-template-columns: 1.1fr 1.5fr 0.9fr;
    grid-template-areas:
        "summarystack vitals encounters"
        "problems urine note"
        "trends trends trends";
    gap: 0.875rem;
}

.patient-overview-page[b-ol0s5d7omt]  .patient-overview-grid-item {
    min-width: 0;
}

.patient-overview-page[b-ol0s5d7omt]  .patient-overview-grid-item--summary-stack { grid-area: summarystack; }
.patient-overview-page[b-ol0s5d7omt]  .patient-overview-grid-item--vitals {
    grid-area: vitals;
    align-self: stretch;
}
.patient-overview-page[b-ol0s5d7omt]  .patient-overview-grid-item--encounters { grid-area: encounters; }
.patient-overview-page[b-ol0s5d7omt]  .patient-overview-grid-item--problems { grid-area: problems; }
.patient-overview-page[b-ol0s5d7omt]  .patient-overview-grid-item--note { grid-area: note; }
.patient-overview-page[b-ol0s5d7omt]  .patient-overview-grid-item--urine { grid-area: urine; }
.patient-overview-page[b-ol0s5d7omt]  .patient-overview-grid-item--trends { grid-area: trends; }

.patient-overview-page[b-ol0s5d7omt]  .patient-overview-summary-stack {
    display: flex;
    flex-direction: column;
    gap: 0.875rem;
    align-self: stretch;
    height: 100%;
}

.patient-overview-page[b-ol0s5d7omt]  .patient-overview-grid-item--vitals > .overview-dashboard-card {
    height: 100%;
    justify-content: center;
}

.patient-overview-page[b-ol0s5d7omt]  .patient-overview-summary-stack .overview-dashboard-card {
    height: auto;
}

/* Shared overview cards */
.patient-overview-page[b-ol0s5d7omt]  .overview-dashboard-card {
    background: var(--pc-card);
    border: 1px solid var(--pc-border);
    border-radius: var(--pc-radius);
    box-shadow: var(--pc-shadow);
    padding: 1rem;
    height: 100%;
    display: flex;
    flex-direction: column;
    min-width: 0;
    transition: transform 0.2s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.2s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.2s cubic-bezier(0.16, 1, 0.3, 1);
}

.patient-overview-page[b-ol0s5d7omt]  .overview-dashboard-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.08), 0 4px 6px -2px rgba(0, 0, 0, 0.04), 0 0 0 1px rgba(59, 130, 246, 0.1);
    border-color: rgba(59, 130, 246, 0.35);
}

.patient-overview-page[b-ol0s5d7omt]  .overview-card-header-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 0.875rem;
}

.patient-overview-page[b-ol0s5d7omt]  .overview-card-title {
    margin: 0;
    font-size: 0.9375rem;
    font-weight: 700;
    color: var(--pc-text);
}

.patient-overview-page[b-ol0s5d7omt]  .overview-card-link {
    font-size: 0.8125rem;
    font-weight: 600;
    color: var(--pc-primary);
    text-decoration: none;
    white-space: nowrap;
    min-height: 44px;
    display: inline-flex;
    align-items: center;
}

.patient-overview-page[b-ol0s5d7omt]  .overview-card-link:hover {
    text-decoration: underline;
    color: var(--pc-primary-dark);
}

.patient-overview-page[b-ol0s5d7omt]  .overview-summary-text {
    font-size: 0.8125rem;
    color: var(--pc-muted);
    line-height: 1.55;
    margin: 0 0 0.875rem;
}

.patient-overview-page[b-ol0s5d7omt]  .overview-summary-rows {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.patient-overview-page[b-ol0s5d7omt]  .overview-summary-row {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.8125rem;
    padding: 0.5rem 0;
    border-top: 1px solid var(--pc-border);
}

.patient-overview-page[b-ol0s5d7omt]  .overview-summary-row:first-child {
    border-top: none;
}

.patient-overview-page[b-ol0s5d7omt]  .overview-summary-label {
    color: var(--pc-muted);
    flex: 1;
}

.patient-overview-page[b-ol0s5d7omt]  .overview-summary-value {
    font-weight: 600;
    text-align: right;
}

/* Vitals mini grid */
.patient-overview-page[b-ol0s5d7omt]  .overview-vitals-header {
    display: flex;
    align-items: center;
    margin-bottom: 0.75rem;
}

.patient-overview-page[b-ol0s5d7omt]  .overview-vitals-header-icon {
    width: 1.25rem;
    height: 1.25rem;
    object-fit: contain;
}


.patient-overview-page[b-ol0s5d7omt]  .overview-vitals-date {
    font-size: 0.75rem;
    font-weight: normal;
    color: var(--pc-muted);
}

.patient-overview-page[b-ol0s5d7omt]  .overview-vitals-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.75rem;
}

.patient-overview-page[b-ol0s5d7omt]  .overview-vital-tile {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.25rem;
    background: var(--pc-bg);
    border-radius: 10px;
    padding: 0.75rem;
    border: 1px solid var(--pc-border);
    transition: transform 0.2s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.2s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.2s cubic-bezier(0.16, 1, 0.3, 1);
}

.patient-overview-page[b-ol0s5d7omt]  .overview-vital-tile:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.08), 0 4px 6px -2px rgba(0, 0, 0, 0.04), 0 0 0 1px rgba(59, 130, 246, 0.1);
    border-color: rgba(59, 130, 246, 0.35);
}

.patient-overview-page[b-ol0s5d7omt]  .overview-vital-tile.vital-alert-warning:hover {
    border-color: #f59e0b;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.08), 0 4px 6px -2px rgba(0, 0, 0, 0.04), 0 0 0 1px rgba(245, 158, 11, 0.1);
}

.patient-overview-page[b-ol0s5d7omt]  .overview-vital-tile.vital-alert-orange:hover {
    border-color: #f97316;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.08), 0 4px 6px -2px rgba(0, 0, 0, 0.04), 0 0 0 1px rgba(249, 115, 22, 0.1);
}

.patient-overview-page[b-ol0s5d7omt]  .overview-vital-tile.vital-alert-abnormal:hover,
.patient-overview-page[b-ol0s5d7omt]  .overview-vital-tile.vital-alert-danger-pulse:hover {
    border-color: #ef4444;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.08), 0 4px 6px -2px rgba(0, 0, 0, 0.04), 0 0 0 1px rgba(239, 68, 68, 0.1);
}

.patient-overview-page[b-ol0s5d7omt]  .overview-vital-tile.vital-alert-warning {
    background-color: #fffbeb;
    border-color: #fde68a;
}

.patient-overview-page[b-ol0s5d7omt]  .overview-vital-tile.vital-alert-warning .overview-vital-value {
    color: #d97706;
}

.patient-overview-page[b-ol0s5d7omt]  .overview-vital-tile.vital-alert-warning .overview-vital-label {
    color: #b45309;
}

.patient-overview-page[b-ol0s5d7omt]  .overview-vital-tile.vital-alert-orange {
    background-color: #fff7ed;
    border-color: #fed7aa;
}

.patient-overview-page[b-ol0s5d7omt]  .overview-vital-tile.vital-alert-orange .overview-vital-value {
    color: #ea580c;
}

.patient-overview-page[b-ol0s5d7omt]  .overview-vital-tile.vital-alert-orange .overview-vital-label {
    color: #c2410c;
}

.patient-overview-page[b-ol0s5d7omt]  .overview-vital-tile.vital-alert-abnormal {
    background-color: #fff5f5;
    border-color: #feb2b2;
}

.patient-overview-page[b-ol0s5d7omt]  .overview-vital-tile.vital-alert-abnormal .overview-vital-value {
    color: #e53e3e;
}

.patient-overview-page[b-ol0s5d7omt]  .overview-vital-tile.vital-alert-abnormal .overview-vital-label {
    color: #c53030;
}

.patient-overview-page[b-ol0s5d7omt]  .overview-vital-tile.vital-alert-danger-pulse {
    animation: vitalPulse-b-ol0s5d7omt 2s infinite ease-in-out;
    border-width: 1.5px;
}

.patient-overview-page[b-ol0s5d7omt]  .overview-vital-tile.vital-alert-danger-pulse .overview-vital-value {
    color: #e53e3e;
}

.patient-overview-page[b-ol0s5d7omt]  .overview-vital-tile.vital-alert-danger-pulse .overview-vital-label {
    color: #9b2c2c;
}

@keyframes vitalPulse-b-ol0s5d7omt {
    0% {
        background-color: #fff5f5;
        border-color: #feb2b2;
        box-shadow: 0 0 0 0 rgba(229, 62, 62, 0.2);
    }
    50% {
        background-color: #ffe3e3;
        border-color: #fc8181;
        box-shadow: 0 0 0 4px rgba(229, 62, 62, 0.4);
    }
    100% {
        background-color: #fff5f5;
        border-color: #feb2b2;
        box-shadow: 0 0 0 0 rgba(229, 62, 62, 0.2);
    }
}

.patient-overview-page[b-ol0s5d7omt]  .vital-alert-indicator {
    font-size: 0.65rem;
    font-weight: 700;
    color: #e53e3e;
    background-color: #fff5f5;
    border: 1px solid #feb2b2;
    border-radius: 4px;
    padding: 0.05rem 0.25rem;
    margin-left: 0.35rem;
    text-transform: uppercase;
    display: inline-flex;
    align-items: center;
}

.patient-overview-page[b-ol0s5d7omt]  .vital-alert-indicator.indicator-bp-elevated {
    color: #b45309;
    background-color: #fffbeb;
    border-color: #fde68a;
}

.patient-overview-page[b-ol0s5d7omt]  .vital-alert-indicator.indicator-bp-stage1 {
    color: #c2410c;
    background-color: #fff7ed;
    border-color: #fed7aa;
}

.patient-overview-page[b-ol0s5d7omt]  .vital-alert-indicator.indicator-bp-stage2 {
    color: #c53030;
    background-color: #fff5f5;
    border-color: #feb2b2;
}

.patient-overview-page[b-ol0s5d7omt]  .vital-alert-indicator.indicator-bp-crisis {
    color: #ffffff;
    background-color: #dc2626;
    border-color: #991b1b;
    animation: alertBlink-b-ol0s5d7omt 1.2s infinite ease-in-out;
}

.patient-overview-page[b-ol0s5d7omt]  .vital-alert-indicator.indicator-bp-hypotension {
    color: #ffffff;
    background-color: #dc2626;
    border-color: #991b1b;
    animation: alertBlink-b-ol0s5d7omt 1.2s infinite ease-in-out;
}

@keyframes alertBlink-b-ol0s5d7omt {
    0%, 100% {
        opacity: 1;
    }
    50% {
        opacity: 0.4;
    }
}

.patient-overview-page[b-ol0s5d7omt]  .overview-vital-label {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.25rem;
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--pc-muted);
    margin-bottom: 0;
    text-transform: none;
    letter-spacing: normal;
}

.patient-overview-page[b-ol0s5d7omt]  .overview-vital-icon {
    width: 1rem;
    height: 1rem;
    object-fit: contain;
}

.patient-overview-page[b-ol0s5d7omt]  .overview-vital-value {
    display: block;
    font-size: 1.25rem;
    font-family: 'Ubuntu', sans-serif;
    font-weight: 700;
    line-height: 1.3;
    color: #000;
}

.patient-overview-page[b-ol0s5d7omt]  .overview-vital-unit {
    display: block;
    font-size: 0.625rem;
    font-weight: 500;
    line-height: 1.3;
    color: var(--pc-muted);
}

/* Care team */
.patient-overview-page[b-ol0s5d7omt]  .overview-care-team-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.875rem;
}

.patient-overview-page[b-ol0s5d7omt]  .overview-care-team-item {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.patient-overview-page[b-ol0s5d7omt]  .care-team-avatar {
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    background: var(--pc-primary);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.6875rem;
    font-weight: 700;
    flex-shrink: 0;
}

.patient-overview-page[b-ol0s5d7omt]  .overview-care-team-name {
    font-size: 0.8125rem;
    font-weight: 700;
    color: var(--pc-text);
}

.patient-overview-page[b-ol0s5d7omt]  .overview-care-team-role {
    font-size: 0.75rem;
    color: var(--pc-muted);
}

/* Data tables */
.patient-overview-page[b-ol0s5d7omt]  .overview-data-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.8125rem;
}

.patient-overview-page[b-ol0s5d7omt]  .overview-data-table th {
    text-align: left;
    color: var(--pc-muted);
    font-weight: 600;
    font-size: 0.75rem;
    padding: 0 0 0.5rem;
    border-bottom: 1px solid var(--pc-border);
}

.patient-overview-page[b-ol0s5d7omt]  .overview-data-table td {
    padding: 0.45rem 0;
    border-bottom: 1px solid var(--pc-border);
    vertical-align: middle;
}

.patient-overview-page[b-ol0s5d7omt]  .overview-data-table tr:last-child td {
    border-bottom: none;
}

.patient-overview-page[b-ol0s5d7omt]  .overview-status-badge {
    font-size: 0.6875rem;
    font-weight: 700;
    border-radius: 999px;
    padding: 0.2rem 0.625rem;
    display: inline-block;
}

.patient-overview-page[b-ol0s5d7omt]  .overview-lab-badge--normal,
.patient-overview-page[b-ol0s5d7omt]  .status-normal {
    background: var(--pc-success-light);
    color: var(--pc-success);
}

.patient-overview-page[b-ol0s5d7omt]  .overview-lab-badge--alert,
.patient-overview-page[b-ol0s5d7omt]  .status-high {
    background: var(--pc-warning-light);
    color: var(--pc-warning);
}

.patient-overview-page[b-ol0s5d7omt]  .overview-lab-badge--neutral,
.patient-overview-page[b-ol0s5d7omt]  .status-low {
    background: var(--pc-primary-light);
    color: var(--pc-primary);
}

.patient-overview-page[b-ol0s5d7omt]  .overview-problem-badge {
    background: var(--pc-warning-light);
    color: #92400e;
    font-size: 0.6875rem;
    font-weight: 700;
    border-radius: 999px;
    padding: 0.2rem 0.625rem;
}

.patient-overview-page[b-ol0s5d7omt]  .overview-problems-header-meta {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.patient-overview-page[b-ol0s5d7omt]  .overview-problems-view-all {
    color: #3b82f6;
    font-size: 0.8125rem;
    font-weight: 600;
    background: none;
    border: none;
    padding: 0;
    min-height: 44px;
    cursor: pointer;
}

.patient-overview-page[b-ol0s5d7omt]  .overview-problems-view-all:hover {
    text-decoration: underline;
    color: #2563eb;
}

.patient-overview-page[b-ol0s5d7omt]  .overview-problems-recent {
    font-size: 0.75rem;
    font-weight: normal;
    color: var(--pc-muted);
    white-space: nowrap;
}

/* Notes */
.patient-overview-page[b-ol0s5d7omt]  .overview-note-meta {
    font-size: 0.8125rem;
    color: var(--pc-muted);
    margin-bottom: 0.5rem;
}

.patient-overview-page[b-ol0s5d7omt]  .overview-note-preview {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 0.25rem 0.5rem;
    min-width: 0;
    max-width: 100%;
    font-size: 0.8125rem;
    color: var(--pc-text);
    line-height: 1.6;
    margin: 0;
}

.patient-overview-page[b-ol0s5d7omt]  .overview-note-preview-part {
    overflow-wrap: anywhere;
    word-break: break-word;
    min-width: 0;
    max-width: 100%;
}

.patient-overview-page[b-ol0s5d7omt]  .overview-note-preview-sep {
    color: var(--pc-muted);
    flex-shrink: 0;
}

.patient-overview-page[b-ol0s5d7omt]  .overview-empty-cell {
    color: var(--pc-muted);
    font-size: 0.875rem;
    text-align: center;
    padding: 1rem 0;
}

/* Trend charts */
.patient-overview-page[b-ol0s5d7omt]  .patient-overview-trends {
    display: block;
}

.patient-overview-page[b-ol0s5d7omt]  .overview-trend-chart {
    position: relative;
    height: 220px;
}

.patient-overview-page[b-ol0s5d7omt]  .overview-trend-canvas {
    width: 100% !important;
    height: 100% !important;
}



.patient-overview-page[b-ol0s5d7omt]  .loading-state-inline {
    padding: 2rem 0;
    text-align: center;
    color: var(--pc-muted);
    font-size: 0.875rem;
}

@media (max-width: 1280px) {
    .patient-overview-page[b-ol0s5d7omt]  .patient-overview-grid {
        grid-template-columns: 1fr 1fr;
        grid-template-areas:
            "summarystack vitals"
            "encounters encounters"
            "problems urine"
            "note note"
            "trends trends";
    }
}

@media (max-width: 768px) {
    .patient-overview-page[b-ol0s5d7omt] {
        margin: 0 -0.5rem;
        padding: 0 0.5rem 1rem;
        overflow-x: hidden;
    }

    .patient-overview-page[b-ol0s5d7omt]  .patient-header-card,
    .patient-overview-page[b-ol0s5d7omt]  .overview-dashboard-card,
    .patient-overview-page[b-ol0s5d7omt]  .medications-section {
        max-width: 100%;
        min-width: 0;
        box-sizing: border-box;
    }

    .patient-overview-page[b-ol0s5d7omt]  .patient-header-card {
        padding: 1rem;
    }

    .patient-overview-page[b-ol0s5d7omt]  .patient-header-toolbar {
        flex-direction: column;
        align-items: stretch;
    }

    .patient-overview-page[b-ol0s5d7omt]  .patient-header-actions {
        align-items: stretch;
    }

    .patient-overview-page[b-ol0s5d7omt]  .overview-card-header-row {
        flex-wrap: wrap;
        align-items: flex-start;
    }

    .patient-overview-page[b-ol0s5d7omt]  .overview-card-title {
        min-width: 0;
    }

    .patient-overview-page[b-ol0s5d7omt]  .overview-card-link {
        white-space: normal;
    }

    .patient-overview-page[b-ol0s5d7omt]  .overview-problems-recent {
        white-space: normal;
    }

    .patient-overview-page[b-ol0s5d7omt]  .overview-summary-row {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.15rem;
    }

    .patient-overview-page[b-ol0s5d7omt]  .overview-summary-value {
        text-align: left;
        overflow-wrap: anywhere;
        word-break: break-word;
        max-width: 100%;
    }

    .patient-overview-page[b-ol0s5d7omt]  .overview-care-team-item > div:last-child {
        min-width: 0;
    }

    .patient-overview-page[b-ol0s5d7omt]  .overview-care-team-name,
    .patient-overview-page[b-ol0s5d7omt]  .overview-care-team-role {
        overflow-wrap: anywhere;
        word-break: break-word;
    }

    .patient-overview-page[b-ol0s5d7omt]  .table-responsive,
    .patient-overview-page[b-ol0s5d7omt]  .chart-card-scroll {
        max-width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .patient-overview-page[b-ol0s5d7omt]  .medications-section .table-responsive {
        overflow-x: auto;
    }

    .patient-overview-page[b-ol0s5d7omt]  .patient-header-btn-row {
        flex-direction: row;
        width: 100%;
    }

    .patient-overview-page[b-ol0s5d7omt]  .btn-header-outline,
    .patient-overview-page[b-ol0s5d7omt]  .btn-header-danger {
        width: 100%;
        justify-content: center;
    }

    .patient-overview-page[b-ol0s5d7omt]  .patient-overview-grid {
        grid-template-columns: 1fr;
        grid-template-areas:
            "summarystack"
            "vitals"
            "encounters"
            "problems"
            "urine"
            "note"
            "trends";
    }

    .patient-overview-page[b-ol0s5d7omt]  .overview-vitals-header {
        flex-wrap: wrap;
    }

    .patient-overview-page[b-ol0s5d7omt]  .overview-vitals-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 0.5rem;
    }

    .patient-overview-page[b-ol0s5d7omt]  .overview-vital-tile {
        aspect-ratio: auto;
        min-height: 5.5rem;
        padding: 0.5rem;
        min-width: 0;
        justify-content: flex-start;
    }

    .patient-overview-page[b-ol0s5d7omt]  .overview-vital-label {
        font-size: 0.625rem;
    }

    .patient-overview-page[b-ol0s5d7omt]  .overview-vital-value {
        font-size: 1.125rem;
        font-family: 'Ubuntu', sans-serif;
    }

    .patient-overview-page[b-ol0s5d7omt]  .overview-vital-unit {
        font-size: 0.5625rem;
    }

    .patient-overview-page[b-ol0s5d7omt]  .overview-trend-chart,
    .patient-overview-page[b-ol0s5d7omt]  .overview-trend-canvas {
        max-width: 100%;
    }

    .patient-overview-page[b-ol0s5d7omt]  .overview-trend-chart {
        height: 200px;
    }


    .patient-overview-page[b-ol0s5d7omt]  .overview-data-table {
        font-size: 0.75rem;
        width: 100%;
    }
}

.patient-overview-page[b-ol0s5d7omt]  .overview-card-header-icon {
    width: 1.25rem;
    height: 1.25rem;
    object-fit: contain;
}

.patient-overview-page[b-ol0s5d7omt]  .overview-card-header-icon-orange {
    width: 1.25rem;
    height: 1.25rem;
    object-fit: contain;
    filter: invert(37%) sepia(93%) saturate(2304%) hue-rotate(15deg) brightness(95%) contrast(101%);
}

/* Patient Search Mobile View Styling */
.patient-mobile-card[b-ol0s5d7omt] {
    border-radius: 12px;
    border: 1px solid #e5e7eb;
    transition: transform 0.15s ease, box-shadow 0.15s ease, background-color 0.15s ease;
    background-color: #ffffff;
}

.patient-mobile-card:active[b-ol0s5d7omt] {
    background-color: #f1f5f9;
    transform: scale(0.98);
}

.patient-mobile-name[b-ol0s5d7omt] {
    font-size: 1.1rem;
    font-weight: 700;
    color: #041f4d; /* Primary deep blue color matching dashboard style */
}

.btn-mobile-delete[b-ol0s5d7omt] {
    padding: 0.375rem 0.75rem;
    font-size: 0.8125rem;
    font-weight: 600;
    border-radius: 8px;
    min-height: 36px;
    display: inline-flex;
    align-items: center;
}
/* /Components/Pages/Login.razor.rz.scp.css */
.login-page[b-9o738p0teu] {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    background: #ffffff;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    position: relative;
    overflow-x: hidden;
}

.login-page__split[b-9o738p0teu] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    flex: 1;
    align-items: stretch;
    min-height: 0;
}

.login-brand-panel[b-9o738p0teu] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    min-height: 0;
    padding: 0;
    overflow: hidden;
    /* Matches navy baked into PrimeCareEmrLogo.png so contain letterbox blends, not page white */
    background: #041f4d;
}

.login-brand-cover-picture[b-9o738p0teu] {
    display: block;
    width: 100%;
    height: 100%;
}

.login-brand-cover[b-9o738p0teu] {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}

.login-shell[b-9o738p0teu] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100%;
    padding: 1rem;
    background: #ffffff;
}

.login-card[b-9o738p0teu] {
    width: 400px;
    max-width: calc(100vw - 2rem);
    background-color: #fff;
    isolation: isolate;
    overflow: hidden;
}

.login-signin-panel[b-9o738p0teu] {
    display: flex;
    flex-direction: column;
    align-items: stretch;
}

.login-signin-title[b-9o738p0teu] {
    margin: 0 0 0.5rem;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.25;
    color: #0d2157;
}

.login-signin-subtitle[b-9o738p0teu] {
    margin: 0 0 1.75rem;
    font-size: 0.875rem;
    line-height: 1.5;
    color: #5c6578;
}

.login-signin-actions[b-9o738p0teu] {
    margin-bottom: 1.25rem;
}

.login-signin-panel .btn-primary[b-9o738p0teu] {
    font-size: 0.875rem;
    padding-top: 0.55rem;
    padding-bottom: 0.55rem;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

.login-ms-btn[b-9o738p0teu] {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
}

.login-ms-icon[b-9o738p0teu] {
    width: 18px;
    height: 18px;
    object-fit: contain;
    flex-shrink: 0;
}

.login-trust-badge[b-9o738p0teu] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0.375rem;
    font-size: 0.75rem;
    margin: 0;
    color: #495057;
}

.login-trust-badge span[b-9o738p0teu] {
    font-weight: 600;
    color: #343a40;
}

.login-trust-icon[b-9o738p0teu] {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
    object-fit: contain;
}

.login-page__footer[b-9o738p0teu] {
    flex-shrink: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 1rem 1.5rem;
    font-size: 0.75rem;
    color: #6c757d;
    background: #ffffff;
    border-top: 1px solid #e9ecef;
}

.login-page__footer a[b-9o738p0teu] {
    color: #1b6ec2;
    text-decoration: none;
}

.login-page__footer a:hover[b-9o738p0teu] {
    text-decoration: underline;
}

.login-page__footer-sep[b-9o738p0teu] {
    color: #adb5bd;
    user-select: none;
}

/* Hide mobile-only layout elements on desktop */
.mobile-logo-header[b-9o738p0teu],
.mobile-secure-badge[b-9o738p0teu],
.mobile-signin-description[b-9o738p0teu],
.mobile-watermark[b-9o738p0teu],
.footer-meta-mobile[b-9o738p0teu] {
    display: none;
}

.ms-logo-svg[b-9o738p0teu] {
    width: 18px;
    height: 18px;
    margin-right: 6px;
    flex-shrink: 0;
}

/* Responsiveness adjustments for mobile viewports / iPhone App Store styling */
@media (max-width: 900px) {
    .login-page[b-9o738p0teu] {
        background: #F7F9FC;
        height: 100vh;
        height: 100dvh;
        max-height: 100vh;
        max-height: 100dvh;
        overflow: hidden;
        display: flex;
        flex-direction: column;
    }

    /* Set up watermarks */
    .mobile-watermark[b-9o738p0teu] {
        display: block;
        position: absolute;
        pointer-events: none;
        z-index: 0;
        color: #2563EB;
    }
    
    .mobile-watermark--dna[b-9o738p0teu] {
        top: -30px;
        left: -35px;
        width: 150px;
        height: 100%;
        opacity: 0.02; /* 2% opacity */
    }
    
    .mobile-watermark--cross[b-9o738p0teu] {
        bottom: 20px;
        right: -50px;
        width: 250px;
        height: 250px;
        opacity: 0.015; /* 1.5% opacity */
    }

    .login-page__split[b-9o738p0teu] {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        flex: 1;
        min-height: 0;
        width: 100%;
    }

    /* Hide large desktop cover image */
    .login-brand-panel[b-9o738p0teu] {
        display: none !important;
    }

    .login-shell[b-9o738p0teu] {
        flex: 1;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: 100%;
        padding: 0.5rem 1rem;
        background: transparent;
        min-height: 0;
    }

    /* App Store header */
    .mobile-logo-header[b-9o738p0teu] {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-bottom: 0.75rem;
        text-align: center;
        z-index: 2;
    }
    
    .mobile-brand-logo-picture[b-9o738p0teu] {
        display: block;
        width: 130px;
        height: 65px;
    }
    
    .mobile-brand-logo[b-9o738p0teu] {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: contain;
    }
    
    .mobile-brand-tagline[b-9o738p0teu] {
        margin-top: 0.25rem;
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
        font-weight: 600;
        font-size: 13px;
        color: #1E3A8A; /* Clean EMR blue */
        letter-spacing: -0.01em;
    }

    /* Clean mobile login card container */
    .login-card[b-9o738p0teu] {
        width: 100% !important;
        max-width: 350px !important;
        background-color: #FFFFFF !important;
        border-radius: 20px !important;
        border: none !important;
        box-shadow: 0 10px 40px rgba(0, 0, 0, 0.04) !important;
        padding: 1.5rem 1.25rem 1.25rem 1.25rem !important;
        margin: 0 auto;
        z-index: 2;
        box-sizing: border-box;
    }

    .login-signin-panel[b-9o738p0teu] {
        align-items: center;
        text-align: center;
    }

    /* Mobile Secure Badge */
    .mobile-secure-badge[b-9o738p0teu] {
        display: inline-flex;
        align-items: center;
        gap: 0.25rem;
        background-color: #EFF6FF;
        border: 1px solid #DBEAFE;
        color: #1E40AF;
        padding: 0.25rem 0.65rem;
        border-radius: 50px;
        font-size: 10px;
        font-weight: 700;
        letter-spacing: 0.05em;
        margin-bottom: 0.75rem;
    }
    
    .secure-badge-icon[b-9o738p0teu] {
        width: 13px;
        height: 13px;
    }

    .login-signin-title[b-9o738p0teu] {
        display: block !important;
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
        font-size: 22px;
        font-weight: 700;
        color: #0F172A;
        margin-bottom: 0.25rem;
    }

    .login-signin-subtitle[b-9o738p0teu] {
        display: none !important; /* Hide old description */
    }

    .mobile-signin-description[b-9o738p0teu] {
        display: block;
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
        font-size: 13px;
        color: #64748B;
        margin-bottom: 1rem;
        line-height: 1.35;
    }

    .login-signin-actions[b-9o738p0teu] {
        width: 100%;
        margin-bottom: 0;
    }

    /* Primary SSO Button stylized as solid App Store design */
    .login-ms-btn[b-9o738p0teu] {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        background-color: #00458B !important;
        border: none !important;
        color: #FFFFFF !important;
        height: 48px !important;
        border-radius: 10px !important;
        font-size: 15px !important;
        font-weight: 600 !important;
        transition: background-color 0.2s ease, transform 0.15s ease !important;
        width: 100% !important;
        box-shadow: 0 4px 12px rgba(0, 69, 139, 0.12) !important;
        text-decoration: none;
    }

    .login-ms-btn:hover[b-9o738p0teu] {
        background-color: #003366 !important;
        transform: translateY(-1px) !important;
    }

    .login-ms-btn:active[b-9o738p0teu] {
        transform: translateY(0) !important;
    }

    .ms-logo-svg[b-9o738p0teu] {
        width: 20px;
        height: 20px;
        margin-right: 6px;
    }

    /* Muted and centered trust status badge */
    .login-trust-badge[b-9o738p0teu] {
        display: flex !important;
        justify-content: center !important;
        font-size: 10px !important;
        color: #94A3B8 !important;
        margin-top: 1rem !important;
        border-top: 1px solid #F1F5F9;
        padding-top: 0.75rem;
        width: 100%;
        gap: 0.2rem !important;
    }

    .login-trust-badge span[b-9o738p0teu] {
        font-weight: 400 !important;
        color: #94A3B8 !important;
    }

    .login-trust-icon[b-9o738p0teu] {
        display: none !important;
    }

    /* iPhone footer view */
    .login-page__footer[b-9o738p0teu] {
        background: #F7F9FC !important;
        border-top: none !important;
        color: #94A3B8 !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 0.35rem !important;
        padding: 0.75rem 1rem !important;
        padding-bottom: max(0.75rem, env(safe-area-inset-bottom, 0px)) !important;
        z-index: 2;
    }

    .footer-meta-mobile[b-9o738p0teu] {
        display: flex;
        align-items: center;
        gap: 0.4rem;
        font-size: 12px;
        font-weight: 500;
    }

    .footer-links-container[b-9o738p0teu] {
        display: flex;
        align-items: center;
        gap: 0.5rem;
        font-size: 11px;
    }

    .footer-links-container a[b-9o738p0teu] {
        color: #64748B !important;
    }

    .login-page__footer-sep[b-9o738p0teu] {
        color: #E2E8F0 !important;
    }
}

/* /Components/Pages/Medications.razor.rz.scp.css */
/* Classic EMR Style for Medications & Allergies Page */
.emr-container[b-awwxhb7ity] {
    max-width: 1200px;
    margin: 0 auto;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color: #333;
    background: #fff;
    border: 1px solid #ccc;
    padding: 20px;
}

.header-section[b-awwxhb7ity] {
    border: 2px solid #333;
    padding: 15px;
    margin-bottom: 20px;
}

/* Sharp lines for Cards */
.emr-container[b-awwxhb7ity]  .card {
    border: 1px solid #333;
    border-radius: 0;
    box-shadow: none !important;
    margin-bottom: 1.5rem !important;
    background: #fff;
}

.emr-container[b-awwxhb7ity]  .card-header {
    border-radius: 0;
    border-bottom: 1px solid #333;
    background-color: #f8f9fa !important;
    color: #333;
    font-weight: 700;
    padding: 10px 15px;
}

.emr-container[b-awwxhb7ity]  .card-body {
    padding: 15px;
}

/* Sharp lines for Details / Summary dropdowns */
.emr-container[b-awwxhb7ity]  details.card summary.card-header {
    cursor: pointer;
    list-style-position: inside;
    background-color: #f8f9fa !important;
    border-bottom: none;
}

.emr-container[b-awwxhb7ity]  details[open].card summary.card-header {
    border-bottom: 1px solid #333;
}

/* Flat / Underlined Form Inputs */
.emr-container[b-awwxhb7ity]  .form-control,
.emr-container[b-awwxhb7ity]  .form-select {
    border: none;
    border-bottom: 1px solid #000;
    border-radius: 0;
    outline: none;
    background: transparent;
    box-shadow: none !important;
    padding-left: 0;
    padding-right: 0;
    font-size: 0.95rem;
}

.emr-container[b-awwxhb7ity]  .form-control:focus,
.emr-container[b-awwxhb7ity]  .form-select:focus {
    border-bottom: 1px solid #000;
    outline: none;
    box-shadow: none !important;
    background: transparent;
}

/* Classic Structured Tables */
.emr-container[b-awwxhb7ity]  .table-responsive {
    border: 1px solid #333;
    margin-bottom: 0;
}

.emr-container[b-awwxhb7ity]  .table {
    border-collapse: collapse;
    width: 100%;
    margin-bottom: 0;
}

.emr-container[b-awwxhb7ity]  .table thead th {
    background-color: #f8f9fa;
    border-bottom: 2px solid #333;
    font-weight: 600;
    color: #333;
    font-size: 0.85rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    padding: 10px;
}

.emr-container[b-awwxhb7ity]  .table tbody td {
    border-bottom: 1px solid #ccc;
    padding: 10px;
    font-size: 0.9rem;
}

.emr-container[b-awwxhb7ity]  .table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0, 0, 0, 0.02);
}

/* Classic Sharp-Corner Buttons */
.emr-container[b-awwxhb7ity]  .btn {
    border-radius: 0;
    border: 1px solid #333;
    font-weight: 600;
    padding: 6px 16px;
    font-size: 0.875rem;
}

.emr-container[b-awwxhb7ity]  .btn-primary {
    background-color: #333;
    border-color: #333;
    color: #fff;
}

.emr-container[b-awwxhb7ity]  .btn-primary:hover {
    background-color: #000;
    border-color: #000;
}

.emr-container[b-awwxhb7ity]  .btn-danger {
    background-color: #d9534f;
    border-color: #d43f3a;
    color: #fff;
}

.emr-container[b-awwxhb7ity]  .btn-danger:hover {
    background-color: #c9302c;
    border-color: #ac2925;
}

.emr-container[b-awwxhb7ity]  .btn-outline-primary,
.emr-container[b-awwxhb7ity]  .btn-outline-secondary,
.emr-container[b-awwxhb7ity]  .btn-outline-danger {
    background-color: transparent;
}

.emr-container[b-awwxhb7ity]  .btn-outline-primary:hover {
    background-color: #333;
    color: #fff;
    border-color: #333;
}

.emr-container[b-awwxhb7ity]  .btn-outline-secondary:hover {
    background-color: #6c757d;
    color: #fff;
    border-color: #6c757d;
}

.emr-container[b-awwxhb7ity]  .btn-outline-danger:hover {
    background-color: #c9302c;
    color: #fff;
    border-color: #c9302c;
}

/* Validation messages styling */
.emr-container[b-awwxhb7ity]  .validation-message {
    font-size: 0.775rem;
    font-weight: 600;
    margin-top: 4px;
}

@media (max-width: 768px) {
    .emr-container[b-awwxhb7ity] {
        padding: 12px;
        max-width: 100%;
        overflow-x: hidden;
    }

    .emr-container[b-awwxhb7ity]  .form-control,
    .emr-container[b-awwxhb7ity]  .form-select {
        width: 100%;
        max-width: 100%;
    }
}
/* /Components/Pages/PatientSoapNote.razor.rz.scp.css */
.emr-container[b-46b1yo7oe8] {
    max-width: 1200px;
    margin: 0 auto;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color: #333;
    background: #fff;
    border: 1px solid #d0d7de;
    border-top: 5px solid #041f4d;
    border-radius: 6px;
    padding: 24px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
}

.emr-container h4[b-46b1yo7oe8] {
    font-size: 1.1rem;
    color: #041f4d;
    border-bottom: 2px solid #041f4d;
    padding-bottom: 5px;
    margin-top: 0;
    font-weight: 600;
}

.header-section[b-46b1yo7oe8] {
    border: 1px solid #d0d7de;
    border-left: 4px solid #041f4d;
    background: #f5f7fa;
    border-radius: 4px;
    padding: 12px 16px;
    margin-bottom: 20px;
}

.header-row[b-46b1yo7oe8], .vitals-row[b-46b1yo7oe8] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
    flex-wrap: wrap;
    gap: 10px;
}

.input-group[b-46b1yo7oe8] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.form-grid[b-46b1yo7oe8] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0;
    border: 1px solid #d0d7de;
    border-radius: 4px;
    overflow: hidden;
}

.grid-panel[b-46b1yo7oe8] {
    border: 1px solid #d0d7de;
    padding: 20px;
    background: #ffffff;
}

.subjective-panel[b-46b1yo7oe8] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.subjective-top-line[b-46b1yo7oe8] {
    display: flex;
    align-items: baseline;
    gap: 10px;
}

.subjective-heading[b-46b1yo7oe8] {
    font-weight: 600;
    white-space: nowrap;
}

.subjective-bottom-row[b-46b1yo7oe8] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 12px;
}

.subjective-pain-level[b-46b1yo7oe8],
.subjective-opioid[b-46b1yo7oe8] {
    display: flex;
    align-items: baseline;
    gap: 8px;
}

.large-textarea[b-46b1yo7oe8] {
    width: 100%;
    height: 120px;
    border: 1px solid #ccc;
    resize: vertical;
}

.plan-panel[b-46b1yo7oe8] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    font-size: 0.9rem;
    height: 100%;
}

.plan-heading[b-46b1yo7oe8] {
    font-weight: 600;
}

.ros-grid[b-46b1yo7oe8] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    font-size: 0.9rem;
}

.ros-row[b-46b1yo7oe8] {
    display: grid;
    grid-template-columns: 155px 18px 1fr 18px 1fr;
    column-gap: 8px;
    align-items: center;
}

.ros-category[b-46b1yo7oe8] {
    font-weight: 600;
    white-space: nowrap;
}

.ros-checkbox[b-46b1yo7oe8] {
    margin: 0;
    justify-self: start;
}

.ros-symptom[b-46b1yo7oe8] {
    white-space: nowrap;
}

.ros-checkbox-spacer[b-46b1yo7oe8] {
    display: block;
    width: 18px;
}

.objective-panel[b-46b1yo7oe8] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    font-size: 0.9rem;
}

.objective-heading[b-46b1yo7oe8] {
    font-weight: 600;
    margin-bottom: 2px;
}

.objective-row[b-46b1yo7oe8] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 6px 10px;
}

.objective-label[b-46b1yo7oe8] {
    font-weight: 600;
    white-space: nowrap;
}

.objective-check[b-46b1yo7oe8] {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    margin: 0;
    white-space: nowrap;
}

.objective-stacked[b-46b1yo7oe8] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin: 2px 0;
}

.objective-stacked-row[b-46b1yo7oe8] {
    display: grid;
    grid-template-columns: 72px 90px 1fr;
    column-gap: 8px;
    align-items: baseline;
}

.objective-stacked-label[b-46b1yo7oe8] {
    font-weight: 600;
    white-space: nowrap;
}

.objective-stacked-mid[b-46b1yo7oe8] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.objective-strength-gap[b-46b1yo7oe8] {
    flex: 1;
    min-width: 24px;
}

.objective-tenderness[b-46b1yo7oe8],
.objective-gait[b-46b1yo7oe8] {
    row-gap: 4px;
}

.objective-strength[b-46b1yo7oe8] {
    width: 100%;
}

.objective-exam-panel[b-46b1yo7oe8] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    font-size: 0.9rem;
}

.exam-appearance-row[b-46b1yo7oe8] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 24px;
}

.exam-inline[b-46b1yo7oe8] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin: 0;
}

.exam-yesno-block[b-46b1yo7oe8] {
    display: grid;
    grid-template-columns: 1fr max-content max-content;
    column-gap: 16px;
    row-gap: 6px;
    align-items: center;
}

.exam-yesno-label[b-46b1yo7oe8] {
    white-space: nowrap;
}

.exam-yesno-option[b-46b1yo7oe8] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    justify-content: flex-end;
    min-width: 52px;
    margin: 0;
}

.exam-refill-row[b-46b1yo7oe8] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 8px;
}

.mri-ct-panel[b-46b1yo7oe8] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    font-size: 0.9rem;
}

.mri-ct-row[b-46b1yo7oe8] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 8px 12px;
}

.mri-ct-row-notes[b-46b1yo7oe8] {
    width: 100%;
}

.mri-ct-label[b-46b1yo7oe8] {
    white-space: nowrap;
    font-weight: 600;
}

.mri-yesno-choice[b-46b1yo7oe8] {
    display: inline-flex;
    align-items: center;
    border-radius: 4px;
    overflow: hidden;
}

.mri-yesno-option[b-46b1yo7oe8] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin: 0;
    cursor: pointer;
    padding: 4px 12px;
    border: 1px solid #d0d7de;
    font-size: 11px;
    font-weight: 600;
    transition: all 0.2s ease;
}

.mri-yesno-option:first-child[b-46b1yo7oe8] {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right: none;
}

.mri-yesno-option:first-child:has(input[type="radio"]:checked)[b-46b1yo7oe8] {
    background-color: #f3faf7;
    border-color: #198754;
    color: #198754;
    border-right: 1px solid #198754;
}

.mri-yesno-option:last-child[b-46b1yo7oe8] {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.mri-yesno-option:last-child:has(input[type="radio"]:checked)[b-46b1yo7oe8] {
    background-color: #fdf2f2;
    border-color: #dc3545;
    color: #dc3545;
}

.uds-panel[b-46b1yo7oe8] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    font-size: 0.9rem;
}

.uds-results-row[b-46b1yo7oe8] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 8px;
}

.checkbox-list label[b-46b1yo7oe8] {
    display: block;
    margin-bottom: 5px;
}

.yes-no-group[b-46b1yo7oe8] {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 5px;
}

.assessment-panel[b-46b1yo7oe8] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    font-size: 0.9rem;
    height: 100%;
}

.assessment-heading[b-46b1yo7oe8] {
    font-weight: 600;
}

.assessment-lines[b-46b1yo7oe8] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.assessment-line[b-46b1yo7oe8] {
    display: flex;
    align-items: baseline;
    gap: 6px;
}

.assessment-number[b-46b1yo7oe8] {
    min-width: 1.25rem;
    white-space: nowrap;
}

.assessment-other-group[b-46b1yo7oe8] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-top: 8px;
}

.assessment-other-label[b-46b1yo7oe8] {
    font-weight: 500;
    color: #4b5563;
    font-size: 0.85rem;
}

.emr-container[b-46b1yo7oe8]  .assessment-other-input {
    width: 100%;
    min-height: 50px;
    border: 1px solid #ccc;
    border-radius: 0;
    resize: vertical;
    outline: none;
    box-shadow: none;
    background: transparent;
    padding: 6px;
    font-size: 0.9rem;
}

.emr-container[b-46b1yo7oe8]  .assessment-other-input:focus {
    border-color: #000;
    outline: none;
    box-shadow: none;
}

.assessment-footer[b-46b1yo7oe8] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 4px;
}

.assessment-fu-group[b-46b1yo7oe8] {
    display: inline-flex;
    align-items: baseline;
    gap: 6px;
}

.assessment-pickup-group[b-46b1yo7oe8] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.assessment-check[b-46b1yo7oe8] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    margin: 0;
}

.footer-section[b-46b1yo7oe8] {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    width: 100%;
    margin-top: 20px;
    padding: 10px;
    flex-wrap: wrap;
    gap: 15px;
}

.signature-block[b-46b1yo7oe8] {
    display: inline-flex;
    align-items: baseline;
    gap: 10px;
}

.save-btn[b-46b1yo7oe8] {
    padding: 10px 30px;
    font-size: 1.1rem;
    border-radius: 4px;
}

.soap-note-date-list[b-46b1yo7oe8] {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}

.soap-note-date-list li[b-46b1yo7oe8] {
    margin-bottom: 6px;
}

.soap-note-date-list a[b-46b1yo7oe8] {
    color: #0d6efd;
    text-decoration: underline;
}

.soap-note-date-list a.active[b-46b1yo7oe8] {
    font-weight: 600;
}

:global(.soap-date-link)[b-46b1yo7oe8] {
    color: #0d6efd;
    text-decoration: underline;
    background: none;
    border: none;
    padding: 0;
    font: inherit;
    cursor: pointer;
    text-align: left;
}

:global(.soap-date-link.active)[b-46b1yo7oe8] {
    font-weight: 600;
}

.modal.fade.show.d-block[b-46b1yo7oe8],
.soap-note-modal-backdrop[b-46b1yo7oe8] {
    position: fixed;
    inset: 0;
    z-index: 2000;
    background: rgba(0, 0, 0, 0.5);
    display: flex !important;
    align-items: center;
    justify-content: center;
    overflow-y: auto;
}

.modal.fade.show.d-block .modal-dialog[b-46b1yo7oe8],
.soap-note-modal-backdrop .modal-dialog[b-46b1yo7oe8] {
    position: relative;
    z-index: 1;
    pointer-events: auto;
    margin: 1.75rem auto;
}

/* Blazor child components (InputText, etc.) — ::deep required for CSS isolation */
.emr-container[b-46b1yo7oe8]  .vital-input,
.emr-container[b-46b1yo7oe8]  .line-input-flex,
.emr-container[b-46b1yo7oe8]  .line-input-short,
.emr-container[b-46b1yo7oe8]  .line-input-number,
.emr-container[b-46b1yo7oe8]  .line-input-long,
.emr-container[b-46b1yo7oe8]  .line-input-tiny,
.emr-container[b-46b1yo7oe8]  .line-input-date,
.emr-container[b-46b1yo7oe8]  .assessment-line-input,
.emr-container[b-46b1yo7oe8]  .small-input,
.emr-container[b-46b1yo7oe8]  .inline-text,
.emr-container[b-46b1yo7oe8]  .full-width-text,
.emr-container[b-46b1yo7oe8]  .signature-select {
    border: none;
    border-bottom: 1px solid #000;
    border-radius: 0;
    outline: none;
    background: transparent;
    box-shadow: none;
}

.emr-container[b-46b1yo7oe8]  .vital-input {
    width: 60px;
    text-align: center;
}

.emr-container[b-46b1yo7oe8]  .line-input-flex {
    flex: 1;
    min-width: 0;
}

.emr-container[b-46b1yo7oe8]  .line-input-short {
    width: 120px;
}

.emr-container[b-46b1yo7oe8]  .line-input-number {
    width: 40px;
    text-align: center;
}

.emr-container[b-46b1yo7oe8]  .line-input-long {
    width: 100%;
    min-width: 0;
}

.emr-container[b-46b1yo7oe8]  .line-input-tiny {
    width: 40px;
    text-align: center;
}

.emr-container[b-46b1yo7oe8]  .line-input-date {
    flex: 1;
    min-width: 120px;
}

.emr-container[b-46b1yo7oe8]  .assessment-line-input {
    flex: 1;
    min-width: 0;
}

.emr-container[b-46b1yo7oe8]  .small-input {
    width: 50px;
    text-align: center;
}

.emr-container[b-46b1yo7oe8]  .inline-text {
    width: 150px;
    margin-left: 10px;
}

.emr-container[b-46b1yo7oe8]  .full-width-text {
    width: 70%;
    margin-left: 10px;
}

.emr-container[b-46b1yo7oe8]  .signature-select {
    width: 220px;
    padding: 2px 0;
}

.emr-container[b-46b1yo7oe8]  .subjective-body {
    width: 100%;
    min-height: 120px;
    border: 1px solid #ccc;
    border-radius: 0;
    resize: vertical;
    outline: none;
    box-shadow: none;
    background: transparent;
}

.emr-container[b-46b1yo7oe8]  .plan-textarea {
    flex: 1;
    width: 100%;
    min-height: 0;
    border: 1px solid #e8e8e8;
    border-radius: 2px;
    background: #fafafa;
    resize: none;
    outline: none;
    padding: 8px;
    box-shadow: none;
}

.mri-ct-row-notes[b-46b1yo7oe8]  .line-input-long {
    flex: 1;
    min-width: 0;
}

.uds-results-row[b-46b1yo7oe8]  .line-input-long {
    flex: 1;
    min-width: 0;
}

.emr-container[b-46b1yo7oe8]  .vital-input:focus,
.emr-container[b-46b1yo7oe8]  .line-input-flex:focus,
.emr-container[b-46b1yo7oe8]  .line-input-short:focus,
.emr-container[b-46b1yo7oe8]  .line-input-number:focus,
.emr-container[b-46b1yo7oe8]  .line-input-long:focus,
.emr-container[b-46b1yo7oe8]  .line-input-tiny:focus,
.emr-container[b-46b1yo7oe8]  .line-input-date:focus,
.emr-container[b-46b1yo7oe8]  .assessment-line-input:focus,
.emr-container[b-46b1yo7oe8]  .small-input:focus,
.emr-container[b-46b1yo7oe8]  .inline-text:focus,
.emr-container[b-46b1yo7oe8]  .full-width-text:focus,
.emr-container[b-46b1yo7oe8]  .signature-select:focus {
    border: none;
    border-bottom: 1px solid #000;
    outline: none;
    box-shadow: none;
}

.emr-container[b-46b1yo7oe8]  .subjective-body:focus,
.emr-container[b-46b1yo7oe8]  .plan-textarea:focus {
    outline: none;
    box-shadow: none;
}

.ml-3[b-46b1yo7oe8] { margin-left: 1rem; }
.mt-2[b-46b1yo7oe8] { margin-top: 0.5rem; }
.mt-3[b-46b1yo7oe8] { margin-top: 1rem; }

@media (max-width: 768px) {
    .container[b-46b1yo7oe8] {
        padding-left: 12px;
        padding-right: 12px;
    }

    .emr-container[b-46b1yo7oe8] {
        padding: 12px;
        max-width: 100%;
        overflow-x: hidden;
    }

    .form-grid[b-46b1yo7oe8] {
        grid-template-columns: 1fr;
    }

    .grid-panel[b-46b1yo7oe8] {
        padding: 12px;
    }

    .header-row[b-46b1yo7oe8],
    .vitals-row[b-46b1yo7oe8] {
        flex-direction: column;
        align-items: stretch;
        justify-content: flex-start;
    }

    .input-group[b-46b1yo7oe8] {
        width: 100%;
        flex-wrap: wrap;
    }

    .subjective-top-line[b-46b1yo7oe8] {
        flex-direction: column;
        align-items: stretch;
    }

    .subjective-heading[b-46b1yo7oe8] {
        white-space: normal;
    }

    .subjective-bottom-row[b-46b1yo7oe8] {
        flex-direction: column;
        align-items: stretch;
    }

    .subjective-pain-level[b-46b1yo7oe8],
    .subjective-opioid[b-46b1yo7oe8] {
        width: 100%;
        flex-wrap: wrap;
    }

    .ros-row[b-46b1yo7oe8] {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 8px 12px;
    }

    .ros-category[b-46b1yo7oe8] {
        flex: 0 0 100%;
        white-space: normal;
    }

    .ros-symptom[b-46b1yo7oe8] {
        white-space: normal;
    }

    .ros-checkbox-spacer[b-46b1yo7oe8] {
        display: none;
    }

    .objective-row[b-46b1yo7oe8],
    .objective-stacked-mid[b-46b1yo7oe8],
    .exam-appearance-row[b-46b1yo7oe8],
    .mri-ct-row[b-46b1yo7oe8],
    .yes-no-group[b-46b1yo7oe8],
    .assessment-footer[b-46b1yo7oe8] {
        flex-wrap: wrap;
        gap: 8px 12px;
    }

    .objective-stacked-row[b-46b1yo7oe8] {
        grid-template-columns: 1fr;
        gap: 8px;
    }

    .exam-yesno-block[b-46b1yo7oe8] {
        display: flex;
        flex-wrap: wrap;
        gap: 8px 12px;
    }

    .exam-yesno-label[b-46b1yo7oe8] {
        flex: 0 0 100%;
        white-space: normal;
    }

    .objective-check[b-46b1yo7oe8],
    .exam-inline[b-46b1yo7oe8],
    .exam-yesno-option[b-46b1yo7oe8],
    .mri-yesno-option[b-46b1yo7oe8],
    .assessment-check[b-46b1yo7oe8],
    .yes-no-group label[b-46b1yo7oe8] {
        min-height: 44px;
        padding: 6px 8px;
    }

    .emr-container[b-46b1yo7oe8]  .inline-text,
    .emr-container[b-46b1yo7oe8]  .line-input-flex,
    .emr-container[b-46b1yo7oe8]  .line-input-short,
    .emr-container[b-46b1yo7oe8]  .line-input-long,
    .emr-container[b-46b1yo7oe8]  .line-input-date,
    .emr-container[b-46b1yo7oe8]  .full-width-text,
    .emr-container[b-46b1yo7oe8]  .assessment-line-input {
        width: 100%;
        max-width: 100%;
        margin-left: 0;
        box-sizing: border-box;
    }

    .emr-container[b-46b1yo7oe8]  .vital-input,
    .emr-container[b-46b1yo7oe8]  .line-input-number,
    .emr-container[b-46b1yo7oe8]  .line-input-tiny {
        width: 100%;
        max-width: 120px;
    }

    .emr-container[b-46b1yo7oe8]  input[type="checkbox"] {
        width: 1.15rem;
        height: 1.15rem;
        margin: 0;
    }

    .emr-container[b-46b1yo7oe8]  .ros-checkbox {
        padding: 8px;
        margin: 0;
    }

    .footer-section[b-46b1yo7oe8] {
        flex-direction: column;
        align-items: stretch;
        gap: 12px;
        padding-bottom: max(12px, env(safe-area-inset-bottom));
    }

    .signature-block[b-46b1yo7oe8] {
        flex-direction: column;
        align-items: stretch;
        width: 100%;
        gap: 6px;
    }

    .emr-container[b-46b1yo7oe8]  .signature-select {
        width: 100%;
        max-width: 100%;
    }

    .save-btn[b-46b1yo7oe8] {
        width: 100%;
        padding: 14px 16px;
        font-size: 1.05rem;
    }

    .soap-note-actions[b-46b1yo7oe8] {
        flex-direction: column;
    }

    .soap-note-actions .btn[b-46b1yo7oe8] {
        width: 100%;
    }

    :global(.soap-date-link)[b-46b1yo7oe8] {
        min-height: 44px;
        padding: 6px 0;
    }
}
/* /Components/Pages/Records.razor.rz.scp.css */
.patient-records-page[b-i523plm4hc] {
    overflow-x: hidden;
}

.patient-record-toolbar[b-i523plm4hc] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.patient-record-toolbar .btn[b-i523plm4hc] {
    min-height: 44px;
}

.pdf-preview-shell[b-i523plm4hc] {
    background: #fff;
    border: 1px solid #d0d7de;
    border-radius: 0.375rem;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    min-height: 720px;
    overflow: hidden;
}

.pdf-preview-shell iframe[b-i523plm4hc] {
    display: block;
    width: 100%;
    min-height: 720px;
    border: 0;
    background: #fff;
}

@media (max-width: 768px) {
    .patient-records-page h2[b-i523plm4hc] {
        font-size: 1.35rem;
    }

    .patient-record-toolbar[b-i523plm4hc] {
        flex-direction: column;
    }

    .patient-record-toolbar .btn[b-i523plm4hc] {
        width: 100%;
    }

    .pdf-preview-shell[b-i523plm4hc] {
        min-height: 480px;
    }

    .pdf-preview-shell iframe[b-i523plm4hc] {
        min-height: 480px;
    }
}

@media print {
    .print-hidden[b-i523plm4hc] {
        display: none !important;
    }

    .pdf-preview-shell[b-i523plm4hc] {
        box-shadow: none;
        border: none;
        min-height: auto;
    }

    .pdf-preview-shell iframe[b-i523plm4hc] {
        min-height: 100vh;
    }
}
/* /Components/Pages/Tests.razor.rz.scp.css */
.urine-screen-page[b-fasyofqzyt] {
    max-width: 820px;
    margin: 0 auto;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color: #222;
    background: #fff;
    border: 1px solid #d0d7de;
    border-top: 5px solid #041f4d;
    border-radius: 6px;
    padding: 24px 36px 28px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
}

.address-block[b-fasyofqzyt] {
    text-align: center;
    margin-bottom: 18px;
    font-size: 13px;
    line-height: 1.5;
}

.address-block .street[b-fasyofqzyt],
.address-block .city[b-fasyofqzyt] {
    font-size: 14px;
}

.address-block .contact[b-fasyofqzyt] {
    margin-top: 6px;
    font-size: 12px;
}

.form-table[b-fasyofqzyt] {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    font-size: 13px;
}

.form-table td[b-fasyofqzyt] {
    border: 1px solid #d0d7de;
    padding: 8px 12px;
    vertical-align: middle;
}

.form-table .row-title td[b-fasyofqzyt] {
    font-weight: 700;
    font-size: 14px;
    padding: 8px 10px;
}

.form-table .row-title .sub[b-fasyofqzyt] {
    font-weight: 400;
    font-size: 12px;
}

.form-table .results-header[b-fasyofqzyt] {
    width: 200px;
    text-align: center;
    font-weight: 700;
}

.form-table .row-patient td[b-fasyofqzyt],
.form-table .row-meta td[b-fasyofqzyt] {
    padding: 8px 10px;
}

.form-table .row-spacer td[b-fasyofqzyt] {
    height: 10px;
    border-left: none;
    border-right: none;
    padding: 0;
}

.form-table .row-drug-header td[b-fasyofqzyt] {
    font-weight: 700;
    background: #f5f7fa;
    color: #041f4d;
    border-bottom: 2px solid #041f4d;
}

.form-table .row-drug td:first-child[b-fasyofqzyt] {
    font-size: 13px;
}

.form-table .result-cell[b-fasyofqzyt] {
    width: 200px;
    text-align: center;
}

.inline-label-row[b-fasyofqzyt] {
    display: flex;
    align-items: baseline;
    gap: 8px;
    flex-wrap: wrap;
}

.inline-label-row strong[b-fasyofqzyt] {
    white-space: nowrap;
}

.temp-yesno[b-fasyofqzyt] {
    display: inline-flex;
    align-items: center;
    margin-left: 8px;
    border-radius: 4px;
    overflow: hidden;
}

.temp-option[b-fasyofqzyt] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin: 0;
    cursor: pointer;
    padding: 4px 10px;
    border: 1px solid #d0d7de;
    font-size: 11px;
    font-weight: 600;
    transition: all 0.2s ease;
}

.temp-option:first-child[b-fasyofqzyt] {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right: none;
}

.temp-option:first-child:has(input[type="radio"]:checked)[b-fasyofqzyt] {
    background-color: #f3faf7;
    border-color: #198754;
    color: #198754;
    border-right: 1px solid #198754;
}

.temp-option:last-child[b-fasyofqzyt] {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.temp-option:last-child:has(input[type="radio"]:checked)[b-fasyofqzyt] {
    background-color: #fdf2f2;
    border-color: #dc3545;
    color: #dc3545;
}

.result-yesno[b-fasyofqzyt] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    overflow: hidden;
}

.result-option[b-fasyofqzyt] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin: 0;
    cursor: pointer;
    padding: 4px 12px;
    border: 1px solid #d0d7de;
    font-size: 12px;
    font-weight: 500;
    transition: all 0.2s ease;
}

.result-option:first-child[b-fasyofqzyt] {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right: none;
}

.result-option:first-child:has(input[type="radio"]:checked)[b-fasyofqzyt] {
    background-color: #fdf2f2;
    border-color: #dc3545;
    color: #dc3545;
    border-right: 1px solid #dc3545;
    font-weight: 600;
}

.result-option:last-child[b-fasyofqzyt] {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.result-option:last-child:has(input[type="radio"]:checked)[b-fasyofqzyt] {
    background-color: #f3faf7;
    border-color: #198754;
    color: #198754;
    font-weight: 600;
}

.footer-row[b-fasyofqzyt] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 20px;
    margin-top: 8px;
}

.sig-lines[b-fasyofqzyt] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 22px;
    padding-top: 4px;
}

.sig-line[b-fasyofqzyt] {
    display: flex;
    align-items: flex-end;
    gap: 0;
    font-size: 13px;
}

.sig-line label[b-fasyofqzyt] {
    white-space: nowrap;
    flex-shrink: 0;
}

.sig-line .underline-field[b-fasyofqzyt] {
    flex: 1;
    min-width: 0;
}

.physician-box[b-fasyofqzyt] {
    width: 160px;
    border: 1px solid #041f4d;
    border-radius: 4px;
    padding: 10px;
    font-size: 12px;
    min-height: 110px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: #f5f7fa;
}

.physician-box .physician-title[b-fasyofqzyt] {
    font-size: 12px;
    text-align: left;
    margin-bottom: 8px;
    font-weight: 600;
    color: #041f4d;
}

.physician-box .physician-line[b-fasyofqzyt] {
    border-top: 1.5px solid #041f4d;
    width: 80%;
    margin-top: auto;
}

.urine-screen-page[b-fasyofqzyt]  .line-input-flex,
.urine-screen-page[b-fasyofqzyt]  .line-input-short,
.urine-screen-page[b-fasyofqzyt]  .line-input-date,
.urine-screen-page[b-fasyofqzyt]  .physician-input {
    border: none;
    border-bottom: 1px solid #333;
    border-radius: 0;
    outline: none;
    background: transparent;
    box-shadow: none;
    font-size: 13px;
    padding: 2px 4px;
}

.urine-screen-page[b-fasyofqzyt]  .line-input-flex {
    flex: 1;
    min-width: 0;
    width: 100%;
}

.urine-screen-page[b-fasyofqzyt]  .line-input-short {
    width: 100%;
    min-width: 120px;
}

.urine-screen-page[b-fasyofqzyt]  .line-input-date {
    width: 140px;
}

.urine-screen-page[b-fasyofqzyt]  .physician-input,
.urine-screen-page[b-fasyofqzyt]  .physician-select {
    width: 100%;
}

.acknowledgment-line[b-fasyofqzyt] {
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
}

.acknowledgment-label[b-fasyofqzyt] {
    font-size: 0.9rem;
    line-height: 1.35;
}

.acknowledgment-yesno[b-fasyofqzyt] {
    display: inline-flex;
    border-radius: 4px;
    overflow: hidden;
}

.ack-option[b-fasyofqzyt] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin: 0;
    cursor: pointer;
    padding: 4px 12px;
    border: 1px solid #d0d7de;
    font-size: 11px;
    font-weight: 600;
    transition: all 0.2s ease;
}

.ack-option:first-child[b-fasyofqzyt] {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right: none;
}

.ack-option:first-child:has(input[type="radio"]:checked)[b-fasyofqzyt] {
    background-color: #f3faf7;
    border-color: #198754;
    color: #198754;
    border-right: 1px solid #198754;
}

.ack-option:last-child[b-fasyofqzyt] {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.ack-option:last-child:has(input[type="radio"]:checked)[b-fasyofqzyt] {
    background-color: #fdf2f2;
    border-color: #dc3545;
    color: #dc3545;
}

.urine-screen-page[b-fasyofqzyt]  input[type="radio"] {
    margin: 0;
}

.urine-screen-actions[b-fasyofqzyt] {
    margin-top: 1rem;
}

.urine-screen-actions .btn[b-fasyofqzyt] {
    min-height: 44px;
}

@media (max-width: 768px) {
    .urine-screen-page[b-fasyofqzyt] {
        padding: 12px 14px 20px;
        max-width: 100%;
        overflow-x: hidden;
    }

    .form-table[b-fasyofqzyt],
    .form-table tbody[b-fasyofqzyt],
    .form-table tr[b-fasyofqzyt],
    .form-table td[b-fasyofqzyt] {
        display: block;
        width: 100%;
    }

    .form-table .result-cell[b-fasyofqzyt] {
        width: 100%;
        text-align: left;
        padding-top: 4px;
    }

    .result-yesno[b-fasyofqzyt] {
        justify-content: flex-start;
        gap: 16px;
    }

    .form-table .row-drug td:first-child[b-fasyofqzyt] {
        border-bottom: none;
        padding-bottom: 2px;
    }

    .form-table .results-header[b-fasyofqzyt] {
        text-align: left;
    }

    .footer-row[b-fasyofqzyt] {
        flex-direction: column;
        gap: 16px;
        padding-bottom: max(12px, env(safe-area-inset-bottom));
    }

    .physician-box[b-fasyofqzyt] {
        width: 100%;
    }

    .sig-line[b-fasyofqzyt] {
        flex-direction: column;
        align-items: stretch;
        gap: 4px;
    }

    .urine-screen-actions .btn[b-fasyofqzyt] {
        width: 100%;
    }
}

.soap-note-date-list[b-fasyofqzyt] {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}

.soap-note-date-list li[b-fasyofqzyt] {
    margin-bottom: 6px;
}

.soap-note-date-list a[b-fasyofqzyt] {
    color: #0d6efd;
    text-decoration: underline;
}

.soap-note-date-list a.active[b-fasyofqzyt] {
    font-weight: 600;
}

.urine-screen-fieldset[b-fasyofqzyt] {
    border: 0;
    margin: 0;
    padding: 0;
    min-width: 0;
}

.urine-screen-readonly[b-fasyofqzyt] {
    opacity: 0.95;
}

@media print {
    .urine-screen-page[b-fasyofqzyt] {
        box-shadow: none;
        border: none;
        padding: 20px 36px;
    }
}
/* /Components/Patients/PatientSearchTypeahead.razor.rz.scp.css */
.patient-search-typeahead[b-4gacjdvocc] {
    position: relative;
    width: 100%;
}

.patient-search-input-group .patient-search-input[b-4gacjdvocc] {
    min-height: 44px;
}

.patient-search-clear[b-4gacjdvocc] {
    min-width: 44px;
    min-height: 44px;
    font-size: 1.25rem;
    line-height: 1;
    padding: 0;
}

.patient-search-submit[b-4gacjdvocc] {
    min-height: 44px;
    white-space: nowrap;
}

.patient-search-dropdown[b-4gacjdvocc] {
    position: absolute;
    top: calc(100% + 4px);
    left: 0;
    right: 0;
    z-index: 1050;
    max-height: min(50vh, 420px);
    overflow-y: auto;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.12);
    border-radius: 0.375rem;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.12);
}

.patient-search-dropdown-status[b-4gacjdvocc] {
    padding: 0.875rem 1rem;
    color: #6c757d;
    font-size: 0.95rem;
}

.patient-search-result[b-4gacjdvocc] {
    display: block;
    width: 100%;
    text-align: left;
    border: 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
    background: transparent;
    padding: 0.75rem 1rem;
    min-height: 44px;
    cursor: pointer;
}

.patient-search-result:last-child[b-4gacjdvocc] {
    border-bottom: 0;
}

.patient-search-result:hover[b-4gacjdvocc],
.patient-search-result.is-active[b-4gacjdvocc] {
    background: rgba(13, 110, 253, 0.08);
}

.patient-search-result-name[b-4gacjdvocc] {
    font-weight: 600;
    color: #212529;
    margin-bottom: 0.15rem;
}

.patient-search-result-meta[b-4gacjdvocc] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    align-items: center;
    font-size: 0.875rem;
    color: #6c757d;
}

@media (max-width: 768px) {
    .patient-search-typeahead[b-4gacjdvocc] {
        overflow-x: hidden;
    }

    .patient-search-input-group[b-4gacjdvocc] {
        flex-wrap: nowrap;
    }

    .patient-search-input-group .patient-search-input[b-4gacjdvocc] {
        min-width: 0;
    }

    .patient-search-dropdown[b-4gacjdvocc] {
        max-height: min(45vh, 360px);
    }

    .patient-search-result[b-4gacjdvocc] {
        padding: 0.875rem 1rem;
    }
}
/* /Components/Telemetry/TelemetryDashboard.razor.rz.scp.css */
.clinical-telemetry[b-7pwpsmhcwe] {
    margin-bottom: 1.5rem;
}

.clinical-telemetry__title[b-7pwpsmhcwe] {
    font-size: 1rem;
    font-weight: 600;
    color: #212529;
    margin-bottom: 0.75rem;
}

.clinical-telemetry__grid[b-7pwpsmhcwe] {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem 2rem;
}

.clinical-telemetry__stat[b-7pwpsmhcwe] {
    flex: 1 1 8rem;
    min-width: 7rem;
    border: none;
    box-shadow: none;
    background: transparent;
    padding: 0;
}

.clinical-telemetry__label[b-7pwpsmhcwe] {
    display: block;
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #6c757d;
    margin-bottom: 0.25rem;
}

.clinical-telemetry__value[b-7pwpsmhcwe] {
    display: block;
    font-size: 1.35rem;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
    line-height: 1.2;
}

.clinical-telemetry__stat--appointments .clinical-telemetry__value[b-7pwpsmhcwe] {
    color: #2563eb;
}

.clinical-telemetry__stat--registry .clinical-telemetry__value[b-7pwpsmhcwe] {
    color: #0d9488;
}

.clinical-telemetry__stat--notes .clinical-telemetry__value[b-7pwpsmhcwe] {
    color: #d97706;
}

.clinical-telemetry__stat--alerts .clinical-telemetry__value[b-7pwpsmhcwe] {
    color: #dc2626;
}

@media (max-width: 575.98px) {
    .clinical-telemetry__stat[b-7pwpsmhcwe] {
        flex: 1 1 calc(50% - 1rem);
    }
}