/* /Components/Layout/ChangeSiteModal/ChangeSiteModal.razor.rz.scp.css */
.site-change-dialog[b-kb8musqr7n] {
    position: relative;
}

.site-change-dialog-header[b-kb8musqr7n] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}

.site-change-dialog-header h4[b-kb8musqr7n] {
    margin-bottom: 4px;
}

.site-change-dialog-header p[b-kb8musqr7n] {
    margin-top: 0;
}

.site-change-required-note[b-kb8musqr7n] {
    color: #8b1d1d;
    margin-top: 4px;
    font-weight: 600;
}

.site-change-close[b-kb8musqr7n] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    padding: 0;
    border-radius: 999px;
    border: 1px solid #d5e0ed;
    background: #edf3fa;
    color: #2e4053;
    cursor: pointer;
    flex-shrink: 0;
}

.site-change-close:hover[b-kb8musqr7n] {
    background: #e3edf8;
}

.site-change-list[b-kb8musqr7n] {
    display: grid;
    gap: 10px;
}

.site-change-option[b-kb8musqr7n] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    width: 100%;
    border: 1px solid #d5e0ed;
    border-radius: 12px;
    background: #f9fbff;
    padding: 12px 14px;
    color: #1f3349;
    cursor: pointer;
    text-align: left;
    font: inherit;
    box-sizing: border-box;
}

.site-change-option:hover[b-kb8musqr7n] {
    border-color: #9bb8d8;
    background: #f2f7ff;
}

.site-change-option--selected[b-kb8musqr7n] {
    border-color: #00a67a;
    background: #e8fbf5;
    box-shadow: inset 0 0 0 1px rgba(0, 166, 122, 0.12);
}

.site-change-option-details[b-kb8musqr7n] {
    display: grid;
    gap: 3px;
    min-width: 0;
}

.site-change-option-name[b-kb8musqr7n] {
    font-weight: 700;
}

.site-change-option-meta[b-kb8musqr7n] {
    color: #5f6f81;
    font-size: 0.85rem;
}

.site-change-option-selected[b-kb8musqr7n] {
    color: #00a67a;
    font-size: 0.85rem;
    font-weight: 700;
    flex-shrink: 0;
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.header[b-0mc0s5uvah] {
    background: linear-gradient(135deg, #003d5b, #276aa4);
    color: white;
    padding: 20px;
    text-align: left;
    border-radius: 12px 12px 0 0;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    min-height: 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
}

.header-brand[b-0mc0s5uvah] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

.header h2[b-0mc0s5uvah] {
    margin: 0;
    display: flex;
}

.environment-badge[b-0mc0s5uvah] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 46px;
    padding: 4px 10px;
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    border: 1px solid transparent;
}

.environment-badge-dev[b-0mc0s5uvah] {
    color: #0b4f22;
    background: #dff8e8;
    border-color: #9ad7b0;
}

.environment-badge-uat[b-0mc0s5uvah] {
    color: #7a3e00;
    background: #ffe9cf;
    border-color: #f3bd80;
}

.profile-widget[b-0mc0s5uvah] {
    position: relative;
}

.profile-widget > summary[b-0mc0s5uvah] {
    list-style: none;
}

.profile-widget > summary[b-0mc0s5uvah]::-webkit-details-marker {
    display: none;
}

.profile-widget-trigger[b-0mc0s5uvah] {
    width: 42px;
    height: 42px;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.45);
    background: rgba(255, 255, 255, 0.16);
    color: #ffffff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    text-decoration: none;
    transition: background-color 0.2s ease, border-color 0.2s ease;
    box-sizing: border-box;
}

.profile-widget-trigger:hover[b-0mc0s5uvah],
.profile-widget[open] > .profile-widget-trigger[b-0mc0s5uvah] {
    background: rgba(255, 255, 255, 0.24);
    border-color: rgba(255, 255, 255, 0.75);
}

.profile-widget-trigger:focus-visible[b-0mc0s5uvah] {
    outline: 2px solid #ffffff;
    outline-offset: 2px;
}

.profile-widget-sign-in .button-icon[b-0mc0s5uvah] {
    font-size: 1.5rem;
}

.profile-widget-initials[b-0mc0s5uvah] {
    font-size: 0.9rem;
    font-weight: 700;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: 0.02em;
}

.profile-widget-menu[b-0mc0s5uvah] {
    position: absolute;
    top: calc(100% + 10px);
    right: 0;
    min-width: 190px;
    background: #ffffff;
    color: #1f3349;
    border: 1px solid #d5e0ed;
    border-radius: 10px;
    padding: 8px;
    box-shadow: 0 10px 22px rgba(11, 34, 58, 0.18);
    z-index: 25;
}

.profile-widget-name[b-0mc0s5uvah] {
    display: block;
    padding: 6px 10px 8px;
    margin-bottom: 6px;
    border-bottom: 1px solid #e8eef6;
    color: #516275;
    font-size: 0.85rem;
    line-height: 1.2;
    word-break: break-word;
}

.profile-widget-menu-item[b-0mc0s5uvah] {
    display: inline-flex;
    width: 100%;
    align-items: center;
    gap: 8px;
    border-radius: 8px;
    padding: 8px 10px;
    color: #1f3349;
    text-decoration: none;
    font-weight: 600;
    box-sizing: border-box;
}

.profile-widget-menu-item:hover[b-0mc0s5uvah] {
    background: #f0f6ff;
}

.profile-widget-menu-item .button-icon[b-0mc0s5uvah] {
    font-size: 1.1rem;
}

@media (max-width: 640px) {
    .header[b-0mc0s5uvah] {
        padding: 16px;
    }

    .header h2[b-0mc0s5uvah] {
        font-size: 1.15rem;
    }

    .header-logo[b-0mc0s5uvah] {
        width: 85px;
        margin-right: 10px;
        padding: 8px;
        border-radius: 10px;
        background-color: #ffffff;
    }

    .environment-badge[b-0mc0s5uvah] {
        margin-left: auto;
    }
}

.footer[b-0mc0s5uvah] {
    background: #276aa4;
    color: white;
    margin-top: 20px;
    padding: 20px;
    border-radius: 12px 12px 12px 12px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    height: 20px;
    
    display: flex; justify-content: space-between; border-top: 1px solid #e0e0e0;
}
.footer div[b-0mc0s5uvah] {
    width: 30;
    display: inline-block;
}
.header-logo[b-0mc0s5uvah] {
    width: 105px;
    height: auto;
    margin-right: 15px;
    vertical-align: middle;
    padding: 8px;
    border-radius: 10px;
    background-color: #ffffff;
}
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.nav[b-yntkgx5i3a] {
    display: flex;
    align-items: center;
    gap: 16px;
    background-color: #276fa4;
    padding: 12px;
    border-radius: 0 0 12px 12px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.nav button[b-yntkgx5i3a] {
    background: none;
    border: none;
    color: white;
    cursor: pointer;
    font-size: 16px;
    padding: 10px 15px;
    transition: background-color 0.3s, transform 0.2s;
    border-radius: 6px;
}
.nav button:hover[b-yntkgx5i3a] {
    background-color: #2980b9;
    transform: translateY(-2px);
}

.site-selector-current[b-yntkgx5i3a] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-left: auto;
    max-width: min(420px, 100%);
    padding: 8px 12px;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.68);
    background: rgba(255, 255, 255, 0.2);
    box-shadow: inset 0 0 0 1px rgba(0, 61, 91, 0.1), 0 1px 2px rgba(0, 0, 0, 0.12);
    color: white;
    font-size: 14px;
    font-weight: 600;
    box-sizing: border-box;
    cursor: pointer;
    text-align: left;
    transition: background-color 0.2s ease, border-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}

.site-selector-current:hover[b-yntkgx5i3a],
.site-selector-current:focus-visible[b-yntkgx5i3a] {
    background: rgba(255, 255, 255, 0.28);
    border-color: rgba(255, 255, 255, 0.9);
    box-shadow: inset 0 0 0 1px rgba(0, 61, 91, 0.14), 0 3px 6px rgba(0, 0, 0, 0.16);
    transform: translateY(-1px);
}

.site-selector-current:focus-visible[b-yntkgx5i3a] {
    outline: 2px solid rgba(255, 255, 255, 0.95);
    outline-offset: 2px;
}

.site-selector-current .button-icon[b-yntkgx5i3a] {
    font-size: 1.1rem;
    flex-shrink: 0;
}

.site-selector-current-name[b-yntkgx5i3a] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (max-width: 600px) {
    .nav[b-yntkgx5i3a] {
        flex-direction: row;
        flex-wrap: nowrap;
    }

    .site-selector-current[b-yntkgx5i3a] {
        flex: 1;
        min-width: 0;
    }
}
/* /Components/Layout/ReconnectModal/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-u1f640ycfm],
.components-reconnect-repeated-attempt-visible[b-u1f640ycfm],
.components-reconnect-failed-visible[b-u1f640ycfm],
.components-pause-visible[b-u1f640ycfm],
.components-resume-failed-visible[b-u1f640ycfm],
.components-rejoining-animation[b-u1f640ycfm] {
    display: none;
}

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


#components-reconnect-modal[b-u1f640ycfm] {
    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-u1f640ycfm 0.5s both;
    &[open]

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

}

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

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

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

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

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 0;
    }
}

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

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

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

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

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

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

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

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

@keyframes components-rejoining-animation-b-u1f640ycfm {
    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/Pages/AccessAdmin.razor.rz.scp.css */
.vendor-access-admin-page[b-5gbcg4hi58] {
    --vendor-queue-list-column-width: 320px;
    --vendor-queue-detail-column-width: minmax(0, 1fr);
}

.vendor-access-admin-page .vendor-queue-layout[b-5gbcg4hi58] {
    grid-template-columns: 320px minmax(0, 1fr);
    align-items: start;
}

/* Let the list grow to its natural height so context menus are never clipped
   by an overflow container. The page scrolls instead of the panel. */
.vendor-access-admin-page .vendor-queue-list[b-5gbcg4hi58] {
    display: flex;
    flex-direction: column;
}

.vendor-access-admin-page .sick-call-triage-table-wrap[b-5gbcg4hi58] {
    flex: 1;
    max-height: none;
    overflow: visible;
}

.vendor-queue-filter-row[b-5gbcg4hi58] {
    margin-bottom: 12px;
}

.vendor-queue-filter-wrap[b-5gbcg4hi58] {
    position: relative;
    display: flex;
    align-items: center;
}

.vendor-queue-filter-icon[b-5gbcg4hi58] {
    position: absolute;
    left: 10px;
    color: #5f6f81;
    font-size: 1.1rem;
    pointer-events: none;
    user-select: none;
}

.vendor-queue-filter-input[b-5gbcg4hi58] {
    padding-left: 34px;
    border: 1px solid #d2dfef;
    border-radius: 10px;
    background: #f6f9fd;
    color: #33475b;
}

.vendor-access-form[b-5gbcg4hi58] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.vendor-access-activity-grid[b-5gbcg4hi58] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin-bottom: 12px;
}

.vendor-access-activity-tile[b-5gbcg4hi58] {
    border: 1px solid #d8e3f2;
    border-radius: 10px;
    background: linear-gradient(180deg, #f8fbff 0%, #eef5ff 100%);
    padding: 10px 12px;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.vendor-access-activity-label[b-5gbcg4hi58] {
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #5a7aaa;
    font-weight: 600;
}

.vendor-access-activity-value[b-5gbcg4hi58] {
    font-size: 1.15rem;
    color: #0f2f54;
    line-height: 1;
}

.vendor-access-role-columns[b-5gbcg4hi58] {
    display: flex;
    gap: 24px;
    align-items: flex-start;
}

.vendor-access-role-column[b-5gbcg4hi58] {
    flex: 1;
    min-width: 0;
}

.vendor-access-role-column-head[b-5gbcg4hi58] {
    display: block;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #5a7aaa;
    margin-bottom: 8px;
}

.vendor-access-checkbox-list[b-5gbcg4hi58] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.vendor-access-permission-groups[b-5gbcg4hi58] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.vendor-access-permission-group[b-5gbcg4hi58] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 4px 0;
    border-bottom: 1px solid #eef2f8;
}

.vendor-access-permission-group:last-child[b-5gbcg4hi58] {
    border-bottom: none;
}

.vendor-access-permission-group-label[b-5gbcg4hi58] {
    flex: 0 0 140px;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #5a7aaa;
    padding-top: 9px;
}

.vendor-access-permission-group-items[b-5gbcg4hi58] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    flex: 1;
}

.vendor-access-user-name[b-5gbcg4hi58] {
    display: block;
    font-weight: 500;
}

.vendor-access-checkbox[b-5gbcg4hi58] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    border: 1px solid #e1eaf6;
    border-radius: 10px;
    background: #f9fbff;
    padding: 10px 12px;
}

.vendor-access-checkbox input[type="checkbox"][b-5gbcg4hi58] {
    margin-top: 3px;
}

@media (max-width: 760px) {
    .vendor-access-activity-grid[b-5gbcg4hi58] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Compliance.razor.rz.scp.css */
.compliance-page[b-wlx24brvnm] {
    margin: 1.5rem auto;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.compliance-header[b-wlx24brvnm] {
    border: 1px solid #dbe7f5;
    border-radius: 16px;
    background: linear-gradient(140deg, #fbfdff 0%, #f2f7fd 60%, #edf4fc 100%);
    padding: 1.25rem;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    box-shadow: 0 10px 28px rgba(9, 30, 66, 0.08);
}

.compliance-kicker[b-wlx24brvnm] {
    margin: 0;
    color: #44617f;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-size: 0.74rem;
}

.compliance-header h2[b-wlx24brvnm] {
    margin: 0.25rem 0 0;
    color: #1f3550;
    font-size: clamp(1.4rem, 2.2vw, 1.85rem);
}

.compliance-subtitle[b-wlx24brvnm] {
    margin: 0.45rem 0 0;
    color: #4f647b;
    max-width: 72ch;
}

.compliance-page[b-wlx24brvnm]  .compliance-card {
    border: 1px solid #d7e4f3;
    border-radius: 14px;
    background: #ffffff;
    padding: 1rem;
    box-shadow: 0 8px 24px rgba(9, 30, 66, 0.06);
}

.compliance-page[b-wlx24brvnm]  .compliance-card-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    flex-wrap: wrap;
    margin-bottom: 0.85rem;
}

.compliance-page[b-wlx24brvnm]  .compliance-card-header h3 {
    margin: 0;
    color: #244160;
}

.compliance-page[b-wlx24brvnm]  .compliance-chip {
    display: inline-flex;
    align-items: center;
    padding: 0.22rem 0.65rem;
    border-radius: 999px;
    border: 1px solid #bfd6ee;
    background: #f4f9ff;
    color: #2f4e6d;
    font-size: 0.82rem;
    font-weight: 600;
}

.compliance-page[b-wlx24brvnm]  .compliance-filter-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(180px, 1fr));
    gap: 0.75rem;
}

.compliance-page[b-wlx24brvnm]  .compliance-field {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.compliance-page[b-wlx24brvnm]  .compliance-field > span {
    color: #415a73;
    font-weight: 600;
    font-size: 0.86rem;
}

.compliance-page[b-wlx24brvnm]  .compliance-field--wide {
    grid-column: span 2;
}

.compliance-page[b-wlx24brvnm]  .compliance-multiselect {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    max-height: 120px;
    overflow-y: auto;
    border: 1px solid #d3e1f0;
    border-radius: 10px;
    background: #f8fbff;
    padding: 0.5rem;
}

.compliance-page[b-wlx24brvnm]  .compliance-multiselect-empty {
    margin: 0;
    color: #6c8098;
    font-size: 0.85rem;
}

.compliance-page[b-wlx24brvnm]  .compliance-multiselect-option {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.22rem 0.5rem;
    border-radius: 999px;
    border: 1px solid #c7daee;
    background: #ffffff;
    color: #2f4e6d;
    font-size: 0.82rem;
    font-weight: 600;
    cursor: pointer;
}

.compliance-page[b-wlx24brvnm]  .compliance-multiselect-option:has(input:checked) {
    border-color: #2f80ed;
    background: #eaf2fe;
}

.compliance-page[b-wlx24brvnm]  .compliance-multiselect-option input {
    margin: 0;
}

.compliance-page[b-wlx24brvnm]  .compliance-filter-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.6rem;
    flex-wrap: wrap;
    margin-top: 1rem;
}

.compliance-page[b-wlx24brvnm]  .compliance-sort-toggle {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    background: none;
    border: none;
    padding: 0;
    color: inherit;
    font: inherit;
    text-transform: inherit;
    letter-spacing: inherit;
    cursor: pointer;
}

.compliance-page[b-wlx24brvnm]  .compliance-sort-icon {
    font-size: 1rem;
    color: #8199b3;
}

.compliance-page[b-wlx24brvnm]  .compliance-sort-toggle.is-active .compliance-sort-icon {
    color: #2f80ed;
}

.compliance-page[b-wlx24brvnm]  .compliance-preset-row {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
    margin-bottom: 0.8rem;
}

.compliance-page[b-wlx24brvnm]  .compliance-preset,
.compliance-page[b-wlx24brvnm]  .compliance-action {
    margin-top: 0;
    width: auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    font-weight: 600;
    padding: 0.58rem 0.88rem;
    border-radius: 10px;
    border: 1px solid transparent;
}

.compliance-page[b-wlx24brvnm]  .compliance-preset {
    background: #f4f9ff;
    color: #2f4e6d;
    border-color: #c7daee;
    transition: border-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}

.compliance-page[b-wlx24brvnm]  .compliance-preset:hover {
    border-color: #7caedf;
    transform: translateY(-1px);
    box-shadow: 0 8px 18px rgba(47, 128, 237, 0.16);
}

.compliance-page[b-wlx24brvnm]  .compliance-preset.is-active {
    border-color: #0f7f5f;
    box-shadow: inset 0 0 0 1px #0f7f5f;
    background: #eefaf5;
    color: #175240;
}

.compliance-page[b-wlx24brvnm]  .compliance-action--primary {
    background: #2f80ed;
}

.compliance-page[b-wlx24brvnm]  .compliance-action--secondary {
    background: #edf4fd;
    color: #294969;
    border-color: #c6daf0;
}

.compliance-page[b-wlx24brvnm]  .compliance-action--secondary:hover {
    background: #e4effb;
}

.compliance-page[b-wlx24brvnm]  .compliance-action--ghost {
    background: #ffffff;
    color: #395571;
    border-color: #d3e1f0;
}

.compliance-page[b-wlx24brvnm]  .compliance-action:disabled,
.compliance-page[b-wlx24brvnm]  .compliance-preset:disabled {
    opacity: 0.66;
    cursor: not-allowed;
    transform: none;
    box-shadow: none;
}

.compliance-page[b-wlx24brvnm]  .compliance-failure-list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: grid;
    gap: 0.6rem;
}

.compliance-page[b-wlx24brvnm]  .compliance-failure-item {
    border: 1px solid #e0ebf8;
    border-radius: 10px;
    background: #f8fbff;
    padding: 0.7rem 0.8rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.8rem;
    flex-wrap: wrap;
}

.compliance-page[b-wlx24brvnm]  .compliance-failure-item strong {
    color: #1f3955;
}

.compliance-page[b-wlx24brvnm]  .compliance-failure-item p {
    margin: 0.2rem 0 0;
    color: #5b6f84;
    font-size: 0.9rem;
}

.compliance-page[b-wlx24brvnm]  .compliance-failure-item code {
    color: #31475f;
    font-size: 0.8rem;
    background: #edf4fc;
    border: 1px solid #d1e1f2;
    border-radius: 8px;
    padding: 0.35rem 0.5rem;
    word-break: break-all;
}

.compliance-page[b-wlx24brvnm]  .compliance-table-shell {
    overflow-x: scroll;
    border: 1px solid #d8e5f4;
    border-radius: 12px;
    scrollbar-gutter: stable;
    scrollbar-width: thin;
    scrollbar-color: #9fb8d6 #eaf1fb;
}

.compliance-page[b-wlx24brvnm]  .compliance-table-shell::-webkit-scrollbar {
    height: 10px;
}

.compliance-page[b-wlx24brvnm]  .compliance-table-shell::-webkit-scrollbar-track {
    background: #eaf1fb;
    border-radius: 999px;
}

.compliance-page[b-wlx24brvnm]  .compliance-table-shell::-webkit-scrollbar-thumb {
    background: #9fb8d6;
    border-radius: 999px;
}

.compliance-page[b-wlx24brvnm]  .compliance-table-shell::-webkit-scrollbar-thumb:hover {
    background: #7ea0c9;
}

.compliance-page[b-wlx24brvnm]  .compliance-table {
    width: 100%;
    min-width: 1100px;
    border-collapse: separate;
    border-spacing: 0;
}

.compliance-page[b-wlx24brvnm]  .compliance-table thead th {
    position: sticky;
    top: 0;
    z-index: 1;
    background: #f1f7ff;
    color: #2a4867;
    font-size: 0.82rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    border-bottom: 1px solid #ccdcf1;
}

.compliance-page[b-wlx24brvnm]  .compliance-table th,
.compliance-page[b-wlx24brvnm]  .compliance-table td {
    padding: 0.62rem 0.68rem;
    border-bottom: 1px solid #e3edf9;
    vertical-align: top;
    text-align: left;
}

.compliance-page[b-wlx24brvnm]  .compliance-table tbody tr:nth-child(even) {
    background: #fbfdff;
}

.compliance-page[b-wlx24brvnm]  .compliance-table tbody tr:hover {
    background: #f3f8ff;
}

.compliance-page[b-wlx24brvnm]  .compliance-table td code {
    color: #3a526e;
    background: #eef4fc;
    border: 1px solid #d6e3f3;
    border-radius: 8px;
    padding: 0.15rem 0.32rem;
    display: inline-block;
    word-break: break-all;
}

.compliance-page[b-wlx24brvnm]  .compliance-loading {
    display: flex;
    flex-direction: column;
    gap: 0.7rem;
}

.compliance-page[b-wlx24brvnm]  .compliance-loading-title {
    margin: 0;
    color: #4b6178;
    font-weight: 600;
}

.compliance-page[b-wlx24brvnm]  .compliance-skeleton-table {
    border: 1px solid #d8e5f4;
    border-radius: 12px;
    overflow: hidden;
}

.compliance-page[b-wlx24brvnm]  .compliance-skeleton-row {
    display: grid;
    grid-template-columns: repeat(9, minmax(90px, 1fr));
    gap: 0.6rem;
    padding: 0.6rem;
    border-bottom: 1px solid #e3edf9;
}

.compliance-page[b-wlx24brvnm]  .compliance-skeleton-row:last-child {
    border-bottom: 0;
}

.compliance-page[b-wlx24brvnm]  .compliance-skeleton-cell {
    display: inline-block;
    height: 14px;
    border-radius: 999px;
    background: linear-gradient(100deg, #ecf2fb 25%, #dfeaf8 37%, #ecf2fb 63%);
    background-size: 300% 100%;
    animation: complianceSkeletonShimmer-b-wlx24brvnm 1.4s ease-in-out infinite;
}

.compliance-page[b-wlx24brvnm]  .compliance-empty-state {
    border: 1px dashed #c9daee;
    border-radius: 12px;
    padding: 1.1rem;
    text-align: center;
    background: linear-gradient(180deg, #fbfdff 0%, #f4f9ff 100%);
}

.compliance-page[b-wlx24brvnm]  .compliance-empty-icon {
    font-size: 2rem;
    color: #7695b6;
}

.compliance-page[b-wlx24brvnm]  .compliance-empty-state h4 {
    margin: 0.4rem 0 0.2rem;
    color: #2a4867;
}

.compliance-page[b-wlx24brvnm]  .compliance-empty-state p {
    margin: 0;
    color: #5b6f84;
}

.compliance-page[b-wlx24brvnm]  .compliance-row--failure td:first-child {
    border-left: 3px solid #d95e5e;
}

.compliance-page[b-wlx24brvnm]  .compliance-row--success td:first-child {
    border-left: 3px solid #5da576;
}

.compliance-page[b-wlx24brvnm]  .compliance-outcome {
    display: inline-flex;
    align-items: center;
    padding: 0.18rem 0.52rem;
    border-radius: 999px;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.01em;
    border: 1px solid transparent;
}

.compliance-page[b-wlx24brvnm]  .compliance-outcome--failure {
    color: #8a1d1d;
    background: #fff2f2;
    border-color: #efc2c2;
}

.compliance-page[b-wlx24brvnm]  .compliance-outcome--success {
    color: #1f5d34;
    background: #ecf9f0;
    border-color: #bfe6ca;
}

@keyframes complianceSkeletonShimmer-b-wlx24brvnm {
    0% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0 50%;
    }
}

.compliance-page[b-wlx24brvnm]  .compliance-pagination {
    margin-top: 0.9rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.compliance-page[b-wlx24brvnm]  .compliance-pagination p {
    margin: 0;
    color: #4b6178;
    font-weight: 600;
}

@media (max-width: 1080px) {
    .compliance-page[b-wlx24brvnm]  .compliance-filter-grid {
        grid-template-columns: repeat(2, minmax(180px, 1fr));
    }

    .compliance-page[b-wlx24brvnm]  .compliance-field--wide {
        grid-column: span 4;
    }
}

@media (max-width: 760px) {
    .compliance-page[b-wlx24brvnm] {
        margin: 1rem auto;
        gap: 0.8rem;
    }

    .compliance-header[b-wlx24brvnm] {
        padding: 1rem;
        flex-direction: column;
        align-items: stretch;
    }

    .compliance-header-actions[b-wlx24brvnm] {
        width: 100%;
    }

    .compliance-page[b-wlx24brvnm]  .compliance-action,
    .compliance-page[b-wlx24brvnm]  .compliance-preset {
        width: 100%;
    }

    .compliance-page[b-wlx24brvnm]  .compliance-filter-grid {
        grid-template-columns: 1fr;
    }

    .compliance-page[b-wlx24brvnm]  .compliance-field--wide {
        grid-column: span 1;
    }

    .compliance-page[b-wlx24brvnm]  .compliance-failure-item {
        flex-direction: column;
        align-items: flex-start;
    }

    .compliance-page[b-wlx24brvnm]  .compliance-pagination {
        justify-content: flex-start;
    }

    .compliance-page[b-wlx24brvnm]  .compliance-skeleton-row {
        grid-template-columns: 1fr 1fr;
    }
}
/* /Components/Pages/Dashboard.razor.rz.scp.css */
/* Operations dashboard styles are scoped to this page and applied to child components via ::deep. */

.operations-dashboard-page[b-mwpmj7c2ui] {
    background: linear-gradient(180deg, #f7fbff 0%, #ffffff 45%);
}

.operations-dashboard-page[b-mwpmj7c2ui]  .ops-filter-bar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px 14px;
    margin-bottom: 14px;
}

.operations-dashboard-page .vendor-builder-context-menu[b-mwpmj7c2ui]  .ops-filter-bar {
    margin-bottom: 0;
}

.operations-dashboard-page .vendor-builder-context-menu[b-mwpmj7c2ui]  .ops-site-filter {
    padding: 0;
}

.operations-dashboard-page[b-mwpmj7c2ui]  .ops-filter-pill-group {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.operations-dashboard-page[b-mwpmj7c2ui]  .ops-filter-pill {
    border: 1px solid #bfd3ea;
    background: #ffffff;
    color: #204264;
    border-radius: 999px;
    padding: 8px 14px;
    font-weight: 600;
    cursor: pointer;
}

.operations-dashboard-page[b-mwpmj7c2ui]  .ops-filter-date-button {
    min-width: 180px;
}

.operations-dashboard-page[b-mwpmj7c2ui]  .ops-filter-pill.is-active {
    background: #1f6fb2;
    border-color: #1f6fb2;
    color: #ffffff;
}

.operations-dashboard-page[b-mwpmj7c2ui]  .ops-range-caption {
    color: #41556d;
    font-size: 0.92rem;
    font-weight: 600;
}

.ops-section-grid[b-mwpmj7c2ui] {
    display: grid;
    gap: 14px;
    grid-template-columns: repeat(auto-fit, minmax(360px, 1fr));
}

.operations-dashboard-page[b-mwpmj7c2ui]  .ops-section-card {
    border: 1px solid #d8e5f4;
    border-radius: 14px;
    background: #ffffff;
    padding: 14px;
    box-shadow: 0 6px 16px rgba(30, 70, 110, 0.08);
}

.operations-dashboard-page[b-mwpmj7c2ui]  .ops-section-card h3 {
    margin-top: 0;
    color: #193a59;
}

.operations-dashboard-page[b-mwpmj7c2ui]  .ops-widget-subtitle {
    margin: -4px 0 12px;
    font-size: 0.88rem;
    color: #4d6178;
    font-weight: 600;
}

.operations-dashboard-page[b-mwpmj7c2ui]  .ops-kpi-grid {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    margin-bottom: 12px;
}

.operations-dashboard-page[b-mwpmj7c2ui]  .ops-kpi {
    border: 1px solid #d8e5f4;
    border-radius: 10px;
    padding: 10px;
    background: #f7fbff;
}

.operations-dashboard-page[b-mwpmj7c2ui]  .ops-kpi span {
    display: block;
    font-size: 0.8rem;
    color: #546779;
    margin-bottom: 4px;
}

.operations-dashboard-page[b-mwpmj7c2ui]  .ops-kpi strong {
    font-size: 1.2rem;
    color: #123a5e;
}

.operations-dashboard-page[b-mwpmj7c2ui]  .ops-trend-chart-shell {
    margin-top: 6px;
}

.operations-dashboard-page[b-mwpmj7c2ui]  .ops-breakdown-grid {
    display: grid;
    gap: 14px;
    grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
    margin-top: 12px;
}

.operations-dashboard-page[b-mwpmj7c2ui]  .ops-horizontal-bars {
    display: grid;
    gap: 8px;
}

.operations-dashboard-page[b-mwpmj7c2ui]  .ops-horizontal-bar-row {
    display: grid;
    gap: 8px;
    grid-template-columns: minmax(90px, 1fr) minmax(120px, 2fr) 48px;
    align-items: center;
}

.operations-dashboard-page[b-mwpmj7c2ui]  .ops-horizontal-bar-row span {
    font-size: 0.85rem;
    color: #41556d;
}

.operations-dashboard-page[b-mwpmj7c2ui]  .ops-horizontal-bar-track {
    height: 9px;
    background: #e5edf7;
    border-radius: 999px;
    overflow: hidden;
}

.operations-dashboard-page[b-mwpmj7c2ui]  .ops-horizontal-bar-fill {
    height: 100%;
    border-radius: 999px;
    background: linear-gradient(90deg, #2f88da 0%, #1f6fb2 100%);
}

.operations-dashboard-page[b-mwpmj7c2ui]  .ops-horizontal-bar-fill--alt {
    background: linear-gradient(90deg, #7a57e4 0%, #5b3ec7 100%);
}

.operations-dashboard-page[b-mwpmj7c2ui]  .ops-horizontal-bar-fill--oncall {
    background: linear-gradient(90deg, #22a66f 0%, #168451 100%);
}

.operations-dashboard-page[b-mwpmj7c2ui]  .ops-ranking-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 6px;
}

.operations-dashboard-page[b-mwpmj7c2ui]  .ops-ranking-list li {
    margin: 0;
    border: 1px solid #d8e5f4;
    border-radius: 8px;
    padding: 8px 10px;
    background: #f9fcff;
    display: flex;
    justify-content: space-between;
    gap: 10px;
    color: #294764;
    font-size: 0.86rem;
}

.operations-dashboard-page[b-mwpmj7c2ui]  .ops-ranking-button {
    appearance: none;
    border: 0;
    background: transparent;
    color: #1f5f96;
    cursor: pointer;
    font: inherit;
    padding: 0;
    text-align: left;
}

.operations-dashboard-page[b-mwpmj7c2ui]  .ops-ranking-button:hover,
.operations-dashboard-page[b-mwpmj7c2ui]  .ops-ranking-button:focus-visible {
    color: #123a5e;
    text-decoration: underline;
}

.operations-dashboard-page[b-mwpmj7c2ui]  .ops-submitter-dialog {
    width: min(720px, calc(100vw - 24px));
    max-height: calc(100vh - 40px);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.operations-dashboard-page[b-mwpmj7c2ui]  .ops-submitter-dialog-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
}

.operations-dashboard-page[b-mwpmj7c2ui]  .ops-submitter-dialog-header h4 {
    margin: 0;
}

.operations-dashboard-page[b-mwpmj7c2ui]  .ops-submitter-dialog-header p {
    margin: 4px 0 0;
    color: #4d6178;
    font-size: 0.9rem;
}

.operations-dashboard-page[b-mwpmj7c2ui]  .ops-submitter-request-list {
    display: grid;
    gap: 10px;
    overflow-y: auto;
    padding-right: 4px;
}

.operations-dashboard-page[b-mwpmj7c2ui]  .ops-submitter-request-card {
    border: 1px solid #d8e5f4;
    border-radius: 10px;
    background: #f9fcff;
    padding: 12px;
}

.operations-dashboard-page[b-mwpmj7c2ui]  .ops-submitter-request-card p {
    margin: 10px 0 0;
    color: #294764;
    white-space: pre-wrap;
}

.operations-dashboard-page[b-mwpmj7c2ui]  .ops-submitter-request-meta {
    display: grid;
    gap: 6px 12px;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    color: #41556d;
    font-size: 0.85rem;
}

@media (max-width: 680px) {
    .operations-dashboard-page[b-mwpmj7c2ui]  .ops-filter-bar {
        align-items: stretch;
    }

    .operations-dashboard-page[b-mwpmj7c2ui]  .ops-filter-date-button {
        width: 100%;
    }
}

@media (max-width: 640px) {
    .ops-section-grid[b-mwpmj7c2ui] {
        grid-template-columns: 1fr;
    }

    .operations-dashboard-page[b-mwpmj7c2ui]  .ops-horizontal-bar-row {
        grid-template-columns: minmax(84px, 1fr) minmax(110px, 2fr) 42px;
    }
}

/* Triage queue status section */
.operations-dashboard-page[b-mwpmj7c2ui]  .ops-triage-queue-card {
    margin-bottom: 14px;
}

.operations-dashboard-page[b-mwpmj7c2ui]  .ops-triage-queue-header {
    display: flex;
    align-items: baseline;
    gap: 12px;
    margin-bottom: 4px;
}

.operations-dashboard-page[b-mwpmj7c2ui]  .ops-triage-queue-header h3 {
    margin: 0;
}

.operations-dashboard-page[b-mwpmj7c2ui]  .ops-triage-queue-refresh-label {
    font-size: 0.8rem;
    color: #6b8099;
}

.operations-dashboard-page[b-mwpmj7c2ui]  .ops-triage-queue-total {
    margin: 0 0 12px;
    font-size: 0.9rem;
    color: #193a59;
}

.operations-dashboard-page[b-mwpmj7c2ui]  .ops-triage-queue-empty {
    margin: 4px 0 0;
    font-size: 0.9rem;
    color: #6b8099;
}

.operations-dashboard-page[b-mwpmj7c2ui]  .ops-triage-queue-tiles {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.operations-dashboard-page[b-mwpmj7c2ui]  .ops-triage-queue-tile {
    border: 1px solid #b3cee8;
    border-radius: 10px;
    background: #e8f2fc;
    padding: 12px 16px;
    min-width: 130px;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.operations-dashboard-page[b-mwpmj7c2ui]  .ops-triage-queue-tile--warn {
    border-color: #d4a017;
    background: #fef9e6;
}

.operations-dashboard-page[b-mwpmj7c2ui]  .ops-triage-queue-tile--alert {
    border-color: #c0392b;
    background: #fdecea;
}

.operations-dashboard-page[b-mwpmj7c2ui]  .ops-triage-queue-site {
    margin: 0;
    font-size: 0.85rem;
    font-weight: 600;
    color: #4d6178;
}

.operations-dashboard-page[b-mwpmj7c2ui]  .ops-triage-queue-count {
    font-size: 2rem;
    font-weight: 700;
    color: #193a59;
    line-height: 1.1;
}

.operations-dashboard-page[b-mwpmj7c2ui]  .ops-triage-queue-durations {
    display: flex;
    flex-direction: column;
    gap: 2px;
    margin-top: 4px;
    font-size: 0.82rem;
    color: #546779;
}

.operations-dashboard-page[b-mwpmj7c2ui]  .ops-triage-queue-dur-label {
    font-weight: 600;
    color: #4d6178;
    margin-right: 4px;
}
/* /Components/Pages/Login.razor.rz.scp.css */
.login-shell[b-ids793f7jt] {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr);
    max-width: 960px;
    margin: 2rem auto;
    background-color: #ffffff;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(15, 23, 42, 0.12);
    min-height: 480px;
}

.login-image[b-ids793f7jt] {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.login-panel[b-ids793f7jt] {
    display: flex;
    align-items: center;
    padding: 2.5rem;
}

.login-card[b-ids793f7jt] {
    width: 100%;
}

.login-card h1[b-ids793f7jt] {
    margin: 0 0 0.75rem;
    font-size: 1.5rem;
    color: #111827;
}

.login-intro[b-ids793f7jt] {
    margin: 0 0 1.5rem;
    color: #4b5563;
    line-height: 1.6;
}

.login-notice[b-ids793f7jt] {
    background-color: #f8fafc;
    border: 1px solid #d1d5db;
    border-radius: 8px;
    padding: 1.25rem;
    margin-bottom: 1.5rem;
}

.login-notice h2[b-ids793f7jt] {
    margin: 0 0 0.5rem;
    font-size: 1.05rem;
    color: #111827;
}

.login-notice p[b-ids793f7jt] {
    margin: 0;
    color: #374151;
    line-height: 1.6;
}

.login-actions[b-ids793f7jt] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.login-secondary-button[b-ids793f7jt] {
    background-color: #ffffff;
    color: #276aa4;
    border: 1px solid #d1d5db;
}

.login-secondary-button:hover[b-ids793f7jt] {
    background-color: #f0f4f8;
}

@media (max-width: 720px) {
    .login-shell[b-ids793f7jt] {
        grid-template-columns: 1fr;
        margin: 1rem;
    }

    .login-image[b-ids793f7jt] {
        min-height: 200px;
    }

    .login-panel[b-ids793f7jt] {
        padding: 1.75rem;
    }
}
/* /Components/Pages/OnCall.razor.rz.scp.css */
/* On-Call page */

.on-call-page .vendor-queue-header-actions[b-7je9lqansj] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.on-call-header-toggle[b-7je9lqansj] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin: 0;
}

.on-call-header-toggle input[type="checkbox"][b-7je9lqansj] {
    margin-top: 0;
}

.on-call-slots[b-7je9lqansj] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
    padding: 4px 0;
}

.on-call-tile[b-7je9lqansj] {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 24px;
    border: none;
    border-radius: 18px;
    background: linear-gradient(145deg, #182f47 0%, #294e75 100%);
    color: #fff;
    text-align: left;
    box-shadow: 0 10px 28px rgba(4, 12, 24, 0.22);
    overflow: hidden;
}

.on-call-tile[b-7je9lqansj]::before {
    content: "";
    position: absolute;
    inset: 0 auto auto 0;
    width: 100%;
    height: 4px;
    background: linear-gradient(90deg, #6ec6ff, #22c55e);
}

.on-call-tile-header[b-7je9lqansj] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

.on-call-tile-label[b-7je9lqansj] {
    display: block;
    margin-bottom: 4px;
    font-size: 0.82rem;
    font-weight: 700;
    letter-spacing: 0.09em;
    text-transform: uppercase;
    opacity: 0.75;
}

.on-call-tile-title[b-7je9lqansj] {
    margin: 0;
    font-size: 1.1rem;
    line-height: 1.2;
}

.on-call-tile-group-id[b-7je9lqansj] {
    font-size: 0.78rem;
    opacity: 0.6;
    text-align: right;
    word-break: break-all;
}

.on-call-person-list[b-7je9lqansj] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.on-call-person[b-7je9lqansj] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 10px;
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.06);
    color: #fff;
    text-align: left;
    cursor: pointer;
    transition: transform 0.12s ease, background-color 0.12s ease, border-color 0.12s ease;
}

.on-call-person:hover:not(:disabled)[b-7je9lqansj] {
    transform: translateY(-1px);
    background: rgba(255, 255, 255, 0.1);
    border-color: rgba(255, 255, 255, 0.22);
}

.on-call-person:disabled[b-7je9lqansj],
.on-call-person--inactive[b-7je9lqansj] {
    opacity: 0.68;
    cursor: not-allowed;
}

.on-call-person-avatar[b-7je9lqansj] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 999px;
    flex-shrink: 0;
    background: linear-gradient(160deg, rgba(110, 198, 255, 0.55), rgba(34, 197, 94, 0.35));
    border: 1px solid rgba(255, 255, 255, 0.3);
    overflow: hidden;
}

.on-call-person-avatar-image[b-7je9lqansj] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.on-call-person-avatar-fallback[b-7je9lqansj] {
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.03em;
    color: #ffffff;
}

.on-call-person-details[b-7je9lqansj] {
    display: flex;
    flex-direction: column;
    gap: 3px;
    min-width: 0;
    flex: 1;
}

.on-call-person-headline[b-7je9lqansj] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    min-width: 0;
}

.on-call-person-name[b-7je9lqansj] {
    font-size: 0.92rem;
    font-weight: 700;
    line-height: 1.2;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.on-call-person-title[b-7je9lqansj] {
    font-size: 0.76rem;
    opacity: 0.78;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.on-call-person-meta-row[b-7je9lqansj] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    font-size: 0.73rem;
    opacity: 0.92;
}

.on-call-person-work[b-7je9lqansj],
.on-call-person-shift[b-7je9lqansj] {
    display: inline-flex;
    align-items: center;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.on-call-presence-pill[b-7je9lqansj] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 2px 7px;
    border-radius: 999px;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.01em;
    border: 1px solid transparent;
    white-space: nowrap;
}

.on-call-presence-pill--available[b-7je9lqansj] {
    color: #9af7b8;
    background: rgba(34, 197, 94, 0.18);
    border-color: rgba(34, 197, 94, 0.35);
}

.on-call-presence-pill--busy[b-7je9lqansj] {
    color: #fecaca;
    background: rgba(239, 68, 68, 0.2);
    border-color: rgba(239, 68, 68, 0.4);
}

.on-call-presence-pill--away[b-7je9lqansj] {
    color: #fde68a;
    background: rgba(245, 158, 11, 0.2);
    border-color: rgba(245, 158, 11, 0.4);
}

.on-call-presence-pill--offline[b-7je9lqansj] {
    color: #e5e7eb;
    background: rgba(107, 114, 128, 0.24);
    border-color: rgba(156, 163, 175, 0.45);
}

.on-call-presence-pill--unknown[b-7je9lqansj] {
    color: #cfe2ff;
    background: rgba(74, 126, 199, 0.24);
    border-color: rgba(110, 160, 230, 0.45);
}

.on-call-empty-state[b-7je9lqansj] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 48px;
    padding: 12px 14px;
    border: 1px dashed rgba(255, 255, 255, 0.2);
    border-radius: 14px;
    color: rgba(255, 255, 255, 0.82);
    background: rgba(255, 255, 255, 0.04);
    font-weight: 600;
}

.on-call-presence-dot[b-7je9lqansj] {
    display: inline-block;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    flex-shrink: 0;
    border: 2px solid rgba(255, 255, 255, 0.3);
}

.on-call-presence-dot--available[b-7je9lqansj] {
    background: #22c55e;
}

.on-call-presence-dot--busy[b-7je9lqansj] {
    background: #ef4444;
}

.on-call-presence-dot--away[b-7je9lqansj] {
    background: #f59e0b;
}

.on-call-presence-dot--offline[b-7je9lqansj] {
    background: #9ca3af;
}

.on-call-presence-dot--unknown[b-7je9lqansj] {
    background: #4a7ec7;
}

.on-call-snapshot-grid[b-7je9lqansj] {
    margin-bottom: 14px;
}

.on-call-snapshot-groups[b-7je9lqansj] {
    border: 1px solid #d8e2ef;
    border-radius: 12px;
    background: #f8fbff;
    padding: 12px;
}

.on-call-snapshot-groups h5[b-7je9lqansj] {
    margin: 0 0 10px;
    font-size: 0.92rem;
    color: #33475b;
}

.on-call-snapshot-group[b-7je9lqansj] {
    width: 100%;
    max-width: 100%;
    margin: 6px 0;
    box-sizing: border-box;
}

@media (max-width: 720px) {
    .on-call-person[b-7je9lqansj] {
        padding: 9px;
        gap: 9px;
    }

    .on-call-person-avatar[b-7je9lqansj] {
        width: 34px;
        height: 34px;
    }

    .on-call-person-name[b-7je9lqansj] {
        font-size: 0.88rem;
    }

    .on-call-person-title[b-7je9lqansj] {
        font-size: 0.72rem;
    }

    .on-call-person-meta-row[b-7je9lqansj] {
        font-size: 0.69rem;
        gap: 6px;
    }

    .on-call-presence-pill[b-7je9lqansj] {
        font-size: 0.64rem;
        padding: 2px 6px;
    }
}

/* Call type selection dialog */

.on-call-type-dialog[b-7je9lqansj] {
    position: relative;
    max-width: 720px;
    max-height: none;
    overflow: hidden;
}

.on-call-type-dialog--active[b-7je9lqansj] {
    width: min(320px, calc(100vw - 32px));
    max-width: none;
}

.on-call-type-dialog .site-change-dialog-header[b-7je9lqansj] {
    padding-right: 0;
}

.on-call-type-options[b-7je9lqansj] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    margin: 18px 0 8px;
}

.on-call-type-option[b-7je9lqansj] {
    display: flex;
    align-items: stretch;
    justify-content: stretch;
    min-height: 220px;
    aspect-ratio: 1 / 1;
    padding: 18px;
    border: 1px solid #1b4c7a;
    border-radius: 20px;
    background: linear-gradient(180deg, #235f9e 0%, #184777 100%);
    color: #ffffff;
    box-shadow: 0 14px 30px rgba(10, 33, 59, 0.28);
    text-align: center;
    font: inherit;
}

.on-call-type-option:hover:not(:disabled)[b-7je9lqansj] {
    transform: translateY(-2px);
    border-color: #2c6fb1;
    background: linear-gradient(180deg, #2d6fb1 0%, #1e568d 100%);
    box-shadow: 0 18px 34px rgba(10, 33, 59, 0.35);
}

.on-call-type-option:disabled[b-7je9lqansj] {
    opacity: 0.58;
    cursor: not-allowed;
    transform: none;
    box-shadow: none;
}

.on-call-type-option-content[b-7je9lqansj] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 14px;
    width: 100%;
}

.on-call-type-icon[b-7je9lqansj] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 58px;
    height: 58px;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.16);
    font-size: 30px;
    color: #ffffff;
    flex-shrink: 0;
}

.on-call-type-option-details[b-7je9lqansj] {
    display: grid;
    gap: 6px;
    min-width: 0;
}

.on-call-type-option-name[b-7je9lqansj] {
    font-size: 1.08rem;
    font-weight: 800;
    letter-spacing: 0.01em;
}

.on-call-type-option-meta[b-7je9lqansj] {
    color: rgba(255, 255, 255, 0.88);
    font-size: 0.92rem;
    line-height: 1.45;
}

.on-call-type-unavailable[b-7je9lqansj] {
    color: #ffe3e3;
}

.on-call-callout[b-7je9lqansj] {
    margin-bottom: 12px;
}

.on-call-dialog-header--active[b-7je9lqansj] {
    position: relative;
    align-items: center;
    justify-content: center;
    padding-right: 54px;
}

.on-call-dialog-header-content[b-7je9lqansj] {
    display: grid;
    gap: 4px;
    width: 100%;
    text-align: center;
}

.on-call-call-person[b-7je9lqansj] {
    margin: 0;
    font-size: 1.28rem;
    line-height: 1.2;
    font-weight: 800;
    color: #1f3349;
    word-break: break-word;
}

.on-call-call-state[b-7je9lqansj] {
    margin: 0;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: #5f6f81;
}

.on-call-voice-shell[b-7je9lqansj] {
    display: grid;
    gap: 14px;
    justify-items: center;
}

.on-call-audio-summary-row[b-7je9lqansj] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: min(420px, 100%);
}

.on-call-type-dialog:not(.on-call-type-dialog--active) .on-call-audio-summary-row[b-7je9lqansj] {
    width: 100%;
    margin: 12px 0;
}

.on-call-audio-summary[b-7je9lqansj] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 6px;
    min-width: 0;
    width: min(210px, 100%);
}

.on-call-type-dialog:not(.on-call-type-dialog--active) .on-call-audio-summary[b-7je9lqansj] {
    width: min(300px, 100%);
}

.on-call-audio-summary-chip[b-7je9lqansj] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 32px;
    padding: 4px 6px;
    border: 1px solid #1f4f80;
    border-radius: 10px;
    background: linear-gradient(180deg, #2569ad 0%, #1a4f84 100%);
    color: #ffffff;
    font-size: 0.68rem;
    font-weight: 800;
    line-height: 1.1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.on-call-audio-summary-chip--interactive[b-7je9lqansj] {
    cursor: pointer;
    font: inherit;
    box-shadow: 0 3px 8px rgba(9, 30, 66, 0.06);
    transition: background-color 0.12s ease, border-color 0.12s ease, transform 0.1s ease, box-shadow 0.12s ease;
}

.on-call-audio-summary-chip--interactive:hover[b-7je9lqansj] {
    border-color: #3b7fc0;
    background: linear-gradient(180deg, #2f76ba 0%, #215f99 100%);
    transform: translateY(-1px);
    box-shadow: 0 10px 18px rgba(9, 30, 66, 0.2);
}

.on-call-audio-summary-chip--interactive:focus-visible[b-7je9lqansj] {
    outline: 2px solid #2f80ed;
    outline-offset: 2px;
}

.on-call-audio-panel[b-7je9lqansj] {
    display: grid;
    gap: 10px;
    width: min(420px, 100%);
    padding: 12px;
    border: 1px solid #dbe7f4;
    border-radius: 18px;
    background: #f8fbff;
}

.on-call-type-dialog:not(.on-call-type-dialog--active) .on-call-audio-panel[b-7je9lqansj] {
    width: 100%;
    max-width: none;
    box-sizing: border-box;
}

/* Defensive kill-switch for legacy builds: hide any stale level meter markup. */
.on-call-audio-level-grid[b-7je9lqansj],
.on-call-audio-level-card[b-7je9lqansj],
.on-call-audio-level-label-row[b-7je9lqansj],
.on-call-level-bar[b-7je9lqansj] {
    display: none !important;
}

.on-call-audio-field-grid[b-7je9lqansj] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.on-call-audio-field[b-7je9lqansj] {
    display: grid;
    gap: 6px;
}

.on-call-audio-field label[b-7je9lqansj] {
    margin-top: 0;
    font-size: 0.76rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #5f6f81;
}

.on-call-call-timer[b-7je9lqansj] {
    min-width: 104px;
    width: fit-content;
    margin: 0 auto;
    padding: 6px 12px;
    border: 1px solid #d5e0ed;
    border-radius: 999px;
    background: #f8fbff;
    color: #1f3349;
    font-size: 0.96rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.on-call-dialpad-panel[b-7je9lqansj] {
    width: min(210px, 100%);
    border: 1px solid #d5e0ed;
    border-radius: 24px;
    background: #f8fbff;
    padding: 10px;
    box-shadow: 0 12px 28px rgba(9, 30, 66, 0.08);
}

.on-call-dialpad-grid[b-7je9lqansj] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 6px;
}

.on-call-dialpad-key[b-7je9lqansj] {
    min-height: 32px;
    aspect-ratio: 1 / 1;
    border: 1px solid #1f4f80;
    border-radius: 10px;
    background: linear-gradient(180deg, #245f9d 0%, #1a4c7f 100%);
    color: #ffffff;
    font-size: 1.4rem;
    font-weight: 700;
    cursor: pointer;
    box-shadow: 0 8px 16px rgba(9, 30, 66, 0.24);
    transition: background 0.12s ease, border-color 0.12s ease, transform 0.1s ease, box-shadow 0.12s ease;
}

.on-call-dialpad-key:hover:not(:disabled)[b-7je9lqansj] {
    border-color: #3b7fc0;
    background: linear-gradient(180deg, #2d6fb1 0%, #215d97 100%);
    transform: translateY(-1px);
    box-shadow: 0 12px 20px rgba(9, 30, 66, 0.3);
}

.on-call-dialpad-key:disabled[b-7je9lqansj] {
    opacity: 0.55;
    cursor: not-allowed;
}

.on-call-browser-call-actions[b-7je9lqansj] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    width: min(210px, 100%);
}

.on-call-action-button[b-7je9lqansj] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 72px;
    padding: 10px 8px;
    border: 1px solid #d5e0ed;
    border-radius: 24px;
    background: #ffffff;
    color: #1f3349;
    font: inherit;
    font-weight: 700;
    cursor: pointer;
    box-shadow: 0 10px 22px rgba(9, 30, 66, 0.08);
    transition: transform 0.12s ease, border-color 0.12s ease, background-color 0.12s ease, box-shadow 0.12s ease;
}

.on-call-action-button:hover:not(:disabled)[b-7je9lqansj] {
    transform: translateY(-2px);
    border-color: #9bb8d8;
    background: #f7fbff;
    box-shadow: 0 14px 26px rgba(9, 30, 66, 0.12);
}

.on-call-action-button:disabled[b-7je9lqansj] {
    opacity: 0.55;
    cursor: not-allowed;
    transform: none;
    box-shadow: none;
}

.on-call-action-button--mute[b-7je9lqansj] {
    border-color: #1f4f80;
    background: linear-gradient(180deg, #245f9d 0%, #1a4c7f 100%);
    color: #ffffff;
}

.on-call-action-button--mute .on-call-action-icon[b-7je9lqansj] {
    background: rgba(255, 255, 255, 0.2);
    color: #ffffff;
}

.on-call-type-dialog .vendor-confirm-cancel[b-7je9lqansj],
.vendor-settings-editor-dialog .vendor-confirm-cancel[b-7je9lqansj] {
    border-radius: 999px;
}

.on-call-action-button--danger[b-7je9lqansj] {
    border-color: #f3b0b0;
    background: linear-gradient(180deg, #fff4f4 0%, #ffecec 100%);
    color: #8b1d1d;
}

.on-call-action-icon[b-7je9lqansj] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: rgba(47, 128, 237, 0.12);
    color: #2f80ed;
    font-size: 22px;
    flex-shrink: 0;
}

.on-call-action-button--danger .on-call-action-icon[b-7je9lqansj] {
    background: rgba(227, 72, 88, 0.12);
    color: #b42334;
}

.on-call-action-label[b-7je9lqansj] {
    line-height: 1.1;
}

@media (max-width: 720px) {
    .on-call-type-options[b-7je9lqansj] {
        grid-template-columns: 1fr;
    }

    .on-call-type-option[b-7je9lqansj] {
        aspect-ratio: auto;
        min-height: 160px;
    }

    .on-call-dialpad-panel[b-7je9lqansj] {
        width: 100%;
    }

    .on-call-browser-call-actions[b-7je9lqansj] {
        width: min(210px, 100%);
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .on-call-audio-summary-row[b-7je9lqansj],
    .on-call-audio-panel[b-7je9lqansj] {
        width: 100%;
    }
}

@media (max-width: 480px) {
    .on-call-type-dialog[b-7je9lqansj] {
        width: calc(100vw - 12px);
        max-width: none;
        max-height: none;
        padding: 10px;
        overflow: hidden;
    }

    .on-call-dialog-header--active[b-7je9lqansj] {
        padding-right: 0;
    }

    .on-call-dialog-header-content[b-7je9lqansj] {
        gap: 2px;
    }

    .on-call-call-person[b-7je9lqansj] {
        font-size: 1.05rem;
    }

    .on-call-call-state[b-7je9lqansj] {
        font-size: 0.9rem;
        margin-bottom: 0;
    }

    .on-call-type-dialog .vendor-confirm-actions[b-7je9lqansj] {
        margin-top: 12px;
    }

    .on-call-audio-summary-row[b-7je9lqansj] {
        flex-direction: column;
        align-items: stretch;
    }

    .on-call-audio-summary[b-7je9lqansj] {
        width: 100%;
    }

    .on-call-audio-field-grid[b-7je9lqansj] {
        grid-template-columns: 1fr;
    }

    .on-call-type-options[b-7je9lqansj] {
        gap: 10px;
        margin: 12px 0 6px;
    }

    .on-call-type-option[b-7je9lqansj] {
        min-height: 128px;
        padding: 14px;
        border-radius: 18px;
    }

    .on-call-type-option-content[b-7je9lqansj] {
        gap: 10px;
    }

    .on-call-type-icon[b-7je9lqansj] {
        width: 46px;
        height: 46px;
        border-radius: 14px;
        font-size: 24px;
    }

    .on-call-type-option-name[b-7je9lqansj] {
        font-size: 0.96rem;
    }

    .on-call-type-option-meta[b-7je9lqansj] {
        font-size: 0.78rem;
        line-height: 1.25;
    }

    .on-call-voice-shell[b-7je9lqansj] {
        gap: 10px;
    }

    .on-call-dialpad-panel[b-7je9lqansj] {
        width: 100%;
        padding: 12px;
        border-radius: 18px;
    }

    .on-call-call-timer[b-7je9lqansj] {
        min-width: 92px;
        font-size: 0.9rem;
    }

    .on-call-dialpad-grid[b-7je9lqansj] {
        gap: 6px;
    }

    .on-call-dialpad-key[b-7je9lqansj] {
        min-height: 32px;
        border-radius: 14px;
        font-size: 1.4rem;
    }

    .on-call-browser-call-actions[b-7je9lqansj] {
        width: min(210px, 100%);
        gap: 10px;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .on-call-action-button[b-7je9lqansj] {
        min-height: 72px;
        padding: 10px 8px;
        border-radius: 18px;
        gap: 6px;
    }

    .on-call-action-icon[b-7je9lqansj] {
        width: 40px;
        height: 40px;
        font-size: 22px;
    }

    .on-call-action-label[b-7je9lqansj] {
        font-size: 0.88rem;
    }

    .on-call-type-dialog .vendor-confirm-actions .vendor-confirm-cancel[b-7je9lqansj] {
        min-height: 44px;
        padding-block: 10px;
    }
}
/* /Components/Pages/PatientJournal.razor.rz.scp.css */
.patient-queue-page[b-q0v7tsnuzm] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    --patient-queue-list-column-width: 1fr;
    --patient-queue-detail-column-width: 3fr;
}

.patient-queue-header[b-q0v7tsnuzm] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

.patient-queue-header h2[b-q0v7tsnuzm] {
    margin: 0;
    font-size: 1.7rem;
}

.patient-queue-header p[b-q0v7tsnuzm] {
    margin: 6px 0 0;
    color: #516275;
}

.patient-queue-layout[b-q0v7tsnuzm] {
    display: grid;
    grid-template-columns: var(--patient-queue-list-column-width) var(--patient-queue-detail-column-width);
    gap: 16px;
    min-height: 540px;
}

.patient-queue-list[b-q0v7tsnuzm],
.patient-queue-detail[b-q0v7tsnuzm] {
    border: 1px solid #d8e2ef;
    border-radius: 14px;
    background: #ffffff;
    padding: 14px;
    box-shadow: 0 10px 26px rgba(9, 30, 66, 0.06);
}

.patient-queue-list-header[b-q0v7tsnuzm] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
}

.patient-queue-list-header h3[b-q0v7tsnuzm] {
    margin: 0;
}

.patient-queue-list-header span[b-q0v7tsnuzm] {
    color: #5f6f81;
    font-size: 0.92rem;
}

.patient-queue-alert[b-q0v7tsnuzm] {
    padding: 10px 14px;
    border-radius: 10px;
    border: 1px solid transparent;
}

.patient-queue-alert--error[b-q0v7tsnuzm] {
    color: #8d1f1f;
    background: #fff2f2;
    border-color: #ffc9c9;
}

.health-journal-entry-list[b-q0v7tsnuzm] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.health-journal-entry-button[b-q0v7tsnuzm] {
    width: 100%;
    border: 1px solid #d6e3f2;
    border-radius: 12px;
    background: #f8fbff;
    padding: 12px 14px;
    display: flex;
    flex-direction: column;
    gap: 6px;
    text-align: left;
    cursor: pointer;
    transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

.health-journal-entry-button:hover[b-q0v7tsnuzm],
.health-journal-entry-button.is-selected[b-q0v7tsnuzm] {
    border-color: #7cb3f0;
    box-shadow: 0 10px 24px rgba(47, 128, 237, 0.14);
    transform: translateY(-1px);
}

.health-journal-entry-primary[b-q0v7tsnuzm] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    color: #1f3550;
    font-weight: 600;
}

.health-journal-detail-grid[b-q0v7tsnuzm] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin-bottom: 14px;
}

.health-journal-detail-grid div[b-q0v7tsnuzm] {
    display: flex;
    flex-direction: column;
    border: 1px solid #e5edf7;
    border-radius: 10px;
    padding: 10px;
    background: #f9fbff;
}

.health-journal-detail-grid strong[b-q0v7tsnuzm] {
    font-size: 0.78rem;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    color: #5f6f81;
}

.health-journal-detail-grid span[b-q0v7tsnuzm] {
    margin-top: 4px;
}

.health-journal-selection-list[b-q0v7tsnuzm] {
    margin: 0;
    padding-left: 18px;
    display: grid;
    gap: 6px;
}

.health-journal-detail-block[b-q0v7tsnuzm] {
    margin-bottom: 14px;
}

.health-journal-header-copy[b-q0v7tsnuzm] {
    max-width: 680px;
}

.health-journal-header-actions[b-q0v7tsnuzm] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.health-journal-trend-button[b-q0v7tsnuzm] {
    border: 1px solid #d2dfef;
    border-radius: 10px;
    padding: 10px 14px;
    font-weight: 600;
    color: #33475b;
    background: #f6f9fd;
    cursor: pointer;
}

.health-journal-trend-button:hover[b-q0v7tsnuzm],
.health-journal-trend-button.is-active[b-q0v7tsnuzm] {
    color: #fff;
    border-color: #2f80ed;
    background: #2f80ed;
}

.health-journal-trend-button:disabled[b-q0v7tsnuzm] {
    opacity: 0.65;
    cursor: not-allowed;
}

.health-journal-trends-hint[b-q0v7tsnuzm] {
    margin: 0 0 12px;
    color: #5f6f81;
}

.health-journal-trends[b-q0v7tsnuzm] {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.health-journal-trend-controls[b-q0v7tsnuzm] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.health-journal-trend-filter-group[b-q0v7tsnuzm] {
    border: 1px solid #d9e5f3;
    border-radius: 12px;
    padding: 12px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.health-journal-trend-filter-group legend[b-q0v7tsnuzm] {
    padding: 0 6px;
    font-weight: 700;
    color: #26415d;
}

.health-journal-trend-pill-group[b-q0v7tsnuzm] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.health-journal-trend-pill[b-q0v7tsnuzm] {
    border: 1px solid #d2dfef;
    border-radius: 999px;
    padding: 8px 12px;
    background: #f8fbff;
    color: #33475b;
    font-weight: 600;
    cursor: pointer;
}

.health-journal-trend-pill:hover[b-q0v7tsnuzm],
.health-journal-trend-pill.is-selected[b-q0v7tsnuzm] {
    color: #fff;
    border-color: #2f80ed;
    background: #2f80ed;
}

.health-journal-trend-metric-grid[b-q0v7tsnuzm] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 10px;
}

.health-journal-trend-metric-chip[b-q0v7tsnuzm] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    border: 1px solid #d2dfef;
    border-radius: 12px;
    padding: 10px 12px;
    background: #ffffff;
    cursor: pointer;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.health-journal-trend-metric-chip input[type="checkbox"][b-q0v7tsnuzm] {
    margin: 0;
}

.health-journal-trend-metric-chip:hover[b-q0v7tsnuzm],
.health-journal-trend-metric-chip:focus-within[b-q0v7tsnuzm],
.health-journal-trend-metric-chip.is-selected[b-q0v7tsnuzm] {
    border-color: #7cb3f0;
    box-shadow: 0 8px 20px rgba(47, 128, 237, 0.12);
}

.health-journal-trend-metric-swatch[b-q0v7tsnuzm] {
    width: 12px;
    height: 12px;
    border-radius: 999px;
    background: var(--trend-metric-color);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--trend-metric-color) 18%, #ffffff 82%);
}

.health-journal-trend-empty[b-q0v7tsnuzm] {
    margin: 0;
}

@media (max-width: 1100px) {
    .patient-queue-layout[b-q0v7tsnuzm] {
        grid-template-columns: 1fr;
    }

    .patient-queue-list[b-q0v7tsnuzm],
    .patient-queue-detail[b-q0v7tsnuzm] {
        min-height: auto;
    }
}

@media (max-width: 760px) {
    .patient-queue-header[b-q0v7tsnuzm] {
        flex-direction: column;
    }

    .health-journal-detail-grid[b-q0v7tsnuzm] {
        grid-template-columns: 1fr;
    }

    .health-journal-header-actions[b-q0v7tsnuzm] {
        width: 100%;
    }

    .health-journal-header-actions > button[b-q0v7tsnuzm] {
        width: 100%;
    }

    .health-journal-trend-metric-grid[b-q0v7tsnuzm] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Settings.razor.rz.scp.css */
.vendor-settings-page[b-3nli0d6t75] {
    --vendor-queue-list-column-width: 0.8fr;
    --vendor-queue-detail-column-width: 2.2fr;
}

.vendor-settings-maintenance-actions[b-3nli0d6t75] {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    justify-content: flex-end;
    margin-bottom: 12px;
}

.vendor-tenant-logo-panel[b-3nli0d6t75] {
    margin-top: 14px;
    padding: 14px;
    border: 1px solid #d8e2ef;
    border-radius: 12px;
    background: #f8fbff;
}

.vendor-tenant-logo-panel h4[b-3nli0d6t75] {
    margin: 0 0 12px;
}

.vendor-tenant-logo-preview[b-3nli0d6t75] {
    display: block;
    width: min(220px, 100%);
    aspect-ratio: 1 / 1;
    object-fit: contain;
    border: 1px solid #d2dfef;
    border-radius: 12px;
    background: #ffffff;
    padding: 10px;
    margin-bottom: 12px;
}

.vendor-file-upload-button[b-3nli0d6t75] {
    position: relative;
    overflow: hidden;
}

.vendor-file-upload-button input[type="file"][b-3nli0d6t75] {
    position: absolute;
    inset: 0;
    opacity: 0;
    cursor: pointer;
}

.vendor-file-upload-button[aria-busy="true"][b-3nli0d6t75] {
    opacity: 0.7;
    pointer-events: none;
}

@media (max-width: 760px) {
    .vendor-settings-maintenance-actions[b-3nli0d6t75] {
        justify-content: stretch;
    }

    .vendor-settings-maintenance-actions > button[b-3nli0d6t75] {
        width: 100%;
    }
}
/* /Components/Pages/ShiftReport.razor.rz.scp.css */
.srt-report-duties[b-lbkg2xh0uu] {
    display: flex;
    flex-direction: column;
    gap: 18px;
    margin-top: 16px;
}

.srt-template-preview[b-lbkg2xh0uu] {
    margin-top: 14px;
}

.srt-template-preview-title[b-lbkg2xh0uu] {
    margin: 0;
    color: #1f3349;
    font-size: 0.95rem;
}

.srt-report-duty[b-lbkg2xh0uu] {
    border: 1px solid #dce8f7;
    border-radius: 12px;
    padding: 14px;
    background: #f8fbff;
}

.srt-report-duty-name[b-lbkg2xh0uu] {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    margin: 0 0 6px;
    color: #1a3a5c;
    font-size: 1rem;
}

.srt-report-duty-label[b-lbkg2xh0uu] {
    min-width: 0;
    overflow-wrap: anywhere;
    word-break: break-word;
    line-height: 1.25;
}

.srt-report-duty-icon[b-lbkg2xh0uu] {
    color: #4a7fae;
    font-size: 1.15rem;
    flex-shrink: 0;
}

.srt-report-duty-desc[b-lbkg2xh0uu] {
    margin: 0 0 10px;
    color: #5f7a97;
    font-size: 0.88rem;
}

.srt-report-tasks[b-lbkg2xh0uu] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.srt-report-task[b-lbkg2xh0uu] {
    border: 1px solid #e0ecf8;
    border-radius: 10px;
    padding: 12px;
    background: #ffffff;
}

.srt-report-task--needs-comment[b-lbkg2xh0uu] {
    border-left: 3px solid #f0a030;
}

.srt-report-task-header[b-lbkg2xh0uu] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    flex-wrap: wrap;
}

.srt-preview-task-row[b-lbkg2xh0uu] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
}

.srt-preview-checkbox[b-lbkg2xh0uu] {
    width: 16px;
    height: 16px;
    margin: 2px 0 0;
    accent-color: #2f80ed;
    cursor: default;
    flex-shrink: 0;
}

.srt-preview-task-copy[b-lbkg2xh0uu] {
    display: flex;
    flex: 1;
    min-width: 0;
    flex-direction: column;
}

.srt-report-task-name[b-lbkg2xh0uu] {
    flex: 1;
    font-weight: 600;
    color: #1f3349;
    min-width: 120px;
}

.srt-report-task-desc[b-lbkg2xh0uu] {
    display: block;
    width: 100%;
    color: #5f7a97;
    font-size: 0.84rem;
    margin-top: 2px;
}

.srt-task-status-select[b-lbkg2xh0uu] {
    border: 1px solid #c8d8ec;
    border-radius: 8px;
    padding: 6px 10px;
    font: inherit;
    font-size: 0.88rem;
    background: #f5f9ff;
    color: #1f3349;
    cursor: pointer;
    min-width: 160px;
}

.srt-task-status-readonly[b-lbkg2xh0uu] {
    display: inline-flex;
    align-items: center;
    padding: 4px 10px;
    border-radius: 8px;
    font-size: 0.82rem;
    font-weight: 600;
    border: 1px solid transparent;
}

.srt-task-status-completed[b-lbkg2xh0uu] {
    color: #1b5e20;
    background: #e8f5e9;
    border-color: #a5d6a7;
}

.srt-task-status-partiallycompleted[b-lbkg2xh0uu] {
    color: #e65100;
    background: #fff3e0;
    border-color: #ffcc80;
}

.srt-task-status-notcompleted[b-lbkg2xh0uu] {
    color: #b71c1c;
    background: #ffebee;
    border-color: #ef9a9a;
}

.srt-report-task-comment[b-lbkg2xh0uu] {
    margin-top: 8px;
}

.srt-report-task-comment label[b-lbkg2xh0uu] {
    display: block;
    font-size: 0.82rem;
    font-weight: 600;
    margin-bottom: 4px;
    color: #3a5272;
}

.srt-report-task-comment-readonly[b-lbkg2xh0uu] {
    margin: 6px 0 0;
    font-size: 0.88rem;
    color: #4a5e72;
    white-space: pre-wrap;
}

.srt-report-actions[b-lbkg2xh0uu] {
    margin-top: 18px;
    flex-direction: column;
    align-items: flex-end;
}

.srt-submit-hint[b-lbkg2xh0uu] {
    color: #5f7a97;
    font-size: 0.82rem;
}

.srt-submit-confirm-dialog[b-lbkg2xh0uu] {
    max-width: 520px;
}
/* /Components/Pages/ShiftReportApprovalDetail.razor.rz.scp.css */
.ara-audit[b-po46p9ae3g] {
    border: 1px solid #d8e8f7;
    border-radius: 12px;
    padding: 16px;
    background: #f8fbff;
    margin-bottom: 20px;
}

.ara-audit-heading[b-po46p9ae3g] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0 0 14px;
    font-size: 0.95rem;
    color: #1a3a5c;
}

.ara-timeline[b-po46p9ae3g] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.ara-timeline-item[b-po46p9ae3g] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    font-size: 0.88rem;
}

.ara-timeline-item div[b-po46p9ae3g] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.ara-timeline-item strong[b-po46p9ae3g] {
    color: #1a3a5c;
}

.ara-timeline-item span[b-po46p9ae3g] {
    color: #5f7a97;
}

.ara-timeline-dot[b-po46p9ae3g] {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #2f80ed;
    flex-shrink: 0;
    margin-top: 3px;
}

.ara-timeline-dot--pending[b-po46p9ae3g] {
    background: #d8e8f7;
    border: 2px solid #2f80ed;
}

.ara-timeline-item--approved .ara-timeline-dot[b-po46p9ae3g] {
    background: #00a67a;
}

.ara-timeline-item--rejected .ara-timeline-dot[b-po46p9ae3g] {
    background: #b84c4c;
}

.ara-rejection-quote[b-po46p9ae3g] {
    margin: 6px 0 0;
    padding: 8px 12px;
    border-left: 3px solid #b84c4c;
    background: #fff5f5;
    border-radius: 0 8px 8px 0;
    color: #4a2020;
    font-size: 0.88rem;
    white-space: pre-wrap;
}

.ara-actions[b-po46p9ae3g] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    flex-wrap: wrap;
    margin-bottom: 22px;
}

.ara-reject-form[b-po46p9ae3g] {
    border: 1px solid #f5c6c6;
    border-radius: 12px;
    padding: 14px;
    background: #fff5f5;
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-width: 340px;
    flex: 1;
}

.ara-reject-label[b-po46p9ae3g] {
    font-size: 0.84rem;
    font-weight: 600;
    color: #8d1f1f;
}

.ara-reject-textarea[b-po46p9ae3g] {
    resize: vertical;
    min-height: 80px;
    font-size: 0.9rem;
}

.ara-task[b-po46p9ae3g] {
    padding: 12px 16px;
    border-bottom: 1px solid #eef4fb;
}

.ara-task:last-child[b-po46p9ae3g] {
    border-bottom: none;
}

.ara-task--done[b-po46p9ae3g] {
    background: #f5fdf7;
}

.ara-task-row[b-po46p9ae3g] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    flex-wrap: wrap;
}

.ara-task-status[b-po46p9ae3g] {
    display: inline-flex;
    align-items: center;
    padding: 4px 10px;
    border-radius: 8px;
    font-size: 0.82rem;
    font-weight: 600;
    border: 1px solid transparent;
    flex-shrink: 0;
}

.ara-task-status--completed[b-po46p9ae3g] {
    color: #1b5e20;
    background: #e8f5e9;
    border-color: #a5d6a7;
}

.ara-task-status--partial[b-po46p9ae3g] {
    color: #bf5b00;
    background: #fff3e0;
    border-color: #ffcc80;
}

.ara-task-status--not-completed[b-po46p9ae3g] {
    color: #b71c1c;
    background: #ffebee;
    border-color: #ef9a9a;
}

.ara-task-comment[b-po46p9ae3g] {
    margin: 8px 0 0;
    font-size: 0.88rem;
    color: #4a5e72;
    white-space: pre-wrap;
    padding: 6px 10px;
    background: #f5f9ff;
    border: 1px solid #d8e8f7;
    border-radius: 6px;
}

.srf-task-info[b-po46p9ae3g] {
    flex: 1;
    min-width: 150px;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.srf-task-name[b-po46p9ae3g] {
    font-weight: 600;
    color: #1f3349;
}

.srf-task-desc[b-po46p9ae3g] {
    font-size: 0.82rem;
    color: #6a8aab;
}
/* /Components/Pages/ShiftReportApprovals.razor.rz.scp.css */
.sra-filters[b-mbmdyd0oer] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-items: flex-end;
    padding: 14px 16px;
    border: 1px solid #d8e8f7;
    border-radius: 12px;
    background: #f8fbff;
    margin-bottom: 16px;
}

.sra-filter-group[b-mbmdyd0oer] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 160px;
    flex: 1;
}

.sra-filter-group label[b-mbmdyd0oer] {
    font-size: 0.78rem;
    font-weight: 600;
    color: #3a5878;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.sra-filter-input[b-mbmdyd0oer] {
    height: 36px;
    padding: 0 10px;
    font-size: 0.9rem;
}

.sra-filter-actions[b-mbmdyd0oer] {
    display: flex;
    gap: 8px;
    align-items: flex-end;
    padding-bottom: 0;
}

.sra-progress-text[b-mbmdyd0oer] {
    display: block;
    font-size: 0.8rem;
    color: #3a5878;
    margin-bottom: 4px;
}

.sra-mini-bar[b-mbmdyd0oer] {
    height: 5px;
    background: #d8e8f7;
    border-radius: 999px;
    overflow: hidden;
    min-width: 80px;
}

.sra-mini-fill[b-mbmdyd0oer] {
    height: 100%;
    background: linear-gradient(90deg, #2f80ed, #56cfe1);
    border-radius: 999px;
    transition: width 200ms ease;
}

.sra-mini-fill--full[b-mbmdyd0oer] {
    background: linear-gradient(90deg, #00a67a, #20bf9a);
}

.sra-review-btn[b-mbmdyd0oer] {
    white-space: nowrap;
}

.sra-result-count[b-mbmdyd0oer] {
    margin: 10px 0 0;
    font-size: 0.84rem;
    color: #5f7a97;
}
/* /Components/Pages/ShiftReportFill.razor.rz.scp.css */
.srf-loading-icon[b-w1g3dpvw2t] {
    font-size: 2rem;
    animation: srf-spin-kf 1s linear infinite;
}

.srf-submit-btn[b-w1g3dpvw2t] {
    flex-shrink: 0;
}

.srf-autosave-status[b-w1g3dpvw2t] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 0.78rem;
    font-weight: 500;
}

.srf-autosave-status--saving[b-w1g3dpvw2t] {
    color: #1d6fc9;
}

.srf-autosave-status--error[b-w1g3dpvw2t] {
    color: #b84c4c;
}

.srf-autosave-status--ok[b-w1g3dpvw2t] {
    color: #1b5e20;
}

.srf-confirm-panel-body[b-w1g3dpvw2t] {
    display: flex;
    align-items: flex-start;
    gap: 14px;
}

.srf-confirm-icon[b-w1g3dpvw2t] {
    font-size: 1.8rem;
    color: #2f80ed;
    flex-shrink: 0;
}

.srf-confirm-heading[b-w1g3dpvw2t] {
    margin: 0 0 4px;
    font-weight: 700;
    color: #1a3a5c;
}

.srf-confirm-detail[b-w1g3dpvw2t] {
    margin: 0;
    color: #516275;
    font-size: 0.92rem;
}

.srf-submit-confirm-dialog[b-w1g3dpvw2t] {
    max-width: 560px;
}

.srf-rejection-notice[b-w1g3dpvw2t] {
    margin-bottom: 16px;
}

.srf-submit-hint[b-w1g3dpvw2t] {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #5f7a97;
    font-size: 0.84rem;
    margin-bottom: 14px;
}

.srf-bottom-strip[b-w1g3dpvw2t] {
    position: sticky;
    bottom: 0;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 12px 18px;
    background: rgba(255, 255, 255, 0.95);
    border-top: 1px solid #d5e5f7;
    backdrop-filter: blur(6px);
    margin-top: 24px;
}

.srf-bottom-progress[b-w1g3dpvw2t] {
    font-size: 0.88rem;
    font-weight: 600;
    color: #3a5878;
}
/* /Components/Pages/ShiftReports/DutyListEditor.razor.rz.scp.css */
.srt-task-count[b-9n5h3vc5xj] {
    color: #7a99be;
    font-size: 0.75rem;
}
/* /Components/Pages/ShiftReports/PublishTemplateDialog.razor.rz.scp.css */
.srt-publish-dialog[b-yln16vxemv] {
    width: min(480px, 100%);
}

.srt-publish-dialog-header[b-yln16vxemv] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 8px;
}

.srt-publish-dialog-header h4[b-yln16vxemv] {
    margin: 0;
}

.srt-publish-dialog-icon[b-yln16vxemv] {
    font-size: 1.6rem;
    color: #2f80ed;
}

.srt-publish-dialog-template-name[b-yln16vxemv] {
    font-weight: 700;
    color: #1a3148;
    margin: 0 0 10px;
}

.srt-publish-warning[b-yln16vxemv] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 10px;
}
/* /Components/Pages/ShiftReports/TaskListEditor.razor.rz.scp.css */
.srt-task-list-shell[b-coztb1ahbg] {
    padding: 10px 0 0 16px;
    border-left: 2px solid #d8e8f8;
    margin-left: 4px;
}
/* /Components/Pages/ShiftReports/TaskStatusEditor.razor.rz.scp.css */
.tse[b-naigm6suoc] {
    padding: 12px 16px;
    border-bottom: 1px solid #eef4fb;
    display: flex;
    flex-direction: column;
    gap: 10px;
    transition: background-color 100ms ease;
}

.tse:last-child[b-naigm6suoc] {
    border-bottom: none;
}

.tse--done[b-naigm6suoc] {
    background: #f5fdf7;
}

.tse--needs-comment[b-naigm6suoc] {
    border-left: 3px solid #f0a030;
}

.tse--invalid[b-naigm6suoc] {
    border-left: 3px solid #d32f2f;
}

.tse-info[b-naigm6suoc] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.tse-task-name[b-naigm6suoc] {
    font-weight: 600;
    color: #1f3349;
    font-size: 0.95rem;
}

.tse-task-desc[b-naigm6suoc] {
    font-size: 0.82rem;
    color: #6a8aab;
}

.tse-status-row[b-naigm6suoc] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.tse-options[b-naigm6suoc] {
    display: inline-flex;
    gap: 0;
    border: 1px solid #d0dcea;
    border-radius: 10px;
    overflow: hidden;
}

.tse-option[b-naigm6suoc] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px 12px;
    border: none;
    border-right: 1px solid #d0dcea;
    background: #f5f9ff;
    color: #3a5878;
    font: inherit;
    font-size: 0.84rem;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 120ms ease, color 120ms ease;
    white-space: nowrap;
    user-select: none;
}

.tse-option:last-child[b-naigm6suoc] {
    border-right: none;
}

.tse-option:disabled[b-naigm6suoc] {
    opacity: 0.55;
    cursor: not-allowed;
}

.tse-option:hover:not(:disabled):not(.tse-option--active)[b-naigm6suoc] {
    background: #eaf3ff;
}

.tse-option--completed.tse-option--active[b-naigm6suoc] {
    background: #e8f5e9;
    color: #1b5e20;
    border-right-color: #a5d6a7;
}

.tse-option--partial.tse-option--active[b-naigm6suoc] {
    background: #fff3e0;
    color: #bf5b00;
    border-right-color: #ffcc80;
}

.tse-option--not-completed.tse-option--active[b-naigm6suoc] {
    background: #ffebee;
    color: #b71c1c;
    border-right-color: #ef9a9a;
}

.tse-option .button-icon[b-naigm6suoc] {
    font-size: 1.05rem;
}

.tse-option-label[b-naigm6suoc] {
    font-size: 0.82rem;
}

.tse-save[b-naigm6suoc] {
    display: inline-flex;
    align-items: center;
    font-size: 1.05rem;
    line-height: 1;
    flex-shrink: 0;
}

.tse-save--saving[b-naigm6suoc] {
    color: #2f80ed;
}

.tse-save--error[b-naigm6suoc] {
    color: #b84c4c;
}

.tse-save--ok[b-naigm6suoc] {
    color: #2e7d32;
}

.tse-readonly-pill[b-naigm6suoc] {
    display: inline-flex;
    align-items: center;
    padding: 4px 10px;
    border-radius: 8px;
    font-size: 0.82rem;
    font-weight: 600;
    border: 1px solid transparent;
    align-self: flex-start;
}

.tse-readonly-pill--completed[b-naigm6suoc] {
    color: #1b5e20;
    background: #e8f5e9;
    border-color: #a5d6a7;
}

.tse-readonly-pill--partiallycompleted[b-naigm6suoc] {
    color: #bf5b00;
    background: #fff3e0;
    border-color: #ffcc80;
}

.tse-readonly-pill--notcompleted[b-naigm6suoc] {
    color: #b71c1c;
    background: #ffebee;
    border-color: #ef9a9a;
}

.tse-comment[b-naigm6suoc] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.tse-comment-label[b-naigm6suoc] {
    font-size: 0.82rem;
    font-weight: 600;
    color: #3a5272;
}

.tse-comment-label small[b-naigm6suoc] {
    font-weight: 400;
    color: #6a8aab;
}

.tse-comment-textarea[b-naigm6suoc] {
    resize: vertical;
    min-height: 68px;
    font-size: 0.92rem;
}

.tse-comment-readonly[b-naigm6suoc] {
    margin: 0;
    font-size: 0.88rem;
    color: #4a5e72;
    white-space: pre-wrap;
    padding: 8px 10px;
    background: #f5f9ff;
    border: 1px solid #d8e8f7;
    border-radius: 8px;
}

.tse-comment-empty[b-naigm6suoc] {
    margin: 0;
    font-size: 0.84rem;
    color: #8a9fb5;
    font-style: italic;
}

@media (max-width: 600px) {
    .tse-options[b-naigm6suoc] {
        flex-wrap: wrap;
    }

    .tse-option[b-naigm6suoc] {
        flex: 1;
        justify-content: center;
        border-right: none;
        border-bottom: 1px solid #d0dcea;
    }

    .tse-option:last-child[b-naigm6suoc] {
        border-bottom: none;
    }
}
/* /Components/Pages/ShiftReports/TemplateEditor.razor.rz.scp.css */
.srt-editor-form[b-hwwgda63ak] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.srt-editor-field[b-hwwgda63ak] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.srt-editor-field label[b-hwwgda63ak] {
    font-weight: 600;
    color: #34495e;
}

.srt-editor-field--full[b-hwwgda63ak] {
    grid-column: 1 / -1;
}
/* /Components/Shared/Filters/DateRangePicker/DateRangePickerModal.razor.rz.scp.css */
.ops-date-picker-dialog[b-0ujyd15fgj] {
    width: min(460px, 100%);
}

.ops-date-picker-header[b-0ujyd15fgj] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}

.ops-date-picker-header p[b-0ujyd15fgj] {
    margin-top: 4px;
}

.ops-date-picker-close[b-0ujyd15fgj] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    padding: 0;
    border-radius: 999px;
    border: 1px solid #d5e0ed;
    background: #edf3fa;
    color: #2e4053;
    cursor: pointer;
    flex-shrink: 0;
}

.ops-date-picker-close:hover[b-0ujyd15fgj] {
    background: #e3edf8;
}

.ops-date-picker-list[b-0ujyd15fgj] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.ops-date-picker-option[b-0ujyd15fgj] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    width: 100%;
    border: 1px solid #d5e0ed;
    border-radius: 12px;
    background: #f9fbff;
    padding: 12px 14px;
    color: #1f3349;
    cursor: pointer;
    text-align: left;
    font: inherit;
    box-sizing: border-box;
}

.ops-date-picker-option--custom[b-0ujyd15fgj] {
    grid-column: 1 / -1;
}

.ops-date-picker-option:hover[b-0ujyd15fgj] {
    border-color: #9bb8d8;
    background: #f2f7ff;
}

.ops-date-picker-option--selected[b-0ujyd15fgj] {
    border-color: #00a67a;
    background: #e8fbf5;
    box-shadow: inset 0 0 0 1px rgba(0, 166, 122, 0.12);
}

.ops-date-picker-option-label[b-0ujyd15fgj] {
    font-weight: 700;
}

.ops-date-picker-custom-fields[b-0ujyd15fgj] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    margin-top: 14px;
}

.ops-date-picker-custom-field > label[b-0ujyd15fgj] {
    display: block;
    font-weight: 600;
    margin-bottom: 6px;
    color: #2e4053;
}

.ops-date-picker-custom-field .text-input[b-0ujyd15fgj] {
    width: 100%;
}

@media (max-width: 680px) {
    .ops-date-picker-custom-fields[b-0ujyd15fgj] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Shared/Filters/SiteFilter/SiteFilterControl.razor.rz.scp.css */
.ops-site-filter[b-45grpri01r] {
    display: flex;
    margin-bottom: 14px;
}

.site-change-dialog[b-45grpri01r] {
    position: relative;
}

.ops-site-filter-dialog[b-45grpri01r] {
    width: min(460px, 100%);
}

.site-change-dialog-header[b-45grpri01r] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}

.site-change-dialog-header h4[b-45grpri01r] {
    margin-bottom: 4px;
}

.site-change-dialog-header p[b-45grpri01r] {
    margin-top: 0;
}

.site-change-required-note[b-45grpri01r] {
    color: #8b1d1d;
    margin-top: 4px;
    font-weight: 600;
}

.site-change-close[b-45grpri01r] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    padding: 0;
    border-radius: 999px;
    border: 1px solid #d5e0ed;
    background: #edf3fa;
    color: #2e4053;
    cursor: pointer;
    flex-shrink: 0;
}

.site-change-close:hover[b-45grpri01r] {
    background: #e3edf8;
}

.site-change-list[b-45grpri01r] {
    display: grid;
    gap: 10px;
}

.ops-site-filter-actions-row[b-45grpri01r] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    margin-bottom: 10px;
}

.ops-site-filter-action[b-45grpri01r] {
    border: 1px solid #bfd3ea;
    background: #ffffff;
    color: #204264;
    border-radius: 999px;
    padding: 6px 12px;
    font-weight: 600;
    cursor: pointer;
}

.ops-site-filter-action:disabled[b-45grpri01r] {
    opacity: 0.5;
    cursor: default;
}

.site-change-option[b-45grpri01r] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 16px;
    width: 100%;
    border: 1px solid #d5e0ed;
    border-radius: 12px;
    background: #f9fbff;
    padding: 12px 14px;
    color: #1f3349;
    cursor: pointer;
    text-align: left;
    font: inherit;
    box-sizing: border-box;
}

.site-change-option:hover[b-45grpri01r] {
    border-color: #9bb8d8;
    background: #f2f7ff;
}

.site-change-option--selected[b-45grpri01r] {
    border-color: #00a67a;
    background: #e8fbf5;
    box-shadow: inset 0 0 0 1px rgba(0, 166, 122, 0.12);
}

.site-change-option-details[b-45grpri01r] {
    display: grid;
    gap: 3px;
    min-width: 0;
}

.site-change-option-name[b-45grpri01r] {
    font-weight: 700;
}

.site-change-option-selected[b-45grpri01r] {
    color: #00a67a;
    font-size: 0.85rem;
    font-weight: 700;
    flex-shrink: 0;
}

.ops-site-filter-choice[b-45grpri01r] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
}

.ops-site-filter-checkbox[b-45grpri01r] {
    width: 18px;
    height: 18px;
    accent-color: #00a67a;
}
/* /Components/Shared/Pagination/PaginationBar.razor.rz.scp.css */
.pager[b-am7xdflz18] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px 12px;
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #e3edf9;
    font-size: 0.82rem;
    color: #33475b;
}

.pager-group[b-am7xdflz18] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

.pager-label[b-am7xdflz18] {
    font-weight: 600;
    color: #516275;
    white-space: nowrap;
}

.pager-range[b-am7xdflz18] {
    font-weight: 600;
    color: #33475b;
    white-space: nowrap;
    /* spacer so range sits centred between the two control groups */
    flex: 1;
    text-align: center;
}

.pager-of-label[b-am7xdflz18] {
    white-space: nowrap;
}

.pager-select[b-am7xdflz18] {
    border: 1px solid #d2dfef;
    border-radius: 8px;
    padding: 4px 6px;
    font-size: 0.82rem;
    font-weight: 600;
    font-family: inherit;
    color: #33475b;
    background: #f6f9fd;
    cursor: pointer;
    appearance: auto;
    height: 30px;
}

.pager-select:focus[b-am7xdflz18] {
    outline: 2px solid #2f80ed;
    outline-offset: 1px;
}

.pager-select:disabled[b-am7xdflz18] {
    opacity: 0.55;
    cursor: not-allowed;
}

.pager-nav[b-am7xdflz18] {
    display: inline-flex;
    gap: 4px;
    margin-left: auto;
}

.pager-nav-btn[b-am7xdflz18] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    padding: 0;
    border: 1px solid #d2dfef;
    border-radius: 8px;
    background: #f6f9fd;
    color: #33475b;
    cursor: pointer;
}

.pager-nav-btn:hover:not(:disabled)[b-am7xdflz18] {
    background: #edf4fd;
    border-color: #a8c4e0;
}

.pager-nav-btn:focus-visible[b-am7xdflz18] {
    outline: 2px solid #2f80ed;
    outline-offset: 1px;
}

.pager-nav-btn:disabled[b-am7xdflz18] {
    opacity: 0.45;
    cursor: not-allowed;
}

/* On very narrow screens collapse range to its own row */
@media (max-width: 480px) {
    .pager-range[b-am7xdflz18] {
        flex-basis: 100%;
        text-align: left;
    }

    .pager-nav[b-am7xdflz18] {
        margin-left: 0;
    }
}
/* /Components/Shared/TranslateToEnglishControl.razor.rz.scp.css */
.translate-control[b-phs41hvdrf] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.translate-control-switch[b-phs41hvdrf] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    user-select: none;
}

.translate-control-switch input[b-phs41hvdrf] {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
    pointer-events: none;
}

.translate-control-track[b-phs41hvdrf] {
    position: relative;
    display: inline-block;
    width: 42px;
    height: 22px;
    border-radius: 999px;
    border: 1px solid #c5d6ea;
    background: #e7eef7;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
    flex-shrink: 0;
}

.translate-control-thumb[b-phs41hvdrf] {
    position: absolute;
    top: 2px;
    left: 2px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #ffffff;
    box-shadow: 0 1px 2px rgba(15, 40, 70, 0.35);
    transition: transform 0.15s ease-in-out;
}

.translate-control-switch input:checked + .translate-control-track[b-phs41hvdrf] {
    background: #1f5f93;
    border-color: #1f5f93;
}

.translate-control-switch input:checked + .translate-control-track .translate-control-thumb[b-phs41hvdrf] {
    transform: translateX(20px);
}

.translate-control-switch input:focus-visible + .translate-control-track[b-phs41hvdrf] {
    outline: 2px solid #1f5f93;
    outline-offset: 2px;
}

.translate-control-switch input:disabled + .translate-control-track[b-phs41hvdrf] {
    opacity: 0.55;
}

.translate-control-switch:has(input:disabled)[b-phs41hvdrf] {
    cursor: not-allowed;
    opacity: 0.7;
}

.translate-control-text[b-phs41hvdrf] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 0.85rem;
    font-weight: 600;
    color: #1f5f93;
}

.translate-control-status[b-phs41hvdrf] {
    font-size: 0.8rem;
    color: #8a4b08;
}
/* /Components/TrendChart.razor.rz.scp.css */
.health-journal-trend-empty[b-ne8ai5wppm] {
    margin: 0;
}

.health-journal-trend-legend[b-ne8ai5wppm] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.health-journal-trend-legend-item[b-ne8ai5wppm] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #33475b;
    font-size: 0.92rem;
}

.health-journal-trend-legend-swatch[b-ne8ai5wppm] {
    width: 12px;
    height: 12px;
    border-radius: 999px;
    background: var(--trend-legend-color);
}

.health-journal-trend-chart-shell[b-ne8ai5wppm] {
    border: 1px solid #dce8f7;
    border-radius: 14px;
    padding: 14px;
    background: linear-gradient(180deg, #fbfdff 0%, #f5f9fe 100%);
}

.health-journal-trend-summary[b-ne8ai5wppm] {
    margin: 0 0 6px;
    color: #33475b;
    font-weight: 600;
}

.health-journal-trend-note[b-ne8ai5wppm] {
    margin: 0 0 10px;
    color: #5f6f81;
    font-size: 0.92rem;
}

.health-journal-trend-chart[b-ne8ai5wppm] {
    width: 100%;
    height: auto;
    overflow: visible;
}

.health-journal-trend-grid line[b-ne8ai5wppm] {
    stroke: #dce8f7;
    stroke-width: 1;
}

.health-journal-trend-axis-label[b-ne8ai5wppm] {
    fill: #5f6f81;
    font-size: 13px;
}

.health-journal-trend-line[b-ne8ai5wppm] {
    fill: none;
    stroke: var(--trend-series-color);
    stroke-width: 3.5;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.health-journal-trend-point[b-ne8ai5wppm] {
    fill: var(--trend-series-color);
    stroke: #ffffff;
    stroke-width: 2;
}

.health-journal-trend-bar[b-ne8ai5wppm] {
    fill: var(--trend-series-color);
    opacity: 0.9;
}

.health-journal-trend-bar:hover[b-ne8ai5wppm] {
    opacity: 1;
}

@media (max-width: 760px) {
    .health-journal-trend-chart-shell[b-ne8ai5wppm] {
        padding: 10px;
    }
}