/* /Components/AddAttendanceChangeDialog.razor.rz.scp.css */
.time-off-dialog-backdrop[b-r6fu2r9nl4] {
    position: fixed;
    inset: 0;
    z-index: 2000;
    display: grid;
    place-items: center;
    padding: 1.25rem;
    background: rgba(18, 32, 26, 0.45);
}

.time-off-dialog[b-r6fu2r9nl4] {
    width: min(560px, 100%);
    max-height: calc(100vh - 2.5rem);
    overflow: auto;
    padding: 1.4rem;
    border: 1px solid #e1e8e4;
    border-radius: 1.1rem;
    background: #ffffff;
    color: #1f2a26;
    box-shadow: 0 18px 40px rgba(24, 58, 46, 0.22);
}

    .time-off-dialog h2[b-r6fu2r9nl4] {
        margin: 0;
    }

.time-off-dialog-intro[b-r6fu2r9nl4] {
    margin: 0.45rem 0 1rem;
    color: #65716c;
}

.form-grid[b-r6fu2r9nl4] {
    display: grid;
    gap: 0.85rem;
}

    .form-grid > label[b-r6fu2r9nl4],
    .duration-fieldset[b-r6fu2r9nl4] {
        display: grid;
        gap: 0.35rem;
        color: #1f2a26;
        font-weight: 700;
        font-size: 0.88rem;
    }

    .form-grid input[b-r6fu2r9nl4],
    .form-grid select[b-r6fu2r9nl4],
    .form-grid textarea[b-r6fu2r9nl4] {
        width: 100%;
        padding: 0.55rem 0.7rem;
        border: 1px solid #d8dfdb;
        border-radius: 0.6rem;
        font: inherit;
        font-weight: 500;
    }

    .form-grid input[type="radio"][b-r6fu2r9nl4] {
        width: auto;
        padding: 0;
        accent-color: #00a651;
    }

.full-width[b-r6fu2r9nl4] {
    grid-column: 1 / -1;
}

.duration-fieldset[b-r6fu2r9nl4] {
    border: none;
    margin: 0;
    padding: 0;
}

.choice[b-r6fu2r9nl4] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-weight: 650;
    cursor: pointer;
}

.banner[b-r6fu2r9nl4] {
    margin-bottom: 1rem;
    padding: 0.9rem 1rem;
    border-radius: 0.85rem;
    font-weight: 650;
}

.banner-error[b-r6fu2r9nl4] {
    background: #fdeeee;
    color: #8a1f1f;
    border: 1px solid #f3c7c7;
}

.staffing-alert[b-r6fu2r9nl4] {
    margin: 0.9rem 0 0;
    padding: 0.8rem 0.9rem;
    border: 1px solid #e8c48a;
    border-radius: 0.75rem;
    background: #fff6e8;
    color: #6b4a12;
}

.staffing-alert-heading[b-r6fu2r9nl4] {
    margin: 0 0 0.35rem;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.08rem;
    text-transform: uppercase;
    color: #8a5a12;
}

    .staffing-alert p[b-r6fu2r9nl4] {
        margin: 0;
    }

    .staffing-alert ul[b-r6fu2r9nl4] {
        margin: 0.45rem 0 0;
        padding-left: 1.1rem;
    }

    .staffing-alert li[b-r6fu2r9nl4] {
        font-weight: 700;
        color: #1f2a26;
    }

.time-off-dialog-actions[b-r6fu2r9nl4] {
    display: flex;
    justify-content: flex-end;
    gap: 0.65rem;
    margin-top: 1.15rem;
}

.primary-button[b-r6fu2r9nl4],
.secondary-button[b-r6fu2r9nl4] {
    min-height: 42px;
    padding: 0.5rem 0.95rem;
    border-radius: 0.65rem;
    font: inherit;
    font-weight: 750;
    cursor: pointer;
}

.primary-button[b-r6fu2r9nl4] {
    border: none;
    background: #00a651;
    color: white;
}

.secondary-button[b-r6fu2r9nl4] {
    border: 1px solid #d8dfdb;
    background: white;
    color: #53615b;
}

.hero-action[b-r6fu2r9nl4] {
    min-height: 44px;
    padding: 0.65rem 1.1rem;
    border: none;
    border-radius: 0.7rem;
    background: white;
    color: #008f46;
    font: inherit;
    font-weight: 750;
    cursor: pointer;
    white-space: nowrap;
}
/* /Components/AddScheduledTimeOffDialog.razor.rz.scp.css */
.time-off-dialog-backdrop[b-bo73rrjlt4] {
    position: fixed;
    inset: 0;
    z-index: 2000;
    display: grid;
    place-items: center;
    padding: 1.25rem;
    background: rgba(18, 32, 26, 0.45);
}

.time-off-dialog[b-bo73rrjlt4] {
    width: min(560px, 100%);
    max-height: calc(100vh - 2.5rem);
    overflow: auto;
    padding: 1.4rem;
    border: 1px solid #e1e8e4;
    border-radius: 1.1rem;
    background: #ffffff;
    color: #1f2a26;
    box-shadow: 0 18px 40px rgba(24, 58, 46, 0.22);
}

    .time-off-dialog h2[b-bo73rrjlt4] {
        margin: 0;
    }

.time-off-dialog-intro[b-bo73rrjlt4] {
    margin: 0.45rem 0 1rem;
    color: #65716c;
}

.form-grid[b-bo73rrjlt4] {
    display: grid;
    gap: 0.85rem;
}

    .form-grid > label[b-bo73rrjlt4],
    .duration-fieldset[b-bo73rrjlt4] {
        display: grid;
        gap: 0.35rem;
        color: #1f2a26;
        font-weight: 700;
        font-size: 0.88rem;
    }

    .form-grid input[b-bo73rrjlt4],
    .form-grid select[b-bo73rrjlt4],
    .form-grid textarea[b-bo73rrjlt4] {
        width: 100%;
        padding: 0.55rem 0.7rem;
        border: 1px solid #d8dfdb;
        border-radius: 0.6rem;
        font: inherit;
        font-weight: 500;
    }

    .form-grid input[type="radio"][b-bo73rrjlt4] {
        width: auto;
        padding: 0;
        accent-color: #00a651;
    }

.full-width[b-bo73rrjlt4] {
    grid-column: 1 / -1;
}

.duration-fieldset[b-bo73rrjlt4] {
    border: none;
    margin: 0;
    padding: 0;
}

.choice[b-bo73rrjlt4] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-weight: 650;
    cursor: pointer;
}

.banner[b-bo73rrjlt4] {
    margin-bottom: 1rem;
    padding: 0.9rem 1rem;
    border-radius: 0.85rem;
    font-weight: 650;
}

.banner-error[b-bo73rrjlt4] {
    background: #fdeeee;
    color: #8a1f1f;
    border: 1px solid #f3c7c7;
}

.staffing-alert[b-bo73rrjlt4] {
    margin: 0.9rem 0 0;
    padding: 0.8rem 0.9rem;
    border: 1px solid #e8c48a;
    border-radius: 0.75rem;
    background: #fff6e8;
    color: #6b4a12;
}

.staffing-alert-heading[b-bo73rrjlt4] {
    margin: 0 0 0.35rem;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.08rem;
    text-transform: uppercase;
    color: #8a5a12;
}

    .staffing-alert p[b-bo73rrjlt4] {
        margin: 0;
    }

    .staffing-alert ul[b-bo73rrjlt4] {
        margin: 0.45rem 0 0;
        padding-left: 1.1rem;
    }

    .staffing-alert li[b-bo73rrjlt4] {
        font-weight: 700;
        color: #1f2a26;
    }

.time-off-dialog-actions[b-bo73rrjlt4] {
    display: flex;
    justify-content: flex-end;
    gap: 0.65rem;
    margin-top: 1.15rem;
}

.primary-button[b-bo73rrjlt4],
.secondary-button[b-bo73rrjlt4] {
    min-height: 42px;
    padding: 0.5rem 0.95rem;
    border-radius: 0.65rem;
    font: inherit;
    font-weight: 750;
    cursor: pointer;
}

.primary-button[b-bo73rrjlt4] {
    border: none;
    background: #00a651;
    color: white;
}

.secondary-button[b-bo73rrjlt4] {
    border: 1px solid #d8dfdb;
    background: white;
    color: #53615b;
}

.hero-action[b-bo73rrjlt4] {
    min-height: 44px;
    padding: 0.65rem 1.1rem;
    border: none;
    border-radius: 0.7rem;
    background: white;
    color: #008f46;
    font: inherit;
    font-weight: 750;
    cursor: pointer;
    white-space: nowrap;
}
/* /Components/EditTimeOffDialog.razor.rz.scp.css */
.time-off-dialog-backdrop[b-dkkr5kqacg] {
    position: fixed;
    inset: 0;
    z-index: 2100;
    display: grid;
    place-items: center;
    padding: 1.25rem;
    background: rgba(18, 32, 26, 0.45);
}

.time-off-dialog[b-dkkr5kqacg] {
    width: min(560px, 100%);
    max-height: calc(100vh - 2.5rem);
    overflow: auto;
    padding: 1.4rem;
    border: 1px solid #e1e8e4;
    border-radius: 1.1rem;
    background: #ffffff;
    color: #1f2a26;
    box-shadow: 0 18px 40px rgba(24, 58, 46, 0.22);
}

    .time-off-dialog h2[b-dkkr5kqacg] {
        margin: 0;
    }

.time-off-dialog-intro[b-dkkr5kqacg] {
    margin: 0.45rem 0 1rem;
    color: #65716c;
}

.form-grid[b-dkkr5kqacg] {
    display: grid;
    gap: 0.85rem;
}

    .form-grid > label[b-dkkr5kqacg],
    .duration-fieldset[b-dkkr5kqacg] {
        display: grid;
        gap: 0.35rem;
        color: #1f2a26;
        font-weight: 700;
        font-size: 0.88rem;
    }

    .form-grid input[b-dkkr5kqacg],
    .form-grid select[b-dkkr5kqacg],
    .form-grid textarea[b-dkkr5kqacg] {
        width: 100%;
        padding: 0.55rem 0.7rem;
        border: 1px solid #d8dfdb;
        border-radius: 0.6rem;
        font: inherit;
        font-weight: 500;
    }

    .form-grid input[type="radio"][b-dkkr5kqacg] {
        width: auto;
        padding: 0;
        accent-color: #00a651;
    }

.full-width[b-dkkr5kqacg] {
    grid-column: 1 / -1;
}

.duration-fieldset[b-dkkr5kqacg] {
    border: none;
    margin: 0;
    padding: 0;
}

.choice[b-dkkr5kqacg] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-weight: 650;
    cursor: pointer;
}

.banner[b-dkkr5kqacg] {
    margin-bottom: 1rem;
    padding: 0.9rem 1rem;
    border-radius: 0.85rem;
    font-weight: 650;
}

.banner-error[b-dkkr5kqacg] {
    background: #fdeeee;
    color: #8a1f1f;
    border: 1px solid #f3c7c7;
}

.staffing-alert[b-dkkr5kqacg] {
    margin: 0.9rem 0 0;
    padding: 0.8rem 0.9rem;
    border: 1px solid #e8c48a;
    border-radius: 0.75rem;
    background: #fff6e8;
    color: #6b4a12;
}

.staffing-alert-heading[b-dkkr5kqacg] {
    margin: 0 0 0.35rem;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.08rem;
    text-transform: uppercase;
    color: #8a5a12;
}

    .staffing-alert p[b-dkkr5kqacg] {
        margin: 0;
    }

    .staffing-alert ul[b-dkkr5kqacg] {
        margin: 0.45rem 0 0;
        padding-left: 1.1rem;
    }

    .staffing-alert li[b-dkkr5kqacg] {
        font-weight: 700;
        color: #1f2a26;
    }

.time-off-dialog-actions[b-dkkr5kqacg] {
    display: flex;
    justify-content: flex-end;
    gap: 0.65rem;
    margin-top: 1.15rem;
}

.primary-button[b-dkkr5kqacg],
.secondary-button[b-dkkr5kqacg] {
    min-height: 42px;
    padding: 0.5rem 0.95rem;
    border-radius: 0.65rem;
    font: inherit;
    font-weight: 750;
    cursor: pointer;
}

.primary-button[b-dkkr5kqacg] {
    border: none;
    background: #00a651;
    color: white;
}

.secondary-button[b-dkkr5kqacg] {
    border: 1px solid #d8dfdb;
    background: white;
    color: #53615b;
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-px8qr6k438] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-px8qr6k438] {
    flex: 1;
}

.sidebar[b-px8qr6k438] {
    background: linear-gradient(180deg, #00a651 0%, #008f46 100%);
}

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

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

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

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

@media (max-width: 640.98px) {
    .top-row[b-px8qr6k438] {
        justify-content: space-between;
    }

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

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

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

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

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

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

@media print {
    .sidebar[b-px8qr6k438],
    .nav-scrollable[b-px8qr6k438],
    .logo-area[b-px8qr6k438],
    .top-row[b-px8qr6k438] {
        display: none !important;
        height: 0 !important;
        min-height: 0 !important;
        overflow: hidden !important;
    }

    .page[b-px8qr6k438],
    main[b-px8qr6k438],
    article[b-px8qr6k438] {
        display: block !important;
        flex: none !important;
        width: auto !important;
        height: auto !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
        background: white !important;
        position: static !important;
    }
}

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

    #blazor-error-ui .dismiss[b-px8qr6k438] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }

.user-account[b-px8qr6k438] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 1rem;
}

.language-form[b-px8qr6k438] {
    margin: 0;
}

    .language-form label[b-px8qr6k438] {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        gap: 0.15rem;
        margin: 0;
        color: #008f46;
        font-size: 0.6rem;
        font-weight: 800;
        letter-spacing: 0.06rem;
        text-transform: uppercase;
    }

    .language-form select[b-px8qr6k438] {
        min-height: 36px;
        padding: 0.2rem 0.5rem;
        border: 1px solid #d8dfdb;
        border-radius: 0.6rem;
        background: white;
        color: #1f2a26;
        font-size: 0.78rem;
        font-weight: 700;
        letter-spacing: 0;
        text-transform: none;
        cursor: pointer;
    }

        .language-form select:focus[b-px8qr6k438] {
            outline: none;
            border-color: #00a651;
        }

.user-account-info[b-px8qr6k438] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    line-height: 1.2;
}

    .user-account-info strong[b-px8qr6k438] {
        color: #1f2a26;
        font-size: 0.9rem;
    }

.user-account-label[b-px8qr6k438] {
    margin-bottom: 0.15rem;
    color: #008f46;
    font-size: 0.6rem;
    font-weight: 800;
    letter-spacing: 0.08rem;
}

.user-account-email[b-px8qr6k438] {
    margin-top: 0.15rem;
    color: #64706b;
    font-size: 0.72rem;
}

.logout-form[b-px8qr6k438] {
    margin: 0;
}

.signed-out[b-px8qr6k438] {
    color: #64706b;
    font-size: 0.8rem;
}

.account-button[b-px8qr6k438] {
    padding: 0.5rem 0.9rem;
    border-radius: 0.6rem;
    font-size: 0.78rem;
    font-weight: 700;
    text-decoration: none;
    transition: background 0.15s ease, border-color 0.15s ease;
}

.sign-in-button[b-px8qr6k438] {
    background: #00a651;
    border: 1px solid #00a651;
    color: white;
}

    .sign-in-button:hover[b-px8qr6k438] {
        background: #008f46;
        border-color: #008f46;
        color: white;
    }

.sign-out-button[b-px8qr6k438] {
    background: white;
    border: 1px solid #d8dfdb;
    color: #53615b;
    cursor: pointer;
}

    .sign-out-button:hover[b-px8qr6k438] {
        border-color: #00a651;
        color: #008f46;
    }
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-l0kjv4yi2j] {
    appearance: none;
    cursor: pointer;
    width: 3.5rem;
    height: 2.5rem;
    position: absolute;
    top: 0.5rem;
    right: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 0.5rem;
    background-color: transparent;
}

    .navbar-toggler[b-l0kjv4yi2j]::after {
        content: "☰";
        color: white;
        font-size: 1.4rem;
    }

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

.logo-area[b-l0kjv4yi2j] {
    height: 120px;
    padding: 1rem;
    background: white;
    display: flex;
    align-items: center;
    justify-content: center;
    border-right: 1px solid #e5e7e6;
    border-bottom: 1px solid #e5e7e6;
}

.logo-link[b-l0kjv4yi2j] {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
}

.pog-logo[b-l0kjv4yi2j] {
    display: block;
    width: 100%;
    max-width: 205px;
    max-height: 90px;
    object-fit: contain;
}

.bi[b-l0kjv4yi2j] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    margin-right: 0.75rem;
}

.nav-item[b-l0kjv4yi2j] {
    font-size: 0.95rem;
    padding-bottom: 0.35rem;
}

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

    .nav-item[b-l0kjv4yi2j]  .nav-link {
        color: rgba(255, 255, 255, 0.88);
        background: none;
        border: none;
        border-radius: 0.75rem;
        min-height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
        width: 100%;
        transition: background-color 0.2s ease;
    }

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

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

.nav-scrollable[b-l0kjv4yi2j] {
    display: none;
    background: linear-gradient(180deg, #00a651 0%, #008f46 100%);
}

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

    .nav-scrollable[b-l0kjv4yi2j] {
        display: block;
        height: calc(100vh - 120px);
        overflow-y: auto;
    }
}

@media print {
    .navbar-toggler[b-l0kjv4yi2j],
    .logo-area[b-l0kjv4yi2j],
    .nav-scrollable[b-l0kjv4yi2j],
    .nav-item[b-l0kjv4yi2j] {
        display: none !important;
        height: 0 !important;
        min-height: 0 !important;
        overflow: hidden !important;
    }
}
.nav-icon[b-l0kjv4yi2j] {
    display: inline-flex;
    width: 1.6rem;
    margin-right: 0.75rem;
    justify-content: center;
    font-size: 1.1rem;
}

.nav-section-label[b-l0kjv4yi2j] {
    display: block;
    padding: 0.85rem 1rem 0.25rem;
    color: rgba(255, 255, 255, 0.7);
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.12rem;
    text-transform: uppercase;
}

.nav-subitem[b-l0kjv4yi2j]  .nav-link {
    min-height: 2.6rem;
    line-height: 2.6rem;
    padding-left: 0.35rem;
    font-size: 0.9rem;
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-qtgy793gvm],
.components-reconnect-repeated-attempt-visible[b-qtgy793gvm],
.components-reconnect-failed-visible[b-qtgy793gvm],
.components-pause-visible[b-qtgy793gvm],
.components-resume-failed-visible[b-qtgy793gvm],
.components-rejoining-animation[b-qtgy793gvm] {
    display: none;
}

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


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

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

}

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

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

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

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

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 0;
    }
}

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

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

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

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

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

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

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

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

@keyframes components-rejoining-animation-b-qtgy793gvm {
    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/OrganizationChart.razor.rz.scp.css */
.org-page[b-a0ndzw7ug6] {
    max-width: 1480px;
    margin: 0 auto;
    padding: 2rem 0 4rem;
}

.org-header[b-a0ndzw7ug6] {
    padding: 2rem;
    margin-bottom: 1.25rem;
    border-radius: 1.25rem;
    background: linear-gradient(135deg, #00a651 0%, #008f46 100%);
    color: white;
    box-shadow: 0 12px 30px rgba(0, 143, 70, 0.18);
}

    .org-header h1[b-a0ndzw7ug6] {
        margin: 0;
        font-size: clamp(2rem, 4vw, 3.4rem);
        font-weight: 750;
    }

    .org-header p[b-a0ndzw7ug6] {
        margin: 0.5rem 0 0;
        opacity: 0.92;
    }

.org-print-title[b-a0ndzw7ug6],
.org-print-date[b-a0ndzw7ug6] {
    display: none;
}

.eyebrow[b-a0ndzw7ug6] {
    margin: 0 0 0.35rem !important;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.16rem;
    opacity: 0.8;
}

.org-toolbar[b-a0ndzw7ug6] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.75rem;
    padding: 1rem 1.15rem;
    border: 1px solid #e1e8e4;
    border-radius: 1rem;
    background: white;
}

.org-legend[b-a0ndzw7ug6] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.85rem 1.25rem;
}

.legend-item[b-a0ndzw7ug6] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    color: #3d4a45;
    font-size: 0.82rem;
    font-weight: 700;
}

.legend-swatch[b-a0ndzw7ug6] {
    width: 1rem;
    height: 1rem;
    border-radius: 0.28rem;
    border: 1px solid rgba(0, 107, 52, 0.18);
}

.swatch-ceo[b-a0ndzw7ug6],
.swatch-executive[b-a0ndzw7ug6] {
    background: #008f46;
}

.swatch-manager[b-a0ndzw7ug6] {
    background: #2f9a5f;
}

.swatch-team-lead[b-a0ndzw7ug6] {
    background: #cfead9;
}

.swatch-associate[b-a0ndzw7ug6] {
    background: white;
    border-color: #c9d7cf;
}

.org-actions[b-a0ndzw7ug6] {
    display: flex;
    gap: 0.6rem;
}

.org-toolbar-button[b-a0ndzw7ug6] {
    min-height: 38px;
    padding: 0.4rem 0.9rem;
    border: 1px solid #d8dfdb;
    border-radius: 0.6rem;
    background: white;
    color: #1f2a26;
    font: inherit;
    font-weight: 700;
    cursor: pointer;
}

    .org-toolbar-button:hover[b-a0ndzw7ug6] {
        border-color: #00a651;
        color: #008f46;
    }

.org-chart[b-a0ndzw7ug6] {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.org-chart > .org-node[b-a0ndzw7ug6] {
    width: 100%;
}

.org-node[b-a0ndzw7ug6] {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 0;
    width: 100%;
}

.org-card[b-a0ndzw7ug6] {
    width: min(380px, 100%);
    display: flex;
    align-items: center;
    gap: 0.9rem;
    padding: 1.1rem 1.2rem;
    border-radius: 1rem;
    box-shadow: 0 6px 20px rgba(24, 58, 46, 0.07);
}

.org-card h2[b-a0ndzw7ug6],
.org-card h3[b-a0ndzw7ug6] {
    margin: 0;
    font-size: 1.05rem;
    font-weight: 750;
}

.org-card p[b-a0ndzw7ug6] {
    margin: 0.2rem 0 0;
    font-size: 0.88rem;
}

.org-card span[b-a0ndzw7ug6] {
    display: inline-block;
    margin-top: 0.35rem;
    padding: 0.18rem 0.5rem;
    border-radius: 999px;
    font-size: 0.72rem;
}

.org-initials[b-a0ndzw7ug6] {
    flex: 0 0 52px;
    width: 52px;
    height: 52px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    font-size: 0.95rem;
    font-weight: 750;
}

.org-photo[b-a0ndzw7ug6] {
    flex: 0 0 52px;
    width: 52px;
    height: 52px;
    border-radius: 50%;
    object-fit: cover;
    object-position: center;
    display: block;
    background: #f4faf6;
}

.associate-initials[b-a0ndzw7ug6] {
    flex: 0 0 38px;
    width: 38px;
    height: 38px;
    font-size: 0.75rem;
}

.org-photo.associate-initials[b-a0ndzw7ug6] {
    flex: 0 0 38px;
    width: 38px;
    height: 38px;
}

.level-ceo[b-a0ndzw7ug6] {
    width: min(460px, 100%);
    padding: 1.35rem 1.4rem;
    background: #005c2e;
    color: white;
    border: 1px solid #004d26;
}

    .level-ceo .org-initials[b-a0ndzw7ug6] {
        background: rgba(255, 255, 255, 0.16);
        color: white;
    }

    .level-ceo p[b-a0ndzw7ug6] {
        color: rgba(255, 255, 255, 0.88);
    }

    .level-ceo span[b-a0ndzw7ug6] {
        background: rgba(255, 255, 255, 0.14);
        color: white;
    }

.level-executive[b-a0ndzw7ug6] {
    background: #008f46;
    color: white;
    border: 1px solid #007a3c;
}

    .level-executive .org-initials[b-a0ndzw7ug6] {
        background: rgba(255, 255, 255, 0.16);
        color: white;
    }

    .level-executive p[b-a0ndzw7ug6] {
        color: rgba(255, 255, 255, 0.9);
    }

    .level-executive span[b-a0ndzw7ug6] {
        background: rgba(255, 255, 255, 0.14);
        color: white;
    }

.level-manager[b-a0ndzw7ug6] {
    background: #2f9a5f;
    color: white;
    border: 1px solid #278552;
}

    .level-manager .org-initials[b-a0ndzw7ug6] {
        background: rgba(255, 255, 255, 0.2);
        color: white;
    }

    .level-manager h2[b-a0ndzw7ug6],
    .level-manager p[b-a0ndzw7ug6] {
        color: white;
    }

    .level-manager span[b-a0ndzw7ug6] {
        background: rgba(255, 255, 255, 0.18);
        color: white;
    }

.level-team-lead[b-a0ndzw7ug6] {
    background: #cfead9;
    color: #166b3a;
    border: 1px solid #b7dcc6;
}

    .level-team-lead .org-initials[b-a0ndzw7ug6] {
        background: white;
        color: #008f46;
    }

    .level-team-lead p[b-a0ndzw7ug6] {
        color: #2a6b45;
    }

    .level-team-lead span[b-a0ndzw7ug6] {
        background: rgba(255, 255, 255, 0.7);
        color: #166b3a;
    }

.level-associate[b-a0ndzw7ug6] {
    width: auto;
    min-width: 0;
    padding: 0.75rem 0.85rem;
    background: white;
    color: #1f2a26;
    border: 1px solid #e1e8e4;
    border-left: 4px solid #cfead9;
    box-shadow: 0 2px 8px rgba(24, 58, 46, 0.04);
}

    .level-associate .org-initials[b-a0ndzw7ug6] {
        background: #f4faf6;
        color: #3d8f63;
    }

    .level-associate h3[b-a0ndzw7ug6] {
        font-size: 0.92rem;
    }

    .level-associate p[b-a0ndzw7ug6] {
        color: #52615b;
        font-size: 0.8rem;
    }

    .level-associate span[b-a0ndzw7ug6] {
        background: #f0f5f2;
        color: #53615b;
    }

.org-connector[b-a0ndzw7ug6] {
    width: 2px;
    height: 22px;
    background: #b7d9c7;
}

.org-children[b-a0ndzw7ug6] {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

.sibling-row[b-a0ndzw7ug6] {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    gap: 1rem 1.1rem;
}

.sibling-row.executive-row[b-a0ndzw7ug6] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    justify-content: stretch;
    align-items: start;
}

.mobile-executive-layout[b-a0ndzw7ug6] {
    display: none;
    width: 100%;
    flex-direction: column;
    gap: 1.25rem;
}

.mobile-executive-peers[b-a0ndzw7ug6] {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.75rem;
    padding: 0.85rem 0.75rem 1rem;
    border: 1px solid #cfe0d5;
    border-radius: 1rem;
    background: #f4faf6;
}

.mobile-level-label[b-a0ndzw7ug6] {
    margin: 0;
    color: #008f46;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.12rem;
    text-transform: uppercase;
}

.mobile-peer-connector[b-a0ndzw7ug6] {
    width: 2px;
    height: 14px;
    background: #b7d9c7;
}

.mobile-peer-cards[b-a0ndzw7ug6] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.mobile-peer-card[b-a0ndzw7ug6] {
    width: 100%;
}

.mobile-peer-card .level-executive[b-a0ndzw7ug6] {
    width: 100%;
}

.mobile-executive-branch[b-a0ndzw7ug6] {
    width: 100%;
    padding: 0.9rem 0.75rem 1rem;
    border: 1px solid #e1e8e4;
    border-radius: 1rem;
    background: #fff9d6;
}

.mobile-branch-heading[b-a0ndzw7ug6] {
    margin: 0 0 0.75rem;
    padding-bottom: 0.65rem;
    border-bottom: 1px solid #e1e8e4;
}

.mobile-branch-eyebrow[b-a0ndzw7ug6] {
    margin: 0 0 0.2rem;
    color: #3d8f63;
    font-size: 0.7rem;
    font-weight: 800;
    letter-spacing: 0.1rem;
    text-transform: uppercase;
}

.mobile-branch-heading h3[b-a0ndzw7ug6] {
    margin: 0;
    color: #1f2a26;
    font-size: 1rem;
    font-weight: 750;
}

.mobile-branch-body[b-a0ndzw7ug6] {
    width: 100%;
}

.mobile-branch-body > .org-connector[b-a0ndzw7ug6] {
    display: none;
}

.mobile-branch-body > .org-children[b-a0ndzw7ug6] {
    gap: 0.85rem;
}

.sibling-branch[b-a0ndzw7ug6] {
    flex: 0 1 240px;
    width: min(240px, 100%);
    min-width: 0;
    max-width: 100%;
}

.executive-row > .sibling-branch[b-a0ndzw7ug6] {
    flex: none;
    width: 100%;
    max-width: none;
}

.executive-row .level-executive[b-a0ndzw7ug6] {
    width: 100%;
}

.sibling-row.team-lead-row > .sibling-branch[b-a0ndzw7ug6],
.sibling-row.manager-row > .sibling-branch[b-a0ndzw7ug6] {
    flex: 1 1 150px;
    width: min(180px, 100%);
}

.sibling-row.team-lead-row[b-a0ndzw7ug6] {
    align-items: stretch;
}

.sibling-row.team-lead-row > .sibling-branch[b-a0ndzw7ug6] {
    display: flex;
    flex-direction: column;
}

.sibling-row.team-lead-row > .sibling-branch > .org-node:not(:has(.org-children))[b-a0ndzw7ug6] {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
}

.sibling-row.team-lead-row > .sibling-branch > .org-node:not(:has(.org-children)) > .level-team-lead[b-a0ndzw7ug6] {
    flex: 1 1 auto;
    width: 100%;
    box-sizing: border-box;
}

.sibling-row.manager-row .level-manager[b-a0ndzw7ug6],
.sibling-row.team-lead-row .level-team-lead[b-a0ndzw7ug6] {
    width: 100%;
}

.workforce-block[b-a0ndzw7ug6] {
    width: min(100%, 760px);
    padding: 0.85rem;
    border: 1px dashed #cfe0d5;
    border-radius: 0.9rem;
    background: #f7faf8;
}

.workforce-label[b-a0ndzw7ug6] {
    margin: 0;
    color: #3d8f63;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.12rem;
}

.workforce-owner[b-a0ndzw7ug6] {
    margin: 0.25rem 0 0.65rem;
    color: #3d4a45;
    font-size: 0.82rem;
    font-weight: 700;
}

.team-toggle[b-a0ndzw7ug6] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    margin-bottom: 0.75rem;
    padding: 0.35rem 0.7rem;
    border: 1px solid #c9d7cf;
    border-radius: 999px;
    background: white;
    color: #166b3a;
    font: inherit;
    font-size: 0.82rem;
    font-weight: 750;
    cursor: pointer;
}

    .team-toggle:hover[b-a0ndzw7ug6] {
        border-color: #00a651;
    }

.toggle-caret[b-a0ndzw7ug6] {
    font-size: 0.75rem;
}

.associate-grid .level-team-lead[b-a0ndzw7ug6] {
    width: auto;
    min-width: 0;
}

.associate-grid .level-team-lead h2[b-a0ndzw7ug6] {
    margin: 0;
    font-size: 0.95rem;
    font-weight: 750;
}

@media (max-width: 900px) {
    .org-connector[b-a0ndzw7ug6] {
        display: none;
    }

    .sibling-row:not(.executive-row) .sibling-branch[b-a0ndzw7ug6] {
        flex: 1 1 160px;
        width: min(160px, 100%);
    }

    .associate-grid[b-a0ndzw7ug6] {
        grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
    }

    .org-card[b-a0ndzw7ug6],
    .level-ceo[b-a0ndzw7ug6],
    .level-associate[b-a0ndzw7ug6] {
        width: 100%;
    }
}

@media (max-width: 700px) {
    .desktop-executive-layout[b-a0ndzw7ug6] {
        display: none !important;
    }

    .mobile-executive-layout[b-a0ndzw7ug6] {
        display: flex;
    }

    .org-chart > .org-node > .org-connector[b-a0ndzw7ug6] {
        display: block;
        height: 18px;
    }

    .sibling-row.executive-row[b-a0ndzw7ug6] {
        grid-template-columns: 1fr;
    }

    .sibling-branch[b-a0ndzw7ug6] {
        flex: 1 1 100%;
        width: 100%;
    }

    .associate-grid[b-a0ndzw7ug6] {
        grid-template-columns: 1fr;
    }
}

@media print {
    .org-page[b-a0ndzw7ug6] {
        max-width: none;
        width: 100%;
        margin: 0;
        padding: 0;
        overflow: visible;
        -webkit-print-color-adjust: exact !important;
        print-color-adjust: exact !important;
        color-adjust: exact !important;
    }

    .org-header[b-a0ndzw7ug6] {
        padding: 0 0 0.15rem;
        margin: 0 0 0.2rem;
        border-radius: 0;
        background: none;
        color: #1f2a26;
        box-shadow: none;
        border-bottom: 1px solid #cfe0d5;
    }

        .org-header .eyebrow[b-a0ndzw7ug6],
        .org-header h1:not(.org-print-title)[b-a0ndzw7ug6],
        .org-intro[b-a0ndzw7ug6],
        .org-actions[b-a0ndzw7ug6],
        .team-toggle[b-a0ndzw7ug6] {
            display: none !important;
        }

    .org-print-title[b-a0ndzw7ug6] {
        display: block;
        margin: 0;
        color: #005c2e;
        font-size: 11pt;
        font-weight: 750;
        line-height: 1.1;
        white-space: nowrap;
    }

    .org-print-date[b-a0ndzw7ug6] {
        display: block;
        margin: 0.08rem 0 0;
        color: #52615b;
        font-size: 7pt;
        font-weight: 600;
        opacity: 1;
    }

    .org-toolbar[b-a0ndzw7ug6] {
        margin-bottom: 0.2rem;
        padding: 0;
        border: none;
        background: transparent;
    }

    .org-legend[b-a0ndzw7ug6] {
        gap: 0.2rem 0.55rem;
    }

    .legend-item[b-a0ndzw7ug6] {
        font-size: 6.5pt;
    }

    .legend-swatch[b-a0ndzw7ug6] {
        width: 0.65rem;
        height: 0.65rem;
    }

    .org-chart[b-a0ndzw7ug6] {
        width: 100%;
        gap: 0.12rem;
        align-items: stretch;
    }

        .org-chart > .org-node[b-a0ndzw7ug6] {
            width: 100%;
            align-items: center;
            height: auto !important;
            min-height: 0 !important;
        }

        .org-chart > .org-node > .org-children[b-a0ndzw7ug6] {
            width: 100%;
            align-items: stretch;
            height: auto !important;
            min-height: 0 !important;
            flex: none !important;
        }

    .org-card[b-a0ndzw7ug6],
    .level-ceo[b-a0ndzw7ug6],
    .level-executive[b-a0ndzw7ug6],
    .level-manager[b-a0ndzw7ug6],
    .level-team-lead[b-a0ndzw7ug6],
    .level-associate[b-a0ndzw7ug6] {
        -webkit-print-color-adjust: exact !important;
        print-color-adjust: exact !important;
        color-adjust: exact !important;
        break-inside: avoid;
        page-break-inside: avoid;
        box-shadow: none;
        box-sizing: border-box;
    }

    .org-card[b-a0ndzw7ug6] {
        display: flex !important;
        align-items: center !important;
        gap: 0.38rem;
        padding: 0.28rem 0.38rem;
    }

        .org-card > div:last-child[b-a0ndzw7ug6] {
            flex: 1 1 auto;
            min-width: 0;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: flex-start;
        }

        .org-card h2[b-a0ndzw7ug6],
        .org-card h3[b-a0ndzw7ug6] {
            margin: 0;
            font-size: 7.5pt;
            line-height: 1.15;
            font-weight: 650;
        }

        .org-card p[b-a0ndzw7ug6] {
            margin: 0.12rem 0 0;
            font-size: 6.5pt;
            line-height: 1.15;
        }

        .org-card span[b-a0ndzw7ug6] {
            margin-top: 0.14rem;
            padding: 0.08rem 0.32rem;
            font-size: 5.5pt;
            line-height: 1.1;
        }

    .org-initials[b-a0ndzw7ug6],
    .org-photo[b-a0ndzw7ug6] {
        flex: 0 0 auto !important;
        flex-shrink: 0 !important;
        border-radius: 50% !important;
        width: 18px;
        height: 18px;
        box-sizing: border-box;
    }

    .org-initials[b-a0ndzw7ug6] {
        display: grid !important;
        place-items: center;
        font-size: 0.45rem;
        font-weight: 750;
    }

    .org-photo[b-a0ndzw7ug6] {
        display: block !important;
        object-fit: cover !important;
        object-position: center !important;
        background: #f4faf6;
    }

    .associate-initials[b-a0ndzw7ug6],
    .org-photo.associate-initials[b-a0ndzw7ug6] {
        width: 16px !important;
        height: 16px !important;
        font-size: 0.4rem;
    }

    /* —— CEO: substantial, centered —— */
    .level-ceo[b-a0ndzw7ug6] {
        width: min(520px, 56%);
        min-height: 68px;
        padding: 0.55rem 0.8rem;
        gap: 0.55rem !important;
        background-color: #005c2e !important;
        color: #ffffff !important;
    }

        .level-ceo .org-initials[b-a0ndzw7ug6],
        .level-ceo .org-photo[b-a0ndzw7ug6] {
            width: 46px !important;
            height: 46px !important;
            font-size: 0.9rem;
        }

        .level-ceo h2[b-a0ndzw7ug6] {
            font-size: 11pt;
            font-weight: 800;
            line-height: 1.12;
        }

        .level-ceo p[b-a0ndzw7ug6] {
            margin-top: 0.14rem;
            font-size: 9pt;
            font-weight: 600;
        }

        .level-ceo span[b-a0ndzw7ug6] {
            margin-top: 0.18rem;
            padding: 0.1rem 0.4rem;
            font-size: 7pt;
            font-weight: 650;
        }

        .level-ceo h2[b-a0ndzw7ug6],
        .level-ceo p[b-a0ndzw7ug6],
        .level-ceo span[b-a0ndzw7ug6],
        .level-ceo .org-initials[b-a0ndzw7ug6] {
            color: #ffffff !important;
        }

        .level-ceo .org-initials[b-a0ndzw7ug6],
        .level-ceo span[b-a0ndzw7ug6] {
            background-color: #1a7342 !important;
        }

    /* —— Executives: keep widths; increase height + avatars —— */
    .level-executive[b-a0ndzw7ug6] {
        width: 100%;
        min-height: 60px;
        height: 60px;
        padding: 0.42rem 0.55rem;
        gap: 0.48rem !important;
        background-color: #008f46 !important;
        color: #ffffff !important;
    }

        .level-executive .org-initials[b-a0ndzw7ug6],
        .level-executive .org-photo[b-a0ndzw7ug6] {
            width: 40px !important;
            height: 40px !important;
            font-size: 0.78rem;
        }

        .level-executive h2[b-a0ndzw7ug6] {
            font-size: 11pt;
            font-weight: 800;
            line-height: 1.12;
        }

        .level-executive p[b-a0ndzw7ug6] {
            margin-top: 0.12rem;
            font-size: 8pt;
            font-weight: 600;
        }

        .level-executive span[b-a0ndzw7ug6] {
            margin-top: 0.14rem;
            padding: 0.08rem 0.34rem;
            font-size: 6.5pt;
            font-weight: 650;
        }

        .level-executive h2[b-a0ndzw7ug6],
        .level-executive p[b-a0ndzw7ug6],
        .level-executive span[b-a0ndzw7ug6],
        .level-executive .org-initials[b-a0ndzw7ug6] {
            color: #ffffff !important;
        }

        .level-executive .org-initials[b-a0ndzw7ug6],
        .level-executive span[b-a0ndzw7ug6] {
            background-color: #1a9a54 !important;
        }

    /* —— Managers: taller, uniform —— */
    .level-manager[b-a0ndzw7ug6] {
        width: 100%;
        min-height: 50px;
        height: 50px;
        padding: 0.36rem 0.45rem;
        gap: 0.4rem !important;
        background-color: #2f9a5f !important;
        color: #ffffff !important;
    }

        .level-manager .org-initials[b-a0ndzw7ug6],
        .level-manager .org-photo[b-a0ndzw7ug6] {
            width: 32px !important;
            height: 32px !important;
            font-size: 0.64rem;
        }

        .level-manager h2[b-a0ndzw7ug6] {
            font-size: 9.25pt;
            font-weight: 750;
            line-height: 1.12;
        }

        .level-manager p[b-a0ndzw7ug6] {
            margin-top: 0.1rem;
            font-size: 7.25pt;
            font-weight: 600;
        }

        .level-manager span[b-a0ndzw7ug6] {
            margin-top: 0.12rem;
            padding: 0.07rem 0.3rem;
            font-size: 6pt;
            font-weight: 650;
        }

        .level-manager h2[b-a0ndzw7ug6],
        .level-manager p[b-a0ndzw7ug6],
        .level-manager span[b-a0ndzw7ug6],
        .level-manager .org-initials[b-a0ndzw7ug6] {
            color: #ffffff !important;
        }

        .level-manager .org-initials[b-a0ndzw7ug6],
        .level-manager span[b-a0ndzw7ug6] {
            background-color: #3eab6e !important;
        }

    /* —— Team Leads: pale-green background ONLY; typography matches associates —— */
    .level-team-lead[b-a0ndzw7ug6] {
        background-color: #cfead9 !important;
        color: #1f2a26 !important;
        padding: 0.22rem 0.26rem;
        gap: 0.26rem !important;
        min-height: 0;
    }

        .level-team-lead .org-initials[b-a0ndzw7ug6],
        .level-team-lead .org-photo[b-a0ndzw7ug6] {
            width: 16px !important;
            height: 16px !important;
            font-size: 0.4rem;
        }

        .level-team-lead h2[b-a0ndzw7ug6] {
            margin: 0;
            font-size: 7pt !important;
            font-weight: 650 !important;
            line-height: 1.12;
            color: #1f2a26 !important;
        }

        /* Override higher-specificity screen rule .associate-grid .level-team-lead h2 */
        .associate-grid .level-team-lead h2[b-a0ndzw7ug6] {
            margin: 0 !important;
            font-size: 7pt !important;
            font-weight: 650 !important;
            line-height: 1.12 !important;
        }

        .level-team-lead p[b-a0ndzw7ug6] {
            margin-top: 0.1rem;
            font-size: 6pt;
            color: #1f2a26 !important;
        }

        .level-team-lead span[b-a0ndzw7ug6] {
            margin-top: 0.1rem;
            font-size: 5.25pt;
            color: #53615b !important;
            background-color: #f0f5f2 !important;
        }

        .level-team-lead .org-initials[b-a0ndzw7ug6] {
            background-color: #f4faf6 !important;
            color: #3d8f63 !important;
        }

    /* —— Associates: slightly roomier, still compact —— */
    .level-associate[b-a0ndzw7ug6] {
        padding: 0.22rem 0.26rem;
        gap: 0.26rem !important;
        background-color: #ffffff !important;
        color: #1f2a26 !important;
    }

        .level-associate .org-initials[b-a0ndzw7ug6],
        .level-associate .org-photo[b-a0ndzw7ug6] {
            width: 16px !important;
            height: 16px !important;
            font-size: 0.4rem;
        }

        .level-associate h3[b-a0ndzw7ug6] {
            font-size: 7pt;
            font-weight: 650;
            line-height: 1.12;
        }

        .level-associate p[b-a0ndzw7ug6] {
            margin-top: 0.1rem;
            font-size: 6pt;
        }

        .level-associate span[b-a0ndzw7ug6] {
            margin-top: 0.1rem;
            font-size: 5.25pt;
        }

    .org-connector[b-a0ndzw7ug6] {
        display: block !important;
        width: 2px;
        height: 10px;
        background: #b7d9c7 !important;
    }

    .org-chart > .org-node > .org-connector[b-a0ndzw7ug6] {
        height: 14px;
    }

    .org-children[b-a0ndzw7ug6] {
        gap: 0.28rem;
        break-inside: auto;
        page-break-inside: auto;
    }

    .sibling-row[b-a0ndzw7ug6] {
        gap: 0.28rem 0.4rem;
        width: 100%;
    }

    .sibling-row.executive-row[b-a0ndzw7ug6],
    .desktop-executive-layout[b-a0ndzw7ug6] {
        position: relative;
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        align-items: start;
        justify-content: stretch;
        width: 100%;
        column-gap: 0.45rem;
        row-gap: 0.28rem;
        padding-top: 0.45rem;
        border-top: 2px solid #b7d9c7;
        break-inside: auto;
        page-break-inside: auto;
    }

    .executive-row > .sibling-branch[b-a0ndzw7ug6] {
        position: relative;
        padding-top: 0.4rem;
        align-self: start !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        flex: none !important;
    }

        .executive-row > .sibling-branch[b-a0ndzw7ug6]::before {
            content: "";
            position: absolute;
            top: 0;
            left: 50%;
            width: 2px;
            height: 0.4rem;
            background: #b7d9c7;
            transform: translateX(-50%);
        }

    .mobile-executive-layout[b-a0ndzw7ug6] {
        display: none !important;
    }

    .executive-row > .sibling-branch[b-a0ndzw7ug6],
    .sibling-row:not(.executive-row) .sibling-branch[b-a0ndzw7ug6] {
        width: auto;
        max-width: 100%;
        min-width: 0;
    }

    .sibling-row:not(.executive-row) .sibling-branch[b-a0ndzw7ug6] {
        flex: 1 1 0;
    }

    .executive-row > .sibling-branch[b-a0ndzw7ug6] {
        flex: none !important;
        align-self: start !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
    }

    .executive-row > .sibling-branch > .org-node[b-a0ndzw7ug6] {
        width: 100%;
        align-items: stretch;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        flex: none !important;
    }

    .executive-row > .sibling-branch > .org-node > .org-children[b-a0ndzw7ug6] {
        height: auto !important;
        min-height: 0 !important;
        flex: none !important;
        align-self: stretch;
    }

    .executive-row .level-executive[b-a0ndzw7ug6] {
        width: 100%;
    }

    .sibling-row.manager-row[b-a0ndzw7ug6] {
        display: grid !important;
        grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
        width: 100%;
        column-gap: 0.28rem;
        row-gap: 0.14rem;
    }

    .sibling-row.manager-row > .sibling-branch[b-a0ndzw7ug6] {
        width: 100%;
        min-width: 0;
    }

    .sibling-row.manager-row > .sibling-branch > .org-node[b-a0ndzw7ug6] {
        width: 100%;
        align-items: stretch;
    }

    .sibling-row.manager-row .level-manager[b-a0ndzw7ug6] {
        width: 100%;
    }

    /* Keep each manager with their own team; do NOT lock entire manager rows. */
    .sibling-row.manager-row > .sibling-branch[b-a0ndzw7ug6],
    .sibling-row.team-lead-row > .sibling-branch[b-a0ndzw7ug6] {
        break-inside: avoid;
        page-break-inside: avoid;
    }

    .sibling-row.manager-row[b-a0ndzw7ug6],
    .sibling-row.team-lead-row[b-a0ndzw7ug6],
    .sibling-row.executive-row > .sibling-branch[b-a0ndzw7ug6] {
        break-inside: auto;
        page-break-inside: auto;
    }

    /* Prefer keeping a person card with the section that immediately follows. */
    .org-node > .org-card[b-a0ndzw7ug6] {
        break-after: avoid;
        page-break-after: avoid;
    }

    .workforce-block[b-a0ndzw7ug6] {
        width: 100%;
        max-width: none;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        padding: 0.22rem 0.22rem;
        flex: none !important;
        align-self: start !important;
        overflow: visible !important;
        /* Never lock a large team onto its own page — flow naturally. */
        break-inside: auto;
        page-break-inside: auto;
        break-before: auto;
        page-break-before: auto;
        box-decoration-break: slice;
        -webkit-box-decoration-break: slice;
    }

    .workforce-heading[b-a0ndzw7ug6] {
        break-inside: avoid;
        page-break-inside: avoid;
        break-after: avoid;
        page-break-after: avoid;
    }

    .workforce-heading + .associate-grid[b-a0ndzw7ug6] {
        break-before: avoid;
        page-break-before: avoid;
    }

    .workforce-label[b-a0ndzw7ug6] {
        font-size: 5.5pt;
        letter-spacing: 0.06rem;
    }

    .workforce-owner[b-a0ndzw7ug6] {
        margin: 0.05rem 0 0.1rem;
        font-size: 6.5pt;
    }

    /*
      Force compact multi-column team grids in print. Executive columns are
      only ~1/3 page wide; auto-fill/minmax and mobile max-width rules can
      collapse to one vertical column and leave an empty parent fragment.
    */
    .associate-grid[b-a0ndzw7ug6] {
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 0.14rem !important;
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        flex: none !important;
        align-self: start !important;
        break-inside: auto !important;
        page-break-inside: auto !important;
    }

    .associate-grid:not(:has(> .org-card:nth-child(2)))[b-a0ndzw7ug6] {
        /* One-person teams: use full team-section width (avoid a half-column card). */
        grid-template-columns: minmax(0, 1fr) !important;
    }

    .associate-grid:has(> .org-card:nth-child(2)):not(:has(> .org-card:nth-child(4)))[b-a0ndzw7ug6] {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .associate-grid > .org-card[b-a0ndzw7ug6] {
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        height: auto !important;
        min-height: 0 !important;
        align-self: start !important;
    }
}
/* /Components/Pages/AccountManagement.razor.rz.scp.css */
.accounts-page[b-f12gihtkj6] {
    max-width: none;
    width: 100%;
    margin: 0;
    padding: 1.5rem 0 4rem;
}

.accounts-header[b-f12gihtkj6] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
    padding: 2rem;
    margin-bottom: 1.5rem;
    border-radius: 1.25rem;
    background: linear-gradient(135deg, #00a651 0%, #008f46 100%);
    color: white;
    box-shadow: 0 12px 30px rgba(0, 143, 70, 0.18);
}

    .accounts-header h1[b-f12gihtkj6] {
        margin: 0;
        font-size: clamp(1.8rem, 3vw, 2.8rem);
        font-weight: 750;
    }

    .accounts-header p[b-f12gihtkj6] {
        margin: 0.5rem 0 0;
        opacity: 0.92;
    }

.accounts-header .eyebrow[b-f12gihtkj6] {
    margin: 0 0 0.35rem !important;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.16rem;
    opacity: 0.8;
}

.accounts-count[b-f12gihtkj6] {
    min-width: 145px;
    padding: 1rem 1.25rem;
    border-radius: 1rem;
    background: rgba(255, 255, 255, 0.15);
    display: flex;
    flex-direction: column;
    text-align: center;
}

    .accounts-count strong[b-f12gihtkj6] {
        font-size: 2rem;
        line-height: 1;
    }

    .accounts-count span[b-f12gihtkj6] {
        margin-top: 0.35rem;
        font-size: 0.85rem;
        text-transform: uppercase;
        letter-spacing: 0.06rem;
    }

.accounts-tools[b-f12gihtkj6] {
    display: grid;
    grid-template-columns: 1.4fr repeat(4, minmax(140px, 1fr));
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.search-box[b-f12gihtkj6],
.accounts-filter[b-f12gihtkj6] {
    width: 100%;
    min-height: 48px;
    padding: 0.75rem 1rem;
    border: 1px solid #dce4df;
    border-radius: 0.8rem;
    background: white;
    font: inherit;
}

.summary-strip[b-f12gihtkj6] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
    margin-bottom: 1rem;
}

.summary-chip[b-f12gihtkj6] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.15rem;
    min-width: 120px;
    padding: 0.65rem 0.85rem;
    border: 1px solid #e1e8e4;
    border-radius: 0.85rem;
    background: white;
    color: #1f2a26;
    cursor: pointer;
    text-align: left;
}

    .summary-chip span[b-f12gihtkj6] {
        font-size: 0.72rem;
        font-weight: 700;
        color: #64706b;
        text-transform: uppercase;
        letter-spacing: 0.04rem;
    }

    .summary-chip strong[b-f12gihtkj6] {
        font-size: 1.25rem;
    }

.chip-active[b-f12gihtkj6] {
    border-color: #00a651;
    box-shadow: 0 0 0 3px rgba(0, 166, 81, 0.12);
}

.bulk-bar[b-f12gihtkj6] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
    padding: 0.85rem 1rem;
    border: 1px solid #e1e8e4;
    border-radius: 0.85rem;
    background: #f7faf8;
    font-weight: 700;
}

.bulk-results[b-f12gihtkj6] {
    margin-bottom: 1.5rem;
    padding: 1.25rem;
    border: 1px solid #e1e8e4;
    border-radius: 1rem;
    background: white;
}

    .bulk-results h2[b-f12gihtkj6] {
        margin: 0 0 0.85rem;
    }

.login-sheets[b-f12gihtkj6] {
    display: none;
}

.login-sheet[b-f12gihtkj6] {
    max-width: 720px;
    margin: 0 auto;
    padding: 0;
    color: #1f2a26;
    background: white;
}

.login-sheet-header[b-f12gihtkj6] {
    display: flex;
    align-items: center;
    gap: 1.25rem;
    padding: 1.25rem 1.5rem;
    margin-bottom: 1.75rem;
    border-radius: 1rem;
    background: linear-gradient(135deg, #00a651 0%, #008f46 100%);
    color: white;
}

.login-sheet-logo[b-f12gihtkj6] {
    width: 140px;
    max-height: 64px;
    object-fit: contain;
    background: white;
    border-radius: 0.6rem;
    padding: 0.35rem 0.5rem;
}

.login-sheet-kicker[b-f12gihtkj6] {
    margin: 0 0 0.2rem;
    font-size: 0.75rem;
    font-weight: 800;
    letter-spacing: 0.16rem;
    text-transform: uppercase;
    opacity: 0.9;
}

.login-sheet-header h1[b-f12gihtkj6] {
    margin: 0;
    font-size: 1.85rem;
    font-weight: 750;
}

.login-sheet h2[b-f12gihtkj6] {
    margin: 0 0 0.75rem;
    font-size: 1.6rem;
}

.login-sheet-intro[b-f12gihtkj6] {
    margin: 0 0 1.25rem;
    font-size: 1.05rem;
    color: #3d4a45;
}

.login-sheet-portal[b-f12gihtkj6] {
    margin: 0 0 1.5rem;
    padding: 1rem 1.15rem;
    border: 1px solid #dce4df;
    border-radius: 0.9rem;
    background: white;
}

    .login-sheet-portal h3[b-f12gihtkj6] {
        margin: 0 0 0.85rem;
    }

.login-sheet-portal-body[b-f12gihtkj6] {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 1rem;
    align-items: center;
}

    .login-sheet-portal-body span[b-f12gihtkj6] {
        display: block;
        margin-bottom: 0.2rem;
        font-size: 0.72rem;
        font-weight: 800;
        letter-spacing: 0.06rem;
        text-transform: uppercase;
        color: #53615b;
    }

    .login-sheet-portal-body strong[b-f12gihtkj6] {
        display: block;
        margin-bottom: 0.5rem;
        font-size: 1.05rem;
        word-break: break-all;
    }

    .login-sheet-portal-body p[b-f12gihtkj6] {
        margin: 0;
        color: #3d4a45;
        font-size: 0.92rem;
        line-height: 1.45;
        overflow-wrap: anywhere;
    }

.login-sheet-qr[b-f12gihtkj6] {
    width: 112px;
    height: 112px;
    padding: 0.35rem;
    border: 1px solid #e1e8e4;
    border-radius: 0.5rem;
    background: white;
}

.login-sheet-credentials[b-f12gihtkj6] {
    display: grid;
    gap: 0.85rem;
    margin-bottom: 1.75rem;
    padding: 1rem 1.15rem;
    border: 1px solid #dce4df;
    border-radius: 0.9rem;
    background: #f7faf8;
}

    .login-sheet-credentials span[b-f12gihtkj6] {
        display: block;
        margin-bottom: 0.2rem;
        font-size: 0.72rem;
        font-weight: 800;
        letter-spacing: 0.06rem;
        text-transform: uppercase;
        color: #53615b;
    }

    .login-sheet-credentials strong[b-f12gihtkj6] {
        font-size: 1.2rem;
        font-family: Consolas, "Courier New", monospace;
        word-break: break-all;
    }

.login-sheet h3[b-f12gihtkj6] {
    margin: 0 0 0.65rem;
    color: #008f46;
    font-size: 1.05rem;
    letter-spacing: 0.04rem;
    text-transform: uppercase;
}

.login-sheet-steps[b-f12gihtkj6] {
    margin: 0 0 1.5rem;
    padding-left: 1.2rem;
    color: #3d4a45;
}

    .login-sheet-steps li[b-f12gihtkj6] {
        margin: 0.45rem 0;
        line-height: 1.5;
        overflow-wrap: anywhere;
    }

.login-sheet-note[b-f12gihtkj6] {
    margin: 0;
    padding: 0.9rem 1rem;
    border-left: 4px solid #00a651;
    background: #edf8f2;
    color: #166b3a;
    font-size: 0.95rem;
    line-height: 1.45;
    overflow-wrap: anywhere;
}

@media print {
    .no-print[b-f12gihtkj6],
    .sidebar[b-f12gihtkj6],
    .top-row[b-f12gihtkj6] {
        display: none !important;
    }

    .accounts-page[b-f12gihtkj6],
    .bulk-results[b-f12gihtkj6],
    .login-sheets[b-f12gihtkj6] {
        max-width: none !important;
        margin: 0 !important;
        padding: 0 !important;
        border: none !important;
        box-shadow: none !important;
        background: white !important;
        height: auto !important;
        min-height: 0 !important;
        overflow: visible !important;
    }

    .login-sheet-header[b-f12gihtkj6],
    .login-sheet-note[b-f12gihtkj6],
    .login-sheet-credentials[b-f12gihtkj6],
    .login-sheet-qr[b-f12gihtkj6] {
        print-color-adjust: exact;
        -webkit-print-color-adjust: exact;
    }

    .login-sheet[b-f12gihtkj6] {
        max-width: none;
        min-height: 0;
        height: auto;
        padding: 0;
        margin: 0;
        overflow: visible;
        break-inside: auto;
        page-break-inside: auto;
    }
}

.bulk-result-actions[b-f12gihtkj6] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
    margin-bottom: 1rem;
    align-items: flex-end;
}

    .bulk-result-actions .table-button[b-f12gihtkj6],
    .bulk-result-actions .primary-button[b-f12gihtkj6] {
        display: inline-flex;
        align-items: center;
        text-decoration: none;
    }

.login-sheet-language[b-f12gihtkj6] {
    display: inline-flex;
    flex-direction: column;
    gap: 0.3rem;
    margin: 0;
    min-width: 160px;
    color: #3d4a45;
    font-size: 0.82rem;
    font-weight: 650;
}

    .login-sheet-language select[b-f12gihtkj6] {
        min-height: 42px;
        padding: 0.55rem 0.75rem;
        border: 1px solid #dce4df;
        border-radius: 0.7rem;
        background: white;
        font: inherit;
        font-weight: 600;
        color: #1f2a26;
    }

.panel-login-sheet-language[b-f12gihtkj6] {
    margin: 0 0 0.85rem;
}

.password-cell[b-f12gihtkj6] {
    font-family: Consolas, "Courier New", monospace;
    font-weight: 700;
}

.bulk-name-list[b-f12gihtkj6] {
    margin: 0;
    padding-left: 1.2rem;
    max-height: 180px;
    overflow: auto;
    color: #53615b;
}

.status-card[b-f12gihtkj6],
.accounts-banner[b-f12gihtkj6] {
    margin-bottom: 1rem;
    padding: 0.9rem 1rem;
    border-radius: 0.8rem;
    font-weight: 700;
}

.banner-success[b-f12gihtkj6] {
    background: #edf8f2;
    color: #166b3a;
}

.banner-error[b-f12gihtkj6] {
    background: #fff0ee;
    color: #a1281f;
}

.accounts-table-wrap[b-f12gihtkj6] {
    overflow-x: auto;
    border: 1px solid #e1e8e4;
    border-radius: 1rem;
    background: white;
}

.accounts-table[b-f12gihtkj6] {
    width: 100%;
    min-width: 0;
    table-layout: fixed;
    border-collapse: collapse;
    font-size: 0.8rem;
}

    .accounts-table th[b-f12gihtkj6],
    .accounts-table td[b-f12gihtkj6] {
        padding: 0.5rem 0.45rem;
        text-align: left;
        border-bottom: 1px solid #eef3f0;
        vertical-align: top;
        overflow-wrap: anywhere;
        word-break: break-word;
        hyphens: auto;
    }

    .accounts-table th[b-f12gihtkj6] {
        font-size: 0.68rem;
        letter-spacing: 0.03rem;
        text-transform: uppercase;
        color: #53615b;
        background: #f7faf8;
    }

    .accounts-table .col-check[b-f12gihtkj6] {
        width: 2.4rem;
        padding-left: 0.55rem;
        padding-right: 0.25rem;
    }

    .accounts-table .col-name[b-f12gihtkj6] {
        width: 10%;
    }

    .accounts-table .col-id[b-f12gihtkj6] {
        width: 6.5%;
    }

    .accounts-table .col-dept[b-f12gihtkj6],
    .accounts-table .col-job[b-f12gihtkj6],
    .accounts-table .col-manager[b-f12gihtkj6] {
        width: 8.5%;
    }

    .accounts-table .col-login[b-f12gihtkj6],
    .accounts-table .col-status[b-f12gihtkj6] {
        width: 8%;
    }

    .accounts-table .col-actions[b-f12gihtkj6] {
        width: 10.5rem;
    }

    .accounts-table .col-user[b-f12gihtkj6] {
        width: 8%;
    }

    .accounts-table .col-email[b-f12gihtkj6] {
        width: 11%;
    }

    .accounts-table .col-roles[b-f12gihtkj6] {
        width: 8%;
    }

.status-pill[b-f12gihtkj6] {
    display: inline-block;
    padding: 0.2rem 0.55rem;
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 800;
}

.status-yes[b-f12gihtkj6] {
    background: #edf8f2;
    color: #166b3a;
}

.status-none[b-f12gihtkj6] {
    background: #f4f4f4;
    color: #5c6561;
}

.status-temp[b-f12gihtkj6] {
    background: #fff6e8;
    color: #8a5a12;
}

.table-button[b-f12gihtkj6],
.primary-button[b-f12gihtkj6],
.secondary-button[b-f12gihtkj6],
.danger-button[b-f12gihtkj6] {
    min-height: 38px;
    padding: 0.4rem 0.8rem;
    border-radius: 0.6rem;
    font: inherit;
    font-weight: 700;
    cursor: pointer;
}

.table-button[b-f12gihtkj6] {
    min-height: 34px;
    padding: 0.3rem 0.55rem;
    font-size: 0.75rem;
    border: 1px solid #d8dfdb;
    background: white;
    color: #1f2a26;
}

.primary-button[b-f12gihtkj6] {
    border: none;
    background: #00a651;
    color: white;
}

.secondary-button[b-f12gihtkj6] {
    border: 1px solid #d8dfdb;
    background: white;
}

.danger-button[b-f12gihtkj6] {
    border: none;
    background: #b42318;
    color: white;
}

    .danger-button:disabled[b-f12gihtkj6],
    .primary-button:disabled[b-f12gihtkj6],
    .table-button:disabled[b-f12gihtkj6] {
        opacity: 0.55;
        cursor: not-allowed;
    }

.accounts-modal-backdrop[b-f12gihtkj6] {
    position: fixed;
    inset: 0;
    z-index: 40;
    display: grid;
    place-items: center;
    padding: 1.5rem;
    background: rgba(18, 32, 27, 0.45);
}

.accounts-modal[b-f12gihtkj6] {
    width: min(640px, 100%);
    max-height: 90vh;
    overflow: auto;
    padding: 1.5rem;
    border-radius: 1.1rem;
    background: white;
    display: grid;
    gap: 0.7rem;
}

    .accounts-modal h2[b-f12gihtkj6] {
        margin: 0;
    }

    .accounts-modal label[b-f12gihtkj6] {
        font-size: 0.8rem;
        font-weight: 700;
        color: #53615b;
    }

    .accounts-modal input[type="text"][b-f12gihtkj6],
    .accounts-modal input:not([type])[b-f12gihtkj6] {
        min-height: 42px;
        padding: 0.55rem 0.7rem;
        border: 1px solid #dce4df;
        border-radius: 0.6rem;
        font: inherit;
    }

.modal-copy[b-f12gihtkj6],
.modal-hint[b-f12gihtkj6] {
    margin: 0;
    color: #64706b;
    font-size: 0.86rem;
}

.password-row[b-f12gihtkj6] {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 0.6rem;
}

.role-fieldset[b-f12gihtkj6] {
    border: 1px solid #e1e8e4;
    border-radius: 0.8rem;
    padding: 0.8rem 1rem;
}

.role-option[b-f12gihtkj6] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin: 0.35rem 0;
    font-weight: 600;
}

    .role-option small[b-f12gihtkj6] {
        color: #8a5a12;
        font-weight: 600;
    }

.detail-grid[b-f12gihtkj6] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.75rem;
}

    .detail-grid span[b-f12gihtkj6] {
        display: block;
        font-size: 0.72rem;
        color: #64706b;
        text-transform: uppercase;
        letter-spacing: 0.04rem;
    }

.modal-actions[b-f12gihtkj6] {
    display: flex;
    justify-content: flex-end;
    gap: 0.6rem;
    margin-top: 0.5rem;
}

.wrap-actions[b-f12gihtkj6] {
    flex-wrap: wrap;
}

.panel-message[b-f12gihtkj6] {
    padding: 0.65rem 0.75rem;
    border-radius: 0.6rem;
    font-size: 0.82rem;
    font-weight: 700;
}

.actions-cell[b-f12gihtkj6] {
    white-space: normal;
}

.account-row-actions[b-f12gihtkj6] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.35rem;
}

.view-as-form[b-f12gihtkj6] {
    display: inline-flex;
    margin: 0;
}

@media (max-width: 1100px) {
    .accounts-table[b-f12gihtkj6] {
        table-layout: auto;
        min-width: 68rem;
    }
}
/* /Components/Pages/ApprovalCenter.razor.rz.scp.css */
.approval-page[b-jnc0vdkeh9] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 2rem 0 4rem;
}

.approval-header[b-jnc0vdkeh9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
    padding: 2rem;
    margin-bottom: 1.5rem;
    border-radius: 1.25rem;
    background: linear-gradient(135deg, #00a651, #008f46);
    color: white;
    box-shadow: 0 12px 30px rgba(0, 143, 70, 0.18);
}

    .approval-header h1[b-jnc0vdkeh9] {
        margin: 0;
        font-size: clamp(2rem, 4vw, 3rem);
    }

    .approval-header p[b-jnc0vdkeh9] {
        margin: 0.5rem 0 0;
    }

.eyebrow[b-jnc0vdkeh9],
.section-eyebrow[b-jnc0vdkeh9] {
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.13rem;
}

.back-button[b-jnc0vdkeh9] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 0.65rem 1rem;
    border-radius: 0.7rem;
    background: white;
    color: #008f46;
    text-decoration: none;
    font-weight: 750;
    white-space: nowrap;
}

.approval-summary-grid[b-jnc0vdkeh9] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.summary-card[b-jnc0vdkeh9] {
    padding: 1.25rem;
    border: 1px solid #e1e8e4;
    border-radius: 1rem;
    background: white;
}

    .summary-card span[b-jnc0vdkeh9],
    .summary-card small[b-jnc0vdkeh9] {
        display: block;
        color: #65716c;
    }

    .summary-card span[b-jnc0vdkeh9] {
        font-size: 0.72rem;
        font-weight: 750;
        text-transform: uppercase;
    }

    .summary-card strong[b-jnc0vdkeh9] {
        display: block;
        margin: 0.35rem 0;
        color: #008f46;
        font-size: 2rem;
    }

.section-heading[b-jnc0vdkeh9] {
    margin-bottom: 1rem;
}

.section-eyebrow[b-jnc0vdkeh9] {
    margin: 0;
    color: #008f46;
}

.section-heading h2[b-jnc0vdkeh9] {
    margin: 0.2rem 0 0;
}

.empty-card[b-jnc0vdkeh9],
.status-card[b-jnc0vdkeh9] {
    padding: 1.5rem;
    border: 1px solid #e1e8e4;
    border-radius: 1rem;
    background: white;
}

    .empty-card p[b-jnc0vdkeh9] {
        margin-bottom: 0;
        color: #65716c;
    }

.approval-list[b-jnc0vdkeh9] {
    display: grid;
    gap: 1rem;
}

.approval-card[b-jnc0vdkeh9] {
    overflow: hidden;
    border: 1px solid #e1e8e4;
    border-radius: 1rem;
    background: white;
    box-shadow: 0 6px 20px rgba(24, 58, 46, 0.06);
}

.approval-card-header[b-jnc0vdkeh9] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.25rem;
    border-bottom: 1px solid #edf1ef;
}

.request-type[b-jnc0vdkeh9] {
    color: #008f46;
    font-size: 0.7rem;
    font-weight: 800;
    letter-spacing: 0.08rem;
    text-transform: uppercase;
}

.approval-card-header h3[b-jnc0vdkeh9] {
    margin: 0.2rem 0;
}

.approval-card-header p[b-jnc0vdkeh9] {
    margin: 0.25rem 0 0;
    color: #65716c;
}

.request-status[b-jnc0vdkeh9] {
    padding: 0.4rem 0.7rem;
    border-radius: 999px;
    background: #fff3cd;
    color: #755b00;
    font-size: 0.75rem;
    font-weight: 800;
    white-space: nowrap;
}

.approval-progress[b-jnc0vdkeh9] {
    padding: 0.9rem 1.25rem;
    border-bottom: 1px solid #edf1ef;
}

.approval-progress-track[b-jnc0vdkeh9] {
    height: 8px;
    overflow: hidden;
    margin-bottom: 0.4rem;
    border-radius: 999px;
    background: #edf1ef;
}

.approval-progress-value[b-jnc0vdkeh9] {
    height: 100%;
    border-radius: inherit;
    background: #00a651;
}

.approval-progress span[b-jnc0vdkeh9] {
    color: #65716c;
    font-size: 0.75rem;
}

.executive-vote-grid[b-jnc0vdkeh9] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0;
}

.executive-vote-card[b-jnc0vdkeh9] {
    padding: 1rem;
    border-right: 1px solid #edf1ef;
}

    .executive-vote-card:last-child[b-jnc0vdkeh9] {
        border-right: none;
    }

.executive-name strong[b-jnc0vdkeh9] {
    display: block;
    margin-bottom: 0.4rem;
}

.vote-status[b-jnc0vdkeh9] {
    display: inline-flex;
    padding: 0.25rem 0.5rem;
    border-radius: 999px;
    font-size: 0.68rem;
    font-weight: 800;
}

.vote-pending[b-jnc0vdkeh9] {
    background: #fff3cd;
    color: #755b00;
}

.vote-approved[b-jnc0vdkeh9] {
    background: #eaf8f0;
    color: #166b3a;
}

.vote-denied[b-jnc0vdkeh9] {
    background: #fff0ee;
    color: #a1281f;
}

.vote-actions[b-jnc0vdkeh9] {
    display: flex;
    gap: 0.45rem;
    margin-top: 0.75rem;
}

.vote-yes-button[b-jnc0vdkeh9],
.vote-no-button[b-jnc0vdkeh9] {
    flex: 1;
    min-height: 36px;
    border-radius: 0.55rem;
    font: inherit;
    font-size: 0.75rem;
    font-weight: 750;
    cursor: pointer;
}

.vote-yes-button[b-jnc0vdkeh9] {
    border: none;
    background: #00a651;
    color: white;
}

.vote-no-button[b-jnc0vdkeh9] {
    border: 1px solid #c94136;
    background: white;
    color: #a1281f;
}

.executive-vote-card small[b-jnc0vdkeh9] {
    display: block;
    margin-top: 0.5rem;
    color: #65716c;
}

.approval-message[b-jnc0vdkeh9] {
    margin: 0 1.25rem 1rem;
    padding: 0.7rem;
    border-radius: 0.6rem;
    font-size: 0.8rem;
    font-weight: 700;
}

.approval-error[b-jnc0vdkeh9] {
    background: #fff0ee;
    color: #a1281f;
}

.approval-success[b-jnc0vdkeh9] {
    background: #edf8f2;
    color: #166b3a;
}

@media (max-width: 900px) {
    .executive-vote-grid[b-jnc0vdkeh9] {
        grid-template-columns: repeat(2, 1fr);
    }

    .approval-summary-grid[b-jnc0vdkeh9] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 650px) {
    .approval-header[b-jnc0vdkeh9],
    .approval-card-header[b-jnc0vdkeh9] {
        align-items: flex-start;
        flex-direction: column;
    }

    .executive-vote-grid[b-jnc0vdkeh9] {
        grid-template-columns: 1fr;
    }

    .executive-vote-card[b-jnc0vdkeh9] {
        border-right: none;
        border-bottom: 1px solid #edf1ef;
    }
}
.request-pending[b-jnc0vdkeh9] {
    background: #fff3cd;
    color: #755b00;
}

.request-approved[b-jnc0vdkeh9] {
    background: #eaf8f0;
    color: #166b3a;
}

.request-denied[b-jnc0vdkeh9] {
    background: #fff0ee;
    color: #a1281f;
}

.request-cancelled[b-jnc0vdkeh9] {
    background: #f0f2f1;
    color: #59645f;
}
/* /Components/Pages/ChangePassword.razor.rz.scp.css */
.change-password-page[b-bjvur5x1kv] {
    min-height: calc(100vh - 100px);
    display: grid;
    place-items: center;
    padding: 2rem;
}

.change-password-card[b-bjvur5x1kv] {
    width: min(460px, 100%);
    padding: 2rem;
    border: 1px solid #e1e8e4;
    border-radius: 1.15rem;
    background: white;
    box-shadow: 0 15px 40px rgba(24, 58, 46, 0.1);
}

    .change-password-card h1[b-bjvur5x1kv] {
        margin: 0;
    }

.eyebrow[b-bjvur5x1kv] {
    margin: 0 0 0.35rem;
    color: #008f46;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.13rem;
}

.subtitle[b-bjvur5x1kv] {
    margin: 0.5rem 0 1rem;
    color: #64706b;
}

.password-requirements[b-bjvur5x1kv] {
    margin: 0 0 1.25rem;
    color: #53615b;
    font-size: 0.82rem;
}

.password-form[b-bjvur5x1kv] {
    display: grid;
    gap: 0.75rem;
}

    .password-form label[b-bjvur5x1kv] {
        font-size: 0.8rem;
        font-weight: 700;
        color: #53615b;
    }

    .password-form input[b-bjvur5x1kv] {
        min-height: 44px;
        padding: 0.65rem 0.75rem;
        border: 1px solid #dce4df;
        border-radius: 0.65rem;
        font: inherit;
    }

        .password-form input:focus[b-bjvur5x1kv] {
            outline: none;
            border-color: #00a651;
            box-shadow: 0 0 0 3px rgba(0, 166, 81, 0.1);
        }

.change-password-button[b-bjvur5x1kv] {
    min-height: 44px;
    margin-top: 0.5rem;
    border: none;
    border-radius: 0.65rem;
    background: #00a651;
    color: white;
    font: inherit;
    font-weight: 750;
    cursor: pointer;
}

    .change-password-button:hover[b-bjvur5x1kv] {
        background: #008f46;
    }

    .change-password-button:disabled[b-bjvur5x1kv] {
        opacity: 0.65;
        cursor: not-allowed;
    }

.password-error[b-bjvur5x1kv],
.password-success[b-bjvur5x1kv] {
    margin-bottom: 1rem;
    padding: 0.75rem 0.85rem;
    border-radius: 0.6rem;
    font-size: 0.82rem;
    font-weight: 700;
}

.password-error[b-bjvur5x1kv] {
    background: #fff0ee;
    color: #a1281f;
}

.password-success[b-bjvur5x1kv] {
    background: #edf8f2;
    color: #166b3a;
}
/* /Components/Pages/ChooseLanguage.razor.rz.scp.css */
.choose-language-page[b-igyzml3mv5] {
    min-height: calc(100vh - 100px);
    display: grid;
    place-items: center;
    padding: 2rem;
}

.choose-language-card[b-igyzml3mv5] {
    width: min(460px, 100%);
    padding: 2rem;
    border: 1px solid #e1e8e4;
    border-radius: 1.15rem;
    background: white;
    box-shadow: 0 15px 40px rgba(24, 58, 46, 0.1);
    text-align: center;
}

    .choose-language-card h1[b-igyzml3mv5] {
        margin: 0;
        letter-spacing: 0.04rem;
    }

.eyebrow[b-igyzml3mv5] {
    margin: 0 0 0.35rem;
    color: #008f46;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.13rem;
}

.subtitle[b-igyzml3mv5] {
    margin: 0.45rem 0 1.5rem;
    color: #64706b;
    font-size: 1.05rem;
    font-weight: 700;
    letter-spacing: 0.08rem;
}

.choose-language-status[b-igyzml3mv5] {
    margin: 0;
    color: #53615b;
}

.choose-language-actions[b-igyzml3mv5] {
    display: grid;
    gap: 0.75rem;
}

    .choose-language-actions form[b-igyzml3mv5] {
        margin: 0;
    }

.language-choice-button[b-igyzml3mv5] {
    width: 100%;
    min-height: 48px;
    border: none;
    border-radius: 0.65rem;
    background: #00a651;
    color: white;
    font: inherit;
    font-size: 1.05rem;
    font-weight: 750;
    cursor: pointer;
}

    .language-choice-button:hover[b-igyzml3mv5] {
        background: #008f46;
    }

.language-choice-button-secondary[b-igyzml3mv5] {
    background: white;
    border: 1px solid #00a651;
    color: #008f46;
}

    .language-choice-button-secondary:hover[b-igyzml3mv5] {
        background: #edf8f2;
    }
/* /Components/Pages/CompensationRecommendations.razor.rz.scp.css */
.compensation-page[b-u87618n5pg] {
    max-width: 1280px;
    margin: 0 auto;
    padding: 2rem 0 4rem;
}

.compensation-header[b-u87618n5pg] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
    padding: 2rem;
    margin-bottom: 1.5rem;
    border-radius: 1.25rem;
    background: linear-gradient(135deg, #00a651 0%, #008f46 100%);
    color: white;
    box-shadow: 0 12px 30px rgba(0, 143, 70, 0.18);
}

    .compensation-header h1[b-u87618n5pg] {
        margin: 0;
        font-size: clamp(2rem, 4vw, 3.2rem);
        font-weight: 750;
    }

    .compensation-header p[b-u87618n5pg] {
        margin: 0.5rem 0 0;
        max-width: 760px;
        opacity: 0.94;
        line-height: 1.5;
    }

.eyebrow[b-u87618n5pg] {
    margin: 0 0 0.35rem !important;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.16rem;
    opacity: 0.8;
}

.header-actions[b-u87618n5pg] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
}

.header-primary-button[b-u87618n5pg],
.header-secondary-button[b-u87618n5pg] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 0.65rem 0.95rem;
    border-radius: 0.7rem;
    text-decoration: none;
    font-weight: 750;
    white-space: nowrap;
}

.header-primary-button[b-u87618n5pg] {
    background: white;
    color: #008f46;
}

.header-secondary-button[b-u87618n5pg] {
    border: 1px solid rgba(255, 255, 255, 0.65);
    background: rgba(255, 255, 255, 0.13);
    color: white;
}

.header-primary-button:hover[b-u87618n5pg] {
    background: #f4fbf7;
    color: #00783c;
}

.header-secondary-button:hover[b-u87618n5pg] {
    background: rgba(255, 255, 255, 0.2);
    color: white;
}

.status-card[b-u87618n5pg] {
    padding: 1.4rem;
    border: 1px solid #e1e8e4;
    border-radius: 1rem;
    background: white;
    box-shadow: 0 6px 20px rgba(24, 58, 46, 0.05);
}

.compensation-summary-grid[b-u87618n5pg] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
    margin-bottom: 1.75rem;
}

.summary-card[b-u87618n5pg] {
    padding: 1.25rem;
    border: 1px solid #e1e8e4;
    border-radius: 1rem;
    background: white;
    box-shadow: 0 6px 20px rgba(24, 58, 46, 0.06);
}

    .summary-card span[b-u87618n5pg] {
        display: block;
        color: #65716c;
        font-size: 0.74rem;
        font-weight: 700;
        letter-spacing: 0.04rem;
        text-transform: uppercase;
    }

    .summary-card strong[b-u87618n5pg] {
        display: block;
        margin: 0.35rem 0;
        color: #008f46;
        font-size: 2rem;
        line-height: 1;
    }

    .summary-card small[b-u87618n5pg] {
        color: #65716c;
        line-height: 1.4;
    }

.pending-summary strong[b-u87618n5pg] {
    color: #9a7300;
}

.approved-summary strong[b-u87618n5pg] {
    color: #166b3a;
}

.applied-summary strong[b-u87618n5pg] {
    color: #285a8c;
}

.payroll-summary[b-u87618n5pg] {
    border-left: 5px solid #00a651;
}

.compensation-section[b-u87618n5pg] {
    margin-top: 1rem;
}

.section-heading[b-u87618n5pg] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

    .section-heading h2[b-u87618n5pg] {
        margin: 0;
        font-size: 1.45rem;
    }

.section-eyebrow[b-u87618n5pg] {
    margin: 0 0 0.25rem;
    color: #008f46;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.13rem;
}

.section-description[b-u87618n5pg] {
    margin: 0.35rem 0 0;
    max-width: 760px;
    color: #65716c;
    line-height: 1.5;
}

.compensation-filters[b-u87618n5pg] {
    display: grid;
    grid-template-columns: 1.5fr 1fr 1fr 1fr;
    gap: 0.75rem;
    margin-bottom: 0.8rem;
}

.filter-control[b-u87618n5pg] {
    min-height: 44px;
    padding: 0.65rem 0.8rem;
    border: 1px solid #dce4df;
    border-radius: 0.7rem;
    background: white;
    color: #1f2a26;
    font: inherit;
}

    .filter-control:focus[b-u87618n5pg] {
        outline: none;
        border-color: #00a651;
        box-shadow: 0 0 0 3px rgba(0, 166, 81, 0.1);
    }

.results-summary[b-u87618n5pg] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
    color: #65716c;
    font-size: 0.84rem;
}

    .results-summary strong[b-u87618n5pg] {
        color: #1f2a26;
    }

.clear-filters-button[b-u87618n5pg] {
    border: none;
    background: transparent;
    color: #008f46;
    font: inherit;
    font-weight: 750;
    cursor: pointer;
}

    .clear-filters-button:hover[b-u87618n5pg] {
        text-decoration: underline;
    }

.empty-compensation-card[b-u87618n5pg] {
    padding: 2rem;
    border: 1px solid #e1e8e4;
    border-radius: 1rem;
    background: white;
    text-align: center;
}

    .empty-compensation-card strong[b-u87618n5pg] {
        display: block;
        color: #1f2a26;
        font-size: 1.05rem;
    }

    .empty-compensation-card p[b-u87618n5pg] {
        margin: 0.4rem 0 0.8rem;
        color: #65716c;
    }

.compensation-list[b-u87618n5pg] {
    display: grid;
    gap: 1rem;
}

.compensation-employee-card[b-u87618n5pg] {
    overflow: hidden;
    border: 1px solid #e1e8e4;
    border-radius: 1rem;
    background: white;
    box-shadow: 0 6px 20px rgba(24, 58, 46, 0.06);
}

.employee-compensation-summary[b-u87618n5pg] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 160px 145px;
    align-items: center;
    gap: 1rem;
    padding: 1.15rem 1.25rem;
    border-bottom: 1px solid #edf1ef;
}

.employee-identification[b-u87618n5pg] {
    display: flex;
    align-items: center;
    gap: 0.9rem;
    min-width: 0;
}

.employee-avatar[b-u87618n5pg] {
    flex: 0 0 52px;
    width: 52px;
    height: 52px;
    overflow: hidden;
    border-radius: 50%;
    background: #e5f5ed;
    color: #008f46;
    font-weight: 800;
}

    .employee-avatar img[b-u87618n5pg] {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .employee-avatar span[b-u87618n5pg] {
        display: grid;
        width: 100%;
        height: 100%;
        place-items: center;
    }

.employee-primary-info[b-u87618n5pg] {
    min-width: 0;
}

    .employee-primary-info h3[b-u87618n5pg] {
        margin: 0;
        font-size: 1.05rem;
    }

    .employee-primary-info p[b-u87618n5pg] {
        margin: 0.18rem 0 0.45rem;
        color: #53615b;
        font-size: 0.88rem;
    }

.employee-meta[b-u87618n5pg] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
}

    .employee-meta span[b-u87618n5pg] {
        padding: 0.25rem 0.5rem;
        border-radius: 999px;
        background: #f0f5f2;
        color: #53615b;
        font-size: 0.72rem;
    }

.performance-score-block[b-u87618n5pg],
.status-block[b-u87618n5pg] {
    text-align: right;
}

    .performance-score-block span[b-u87618n5pg],
    .compensation-detail span[b-u87618n5pg] {
        display: block;
        color: #65716c;
        font-size: 0.7rem;
        font-weight: 700;
        letter-spacing: 0.04rem;
        text-transform: uppercase;
    }

    .performance-score-block strong[b-u87618n5pg] {
        display: block;
        margin-top: 0.15rem;
        color: #008f46;
        font-size: 1.8rem;
    }

    .performance-score-block small[b-u87618n5pg],
    .status-block small[b-u87618n5pg] {
        display: block;
        margin-top: 0.2rem;
        color: #65716c;
        font-size: 0.72rem;
    }

.decision-status[b-u87618n5pg] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.35rem 0.65rem;
    border-radius: 999px;
    font-size: 0.74rem;
    font-weight: 800;
}

.status-pending[b-u87618n5pg] {
    background: #fff3cd;
    color: #755b00;
}

.status-approved[b-u87618n5pg] {
    background: #eaf8f0;
    color: #166b3a;
}

.status-applied[b-u87618n5pg] {
    background: #e7f0fb;
    color: #285a8c;
}

.compensation-detail-grid[b-u87618n5pg] {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 0;
    border-bottom: 1px solid #edf1ef;
}

.compensation-detail[b-u87618n5pg] {
    min-width: 0;
    padding: 0.95rem 1rem;
    border-right: 1px solid #edf1ef;
}

    .compensation-detail:last-child[b-u87618n5pg] {
        border-right: none;
    }

    .compensation-detail strong[b-u87618n5pg] {
        display: block;
        margin-top: 0.25rem;
        color: #1f2a26;
        font-size: 0.95rem;
    }

    .compensation-detail small[b-u87618n5pg] {
        display: block;
        margin-top: 0.2rem;
        color: #65716c;
        font-size: 0.7rem;
    }

.recommended-value[b-u87618n5pg],
.decision-value[b-u87618n5pg],
.new-pay-detail strong[b-u87618n5pg] {
    color: #008f46 !important;
}

.no-raise-date[b-u87618n5pg] {
    color: #8a6d00 !important;
}

.decision-workspace[b-u87618n5pg] {
    display: grid;
    grid-template-columns: 150px minmax(220px, 1fr) 170px auto;
    align-items: end;
    gap: 0.85rem;
    padding: 1rem 1.25rem;
    background: #fafcfb;
    border-bottom: 1px solid #edf1ef;
}

.decision-control-group[b-u87618n5pg],
.override-control-group[b-u87618n5pg],
.effective-date-group[b-u87618n5pg] {
    min-width: 0;
}

.decision-workspace label[b-u87618n5pg] {
    display: block;
    margin-bottom: 0.3rem;
    color: #53615b;
    font-size: 0.72rem;
    font-weight: 750;
}

.decision-select[b-u87618n5pg],
.override-reason[b-u87618n5pg],
.effective-date-input[b-u87618n5pg] {
    width: 100%;
    min-height: 40px;
    padding: 0.5rem 0.6rem;
    border: 1px solid #dce4df;
    border-radius: 0.55rem;
    background: white;
    color: #1f2a26;
    font: inherit;
}

    .decision-select:focus[b-u87618n5pg],
    .override-reason:focus[b-u87618n5pg],
    .effective-date-input:focus[b-u87618n5pg] {
        outline: none;
        border-color: #00a651;
        box-shadow: 0 0 0 3px rgba(0, 166, 81, 0.08);
    }

.decision-actions[b-u87618n5pg] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.approve-button[b-u87618n5pg],
.apply-raise-button[b-u87618n5pg],
.update-approval-button[b-u87618n5pg] {
    min-height: 40px;
    padding: 0.55rem 0.8rem;
    border-radius: 0.6rem;
    font: inherit;
    font-size: 0.78rem;
    font-weight: 750;
    cursor: pointer;
    white-space: nowrap;
}

.approve-button[b-u87618n5pg],
.apply-raise-button[b-u87618n5pg] {
    border: none;
    background: #00a651;
    color: white;
}

    .approve-button:hover[b-u87618n5pg],
    .apply-raise-button:hover[b-u87618n5pg] {
        background: #008f46;
    }

.update-approval-button[b-u87618n5pg] {
    border: 1px solid #00a651;
    background: white;
    color: #008f46;
}

    .update-approval-button:hover[b-u87618n5pg] {
        background: #edf8f2;
    }

.applied-summary-panel[b-u87618n5pg] {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    padding: 1rem 1.25rem;
    border-bottom: 1px solid #edf1ef;
    background: #f3faf6;
}

.applied-icon[b-u87618n5pg] {
    flex: 0 0 38px;
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: #dff2e7;
    color: #166b3a;
    font-size: 1.1rem;
    font-weight: 900;
}

.applied-summary-panel strong[b-u87618n5pg] {
    color: #166b3a;
}

.applied-summary-panel p[b-u87618n5pg] {
    margin: 0.2rem 0 0;
    color: #53615b;
    font-size: 0.82rem;
}

.decision-message[b-u87618n5pg] {
    margin: 0.8rem 1.25rem 0;
    padding: 0.7rem 0.85rem;
    border-radius: 0.6rem;
    font-size: 0.8rem;
    font-weight: 700;
}

.decision-message-error[b-u87618n5pg] {
    border: 1px solid #f1c5c0;
    background: #fff0ee;
    color: #a1281f;
}

.decision-message-success[b-u87618n5pg] {
    border: 1px solid #b8dfc8;
    background: #edf8f2;
    color: #166b3a;
}

.employee-compensation-footer[b-u87618n5pg] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.9rem 1.25rem;
    color: #65716c;
    font-size: 0.78rem;
}

    .employee-compensation-footer a[b-u87618n5pg] {
        color: #008f46;
        text-decoration: none;
        font-weight: 750;
    }

        .employee-compensation-footer a:hover[b-u87618n5pg] {
            text-decoration: underline;
        }

@media (max-width: 1100px) {
    .compensation-summary-grid[b-u87618n5pg] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

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

    .employee-compensation-summary[b-u87618n5pg] {
        grid-template-columns: 1fr 130px;
    }

    .status-block[b-u87618n5pg] {
        grid-column: 1 / -1;
        text-align: left;
    }

    .compensation-detail-grid[b-u87618n5pg] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .compensation-detail:nth-child(3)[b-u87618n5pg] {
        border-right: none;
    }

    .compensation-detail:nth-child(-n+3)[b-u87618n5pg] {
        border-bottom: 1px solid #edf1ef;
    }

    .decision-workspace[b-u87618n5pg] {
        grid-template-columns: 1fr 1.5fr;
    }

    .decision-actions[b-u87618n5pg] {
        justify-content: flex-start;
    }
}

@media (max-width: 750px) {
    .compensation-page[b-u87618n5pg] {
        padding-top: 1rem;
    }

    .compensation-header[b-u87618n5pg] {
        align-items: flex-start;
        flex-direction: column;
        padding: 1.4rem;
    }

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

    .header-primary-button[b-u87618n5pg],
    .header-secondary-button[b-u87618n5pg] {
        flex: 1;
    }

    .compensation-summary-grid[b-u87618n5pg] {
        grid-template-columns: 1fr;
    }

    .compensation-filters[b-u87618n5pg] {
        grid-template-columns: 1fr;
    }

    .results-summary[b-u87618n5pg] {
        align-items: flex-start;
        flex-direction: column;
    }

    .employee-compensation-summary[b-u87618n5pg] {
        grid-template-columns: 1fr;
    }

    .performance-score-block[b-u87618n5pg],
    .status-block[b-u87618n5pg] {
        text-align: left;
    }

    .compensation-detail-grid[b-u87618n5pg] {
        grid-template-columns: 1fr 1fr;
    }

    .compensation-detail[b-u87618n5pg] {
        border-bottom: 1px solid #edf1ef;
    }

        .compensation-detail:nth-child(2n)[b-u87618n5pg] {
            border-right: none;
        }

    .decision-workspace[b-u87618n5pg] {
        grid-template-columns: 1fr;
    }

    .decision-actions[b-u87618n5pg] {
        align-items: stretch;
        flex-direction: column;
    }

    .approve-button[b-u87618n5pg],
    .apply-raise-button[b-u87618n5pg],
    .update-approval-button[b-u87618n5pg] {
        width: 100%;
    }

    .employee-compensation-footer[b-u87618n5pg] {
        align-items: flex-start;
        flex-direction: column;
    }
}

@media (max-width: 480px) {
    .compensation-detail-grid[b-u87618n5pg] {
        grid-template-columns: 1fr;
    }

    .compensation-detail[b-u87618n5pg] {
        border-right: none;
    }

    .employee-identification[b-u87618n5pg] {
        align-items: flex-start;
    }

    .header-actions[b-u87618n5pg] {
        flex-direction: column;
    }
}

.footer-actions[b-u87618n5pg] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.history-button[b-u87618n5pg] {
    border: none;
    background: transparent;
    color: #008f46;
    font: inherit;
    font-size: 0.78rem;
    font-weight: 750;
    cursor: pointer;
}

    .history-button:hover[b-u87618n5pg] {
        text-decoration: underline;
    }

.history-modal-backdrop[b-u87618n5pg] {
    position: fixed;
    inset: 0;
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.5rem;
    background: rgba(20, 31, 26, 0.55);
}

.history-modal[b-u87618n5pg] {
    width: min(850px, 100%);
    max-height: 85vh;
    overflow-y: auto;
    border-radius: 1.1rem;
    background: white;
    box-shadow: 0 24px 70px rgba(0, 0, 0, 0.22);
}

.history-modal-header[b-u87618n5pg] {
    position: sticky;
    top: 0;
    z-index: 1;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.4rem 1.5rem;
    border-bottom: 1px solid #e5ebe7;
    background: white;
}

    .history-modal-header h2[b-u87618n5pg] {
        margin: 0;
    }

    .history-modal-header span[b-u87618n5pg] {
        display: block;
        margin-top: 0.25rem;
        color: #65716c;
    }

.history-modal-close[b-u87618n5pg] {
    width: 38px;
    height: 38px;
    border: none;
    border-radius: 50%;
    background: #f0f5f2;
    color: #53615b;
    font-size: 1.5rem;
    cursor: pointer;
}

    .history-modal-close:hover[b-u87618n5pg] {
        background: #e4ece7;
    }

.history-modal-loading[b-u87618n5pg],
.history-empty-state[b-u87618n5pg] {
    padding: 2rem;
    text-align: center;
}

    .history-empty-state strong[b-u87618n5pg] {
        color: #1f2a26;
    }

    .history-empty-state p[b-u87618n5pg] {
        margin: 0.35rem 0 0;
        color: #65716c;
    }

.history-timeline[b-u87618n5pg] {
    display: grid;
    gap: 0.8rem;
    padding: 1.25rem 1.5rem 1.5rem;
}

.history-entry[b-u87618n5pg] {
    display: grid;
    grid-template-columns: 145px 1.5fr 110px 1.25fr;
    align-items: center;
    gap: 1rem;
    padding: 1rem;
    border: 1px solid #e1e8e4;
    border-radius: 0.85rem;
    background: #fafcfb;
}

    .history-entry span[b-u87618n5pg] {
        display: block;
        margin-bottom: 0.2rem;
        color: #65716c;
        font-size: 0.68rem;
        font-weight: 750;
        letter-spacing: 0.04rem;
        text-transform: uppercase;
    }

.history-pay-change[b-u87618n5pg] {
    display: flex;
    align-items: center;
    gap: 0.8rem;
}

.history-arrow[b-u87618n5pg] {
    color: #8a9690;
    font-weight: 800;
}

.history-new-pay[b-u87618n5pg],
.history-increase strong[b-u87618n5pg] {
    color: #008f46;
}

.history-reason p[b-u87618n5pg] {
    margin: 0;
    color: #36443e;
    font-size: 0.82rem;
    line-height: 1.4;
}

@media (max-width: 750px) {
    .history-entry[b-u87618n5pg] {
        grid-template-columns: 1fr;
    }

    .history-pay-change[b-u87618n5pg] {
        justify-content: flex-start;
    }

    .footer-actions[b-u87618n5pg] {
        align-items: flex-start;
        flex-direction: column;
    }
}
.executive-status[b-u87618n5pg] {
    display: inline-flex;
    align-items: center;
    min-height: 40px;
    padding: 0.5rem 0.7rem;
    border-radius: 0.55rem;
    font-size: 0.78rem;
    font-weight: 800;
}

.executive-pending[b-u87618n5pg] {
    background: #fff3cd;
    color: #755b00;
}

.executive-approved[b-u87618n5pg] {
    background: #eaf8f0;
    color: #166b3a;
}

.executive-denied[b-u87618n5pg] {
    background: #fff0ee;
    color: #a1281f;
}

.approval-center-button[b-u87618n5pg] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    padding: 0.55rem 0.8rem;
    border-radius: 0.6rem;
    background: white;
    border: 1px solid #00a651;
    color: #008f46;
    text-decoration: none;
    font-size: 0.78rem;
    font-weight: 750;
    white-space: nowrap;
}

    .approval-center-button:hover[b-u87618n5pg] {
        background: #edf8f2;
        color: #008f46;
    }

.effective-date-apply[b-u87618n5pg] {
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
    gap: 0.5rem;
}

    .effective-date-apply label[b-u87618n5pg] {
        width: 100%;
    }
/* /Components/Pages/CompletedPerformanceReview.razor.rz.scp.css */
.completed-review-page[b-aglorgvzmh] {
    max-width: 1400px;
    margin: 0 auto;
    padding: 2rem 0 4rem;
}

.completed-header[b-aglorgvzmh] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
    padding: 2rem;
    margin-bottom: 1rem;
    border-radius: 1.25rem;
    background: linear-gradient(135deg, #00a651 0%, #008f46 100%);
    color: white;
    box-shadow: 0 12px 30px rgba(0, 143, 70, 0.18);
}

    .completed-header h1[b-aglorgvzmh] {
        margin: 0;
        font-size: clamp(2rem, 4vw, 3.2rem);
    }

    .completed-header p[b-aglorgvzmh] {
        margin: 0.35rem 0;
    }

    .completed-header span[b-aglorgvzmh] {
        opacity: 0.88;
    }

.eyebrow[b-aglorgvzmh] {
    margin: 0 0 0.3rem !important;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.15rem;
}

.header-score[b-aglorgvzmh] {
    min-width: 190px;
    padding: 1rem;
    border-radius: 1rem;
    background: rgba(255, 255, 255, 0.15);
    text-align: center;
}

    .header-score span[b-aglorgvzmh],
    .header-score small[b-aglorgvzmh] {
        display: block;
    }

    .header-score strong[b-aglorgvzmh] {
        display: block;
        font-size: 2.8rem;
    }

.page-actions[b-aglorgvzmh] {
    display: flex;
    gap: 0.65rem;
    margin-bottom: 1.25rem;
}

.primary-button[b-aglorgvzmh],
.secondary-button[b-aglorgvzmh] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 0.65rem 1rem;
    border-radius: 0.7rem;
    text-decoration: none;
    font-weight: 700;
}

.primary-button[b-aglorgvzmh] {
    background: #00a651;
    color: white;
}

.secondary-button[b-aglorgvzmh] {
    border: 1px solid #cfdcd5;
    background: white;
    color: #43524b;
}

.review-summary-grid[b-aglorgvzmh] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
    margin-bottom: 1.25rem;
}

.summary-card[b-aglorgvzmh] {
    padding: 1.15rem;
    border: 1px solid #e1e8e4;
    border-radius: 0.9rem;
    background: white;
}

    .summary-card span[b-aglorgvzmh] {
        display: block;
        color: #65716c;
        font-size: 0.75rem;
        text-transform: uppercase;
    }

    .summary-card strong[b-aglorgvzmh] {
        display: block;
        margin-top: 0.3rem;
    }

.completed-layout[b-aglorgvzmh] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 320px;
    gap: 1.25rem;
    align-items: start;
}

.completed-content[b-aglorgvzmh] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.category-card[b-aglorgvzmh],
.comments-card[b-aglorgvzmh],
.category-summary[b-aglorgvzmh],
.record-panel[b-aglorgvzmh],
.status-card[b-aglorgvzmh] {
    padding: 1.35rem;
    border: 1px solid #e1e8e4;
    border-radius: 1rem;
    background: white;
    box-shadow: 0 6px 20px rgba(24, 58, 46, 0.06);
}

.category-header[b-aglorgvzmh] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

    .category-header h2[b-aglorgvzmh] {
        margin: 0;
        font-size: 1.2rem;
    }

.category-average[b-aglorgvzmh] {
    text-align: right;
}

    .category-average span[b-aglorgvzmh] {
        display: block;
        color: #65716c;
        font-size: 0.75rem;
    }

    .category-average strong[b-aglorgvzmh] {
        color: #008f46;
        font-size: 1.5rem;
    }

.response-list[b-aglorgvzmh] {
    display: flex;
    flex-direction: column;
    gap: 0.7rem;
}

.response-card[b-aglorgvzmh] {
    display: grid;
    grid-template-columns: 42px 1fr;
    gap: 0.9rem;
    padding: 0.9rem;
    border: 1px solid #e5ebe7;
    border-radius: 0.75rem;
}

.question-number[b-aglorgvzmh] {
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: #e5f5ed;
    color: #008f46;
    font-weight: 750;
}

.response-content[b-aglorgvzmh] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

    .response-content p[b-aglorgvzmh] {
        margin: 0;
        line-height: 1.45;
    }

.rating-display[b-aglorgvzmh] {
    min-width: 145px;
    padding: 0.5rem;
    border-radius: 0.65rem;
    background: #edf8f2;
    text-align: center;
}

    .rating-display strong[b-aglorgvzmh] {
        display: block;
        color: #008f46;
        font-size: 1.4rem;
    }

    .rating-display span[b-aglorgvzmh] {
        font-size: 0.75rem;
    }

.na-badge[b-aglorgvzmh] {
    padding: 0.45rem 0.7rem;
    border-radius: 999px;
    background: #f1f3f2;
    color: #65716c;
    font-size: 0.8rem;
}

.comments-card h2[b-aglorgvzmh] {
    margin-top: 0;
}

.comment-section[b-aglorgvzmh] {
    padding: 1rem 0;
    border-bottom: 1px solid #edf1ef;
}

    .comment-section:last-child[b-aglorgvzmh] {
        border-bottom: none;
    }

    .comment-section h3[b-aglorgvzmh] {
        margin: 0 0 0.45rem;
        color: #008f46;
        font-size: 0.95rem;
    }

    .comment-section p[b-aglorgvzmh] {
        margin: 0;
        white-space: pre-wrap;
        line-height: 1.6;
        color: #596760;
    }

.completed-sidebar[b-aglorgvzmh] {
    position: sticky;
    top: 1rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.overall-panel[b-aglorgvzmh] {
    padding: 1.5rem;
    border-radius: 1rem;
    background: linear-gradient(135deg, #00a651 0%, #008f46 100%);
    color: white;
    text-align: center;
}

    .overall-panel span[b-aglorgvzmh],
    .overall-panel strong[b-aglorgvzmh],
    .overall-panel p[b-aglorgvzmh] {
        display: block;
    }

    .overall-panel strong[b-aglorgvzmh] {
        font-size: 3rem;
    }

    .overall-panel p[b-aglorgvzmh] {
        margin: 0;
    }

.category-summary h2[b-aglorgvzmh],
.record-panel h2[b-aglorgvzmh] {
    margin: 0 0 1rem;
    font-size: 1rem;
}

.summary-row[b-aglorgvzmh],
.record-panel div[b-aglorgvzmh] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.6rem 0;
    border-bottom: 1px solid #edf1ef;
    font-size: 0.84rem;
}

    .record-panel div span[b-aglorgvzmh] {
        color: #65716c;
    }

@media (max-width: 1050px) {
    .completed-layout[b-aglorgvzmh] {
        grid-template-columns: 1fr;
    }

    .completed-sidebar[b-aglorgvzmh] {
        position: static;
    }

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

@media (max-width: 700px) {
    .completed-header[b-aglorgvzmh],
    .response-content[b-aglorgvzmh],
    .category-header[b-aglorgvzmh] {
        align-items: flex-start;
        flex-direction: column;
    }

    .header-score[b-aglorgvzmh],
    .rating-display[b-aglorgvzmh] {
        width: 100%;
    }

    .review-summary-grid[b-aglorgvzmh] {
        grid-template-columns: 1fr;
    }

    .response-card[b-aglorgvzmh] {
        grid-template-columns: 1fr;
    }
}
.acknowledgment-panel[b-aglorgvzmh],
.acknowledgment-complete[b-aglorgvzmh] {
    padding: 1.2rem;
    border: 1px solid #e1e8e4;
    border-radius: 1rem;
    background: white;
    box-shadow: 0 6px 20px rgba(24, 58, 46, 0.06);
}

    .acknowledgment-panel h2[b-aglorgvzmh] {
        margin: 0 0 0.65rem;
        font-size: 1rem;
    }

    .acknowledgment-panel p[b-aglorgvzmh] {
        margin: 0 0 1rem;
        color: #65716c;
        font-size: 0.85rem;
        line-height: 1.5;
    }

.acknowledge-button[b-aglorgvzmh] {
    width: 100%;
    min-height: 46px;
    border: none;
    border-radius: 0.75rem;
    background: #00a651;
    color: white;
    font: inherit;
    font-weight: 750;
    cursor: pointer;
}

    .acknowledge-button:hover[b-aglorgvzmh] {
        background: #008f46;
    }

.acknowledgment-complete[b-aglorgvzmh] {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
    background: #eaf8f0;
    color: #166b3a;
}

.compensation-panel[b-aglorgvzmh] {
    padding: 1.25rem;
    border: 1px solid #d8e8df;
    border-radius: 1rem;
    background: #f6fbf8;
    text-align: center;
}

.compensation-label[b-aglorgvzmh] {
    display: block;
    color: #65716c;
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04rem;
}

.compensation-percent[b-aglorgvzmh] {
    display: block;
    margin: 0.3rem 0;
    color: #008f46;
    font-size: 2.4rem;
}

.compensation-rating[b-aglorgvzmh] {
    margin: 0;
    font-weight: 700;
    color: #1f2a26;
}

.compensation-reason[b-aglorgvzmh] {
    margin: 0.8rem 0;
    color: #53615b;
    font-size: 0.82rem;
    line-height: 1.5;
}

.compensation-panel small[b-aglorgvzmh] {
    display: block;
    color: #7a8580;
    font-size: 0.72rem;
    line-height: 1.4;
}
/* /Components/Pages/EmployeeProfile.razor.rz.scp.css */
.profile-page[b-o60tobcqiq] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 2rem 0 4rem;
}

.profile-header[b-o60tobcqiq] {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    padding: 2rem;
    margin-bottom: 1.5rem;
    border-radius: 1.25rem;
    background: linear-gradient(135deg, #00a651 0%, #008f46 100%);
    color: white;
    box-shadow: 0 12px 30px rgba(0, 143, 70, 0.18);
}

.profile-avatar[b-o60tobcqiq] {
    flex: 0 0 92px;
    width: 92px;
    height: 92px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.18);
    display: grid;
    place-items: center;
    font-size: 1.8rem;
    font-weight: 750;
}

.profile-heading[b-o60tobcqiq] {
    flex: 1;
}

    .profile-heading h1[b-o60tobcqiq] {
        margin: 0;
        font-size: clamp(2rem, 4vw, 3.3rem);
        font-weight: 750;
    }

.profile-title[b-o60tobcqiq] {
    margin: 0.35rem 0 0;
    font-size: 1.15rem;
    opacity: 0.92;
}

.eyebrow[b-o60tobcqiq] {
    margin: 0 0 0.35rem;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.15rem;
    opacity: 0.8;
}

.back-button[b-o60tobcqiq] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 0.65rem 1rem;
    border-radius: 0.7rem;
    background: white;
    color: #008f46;
    text-decoration: none;
    font-weight: 700;
}

    .back-button:hover[b-o60tobcqiq] {
        color: #006f37;
        background: #f2fbf6;
    }

.profile-grid[b-o60tobcqiq] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.25rem;
}

.profile-card[b-o60tobcqiq] {
    padding: 1.5rem;
    border: 1px solid #e1e8e4;
    border-radius: 1rem;
    background: white;
    box-shadow: 0 6px 20px rgba(24, 58, 46, 0.07);
}

.profile-card-wide[b-o60tobcqiq] {
    grid-column: 1 / -1;
}

.profile-card h2[b-o60tobcqiq] {
    margin: 0 0 1.25rem;
    font-size: 1.15rem;
    font-weight: 750;
}

.profile-list[b-o60tobcqiq] {
    margin: 0;
}

    .profile-list div[b-o60tobcqiq] {
        display: grid;
        grid-template-columns: 140px 1fr;
        gap: 1rem;
        padding: 0.8rem 0;
        border-bottom: 1px solid #edf1ef;
    }

        .profile-list div:last-child[b-o60tobcqiq] {
            border-bottom: none;
        }

    .profile-list dt[b-o60tobcqiq] {
        color: #65716c;
        font-weight: 600;
    }

    .profile-list dd[b-o60tobcqiq] {
        margin: 0;
        color: #1f2a26;
        font-weight: 650;
    }

.profile-email-value[b-o60tobcqiq] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    gap: 0.75rem 1.25rem;
    min-width: 0;
}

.profile-email-text[b-o60tobcqiq] {
    flex: 1 1 auto;
    min-width: 0;
    overflow-wrap: anywhere;
}

.profile-email-value > .profile-edit-button[b-o60tobcqiq] {
    flex: 0 0 auto;
    margin-left: auto;
}

.profile-email-value .profile-inline-form[b-o60tobcqiq] {
    flex: 1 1 100%;
    margin-top: 0;
}

.bio-text[b-o60tobcqiq],
.empty-value[b-o60tobcqiq] {
    margin: 0;
    line-height: 1.65;
    color: #5f6c66;
}

.resource-links[b-o60tobcqiq] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

    .resource-links span[b-o60tobcqiq] {
        padding: 0.8rem 1rem;
        border-radius: 0.7rem;
        background: #f1f7f4;
        color: #53615b;
    }

.profile-message[b-o60tobcqiq] {
    padding: 2rem;
    border-radius: 1rem;
    background: white;
    box-shadow: 0 6px 20px rgba(24, 58, 46, 0.07);
}
.profile-section + .profile-section[b-o60tobcqiq] {
    margin-top: 1.5rem;
    padding-top: 1.5rem;
    border-top: 1px solid #edf1ef;
}

.profile-section h3[b-o60tobcqiq] {
    margin: 0 0 0.6rem;
    font-size: 0.95rem;
    color: #008f46;
}

.profile-list a[b-o60tobcqiq] {
    color: #008f46;
    text-decoration: none;
}

    .profile-list a:hover[b-o60tobcqiq] {
        text-decoration: underline;
    }

.profile-photo[b-o60tobcqiq] {
    flex: 0 0 92px;
    width: 92px;
    height: 92px;
    border-radius: 50%;
    object-fit: cover;
    border: 4px solid rgba(255, 255, 255, 0.35);
}

.profile-avatar-wrap[b-o60tobcqiq] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.55rem;
}

.profile-photo-actions[b-o60tobcqiq] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 0.55rem;
}

.profile-photo-remove[b-o60tobcqiq],
.profile-remove-confirm-button[b-o60tobcqiq] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 0.65rem 1rem;
    border: none;
    border-radius: 0.7rem;
    background: white;
    color: #9b1c1c;
    font: inherit;
    font-size: 0.9rem;
    font-weight: 700;
    cursor: pointer;
}

    .profile-photo-remove:hover[b-o60tobcqiq],
    .profile-remove-confirm-button:hover[b-o60tobcqiq] {
        background: #fdecea;
    }

.profile-photo-confirm[b-o60tobcqiq] {
    max-width: 260px;
    padding: 0.85rem 1rem;
    border-radius: 0.8rem;
    background: white;
    color: #1f2a26;
    text-align: center;
}

    .profile-photo-confirm p[b-o60tobcqiq] {
        margin: 0 0 0.35rem;
        font-size: 0.9rem;
        line-height: 1.4;
    }

.profile-photo-confirm-actions[b-o60tobcqiq] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.5rem;
    margin-top: 0.75rem;
}

.profile-photo-upload[b-o60tobcqiq] {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 0.65rem 1rem;
    border-radius: 0.7rem;
    background: white;
    color: #008f46;
    font-size: 0.9rem;
    font-weight: 700;
    cursor: pointer;
    overflow: hidden;
}

    .profile-photo-upload:hover[b-o60tobcqiq] {
        color: #006f37;
        background: #f2fbf6;
    }

    .profile-photo-upload :deep(.profile-photo-file)[b-o60tobcqiq],
    .profile-photo-upload :deep(input[type="file"])[b-o60tobcqiq] {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0;
        opacity: 0;
        cursor: pointer;
        font-size: 100px;
        color: transparent;
        background: transparent;
        border: 0;
        z-index: 2;
    }

    .profile-photo-upload :deep(.profile-photo-file::file-selector-button)[b-o60tobcqiq],
    .profile-photo-upload :deep(input[type="file"]::file-selector-button)[b-o60tobcqiq],
    .profile-photo-upload :deep(input[type="file"]::-webkit-file-upload-button)[b-o60tobcqiq] {
        display: none;
    }

.profile-card-heading[b-o60tobcqiq] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.25rem;
}

    .profile-card-heading h2[b-o60tobcqiq] {
        margin: 0;
    }

.profile-know-me .profile-list div[b-o60tobcqiq] {
    grid-template-columns: 190px 1fr;
}

.profile-edit-button[b-o60tobcqiq],
.profile-save-button[b-o60tobcqiq],
.profile-cancel-button[b-o60tobcqiq] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 36px;
    padding: 0.4rem 0.85rem;
    border: none;
    border-radius: 0.65rem;
    font: inherit;
    font-weight: 700;
    cursor: pointer;
}

.profile-edit-button[b-o60tobcqiq],
.profile-save-button[b-o60tobcqiq] {
    background: #00a651;
    color: white;
}

    .profile-edit-button:hover[b-o60tobcqiq],
    .profile-save-button:hover[b-o60tobcqiq] {
        background: #008f46;
    }

.profile-cancel-button[b-o60tobcqiq] {
    background: #eef3f0;
    color: #355248;
}

    .profile-cancel-button:hover[b-o60tobcqiq] {
        background: #e1eae5;
    }

.profile-edit-grid[b-o60tobcqiq] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.9rem 1rem;
}

    .profile-edit-grid label[b-o60tobcqiq] {
        display: flex;
        flex-direction: column;
        gap: 0.35rem;
        color: #65716c;
        font-size: 0.88rem;
        font-weight: 650;
    }

    .profile-edit-grid input[b-o60tobcqiq],
    .profile-inline-form input[b-o60tobcqiq] {
        min-height: 42px;
        padding: 0.55rem 0.75rem;
        border: 1px solid #dce4df;
        border-radius: 0.7rem;
        font: inherit;
        color: #1f2a26;
    }

.profile-edit-actions[b-o60tobcqiq] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
    margin-top: 1rem;
}

.profile-inline-form[b-o60tobcqiq] {
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
    margin-top: 0.75rem;
}

.profile-feedback[b-o60tobcqiq] {
    margin: 0 0 1.25rem;
    padding: 0.85rem 1rem;
    border-radius: 0.8rem;
    font-weight: 650;
}

.profile-feedback-success[b-o60tobcqiq] {
    background: #e7f7ee;
    color: #146c39;
}

.profile-feedback-error[b-o60tobcqiq] {
    background: #fdecea;
    color: #9b1c1c;
}

@media (max-width: 750px) {
    .profile-edit-grid[b-o60tobcqiq] {
        grid-template-columns: 1fr;
    }

    .profile-know-me .profile-list div[b-o60tobcqiq] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 750px) {
    .profile-header[b-o60tobcqiq] {
        align-items: flex-start;
        flex-direction: column;
    }

    .profile-grid[b-o60tobcqiq] {
        grid-template-columns: 1fr;
    }

    .profile-card-wide[b-o60tobcqiq] {
        grid-column: auto;
    }

    .profile-list div[b-o60tobcqiq] {
        grid-template-columns: 1fr;
        gap: 0.25rem;
    }

    .back-button[b-o60tobcqiq],
    .profile-photo-upload[b-o60tobcqiq],
    .profile-photo-remove[b-o60tobcqiq],
    .profile-photo-actions[b-o60tobcqiq] {
        width: 100%;
    }
}

/* /Components/Pages/EmployeeReviews.razor.rz.scp.css */
.performance-page[b-bnqacyaoi2] {
    max-width: 1250px;
    margin: 0 auto;
    padding: 2rem 0 4rem;
}

.performance-header[b-bnqacyaoi2] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
    padding: 2rem;
    margin-bottom: 1.25rem;
    border-radius: 1.25rem;
    background: linear-gradient(135deg, #00a651 0%, #008f46 100%);
    color: white;
    box-shadow: 0 12px 30px rgba(0, 143, 70, 0.18);
}

    .performance-header h1[b-bnqacyaoi2] {
        margin: 0;
        font-size: clamp(2rem, 4vw, 3.4rem);
        font-weight: 750;
    }

    .performance-header p[b-bnqacyaoi2] {
        margin: 0.5rem 0 0;
        opacity: 0.92;
    }

.eyebrow[b-bnqacyaoi2] {
    margin: 0 0 0.35rem !important;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.16rem;
    opacity: 0.8;
}

.performance-stats[b-bnqacyaoi2] {
    display: flex;
    gap: 0.75rem;
}

    .performance-stats div[b-bnqacyaoi2] {
        min-width: 120px;
        padding: 1rem;
        border-radius: 1rem;
        background: rgba(255, 255, 255, 0.15);
        text-align: center;
    }

    .performance-stats strong[b-bnqacyaoi2] {
        display: block;
        font-size: 2rem;
        line-height: 1;
    }

    .performance-stats span[b-bnqacyaoi2] {
        display: block;
        margin-top: 0.4rem;
        font-size: 0.75rem;
        text-transform: uppercase;
        letter-spacing: 0.05rem;
    }

.review-notice[b-bnqacyaoi2] {
    margin-bottom: 1.25rem;
    padding: 1rem 1.25rem;
    border-left: 5px solid #00a651;
    border-radius: 0.75rem;
    background: #edf8f2;
}

    .review-notice strong[b-bnqacyaoi2] {
        color: #00783c;
    }

    .review-notice p[b-bnqacyaoi2] {
        margin: 0.25rem 0 0;
        color: #53615b;
    }

.performance-tools[b-bnqacyaoi2] {
    display: grid;
    grid-template-columns: 1fr 280px;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.search-box[b-bnqacyaoi2],
.manager-filter[b-bnqacyaoi2] {
    min-height: 48px;
    padding: 0.75rem 1rem;
    border: 1px solid #dce4df;
    border-radius: 0.8rem;
    background: white;
    color: #1f2a26;
    font: inherit;
    outline: none;
}

    .search-box:focus[b-bnqacyaoi2],
    .manager-filter:focus[b-bnqacyaoi2] {
        border-color: #00a651;
        box-shadow: 0 0 0 3px rgba(0, 166, 81, 0.12);
    }

.review-grid[b-bnqacyaoi2] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.25rem;
}

.review-card[b-bnqacyaoi2] {
    display: flex;
    flex-direction: column;
    padding: 1.4rem;
    border: 1px solid #e1e8e4;
    border-radius: 1rem;
    background: white;
    box-shadow: 0 6px 20px rgba(24, 58, 46, 0.07);
}

.employee-summary[b-bnqacyaoi2] {
    display: flex;
    gap: 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #edf1ef;
}

.employee-photo[b-bnqacyaoi2],
.employee-initials[b-bnqacyaoi2] {
    flex: 0 0 64px;
    width: 64px;
    height: 64px;
    border-radius: 50%;
}

.employee-photo[b-bnqacyaoi2] {
    object-fit: cover;
    border: 3px solid #e5f5ed;
}

.employee-initials[b-bnqacyaoi2] {
    display: grid;
    place-items: center;
    background: #e5f5ed;
    color: #008f46;
    font-size: 1.15rem;
    font-weight: 750;
}

.employee-heading[b-bnqacyaoi2] {
    flex: 1;
    min-width: 0;
}

    .employee-heading h2[b-bnqacyaoi2] {
        margin: 0;
        font-size: 1.2rem;
        font-weight: 750;
    }

.employee-title[b-bnqacyaoi2] {
    margin: 0.2rem 0 0.65rem;
    color: #008f46;
    font-weight: 650;
}

.employee-details[b-bnqacyaoi2] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
}

    .employee-details span[b-bnqacyaoi2] {
        padding: 0.3rem 0.6rem;
        border-radius: 999px;
        background: #f0f5f2;
        color: #53615b;
        font-size: 0.78rem;
    }

.review-overview[b-bnqacyaoi2] {
    display: grid;
    grid-template-columns: 125px 1fr;
    gap: 1rem;
    padding: 1.1rem 0;
}

.no-review[b-bnqacyaoi2] {
    display: block;
}

    .no-review strong[b-bnqacyaoi2] {
        display: block;
        margin-top: 0.25rem;
        color: #755b00;
    }

    .no-review p[b-bnqacyaoi2] {
        margin: 0.65rem 0 0;
        color: #65716c;
        line-height: 1.45;
    }

.overview-label[b-bnqacyaoi2] {
    color: #65716c;
    font-size: 0.76rem;
    text-transform: uppercase;
    letter-spacing: 0.04rem;
}

.score-display[b-bnqacyaoi2] {
    padding: 0.75rem;
    border-radius: 0.8rem;
    background: #edf8f2;
    text-align: center;
}

    .score-display strong[b-bnqacyaoi2] {
        display: block;
        margin: 0.2rem 0;
        color: #008f46;
        font-size: 2rem;
    }

    .score-display small[b-bnqacyaoi2] {
        color: #53615b;
    }

.latest-review-details[b-bnqacyaoi2] {
    display: flex;
    flex-direction: column;
}

    .latest-review-details div[b-bnqacyaoi2] {
        padding: 0.45rem 0;
        border-bottom: 1px solid #edf1ef;
    }

        .latest-review-details div:last-child[b-bnqacyaoi2] {
            border-bottom: none;
        }

    .latest-review-details span[b-bnqacyaoi2] {
        display: block;
        color: #65716c;
        font-size: 0.76rem;
    }

    .latest-review-details strong[b-bnqacyaoi2] {
        font-size: 0.88rem;
    }

.review-actions[b-bnqacyaoi2] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
    margin-top: auto;
    padding-top: 0.9rem;
    border-top: 1px solid #edf1ef;
}

.start-review-button[b-bnqacyaoi2],
.continue-review-button[b-bnqacyaoi2],
.history-button[b-bnqacyaoi2],
.profile-button[b-bnqacyaoi2] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    padding: 0.55rem 0.85rem;
    border-radius: 0.65rem;
    text-decoration: none;
    font-weight: 700;
    font-size: 0.86rem;
}
.continue-review-button[b-bnqacyaoi2] {
    background: #fff3cd;
    color: #755b00;
}

    .continue-review-button:hover[b-bnqacyaoi2] {
        background: #f5e6a8;
        color: #5f4900;
    }

.start-review-button[b-bnqacyaoi2] {
    background: #00a651;
    color: white;
}

    .start-review-button:hover[b-bnqacyaoi2] {
        background: #008f46;
        color: white;
    }

.history-button[b-bnqacyaoi2] {
    border: 1px solid #00a651;
    background: white;
    color: #008f46;
}

.profile-button[b-bnqacyaoi2] {
    background: #eef3f0;
    color: #43524b;
}

.status-card[b-bnqacyaoi2] {
    padding: 2rem;
    border: 1px solid #e1e8e4;
    border-radius: 1rem;
    background: white;
}

@media (max-width: 900px) {
    .review-grid[b-bnqacyaoi2] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 700px) {
    .performance-header[b-bnqacyaoi2] {
        align-items: flex-start;
        flex-direction: column;
    }

    .performance-stats[b-bnqacyaoi2] {
        width: 100%;
    }

        .performance-stats div[b-bnqacyaoi2] {
            flex: 1;
        }

    .performance-tools[b-bnqacyaoi2] {
        grid-template-columns: 1fr;
    }

    .review-overview[b-bnqacyaoi2] {
        grid-template-columns: 1fr;
    }
}
.review-status-row[b-bnqacyaoi2] {
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
}

.status-badge[b-bnqacyaoi2] {
    display: inline-flex;
    align-items: center;
    padding: 0.35rem 0.7rem;
    border-radius: 999px;
    font-size: 0.78rem;
    font-weight: 700;
}

.status-draft[b-bnqacyaoi2] {
    background: #fff3cd;
    color: #755b00;
}

.status-finalized[b-bnqacyaoi2] {
    background: #eaf8f0;
    color: #166b3a;
}

.status-not-started[b-bnqacyaoi2] {
    background: #eef3f0;
    color: #53615b;
}
/* /Components/Pages/Employees.razor.rz.scp.css */
.directory-page[b-kc0rsxkd3h] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 2rem 0 4rem;
}

.directory-header[b-kc0rsxkd3h] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
    padding: 2rem;
    margin-bottom: 1.5rem;
    border-radius: 1.25rem;
    background: linear-gradient(135deg, #00a651 0%, #008f46 100%);
    color: white;
    box-shadow: 0 12px 30px rgba(0, 143, 70, 0.18);
}

    .directory-header h1[b-kc0rsxkd3h] {
        margin: 0;
        font-size: clamp(2rem, 4vw, 3.4rem);
        font-weight: 750;
    }

    .directory-header p[b-kc0rsxkd3h] {
        margin: 0.5rem 0 0;
        opacity: 0.92;
    }

.eyebrow[b-kc0rsxkd3h] {
    margin: 0 0 0.35rem !important;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.16rem;
    opacity: 0.8;
}

.employee-count[b-kc0rsxkd3h] {
    min-width: 145px;
    padding: 1rem 1.25rem;
    border-radius: 1rem;
    background: rgba(255, 255, 255, 0.15);
    display: flex;
    flex-direction: column;
    text-align: center;
}

    .employee-count strong[b-kc0rsxkd3h] {
        font-size: 2rem;
        line-height: 1;
    }

    .employee-count span[b-kc0rsxkd3h] {
        margin-top: 0.35rem;
        font-size: 0.85rem;
        text-transform: uppercase;
        letter-spacing: 0.06rem;
    }

.directory-tools[b-kc0rsxkd3h] {
    display: grid;
    grid-template-columns: 1fr 240px;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.search-box[b-kc0rsxkd3h],
.department-filter[b-kc0rsxkd3h] {
    min-height: 48px;
    padding: 0.75rem 1rem;
    border: 1px solid #dce4df;
    border-radius: 0.8rem;
    background: white;
    color: #1f2a26;
    font: inherit;
    outline: none;
}

    .search-box:focus[b-kc0rsxkd3h],
    .department-filter:focus[b-kc0rsxkd3h] {
        border-color: #00a651;
        box-shadow: 0 0 0 3px rgba(0, 166, 81, 0.12);
    }

.directory-empty[b-kc0rsxkd3h] {
    grid-column: 1 / -1;
    margin: 0;
    padding: 1.5rem;
    border: 1px dashed #dce4df;
    border-radius: 1rem;
    background: #f7faf8;
    color: #53615b;
    text-align: center;
}

.employee-grid[b-kc0rsxkd3h] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.25rem;
}

.employee-card[b-kc0rsxkd3h] {
    display: flex;
    gap: 1.25rem;
    padding: 1.5rem;
    border: 1px solid #e1e8e4;
    border-radius: 1rem;
    background: white;
    box-shadow: 0 6px 20px rgba(24, 58, 46, 0.07);
    transition: transform 0.18s ease, box-shadow 0.18s ease;
}

    .employee-card:hover[b-kc0rsxkd3h] {
        transform: translateY(-3px);
        box-shadow: 0 12px 28px rgba(24, 58, 46, 0.13);
    }

.employee-initials[b-kc0rsxkd3h] {
    flex: 0 0 64px;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background: #e5f5ed;
    color: #008f46;
    display: grid;
    place-items: center;
    font-size: 1.25rem;
    font-weight: 750;
}

.employee-details[b-kc0rsxkd3h] {
    flex: 1;
}

    .employee-details h2[b-kc0rsxkd3h] {
        margin: 0;
        font-size: 1.2rem;
        font-weight: 750;
    }

.employee-title[b-kc0rsxkd3h] {
    margin: 0.2rem 0 0.75rem;
    color: #008f46;
    font-weight: 650;
}

.employee-meta[b-kc0rsxkd3h] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: 0.85rem;
}

    .employee-meta span[b-kc0rsxkd3h] {
        padding: 0.3rem 0.6rem;
        border-radius: 999px;
        background: #f0f5f2;
        color: #53615b;
        font-size: 0.78rem;
    }


.profile-button[b-kc0rsxkd3h] {
    padding: 0.55rem 0.9rem;
    border: none;
    border-radius: 0.6rem;
    background: #00a651;
    color: white;
    font-weight: 650;
    cursor: pointer;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

    .profile-button:hover[b-kc0rsxkd3h] {
        background: #008f46;
    }

.employee-photo[b-kc0rsxkd3h] {
    flex: 0 0 64px;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    object-fit: cover;
    border: 3px solid #e5f5ed;
}

@media (max-width: 900px) {
    .employee-grid[b-kc0rsxkd3h] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 700px) {
    .directory-header[b-kc0rsxkd3h] {
        align-items: flex-start;
        flex-direction: column;
    }

    .employee-count[b-kc0rsxkd3h] {
        width: 100%;
    }

    .directory-tools[b-kc0rsxkd3h] {
        grid-template-columns: 1fr;
    }
}
.employee-contact[b-kc0rsxkd3h] {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
    margin-bottom: 1rem;
    color: #5d6964;
    font-size: 0.88rem;
}

    .employee-contact a[b-kc0rsxkd3h] {
        color: #008f46;
        text-decoration: none;
        word-break: break-word;
    }

        .employee-contact a:hover[b-kc0rsxkd3h] {
            text-decoration: underline;
        }
/* /Components/Pages/Home.razor.rz.scp.css */
.dashboard-page[b-kjaxyzn8ne] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 2rem 0 4rem;
}

.dashboard-header[b-kjaxyzn8ne] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 2rem;
    padding: 2rem;
    margin-bottom: 1.5rem;
    border-radius: 1.25rem;
    background: linear-gradient(135deg, #00a651 0%, #008f46 100%);
    color: white;
    box-shadow: 0 12px 30px rgba(11, 61, 46, 0.18);
}

    .dashboard-header h1[b-kjaxyzn8ne] {
        margin: 0;
        font-size: clamp(2.25rem, 5vw, 4rem);
        font-weight: 750;
    }

.eyebrow[b-kjaxyzn8ne] {
    margin-bottom: 0.35rem;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.15rem;
    opacity: 0.8;
}

.subtitle[b-kjaxyzn8ne] {
    margin: 0;
    font-size: 1.2rem;
    opacity: 0.9;
}

.welcome-panel[b-kjaxyzn8ne] {
    min-width: 235px;
    padding: 1.25rem;
    border-radius: 1rem;
    background: rgba(255, 255, 255, 0.13);
    display: flex;
    flex-direction: column;
}

    .welcome-panel strong[b-kjaxyzn8ne] {
        font-size: 1.4rem;
    }

.welcome-label[b-kjaxyzn8ne] {
    margin-bottom: 0.15rem;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.08rem;
    opacity: 0.8;
}

.my-profile-button[b-kjaxyzn8ne] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    margin-top: 0.85rem;
    min-height: 38px;
    padding: 0.45rem 0.85rem;
    border: 1px solid rgba(255, 255, 255, 0.35);
    border-radius: 0.7rem;
    background: rgba(255, 255, 255, 0.16);
    color: white;
    font: inherit;
    font-size: 0.88rem;
    font-weight: 700;
    text-decoration: none;
    width: fit-content;
    max-width: 100%;
}

    .my-profile-button:hover[b-kjaxyzn8ne] {
        background: rgba(255, 255, 255, 0.24);
        border-color: rgba(255, 255, 255, 0.5);
    }

.my-profile-icon[b-kjaxyzn8ne] {
    width: 1rem;
    height: 1rem;
    flex: 0 0 auto;
}

.status-card[b-kjaxyzn8ne] {
    padding: 1.5rem;
    border: 1px solid #e5e9e7;
    border-radius: 1rem;
    background: white;
}

.staffing-section[b-kjaxyzn8ne] {
    margin-bottom: 1.35rem;
    padding: 0.95rem 1.1rem 1rem;
    border: 1px solid #b7e0c8;
    border-radius: 1.1rem;
    background: #f3faf6;
    box-shadow: 0 8px 22px rgba(0, 166, 81, 0.08);
}

    .staffing-section .section-heading[b-kjaxyzn8ne] {
        margin-bottom: 0.35rem;
        align-items: flex-start;
    }

    .staffing-section .section-heading h2[b-kjaxyzn8ne] {
        font-size: 1.2rem;
    }

.staffing-subtitle[b-kjaxyzn8ne] {
    margin: 0.2rem 0 0;
    color: #4d5c56;
    font-size: 0.82rem;
    font-weight: 500;
}

.staffing-date[b-kjaxyzn8ne] {
    margin: 0 0 0.7rem;
    color: #4d5c56;
    font-size: 0.8rem;
    font-weight: 650;
}

.staffing-grid[b-kjaxyzn8ne] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0.55rem;
}

.staffing-card[b-kjaxyzn8ne] {
    padding: 0.65rem 0.7rem 0.7rem;
    border: 1px solid #e5e9e7;
    border-radius: 0.8rem;
    background: white;
}

    .staffing-card h3[b-kjaxyzn8ne] {
        margin: 0 0 0.35rem;
        font-size: 0.68rem;
        font-weight: 750;
        letter-spacing: 0.03rem;
        text-transform: uppercase;
        color: #64706b;
        line-height: 1.3;
    }

    .staffing-card p[b-kjaxyzn8ne],
    .staffing-card li[b-kjaxyzn8ne] {
        margin: 0;
        color: #1f2a26;
    }

    .staffing-card ul[b-kjaxyzn8ne] {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .staffing-card li + li[b-kjaxyzn8ne] {
        margin-top: 0.3rem;
    }

    .staffing-card strong[b-kjaxyzn8ne] {
        display: block;
        font-size: 0.92rem;
        font-weight: 750;
        line-height: 1.25;
        color: #1f2a26;
    }

.staffing-card-empty p[b-kjaxyzn8ne] {
    color: #88938e;
    font-weight: 500;
}

.staffing-card-green[b-kjaxyzn8ne] {
    background: #e8f6ee;
    border-color: #8dcfab;
    box-shadow: 0 4px 12px rgba(0, 143, 70, 0.1);
}

    .staffing-card-green h3[b-kjaxyzn8ne] {
        color: #166b3a;
    }

.staffing-card-amber[b-kjaxyzn8ne] {
    background: #fff6e8;
    border-color: #e8c48a;
    box-shadow: 0 4px 12px rgba(154, 115, 0, 0.1);
}

    .staffing-card-amber h3[b-kjaxyzn8ne] {
        color: #8a5a12;
    }

.staffing-entry-detail[b-kjaxyzn8ne] {
    display: block;
    margin-top: 0.1rem;
    color: #5c5346;
    font-size: 0.74rem;
    font-weight: 500;
}

.staffing-link[b-kjaxyzn8ne] {
    display: inline-flex;
    align-items: center;
    min-height: 36px;
    padding: 0.32rem 0.75rem;
    border-radius: 0.65rem;
    background: #00a651;
    color: white;
    font-size: 0.82rem;
    font-weight: 750;
    text-decoration: none;
    white-space: nowrap;
}

    .staffing-link:hover[b-kjaxyzn8ne] {
        background: #008f46;
        color: white;
    }

.snapshot-section[b-kjaxyzn8ne],
.dashboard-section[b-kjaxyzn8ne],
.company-news-section[b-kjaxyzn8ne] {
    margin-bottom: 2rem;
}

.section-heading[b-kjaxyzn8ne] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 0.9rem;
}

    .section-heading h2[b-kjaxyzn8ne] {
        margin: 0;
        font-size: 1.35rem;
    }

.section-eyebrow[b-kjaxyzn8ne] {
    margin: 0 0 0.2rem;
    color: #008f46;
    font-size: 0.7rem;
    font-weight: 800;
    letter-spacing: 0.12rem;
}

.snapshot-date[b-kjaxyzn8ne] {
    color: #64706b;
    font-size: 0.82rem;
}

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

.snapshot-card[b-kjaxyzn8ne] {
    padding: 1.15rem;
    border: 1px solid #e5e9e7;
    border-radius: 1rem;
    background: white;
    color: #1f2a26;
    text-decoration: none;
    box-shadow: 0 5px 18px rgba(24, 58, 46, 0.06);
    transition: transform 0.18s ease, box-shadow 0.18s ease;
}

    .snapshot-card:hover[b-kjaxyzn8ne] {
        transform: translateY(-2px);
        box-shadow: 0 9px 24px rgba(24, 58, 46, 0.1);
        color: #1f2a26;
    }

    .snapshot-card span[b-kjaxyzn8ne],
    .snapshot-card small[b-kjaxyzn8ne] {
        display: block;
    }

    .snapshot-card span[b-kjaxyzn8ne] {
        color: #64706b;
        font-size: 0.72rem;
        font-weight: 750;
        text-transform: uppercase;
    }

    .snapshot-card strong[b-kjaxyzn8ne] {
        display: block;
        margin: 0.25rem 0;
        color: #008f46;
        font-size: 2rem;
    }

    .snapshot-card small[b-kjaxyzn8ne] {
        color: #64706b;
        line-height: 1.35;
    }

.snapshot-warning strong[b-kjaxyzn8ne] {
    color: #9a7300;
}

.snapshot-success strong[b-kjaxyzn8ne] {
    color: #166b3a;
}

.dashboard-grid[b-kjaxyzn8ne] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
}

.dashboard-card[b-kjaxyzn8ne] {
    min-height: 165px;
    padding: 1.35rem;
    border: 1px solid #e5e9e7;
    border-radius: 1rem;
    background: white;
    color: #1f2a26;
    text-decoration: none;
    box-shadow: 0 6px 20px rgba(24, 58, 46, 0.07);
    transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}

    .dashboard-card:hover[b-kjaxyzn8ne] {
        transform: translateY(-4px);
        border-color: #70a98f;
        box-shadow: 0 12px 28px rgba(24, 58, 46, 0.13);
        color: #1f2a26;
    }

.card-icon[b-kjaxyzn8ne] {
    width: 3rem;
    height: 3rem;
    margin-bottom: 0.9rem;
    border-radius: 0.85rem;
    background: #e7f3ed;
    display: grid;
    place-items: center;
    font-size: 1.5rem;
}

.dashboard-card h2[b-kjaxyzn8ne] {
    margin-bottom: 0.4rem;
    font-size: 1.05rem;
    font-weight: 700;
}

.dashboard-card p[b-kjaxyzn8ne] {
    margin: 0;
    line-height: 1.45;
    color: #64706b;
    font-size: 0.86rem;
}

.dashboard-bottom-grid[b-kjaxyzn8ne] {
    display: grid;
    grid-template-columns: 1.35fr 0.85fr;
    gap: 1rem;
    margin-bottom: 2rem;
}

.dashboard-panel[b-kjaxyzn8ne] {
    border: 1px solid #e5e9e7;
    border-radius: 1rem;
    background: white;
    box-shadow: 0 6px 20px rgba(24, 58, 46, 0.06);
}

.panel-header[b-kjaxyzn8ne] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.1rem 1.25rem;
    border-bottom: 1px solid #edf1ef;
}

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

    .panel-header a[b-kjaxyzn8ne] {
        color: #008f46;
        text-decoration: none;
        font-size: 0.8rem;
        font-weight: 750;
    }

.activity-list[b-kjaxyzn8ne] {
    display: grid;
}

.activity-item[b-kjaxyzn8ne] {
    display: flex;
    gap: 0.8rem;
    padding: 0.9rem 1.25rem;
    border-bottom: 1px solid #edf1ef;
}

    .activity-item:last-child[b-kjaxyzn8ne] {
        border-bottom: none;
    }

.activity-icon[b-kjaxyzn8ne] {
    flex: 0 0 34px;
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: #e7f3ed;
}

.activity-content[b-kjaxyzn8ne] {
    min-width: 0;
}

    .activity-content strong[b-kjaxyzn8ne],
    .activity-content span[b-kjaxyzn8ne],
    .activity-content small[b-kjaxyzn8ne] {
        display: block;
    }

    .activity-content span[b-kjaxyzn8ne] {
        margin-top: 0.12rem;
        color: #53615b;
        font-size: 0.82rem;
    }

    .activity-content small[b-kjaxyzn8ne] {
        margin-top: 0.2rem;
        color: #7a8580;
        font-size: 0.72rem;
    }

.empty-panel[b-kjaxyzn8ne] {
    padding: 1.5rem;
    color: #64706b;
}

.attention-list[b-kjaxyzn8ne] {
    display: grid;
}

.attention-row[b-kjaxyzn8ne] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.25rem;
    border-bottom: 1px solid #edf1ef;
    color: #1f2a26;
    text-decoration: none;
}

    .attention-row:last-child[b-kjaxyzn8ne] {
        border-bottom: none;
    }

    .attention-row:hover[b-kjaxyzn8ne] {
        background: #f7faf8;
        color: #1f2a26;
    }

    .attention-row div[b-kjaxyzn8ne] {
        display: flex;
        align-items: center;
        gap: 0.8rem;
    }

    .attention-row strong[b-kjaxyzn8ne] {
        min-width: 32px;
        color: #008f46;
        font-size: 1.35rem;
    }

    .attention-row span[b-kjaxyzn8ne] {
        color: #53615b;
        font-size: 0.85rem;
    }

.attention-arrow[b-kjaxyzn8ne] {
    color: #008f46 !important;
    font-weight: 800;
}

.company-news-placeholder[b-kjaxyzn8ne] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1.25rem;
    border: 1px dashed #cfd9d3;
    border-radius: 1rem;
    background: #fafcfb;
}

.news-icon[b-kjaxyzn8ne] {
    flex: 0 0 48px;
    width: 48px;
    height: 48px;
    display: grid;
    place-items: center;
    border-radius: 0.85rem;
    background: #e7f3ed;
    font-size: 1.4rem;
}

.company-news-placeholder p[b-kjaxyzn8ne] {
    margin: 0.25rem 0 0;
    color: #64706b;
}

@media (max-width: 1100px) {
    .staffing-grid[b-kjaxyzn8ne] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 1000px) {
    .snapshot-grid[b-kjaxyzn8ne],
    .dashboard-grid[b-kjaxyzn8ne] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .dashboard-bottom-grid[b-kjaxyzn8ne] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 700px) {
    .dashboard-header[b-kjaxyzn8ne] {
        align-items: flex-start;
        flex-direction: column;
    }

    .welcome-panel[b-kjaxyzn8ne] {
        width: 100%;
    }

    .snapshot-grid[b-kjaxyzn8ne],
    .dashboard-grid[b-kjaxyzn8ne] {
        grid-template-columns: 1fr;
    }

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

    .section-heading[b-kjaxyzn8ne],
    .panel-header[b-kjaxyzn8ne] {
        align-items: flex-start;
        flex-direction: column;
    }

    .company-news-placeholder[b-kjaxyzn8ne] {
        align-items: flex-start;
    }
}
/* /Components/Pages/Login.razor.rz.scp.css */
.login-page[b-mf5h6mwn2i] {
    min-height: calc(100vh - 80px);
    display: grid;
    place-items: center;
    padding: 2rem;
}

.login-card[b-mf5h6mwn2i] {
    width: min(420px, 100%);
    padding: 2rem;
    border: 1px solid #e1e8e4;
    border-radius: 1.2rem;
    background: white;
    box-shadow: 0 15px 40px rgba(24, 58, 46, 0.1);
}

.login-language[b-mf5h6mwn2i] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin: 0 0 1.15rem;
    padding-bottom: 0.9rem;
    border-bottom: 1px solid #e8eeea;
}

    .login-language > span[b-mf5h6mwn2i] {
        color: #008f46;
        font-size: 0.62rem;
        font-weight: 800;
        letter-spacing: 0.08rem;
        text-transform: uppercase;
    }

.login-language-options[b-mf5h6mwn2i] {
    display: flex;
    gap: 0.4rem;
}

    .login-language-options form[b-mf5h6mwn2i] {
        margin: 0;
    }

.login-language-button[b-mf5h6mwn2i] {
    min-height: 34px;
    padding: 0.25rem 0.7rem;
    border: 1px solid #d8dfdb;
    border-radius: 0.6rem;
    background: white;
    color: #1f2a26;
    font: inherit;
    font-size: 0.78rem;
    font-weight: 700;
    cursor: pointer;
}

    .login-language-button:hover[b-mf5h6mwn2i] {
        border-color: #00a651;
    }

    .login-language-button.is-selected[b-mf5h6mwn2i] {
        border-color: #00a651;
        background: #00a651;
        color: white;
    }

    .login-card h1[b-mf5h6mwn2i] {
        margin: 0;
    }

.eyebrow[b-mf5h6mwn2i] {
    margin: 0 0 0.35rem;
    color: #008f46;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.13rem;
}

.login-subtitle[b-mf5h6mwn2i] {
    margin: 0.5rem 0 1.5rem;
    color: #64706b;
}

.login-form[b-mf5h6mwn2i] {
    display: grid;
    gap: 0.75rem;
}

    .login-form label[b-mf5h6mwn2i] {
        font-size: 0.8rem;
        font-weight: 700;
        color: #53615b;
    }

    .login-form input[b-mf5h6mwn2i] {
        min-height: 44px;
        padding: 0.65rem 0.75rem;
        border: 1px solid #dce4df;
        border-radius: 0.65rem;
        font: inherit;
    }

        .login-form input:focus[b-mf5h6mwn2i] {
            outline: none;
            border-color: #00a651;
            box-shadow: 0 0 0 3px rgba(0, 166, 81, 0.1);
        }

.login-button[b-mf5h6mwn2i] {
    min-height: 44px;
    margin-top: 0.5rem;
    border: none;
    border-radius: 0.65rem;
    background: #00a651;
    color: white;
    font: inherit;
    font-weight: 750;
    cursor: pointer;
}

    .login-button:hover[b-mf5h6mwn2i] {
        background: #008f46;
    }

.login-error[b-mf5h6mwn2i] {
    padding: 0.7rem 0.8rem;
    border-radius: 0.6rem;
    background: #fff0ee;
    color: #a1281f;
    font-size: 0.82rem;
    font-weight: 700;
}
/* /Components/Pages/Performance.razor.rz.scp.css */
.performance-dashboard-page[b-rinfx31j97] {
    max-width: 1250px;
    margin: 0 auto;
    padding: 2rem 0 4rem;
}

.performance-dashboard-header[b-rinfx31j97] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
    padding: 2rem;
    margin-bottom: 1.25rem;
    border-radius: 1.25rem;
    background: linear-gradient(135deg, #00a651 0%, #008f46 100%);
    color: white;
    box-shadow: 0 12px 30px rgba(0, 143, 70, 0.18);
}

    .performance-dashboard-header h1[b-rinfx31j97] {
        margin: 0;
        font-size: clamp(2rem, 4vw, 3.3rem);
        font-weight: 750;
    }

    .performance-dashboard-header p[b-rinfx31j97] {
        margin: 0.45rem 0 0;
        opacity: 0.92;
    }

.eyebrow[b-rinfx31j97],
.section-eyebrow[b-rinfx31j97] {
    margin: 0 0 0.3rem !important;
    font-size: 0.72rem !important;
    font-weight: 700;
    letter-spacing: 0.15rem;
}

.employee-reviews-button[b-rinfx31j97] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 46px;
    padding: 0.7rem 1.1rem;
    border-radius: 0.75rem;
    background: white;
    color: #008f46;
    text-decoration: none;
    font-weight: 750;
}

.summary-grid[b-rinfx31j97] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.summary-card[b-rinfx31j97] {
    padding: 1.3rem;
    border: 1px solid #e1e8e4;
    border-radius: 1rem;
    background: white;
    box-shadow: 0 6px 20px rgba(24, 58, 46, 0.06);
}

    .summary-card span[b-rinfx31j97] {
        display: block;
        color: #65716c;
        font-size: 0.75rem;
        text-transform: uppercase;
        letter-spacing: 0.04rem;
    }

    .summary-card strong[b-rinfx31j97] {
        display: block;
        margin: 0.3rem 0;
        color: #008f46;
        font-size: 2rem;
    }

    .summary-card small[b-rinfx31j97] {
        color: #65716c;
    }

.dashboard-section[b-rinfx31j97] {
    margin-bottom: 1.5rem;
}

.section-heading[b-rinfx31j97] {
    display: flex;
    justify-content: space-between;
    align-items: end;
    gap: 1rem;
    margin-bottom: 0.85rem;
}

    .section-heading h2[b-rinfx31j97] {
        margin: 0;
        font-size: 1.35rem;
    }

.section-eyebrow[b-rinfx31j97] {
    color: #008f46;
}

.section-heading a[b-rinfx31j97] {
    color: #008f46;
    text-decoration: none;
    font-weight: 700;
    font-size: 0.85rem;
}

.attention-grid[b-rinfx31j97] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.attention-card[b-rinfx31j97] {
    padding: 1.2rem;
    border: 1px solid #e1e8e4;
    border-radius: 1rem;
    background: white;
    box-shadow: 0 6px 20px rgba(24, 58, 46, 0.06);
}

.attention-employee[b-rinfx31j97] {
    display: flex;
    align-items: center;
    gap: 0.9rem;
    padding-bottom: 0.9rem;
    border-bottom: 1px solid #edf1ef;
}

.employee-photo[b-rinfx31j97],
.employee-initials[b-rinfx31j97] {
    flex: 0 0 54px;
    width: 54px;
    height: 54px;
    border-radius: 50%;
}

.employee-photo[b-rinfx31j97] {
    object-fit: cover;
    border: 3px solid #e5f5ed;
}

.employee-initials[b-rinfx31j97] {
    display: grid;
    place-items: center;
    background: #e5f5ed;
    color: #008f46;
    font-weight: 750;
}

.attention-employee h3[b-rinfx31j97] {
    margin: 0;
    font-size: 1rem;
}

.attention-employee p[b-rinfx31j97] {
    margin: 0.2rem 0 0;
    color: #008f46;
    font-size: 0.85rem;
    font-weight: 650;
}

.attention-status[b-rinfx31j97] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    margin: 0.9rem 0;
    padding: 0.8rem;
    border-radius: 0.7rem;
}

    .attention-status span[b-rinfx31j97] {
        font-size: 0.82rem;
    }

.draft-status[b-rinfx31j97] {
    background: #fff8df;
    color: #755b00;
}

.not-started-status[b-rinfx31j97] {
    background: #f0f4f2;
    color: #53615b;
}

.attention-button[b-rinfx31j97],
.activity-button[b-rinfx31j97] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    padding: 0.55rem 0.85rem;
    border-radius: 0.65rem;
    text-decoration: none;
    font-weight: 700;
    font-size: 0.85rem;
}

.draft-button[b-rinfx31j97] {
    background: #fff3cd;
    color: #755b00;
}

.start-button[b-rinfx31j97],
.activity-button[b-rinfx31j97] {
    background: #00a651;
    color: white;
}

.activity-list[b-rinfx31j97] {
    display: flex;
    flex-direction: column;
    gap: 0.7rem;
}

.activity-item[b-rinfx31j97] {
    display: grid;
    grid-template-columns: 44px 1fr 150px 70px;
    align-items: center;
    gap: 1rem;
    padding: 1rem 1.1rem;
    border: 1px solid #e1e8e4;
    border-radius: 0.85rem;
    background: white;
}

.activity-icon[b-rinfx31j97] {
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: #e5f5ed;
    color: #008f46;
    font-weight: 800;
}

.activity-content[b-rinfx31j97] {
    display: flex;
    flex-direction: column;
}

    .activity-content span[b-rinfx31j97],
    .activity-content small[b-rinfx31j97] {
        color: #65716c;
    }

    .activity-content span[b-rinfx31j97] {
        margin-top: 0.1rem;
    }

    .activity-content small[b-rinfx31j97] {
        margin-top: 0.2rem;
        font-size: 0.75rem;
    }

.activity-score[b-rinfx31j97] {
    text-align: right;
}

    .activity-score strong[b-rinfx31j97] {
        display: block;
        color: #008f46;
        font-size: 1.25rem;
    }

    .activity-score span[b-rinfx31j97] {
        color: #65716c;
        font-size: 0.72rem;
    }

.quick-actions[b-rinfx31j97] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
}

.quick-action-card[b-rinfx31j97] {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
    padding: 1.2rem;
    border: 1px solid #e1e8e4;
    border-radius: 1rem;
    background: white;
    color: #1f2a26;
    text-decoration: none;
    box-shadow: 0 6px 20px rgba(24, 58, 46, 0.06);
}

    .quick-action-card strong[b-rinfx31j97] {
        color: #008f46;
    }

    .quick-action-card span[b-rinfx31j97] {
        color: #65716c;
        font-size: 0.85rem;
    }

.coming-soon[b-rinfx31j97] {
    opacity: 0.65;
}

.empty-card[b-rinfx31j97],
.status-card[b-rinfx31j97] {
    padding: 1.4rem;
    border: 1px solid #e1e8e4;
    border-radius: 1rem;
    background: white;
}

    .empty-card p[b-rinfx31j97] {
        margin-bottom: 0;
        color: #65716c;
    }

@media (max-width: 950px) {
    .summary-grid[b-rinfx31j97] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .attention-grid[b-rinfx31j97] {
        grid-template-columns: 1fr;
    }

    .quick-actions[b-rinfx31j97] {
        grid-template-columns: 1fr;
    }
    .performance-navigation[b-rinfx31j97] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .department-grid[b-rinfx31j97] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 700px) {
    .performance-dashboard-header[b-rinfx31j97] {
        align-items: flex-start;
        flex-direction: column;
    }

    .employee-reviews-button[b-rinfx31j97] {
        width: 100%;
    }

    .summary-grid[b-rinfx31j97] {
        grid-template-columns: 1fr;
    }

    .activity-item[b-rinfx31j97] {
        grid-template-columns: 40px 1fr;
    }

    .activity-score[b-rinfx31j97],
    .activity-button[b-rinfx31j97] {
        grid-column: 2;
        text-align: left;
    }
    .performance-navigation[b-rinfx31j97] {
        grid-template-columns: 1fr;
    }
}
.performance-navigation[b-rinfx31j97] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.performance-nav-card[b-rinfx31j97] {
    display: flex;
    align-items: flex-start;
    gap: 0.85rem;
    padding: 1.1rem;
    border: 1px solid #e1e8e4;
    border-radius: 1rem;
    background: white;
    color: #1f2a26;
    text-decoration: none;
    box-shadow: 0 6px 20px rgba(24, 58, 46, 0.06);
    transition: transform 0.15s ease, box-shadow 0.15s ease, border-color 0.15s ease;
}

    .performance-nav-card:hover[b-rinfx31j97] {
        transform: translateY(-2px);
        border-color: #b8dfc8;
        box-shadow: 0 10px 24px rgba(24, 58, 46, 0.09);
    }

.performance-nav-icon[b-rinfx31j97] {
    flex: 0 0 42px;
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    border-radius: 0.75rem;
    background: #eaf8f0;
    font-size: 1.2rem;
}

.performance-nav-card strong[b-rinfx31j97] {
    display: block;
    margin-bottom: 0.25rem;
    color: #008f46;
}

.performance-nav-card span[b-rinfx31j97] {
    display: block;
    color: #65716c;
    font-size: 0.82rem;
    line-height: 1.4;
}

.performance-nav-disabled[b-rinfx31j97] {
    opacity: 0.6;
    cursor: default;
}

    .performance-nav-disabled:hover[b-rinfx31j97] {
        transform: none;
        border-color: #e1e8e4;
        box-shadow: 0 6px 20px rgba(24, 58, 46, 0.06);
    }

.department-grid[b-rinfx31j97] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
}

.department-card[b-rinfx31j97] {
    padding: 1.2rem;
    border: 1px solid #e1e8e4;
    border-radius: 1rem;
    background: white;
    box-shadow: 0 6px 20px rgba(24, 58, 46, 0.06);
}

.department-card-header[b-rinfx31j97] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
}

    .department-card-header h3[b-rinfx31j97] {
        margin: 0;
        font-size: 1rem;
    }

    .department-card-header strong[b-rinfx31j97] {
        color: #008f46;
        font-size: 1.5rem;
    }

.department-rating[b-rinfx31j97] {
    display: block;
    margin-top: 0.25rem;
    color: #65716c;
    font-size: 0.82rem;
}

.department-stats[b-rinfx31j97] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.75rem;
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid #edf1ef;
}

    .department-stats span[b-rinfx31j97] {
        display: block;
        color: #65716c;
        font-size: 0.72rem;
        text-transform: uppercase;
    }

    .department-stats strong[b-rinfx31j97] {
        display: block;
        margin-top: 0.2rem;
        font-size: 0.95rem;
    }

.executive-insights[b-rinfx31j97] {
    margin: 1.5rem 0;
}

    .executive-insights .section-header[b-rinfx31j97] {
        margin-bottom: 0.85rem;
    }

        .executive-insights .section-header h2[b-rinfx31j97] {
            margin: 0;
            font-size: 1.35rem;
        }

        .executive-insights .section-header span[b-rinfx31j97] {
            display: block;
            margin-top: 0.2rem;
            color: #65716c;
            font-size: 0.82rem;
        }

.insight-grid[b-rinfx31j97] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.insight-card[b-rinfx31j97] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    padding: 1.2rem;
    border: 1px solid #e1e8e4;
    border-radius: 1rem;
    background: white;
    box-shadow: 0 6px 20px rgba(24, 58, 46, 0.06);
}

.insight-icon[b-rinfx31j97] {
    flex: 0 0 48px;
    width: 48px;
    height: 48px;
    display: grid;
    place-items: center;
    border-radius: 0.8rem;
    background: #eaf8f0;
    font-size: 1.35rem;
}

.insight-content h3[b-rinfx31j97] {
    margin: 0;
    font-size: 1rem;
    color: #008f46;
}

.insight-content p[b-rinfx31j97] {
    margin: 0.35rem 0 0;
    color: #53615b;
    line-height: 1.45;
}

.insight-success[b-rinfx31j97] {
    border-left: 5px solid #00a651;
}

.insight-warning[b-rinfx31j97] {
    border-left: 5px solid #d9a300;
}

.insight-info[b-rinfx31j97] {
    border-left: 5px solid #4a82c2;
}

@media (max-width: 900px) {
    .insight-grid[b-rinfx31j97] {
        grid-template-columns: 1fr;
    }
}

.activity-warning[b-rinfx31j97] {
    border-left: 5px solid #d9a300;
}

.activity-success[b-rinfx31j97] {
    border-left: 5px solid #00a651;
}

.compensation-summary-card[b-rinfx31j97] {
    position: relative;
}

.summary-link[b-rinfx31j97] {
    display: inline-block;
    margin-top: .75rem;
    color: #008f46;
    font-weight: 700;
    text-decoration: none;
}

    .summary-link:hover[b-rinfx31j97] {
        text-decoration: underline;
    }
/* /Components/Pages/PerformanceHistory.razor.rz.scp.css */
.history-page[b-wgd4noh1fr] {
    max-width: 1250px;
    margin: 0 auto;
    padding: 2rem 0 4rem;
}

.history-header[b-wgd4noh1fr] {
    display: flex;
    align-items: center;
    gap: 1.4rem;
    padding: 1.75rem 2rem;
    margin-bottom: 1.25rem;
    border-radius: 1.25rem;
    background: linear-gradient(135deg, #00a651 0%, #008f46 100%);
    color: white;
    box-shadow: 0 12px 30px rgba(0, 143, 70, 0.18);
}

.employee-photo[b-wgd4noh1fr],
.employee-initials[b-wgd4noh1fr] {
    flex: 0 0 84px;
    width: 84px;
    height: 84px;
    border-radius: 50%;
}

.employee-photo[b-wgd4noh1fr] {
    object-fit: cover;
    border: 4px solid rgba(255, 255, 255, 0.35);
}

.employee-initials[b-wgd4noh1fr] {
    display: grid;
    place-items: center;
    background: rgba(255, 255, 255, 0.18);
    font-size: 1.5rem;
    font-weight: 750;
}

.history-heading[b-wgd4noh1fr] {
    flex: 1;
}

    .history-heading h1[b-wgd4noh1fr] {
        margin: 0;
        font-size: clamp(2rem, 4vw, 3.2rem);
        font-weight: 750;
    }

    .history-heading p[b-wgd4noh1fr] {
        margin: 0.25rem 0;
        font-size: 1.05rem;
    }

    .history-heading span[b-wgd4noh1fr] {
        opacity: 0.88;
    }

.eyebrow[b-wgd4noh1fr] {
    margin: 0 0 0.3rem !important;
    font-size: 0.72rem !important;
    font-weight: 700;
    letter-spacing: 0.15rem;
    opacity: 0.8;
}

.header-actions[b-wgd4noh1fr] {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
}

.primary-button[b-wgd4noh1fr],
.secondary-button[b-wgd4noh1fr],
.view-button[b-wgd4noh1fr] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 0.65rem 1rem;
    border-radius: 0.7rem;
    text-decoration: none;
    font-weight: 700;
}

.primary-button[b-wgd4noh1fr] {
    background: white;
    color: #008f46;
}

.secondary-button[b-wgd4noh1fr] {
    border: 1px solid rgba(255, 255, 255, 0.55);
    color: white;
}

.history-summary[b-wgd4noh1fr] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.summary-card[b-wgd4noh1fr] {
    padding: 1.25rem;
    border: 1px solid #e1e8e4;
    border-radius: 1rem;
    background: white;
    box-shadow: 0 6px 20px rgba(24, 58, 46, 0.06);
}

    .summary-card span[b-wgd4noh1fr] {
        display: block;
        margin-bottom: 0.35rem;
        color: #65716c;
        font-size: 0.78rem;
        text-transform: uppercase;
        letter-spacing: 0.04rem;
    }

    .summary-card strong[b-wgd4noh1fr] {
        color: #008f46;
        font-size: 1.8rem;
    }

    .summary-card .summary-date[b-wgd4noh1fr] {
        font-size: 1.05rem;
    }

.review-history-list[b-wgd4noh1fr] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.history-card[b-wgd4noh1fr] {
    display: grid;
    grid-template-columns: 110px 1fr;
    overflow: hidden;
    border: 1px solid #e1e8e4;
    border-radius: 1rem;
    background: white;
    box-shadow: 0 6px 20px rgba(24, 58, 46, 0.06);
}

.review-year[b-wgd4noh1fr] {
    display: grid;
    place-items: center;
    background: #edf8f2;
    color: #008f46;
    font-size: 1.55rem;
    font-weight: 750;
}

.review-information[b-wgd4noh1fr] {
    padding: 1.25rem;
}

.review-title-row[b-wgd4noh1fr] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #edf1ef;
}

    .review-title-row h2[b-wgd4noh1fr] {
        margin: 0;
        font-size: 1.2rem;
    }

    .review-title-row p[b-wgd4noh1fr] {
        margin: 0.25rem 0 0;
        color: #65716c;
    }

.score-badge[b-wgd4noh1fr] {
    min-width: 145px;
    padding: 0.7rem;
    border-radius: 0.75rem;
    background: #edf8f2;
    text-align: center;
}

    .score-badge strong[b-wgd4noh1fr] {
        display: block;
        color: #008f46;
        font-size: 1.6rem;
    }

    .score-badge span[b-wgd4noh1fr] {
        color: #53615b;
        font-size: 0.78rem;
    }

.review-details[b-wgd4noh1fr] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
    padding: 1rem 0;
}

    .review-details span[b-wgd4noh1fr] {
        display: block;
        margin-bottom: 0.25rem;
        color: #65716c;
        font-size: 0.75rem;
        text-transform: uppercase;
    }

    .review-details strong[b-wgd4noh1fr] {
        font-size: 0.9rem;
    }

.review-actions[b-wgd4noh1fr] {
    display: flex;
    justify-content: flex-end;
    padding-top: 0.9rem;
    border-top: 1px solid #edf1ef;
}

.view-button[b-wgd4noh1fr] {
    background: #00a651;
    color: white;
}

    .view-button:hover[b-wgd4noh1fr] {
        background: #008f46;
        color: white;
    }

.empty-history[b-wgd4noh1fr],
.status-card[b-wgd4noh1fr] {
    padding: 2rem;
    border: 1px solid #e1e8e4;
    border-radius: 1rem;
    background: white;
    box-shadow: 0 6px 20px rgba(24, 58, 46, 0.06);
}

    .empty-history h2[b-wgd4noh1fr] {
        margin-top: 0;
    }

    .empty-history .primary-button[b-wgd4noh1fr] {
        margin-top: 0.75rem;
        background: #00a651;
        color: white;
    }

    .status-card .secondary-button[b-wgd4noh1fr] {
        margin-top: 0.75rem;
        border: none;
        background: #00a651;
        color: white;
    }

@media (max-width: 900px) {
    .history-summary[b-wgd4noh1fr] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .review-details[b-wgd4noh1fr] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 700px) {
    .history-header[b-wgd4noh1fr] {
        align-items: flex-start;
        flex-direction: column;
    }

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

    .history-summary[b-wgd4noh1fr] {
        grid-template-columns: 1fr;
    }

    .history-card[b-wgd4noh1fr] {
        grid-template-columns: 1fr;
    }

    .review-year[b-wgd4noh1fr] {
        min-height: 70px;
    }

    .review-title-row[b-wgd4noh1fr] {
        flex-direction: column;
    }

    .score-badge[b-wgd4noh1fr] {
        width: 100%;
    }
}
.review-status-line[b-wgd4noh1fr] {
    margin-top: 1rem;
}

.history-status[b-wgd4noh1fr] {
    display: inline-flex;
    align-items: center;
    padding: 0.35rem 0.7rem;
    border-radius: 999px;
    font-size: 0.78rem;
    font-weight: 700;
}

    .history-status.finalized[b-wgd4noh1fr] {
        background: #eaf8f0;
        color: #166b3a;
    }

    .history-status.acknowledged[b-wgd4noh1fr] {
        background: #dff5e8;
        color: #0d6b36;
    }

.acknowledgment-summary[b-wgd4noh1fr] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    margin-top: 0.85rem;
    padding: 0.85rem 1rem;
    border: 1px solid #b8dfc8;
    border-radius: 0.75rem;
    background: #eaf8f0;
    color: #166b3a;
}

    .acknowledgment-summary span[b-wgd4noh1fr] {
        font-size: 0.82rem;
    }

.performance-trend-card[b-wgd4noh1fr] {
    margin-bottom: 1.5rem;
    padding: 1.35rem;
    border: 1px solid #e1e8e4;
    border-radius: 1rem;
    background: white;
    box-shadow: 0 6px 20px rgba(24, 58, 46, 0.06);
}

.trend-header[b-wgd4noh1fr] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: 1rem;
}

    .trend-header h2[b-wgd4noh1fr] {
        margin: 0;
        font-size: 1.25rem;
    }

.section-eyebrow[b-wgd4noh1fr] {
    margin: 0 0 0.25rem;
    color: #008f46;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.12rem;
}

.trend-summary[b-wgd4noh1fr] {
    text-align: right;
}

    .trend-summary strong[b-wgd4noh1fr] {
        display: block;
        color: #008f46;
    }

    .trend-summary span[b-wgd4noh1fr] {
        color: #65716c;
        font-size: 0.8rem;
    }

.trend-list[b-wgd4noh1fr] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.trend-row[b-wgd4noh1fr] {
    display: grid;
    grid-template-columns: 80px 1fr 60px;
    align-items: center;
    gap: 0.75rem;
}

.trend-year[b-wgd4noh1fr] {
    font-weight: 700;
}

.trend-bar-track[b-wgd4noh1fr] {
    height: 12px;
    overflow: hidden;
    border-radius: 999px;
    background: #edf1ef;
}

.trend-bar-fill[b-wgd4noh1fr] {
    height: 100%;
    border-radius: 999px;
    background: #00a651;
}

.trend-score[b-wgd4noh1fr] {
    text-align: right;
    color: #008f46;
}

.pdf-button[b-wgd4noh1fr] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 0.65rem 1rem;
    border: 1px solid #00a651;
    border-radius: 0.7rem;
    background: white;
    color: #008f46;
    text-decoration: none;
    font-weight: 700;
}

    .pdf-button:hover[b-wgd4noh1fr] {
        background: #edf8f2;
        color: #008f46;
    }
/* /Components/Pages/PerformanceReports.razor.rz.scp.css */
.reports-page[b-t6zirldoky] {
    max-width: 1250px;
    margin: 0 auto;
    padding: 2rem 0 4rem;
}

.reports-header[b-t6zirldoky] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
    padding: 2rem;
    margin-bottom: 1.5rem;
    border-radius: 1.25rem;
    background: linear-gradient(135deg, #00a651 0%, #008f46 100%);
    color: white;
    box-shadow: 0 12px 30px rgba(0, 143, 70, 0.18);
}

    .reports-header h1[b-t6zirldoky] {
        margin: 0;
        font-size: clamp(2rem, 4vw, 3.2rem);
    }

    .reports-header p[b-t6zirldoky] {
        margin: 0.45rem 0 0;
    }

.eyebrow[b-t6zirldoky],
.section-eyebrow[b-t6zirldoky] {
    margin: 0 0 0.3rem;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.14rem;
}

.back-button[b-t6zirldoky] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 0.65rem 1rem;
    border-radius: 0.7rem;
    background: white;
    color: #008f46;
    text-decoration: none;
    font-weight: 700;
}

.report-summary-grid[b-t6zirldoky] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.report-summary-card[b-t6zirldoky] {
    padding: 1.25rem;
    border: 1px solid #e1e8e4;
    border-radius: 1rem;
    background: white;
}

    .report-summary-card span[b-t6zirldoky] {
        display: block;
        color: #65716c;
        font-size: 0.75rem;
        text-transform: uppercase;
    }

    .report-summary-card strong[b-t6zirldoky] {
        display: block;
        margin: 0.3rem 0;
        color: #008f46;
        font-size: 2rem;
    }

    .report-summary-card small[b-t6zirldoky] {
        color: #65716c;
    }

.report-section[b-t6zirldoky] {
    margin-bottom: 1.5rem;
}

.section-heading[b-t6zirldoky] {
    margin-bottom: 0.8rem;
}

    .section-heading h2[b-t6zirldoky] {
        margin: 0;
        font-size: 1.35rem;
    }

.section-eyebrow[b-t6zirldoky] {
    color: #008f46;
}

.department-ranking-list[b-t6zirldoky],
.coaching-list[b-t6zirldoky] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.department-ranking-card[b-t6zirldoky],
.coaching-card[b-t6zirldoky] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.2rem;
    border: 1px solid #e1e8e4;
    border-radius: 0.85rem;
    background: white;
}

    .department-ranking-card h3[b-t6zirldoky],
    .coaching-card h3[b-t6zirldoky] {
        margin: 0;
    }

    .department-ranking-card span[b-t6zirldoky],
    .coaching-card span[b-t6zirldoky] {
        color: #65716c;
        font-size: 0.8rem;
    }

.department-ranking-score[b-t6zirldoky],
.coaching-score[b-t6zirldoky] {
    text-align: right;
}

    .department-ranking-score strong[b-t6zirldoky],
    .coaching-score strong[b-t6zirldoky] {
        display: block;
        color: #008f46;
        font-size: 1.4rem;
    }

.performer-grid[b-t6zirldoky] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.performer-card[b-t6zirldoky] {
    display: grid;
    grid-template-columns: 44px 1fr 120px;
    align-items: center;
    gap: 1rem;
    padding: 1rem;
    border: 1px solid #e1e8e4;
    border-radius: 0.9rem;
    background: white;
}

.performer-rank[b-t6zirldoky] {
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: #eaf8f0;
    color: #008f46;
    font-weight: 800;
}

.performer-info h3[b-t6zirldoky] {
    margin: 0;
}

.performer-info span[b-t6zirldoky] {
    color: #65716c;
    font-size: 0.8rem;
}

.performer-score[b-t6zirldoky] {
    text-align: right;
}

    .performer-score strong[b-t6zirldoky] {
        display: block;
        color: #008f46;
        font-size: 1.35rem;
    }

    .performer-score span[b-t6zirldoky] {
        color: #65716c;
        font-size: 0.75rem;
    }

.coaching-card a[b-t6zirldoky] {
    color: #008f46;
    font-weight: 700;
    text-decoration: none;
}

.empty-card[b-t6zirldoky],
.status-card[b-t6zirldoky] {
    padding: 1.25rem;
    border: 1px solid #e1e8e4;
    border-radius: 1rem;
    background: white;
}

.positive-card[b-t6zirldoky] {
    background: #eaf8f0;
    color: #166b3a;
}

@media (max-width: 900px) {
    .report-summary-grid[b-t6zirldoky],
    .performer-grid[b-t6zirldoky] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 700px) {
    .reports-header[b-t6zirldoky] {
        align-items: flex-start;
        flex-direction: column;
    }

    .report-summary-grid[b-t6zirldoky],
    .performer-grid[b-t6zirldoky] {
        grid-template-columns: 1fr;
    }

    .department-ranking-card[b-t6zirldoky],
    .coaching-card[b-t6zirldoky] {
        align-items: flex-start;
        flex-direction: column;
    }

    .department-ranking-score[b-t6zirldoky],
    .coaching-score[b-t6zirldoky] {
        text-align: left;
    }
}

.ranking-table[b-t6zirldoky] {
    overflow-x: auto;
}

    .ranking-table table[b-t6zirldoky] {
        width: 100%;
        border-collapse: collapse;
        background: white;
    }

    .ranking-table th[b-t6zirldoky] {
        background: #00a651;
        color: white;
        text-align: left;
        padding: .9rem;
    }

    .ranking-table td[b-t6zirldoky] {
        padding: .85rem;
        border-bottom: 1px solid #e6ece8;
    }

    .ranking-table tbody tr:hover[b-t6zirldoky] {
        background: #f5faf7;
    }

    .ranking-table td:first-child[b-t6zirldoky] {
        font-weight: 700;
        color: #008f46;
    }

.ranking-position[b-t6zirldoky] {
    white-space: nowrap;
    font-weight: 700;
}

.ranking-score[b-t6zirldoky] {
    color: #008f46;
    font-weight: 800;
}

.trend-positive[b-t6zirldoky] {
    color: #008f46;
    font-weight: 700;
}

.trend-negative[b-t6zirldoky] {
    color: #b42318;
    font-weight: 700;
}

.trend-neutral[b-t6zirldoky] {
    color: #65716c;
    font-weight: 700;
}

.ranking-history-button[b-t6zirldoky] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.45rem 0.7rem;
    border: 1px solid #00a651;
    border-radius: 0.55rem;
    color: #008f46;
    background: white;
    text-decoration: none;
    font-size: 0.8rem;
    font-weight: 700;
    white-space: nowrap;
}

    .ranking-history-button:hover[b-t6zirldoky] {
        background: #edf8f2;
    }

.ranking-filters[b-t6zirldoky] {
    display: grid;
    grid-template-columns: 1.5fr 1fr 1fr 0.8fr;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.ranking-search[b-t6zirldoky],
.ranking-filter[b-t6zirldoky] {
    min-height: 44px;
    padding: 0.65rem 0.8rem;
    border: 1px solid #dce4df;
    border-radius: 0.7rem;
    background: white;
    color: #1f2a26;
    font: inherit;
}

    .ranking-search:focus[b-t6zirldoky],
    .ranking-filter:focus[b-t6zirldoky] {
        outline: none;
        border-color: #00a651;
        box-shadow: 0 0 0 3px rgba(0, 166, 81, 0.10);
    }

@media (max-width: 900px) {
    .ranking-filters[b-t6zirldoky] {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 650px) {
    .ranking-filters[b-t6zirldoky] {
        grid-template-columns: 1fr;
    }
}

.ranking-heading[b-t6zirldoky] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

    .ranking-heading h2[b-t6zirldoky] {
        margin: 0;
    }

.export-excel-button[b-t6zirldoky] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 0.6rem 0.9rem;
    border-radius: 0.65rem;
    background: #00a651;
    color: white;
    text-decoration: none;
    font-weight: 700;
    white-space: nowrap;
}

    .export-excel-button:hover[b-t6zirldoky] {
        background: #008f46;
        color: white;
    }

@media (max-width: 700px) {
    .ranking-heading[b-t6zirldoky] {
        align-items: stretch;
        flex-direction: column;
    }

    .export-excel-button[b-t6zirldoky] {
        width: 100%;
    }
}
/* /Components/Pages/PerformanceReviewForm.razor.rz.scp.css */
.review-form-page[b-iu8cczf65r] {
    max-width: 1450px;
    margin: 0 auto;
    padding: 2rem 0 4rem;
}

.review-header[b-iu8cczf65r] {
    display: flex;
    align-items: center;
    gap: 1.4rem;
    padding: 1.75rem 2rem;
    margin-bottom: 1.25rem;
    border-radius: 1.25rem;
    background: linear-gradient(135deg, #00a651 0%, #008f46 100%);
    color: white;
    box-shadow: 0 12px 30px rgba(0, 143, 70, 0.18);
}

.review-employee-photo[b-iu8cczf65r],
.review-employee-initials[b-iu8cczf65r] {
    flex: 0 0 82px;
    width: 82px;
    height: 82px;
    border-radius: 50%;
}

.review-employee-photo[b-iu8cczf65r] {
    object-fit: cover;
    border: 4px solid rgba(255, 255, 255, 0.35);
}

.review-employee-initials[b-iu8cczf65r] {
    display: grid;
    place-items: center;
    background: rgba(255, 255, 255, 0.18);
    font-size: 1.5rem;
    font-weight: 750;
}

.review-heading[b-iu8cczf65r] {
    flex: 1;
}

    .review-heading h1[b-iu8cczf65r] {
        margin: 0;
        font-size: clamp(2rem, 4vw, 3.2rem);
        font-weight: 750;
    }

    .review-heading p[b-iu8cczf65r] {
        margin: 0.25rem 0;
        font-size: 1.05rem;
    }

    .review-heading span[b-iu8cczf65r] {
        opacity: 0.88;
    }

.eyebrow[b-iu8cczf65r] {
    margin: 0 0 0.3rem !important;
    font-size: 0.72rem !important;
    font-weight: 700;
    letter-spacing: 0.15rem;
    opacity: 0.8;
}

.secondary-button[b-iu8cczf65r] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 0.65rem 1rem;
    border-radius: 0.7rem;
    background: white;
    color: #008f46;
    text-decoration: none;
    font-weight: 700;
}

.rating-guide[b-iu8cczf65r] {
    padding: 1.25rem;
    margin-bottom: 1.25rem;
    border: 1px solid #dfe9e3;
    border-radius: 1rem;
    background: white;
}

    .rating-guide h2[b-iu8cczf65r] {
        margin: 0 0 0.8rem;
        font-size: 1.05rem;
    }

.rating-guide-grid[b-iu8cczf65r] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0.75rem;
}

    .rating-guide-grid span[b-iu8cczf65r] {
        padding: 0.75rem;
        border-radius: 0.65rem;
        background: #f1f7f4;
        color: #53615b;
        font-size: 0.82rem;
    }

    .rating-guide-grid strong[b-iu8cczf65r] {
        display: block;
        margin-bottom: 0.2rem;
        color: #008f46;
        font-size: 1rem;
    }

.review-layout[b-iu8cczf65r] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 330px;
    gap: 1.25rem;
    align-items: start;
}

.question-area[b-iu8cczf65r] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.question-category[b-iu8cczf65r],
.narrative-section[b-iu8cczf65r],
.score-panel[b-iu8cczf65r],
.completion-panel[b-iu8cczf65r],
.category-summary[b-iu8cczf65r],
.status-card[b-iu8cczf65r] {
    border: 1px solid #e1e8e4;
    border-radius: 1rem;
    background: white;
    box-shadow: 0 6px 20px rgba(24, 58, 46, 0.06);
}

.question-category[b-iu8cczf65r] {
    padding: 1.35rem;
}

.category-header[b-iu8cczf65r] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

    .category-header h2[b-iu8cczf65r] {
        margin: 0;
        font-size: 1.2rem;
    }

    .category-header p[b-iu8cczf65r] {
        margin: 0.3rem 0 0;
        color: #65716c;
        font-size: 0.85rem;
    }

.category-score[b-iu8cczf65r] {
    min-width: 125px;
    text-align: right;
}

    .category-score span[b-iu8cczf65r] {
        display: block;
        color: #65716c;
        font-size: 0.75rem;
    }

    .category-score strong[b-iu8cczf65r] {
        color: #008f46;
        font-size: 1.5rem;
    }

.category-na-option[b-iu8cczf65r] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    padding: 0.75rem;
    margin-bottom: 1rem;
    border-radius: 0.65rem;
    background: #fff8df;
    color: #6b5700;
    font-weight: 650;
}

.question-list[b-iu8cczf65r] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.question-card[b-iu8cczf65r] {
    display: grid;
    grid-template-columns: 42px 1fr;
    gap: 0.9rem;
    padding: 1rem;
    border: 1px solid #e5ebe7;
    border-radius: 0.75rem;
}

.question-disabled[b-iu8cczf65r] {
    opacity: 0.55;
    background: #f5f7f6;
}

.question-number[b-iu8cczf65r] {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    background: #e5f5ed;
    color: #008f46;
    font-weight: 750;
}

.question-content[b-iu8cczf65r] {
    display: grid;
    grid-template-columns: 1fr 230px;
    gap: 1rem;
    align-items: center;
}

    .question-content label[b-iu8cczf65r] {
        line-height: 1.45;
        font-weight: 600;
    }

.rating-select[b-iu8cczf65r] {
    min-height: 44px;
    padding: 0.55rem 0.75rem;
    border: 1px solid #d7e1db;
    border-radius: 0.65rem;
    background: white;
    font: inherit;
}

.narrative-section[b-iu8cczf65r] {
    padding: 1.35rem;
}

    .narrative-section h2[b-iu8cczf65r] {
        margin: 0 0 1rem;
    }

    .narrative-section label[b-iu8cczf65r] {
        display: block;
        margin-bottom: 1rem;
        font-weight: 650;
    }

    .narrative-section textarea[b-iu8cczf65r] {
        width: 100%;
        margin-top: 0.4rem;
        padding: 0.75rem;
        border: 1px solid #d7e1db;
        border-radius: 0.65rem;
        resize: vertical;
        font: inherit;
    }

.score-sidebar[b-iu8cczf65r] {
    position: sticky;
    top: 1rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.score-panel[b-iu8cczf65r] {
    padding: 1.5rem;
    text-align: center;
    background: linear-gradient(135deg, #00a651 0%, #008f46 100%);
    color: white;
}

    .score-panel p[b-iu8cczf65r] {
        margin: 0;
        opacity: 0.88;
    }

    .score-panel strong[b-iu8cczf65r] {
        display: block;
        margin: 0.4rem 0;
        font-size: 3rem;
    }

    .score-panel span[b-iu8cczf65r] {
        font-weight: 650;
    }

.completion-panel[b-iu8cczf65r],
.category-summary[b-iu8cczf65r] {
    padding: 1.2rem;
}

    .completion-panel h2[b-iu8cczf65r],
    .category-summary h2[b-iu8cczf65r] {
        margin: 0 0 1rem;
        font-size: 1rem;
    }

.progress-row[b-iu8cczf65r],
.summary-row[b-iu8cczf65r] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.55rem 0;
    border-bottom: 1px solid #edf1ef;
    font-size: 0.86rem;
}

.progress-bar[b-iu8cczf65r] {
    height: 10px;
    margin-top: 1rem;
    overflow: hidden;
    border-radius: 999px;
    background: #e8efeb;
}

.progress-value[b-iu8cczf65r] {
    height: 100%;
    border-radius: inherit;
    background: #00a651;
    transition: width 0.2s ease;
}

.submit-review-button[b-iu8cczf65r] {
    min-height: 48px;
    border: none;
    border-radius: 0.75rem;
    background: #00a651;
    color: white;
    font: inherit;
    font-weight: 750;
    cursor: pointer;
}

    .submit-review-button:hover[b-iu8cczf65r] {
        background: #008f46;
    }

.validation-message[b-iu8cczf65r],
.success-message[b-iu8cczf65r] {
    padding: 1rem;
    border-radius: 0.75rem;
}

.validation-message[b-iu8cczf65r] {
    margin-bottom: 1rem;
    border-left: 5px solid #b42318;
    background: #fff1f0;
    color: #8a1c13;
}

.success-message[b-iu8cczf65r] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    background: #eaf8f0;
    color: #166b3a;
}

@media (max-width: 1150px) {
    .review-layout[b-iu8cczf65r] {
        grid-template-columns: 1fr;
    }

    .score-sidebar[b-iu8cczf65r] {
        position: static;
    }

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

@media (max-width: 750px) {
    .review-header[b-iu8cczf65r] {
        align-items: flex-start;
        flex-direction: column;
    }

    .secondary-button[b-iu8cczf65r] {
        width: 100%;
    }

    .question-content[b-iu8cczf65r] {
        grid-template-columns: 1fr;
    }

    .category-header[b-iu8cczf65r] {
        flex-direction: column;
    }

    .category-score[b-iu8cczf65r] {
        text-align: left;
    }

    .rating-guide-grid[b-iu8cczf65r] {
        grid-template-columns: 1fr;
    }
    .review-submit-actions[b-iu8cczf65r] {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 0.75rem;
    }

    .draft-review-button[b-iu8cczf65r] {
        min-height: 48px;
        border: 1px solid #00a651;
        border-radius: 0.75rem;
        background: white;
        color: #008f46;
        font: inherit;
        font-weight: 750;
        cursor: pointer;
    }

        .draft-review-button:hover[b-iu8cczf65r] {
            background: #edf8f2;
        }

    @media (max-width: 600px) {
        .review-submit-actions[b-iu8cczf65r] {
            grid-template-columns: 1fr;
        }
    }
    .draft-saved-message[b-iu8cczf65r] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 0.75rem;
        margin-top: 0.75rem;
        padding: 0.85rem 1rem;
        border: 1px solid #b8dfc8;
        border-radius: 0.75rem;
        background: #eaf8f0;
        color: #166b3a;
    }

        .draft-saved-message strong[b-iu8cczf65r] {
            font-weight: 750;
        }

        .draft-saved-message span[b-iu8cczf65r] {
            font-size: 0.82rem;
            opacity: 0.8;
        }
}
/* /Components/Pages/TeamTimeOff.razor.rz.scp.css */
.time-off-page[b-7ocddn3lvz] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 2rem 0 4rem;
}

.time-off-header[b-7ocddn3lvz] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
    padding: 2rem;
    margin-bottom: 1.5rem;
    border-radius: 1.25rem;
    background: linear-gradient(135deg, #00a651, #008f46);
    color: white;
    box-shadow: 0 12px 30px rgba(0, 143, 70, 0.18);
}

    .time-off-header h1[b-7ocddn3lvz] {
        margin: 0;
        font-size: clamp(2rem, 4vw, 3.2rem);
        font-weight: 750;
    }

    .time-off-header p[b-7ocddn3lvz] {
        margin: 0.5rem 0 0;
        opacity: 0.92;
    }

.eyebrow[b-7ocddn3lvz] {
    margin: 0;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.13rem;
}

.hero-actions[b-7ocddn3lvz] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
}

.hero-action[b-7ocddn3lvz] {
    min-height: 44px;
    padding: 0.65rem 1.1rem;
    border: none;
    border-radius: 0.7rem;
    background: white;
    color: #008f46;
    font: inherit;
    font-weight: 750;
    cursor: pointer;
    white-space: nowrap;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
}

.banner[b-7ocddn3lvz] {
    margin-bottom: 1rem;
    padding: 0.9rem 1rem;
    border-radius: 0.85rem;
    font-weight: 650;
}

.banner-success[b-7ocddn3lvz] {
    background: #eaf7ef;
    color: #166b3a;
    border: 1px solid #cfead9;
}

.banner-error[b-7ocddn3lvz] {
    background: #fdeeee;
    color: #8a1f1f;
    border: 1px solid #f3c7c7;
}

.summary-grid[b-7ocddn3lvz] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
    margin-bottom: 1.75rem;
}

.summary-card[b-7ocddn3lvz],
.status-card[b-7ocddn3lvz],
.empty-card[b-7ocddn3lvz],
.request-card[b-7ocddn3lvz] {
    padding: 1.25rem;
    border: 1px solid #e1e8e4;
    border-radius: 1rem;
    background: white;
}

.summary-card span[b-7ocddn3lvz],
.summary-card small[b-7ocddn3lvz] {
    display: block;
    color: #65716c;
}

.summary-card span[b-7ocddn3lvz] {
    font-size: 0.72rem;
    font-weight: 750;
    text-transform: uppercase;
}

.summary-card strong[b-7ocddn3lvz] {
    display: block;
    margin: 0.35rem 0;
    color: #008f46;
    font-size: 2rem;
}

.filter-bar[b-7ocddn3lvz] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 0.85rem;
    margin-bottom: 1.25rem;
}

    .filter-bar label[b-7ocddn3lvz] {
        display: grid;
        gap: 0.35rem;
        color: #1f2a26;
        font-weight: 700;
        font-size: 0.88rem;
    }

    .filter-bar select[b-7ocddn3lvz] {
        width: 100%;
        padding: 0.55rem 0.7rem;
        border: 1px solid #d8dfdb;
        border-radius: 0.6rem;
        font: inherit;
        font-weight: 500;
        background: white;
    }

.section-heading h2[b-7ocddn3lvz] {
    margin: 0.2rem 0 0;
    font-size: 1.35rem;
}

.section-eyebrow[b-7ocddn3lvz] {
    margin: 0;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.13rem;
    color: #c45c12;
}

.attendance-section[b-7ocddn3lvz] {
    margin-bottom: 1.75rem;
    padding: 1.25rem;
    border: 1px solid #f3d4b3;
    border-radius: 1.1rem;
    background: #fffaf4;
}

.attendance-count[b-7ocddn3lvz] {
    margin: 0.35rem 0 0;
    color: #7a4a1d;
    font-weight: 650;
}

.attendance-empty[b-7ocddn3lvz] {
    background: #fffdfb;
}

.status-reported[b-7ocddn3lvz] {
    background: #fff1e0;
    color: #9a4b0f;
}

.attendance-filters[b-7ocddn3lvz] {
    margin: 0.85rem 0 1rem;
}

.request-list[b-7ocddn3lvz] {
    display: grid;
    gap: 1rem;
}

.request-card[b-7ocddn3lvz] {
    box-shadow: 0 6px 20px rgba(24, 58, 46, 0.06);
}

.request-top[b-7ocddn3lvz] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
}

    .request-top h3[b-7ocddn3lvz] {
        margin: 0;
        font-size: 1.1rem;
    }

.request-dates[b-7ocddn3lvz] {
    margin: 0.3rem 0 0;
    color: #3d4a45;
    font-weight: 650;
}

.request-meta[b-7ocddn3lvz] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.75rem;
    margin: 0.9rem 0 0;
}

    .request-meta dt[b-7ocddn3lvz] {
        color: #65716c;
        font-size: 0.72rem;
        font-weight: 750;
        text-transform: uppercase;
    }

    .request-meta dd[b-7ocddn3lvz] {
        margin: 0.15rem 0 0;
    }

.request-note[b-7ocddn3lvz],
.decision-note[b-7ocddn3lvz],
.manager-note[b-7ocddn3lvz],
.admin-entry-note[b-7ocddn3lvz] {
    margin: 0.85rem 0 0;
    color: #52615b;
}

.admin-entry-note[b-7ocddn3lvz] {
    font-size: 0.85rem;
    font-weight: 650;
    color: #65716c;
}

.decision-note[b-7ocddn3lvz] {
    font-weight: 650;
    color: #3d4a45;
}

.manager-note[b-7ocddn3lvz] {
    padding: 0.7rem 0.8rem;
    border-radius: 0.7rem;
    background: #f4f8f5;
    color: #2f3d37;
}

.status-badge[b-7ocddn3lvz] {
    display: inline-flex;
    align-items: center;
    padding: 0.25rem 0.65rem;
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 800;
    letter-spacing: 0.04rem;
    text-transform: uppercase;
}

.status-pending[b-7ocddn3lvz] {
    background: #fff4d6;
    color: #8a6a00;
}

.status-approved[b-7ocddn3lvz] {
    background: #eaf7ef;
    color: #166b3a;
}

.status-denied[b-7ocddn3lvz] {
    background: #fdeeee;
    color: #8a1f1f;
}

.status-cancelled[b-7ocddn3lvz] {
    background: #eef1ef;
    color: #5b6560;
}

.review-actions[b-7ocddn3lvz] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
    margin-top: 1rem;
}

.primary-button[b-7ocddn3lvz],
.secondary-button[b-7ocddn3lvz],
.deny-button[b-7ocddn3lvz] {
    min-height: 42px;
    padding: 0.5rem 0.95rem;
    border-radius: 0.65rem;
    font: inherit;
    font-weight: 750;
    cursor: pointer;
}

.primary-button[b-7ocddn3lvz] {
    border: none;
    background: #00a651;
    color: white;
}

.secondary-button[b-7ocddn3lvz] {
    border: 1px solid #d8dfdb;
    background: white;
    color: #53615b;
}

.deny-button[b-7ocddn3lvz] {
    border: none;
    background: #b42318;
    color: white;
}

.time-off-dialog-backdrop[b-7ocddn3lvz] {
    position: fixed;
    inset: 0;
    z-index: 2000;
    display: grid;
    place-items: center;
    padding: 1.25rem;
    background: rgba(18, 32, 26, 0.45);
}

.time-off-dialog[b-7ocddn3lvz] {
    position: relative;
    z-index: 2001;
    display: block;
    width: min(560px, 100%);
    max-height: calc(100vh - 2.5rem);
    overflow: auto;
    padding: 1.4rem;
    border: 1px solid #e1e8e4;
    border-radius: 1.1rem;
    background: #ffffff;
    color: #1f2a26;
    box-shadow: 0 18px 40px rgba(24, 58, 46, 0.22);
}

    .time-off-dialog h2[b-7ocddn3lvz] {
        margin: 0;
    }

.time-off-dialog-intro[b-7ocddn3lvz] {
    margin: 0.45rem 0 1rem;
    color: #65716c;
}

.staffing-alert[b-7ocddn3lvz] {
    margin: 0.9rem 0 0;
    padding: 0.8rem 0.9rem;
    border: 1px solid #e8c48a;
    border-radius: 0.75rem;
    background: #fff6e8;
    color: #6b4a12;
}

    .staffing-alert p[b-7ocddn3lvz] {
        margin: 0;
        font-weight: 500;
    }

.staffing-alert-heading[b-7ocddn3lvz] {
    margin: 0 0 0.35rem !important;
    font-size: 0.72rem;
    font-weight: 800 !important;
    letter-spacing: 0.08rem;
    text-transform: uppercase;
    color: #8a5a12;
}

    .staffing-alert ul[b-7ocddn3lvz] {
        margin: 0.45rem 0 0;
        padding-left: 1.1rem;
    }

    .staffing-alert li[b-7ocddn3lvz] {
        font-weight: 700;
        color: #1f2a26;
    }

    .staffing-alert li + li[b-7ocddn3lvz] {
        margin-top: 0.25rem;
    }

.time-off-dialog .staffing-alert[b-7ocddn3lvz] {
    margin: 0 0 1rem;
}

.note-label[b-7ocddn3lvz] {
    display: grid;
    gap: 0.35rem;
    color: #1f2a26;
    font-weight: 700;
    font-size: 0.88rem;
}

    .note-label textarea[b-7ocddn3lvz] {
        width: 100%;
        padding: 0.55rem 0.7rem;
        border: 1px solid #d8dfdb;
        border-radius: 0.6rem;
        font: inherit;
        font-weight: 500;
    }

.time-off-dialog-actions[b-7ocddn3lvz] {
    display: flex;
    justify-content: flex-end;
    gap: 0.65rem;
    margin-top: 1.15rem;
}

@media (max-width: 900px) {
    .time-off-header[b-7ocddn3lvz],
    .summary-grid[b-7ocddn3lvz],
    .filter-bar[b-7ocddn3lvz],
    .request-meta[b-7ocddn3lvz] {
        grid-template-columns: 1fr;
        display: grid;
    }

    .time-off-header[b-7ocddn3lvz] {
        align-items: start;
    }
}
/* /Components/Pages/TimeOff.razor.rz.scp.css */
.time-off-page[b-q1pgsnapfr] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 2rem 0 4rem;
}

.time-off-header[b-q1pgsnapfr] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
    padding: 2rem;
    margin-bottom: 1.5rem;
    border-radius: 1.25rem;
    background: linear-gradient(135deg, #00a651, #008f46);
    color: white;
    box-shadow: 0 12px 30px rgba(0, 143, 70, 0.18);
}

    .time-off-header h1[b-q1pgsnapfr] {
        margin: 0;
        font-size: clamp(2rem, 4vw, 3.2rem);
        font-weight: 750;
    }

    .time-off-header p[b-q1pgsnapfr] {
        margin: 0.5rem 0 0;
        opacity: 0.92;
    }

.eyebrow[b-q1pgsnapfr],
.section-eyebrow[b-q1pgsnapfr] {
    margin: 0;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.13rem;
}

.section-eyebrow[b-q1pgsnapfr] {
    color: #008f46;
}

.hero-actions[b-q1pgsnapfr] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 0.65rem;
}

.hero-action[b-q1pgsnapfr] {
    min-height: 44px;
    padding: 0.65rem 1.1rem;
    border: none;
    border-radius: 0.7rem;
    background: white;
    color: #008f46;
    font: inherit;
    font-weight: 750;
    cursor: pointer;
    white-space: nowrap;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
}

.hero-badge[b-q1pgsnapfr] {
    display: inline-flex;
    min-width: 1.4rem;
    height: 1.4rem;
    padding: 0 0.35rem;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: #008f46;
    color: white;
    font-size: 0.72rem;
    font-weight: 800;
}

    .hero-action:disabled[b-q1pgsnapfr] {
        opacity: 0.55;
        cursor: not-allowed;
    }

.hero-action-callin[b-q1pgsnapfr] {
    background: #c45c12;
    color: #fff7ed;
}

    .hero-action-callin:hover:not(:disabled)[b-q1pgsnapfr] {
        background: #a34b0e;
    }

.banner[b-q1pgsnapfr] {
    margin-bottom: 1rem;
    padding: 0.9rem 1rem;
    border-radius: 0.85rem;
    font-weight: 650;
}

.banner-success[b-q1pgsnapfr] {
    background: #eaf7ef;
    color: #166b3a;
    border: 1px solid #cfead9;
}

.banner-error[b-q1pgsnapfr] {
    background: #fdeeee;
    color: #8a1f1f;
    border: 1px solid #f3c7c7;
}

.summary-grid[b-q1pgsnapfr] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
    margin-bottom: 1.75rem;
}

.summary-card[b-q1pgsnapfr],
.status-card[b-q1pgsnapfr],
.empty-card[b-q1pgsnapfr],
.request-card[b-q1pgsnapfr] {
    padding: 1.25rem;
    border: 1px solid #e1e8e4;
    border-radius: 1rem;
    background: white;
}

.summary-card span[b-q1pgsnapfr],
.summary-card small[b-q1pgsnapfr] {
    display: block;
    color: #65716c;
}

.summary-card span[b-q1pgsnapfr] {
    font-size: 0.72rem;
    font-weight: 750;
    text-transform: uppercase;
}

.summary-card strong[b-q1pgsnapfr] {
    display: block;
    margin: 0.35rem 0;
    color: #008f46;
    font-size: 2rem;
}

.section-heading[b-q1pgsnapfr] {
    margin-bottom: 1rem;
}

    .section-heading h2[b-q1pgsnapfr] {
        margin: 0.2rem 0 0;
        font-size: 1.35rem;
    }

.request-list[b-q1pgsnapfr] {
    display: grid;
    gap: 1rem;
}

.request-card[b-q1pgsnapfr] {
    box-shadow: 0 6px 20px rgba(24, 58, 46, 0.06);
}

.request-top[b-q1pgsnapfr] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
}

    .request-top h3[b-q1pgsnapfr] {
        margin: 0;
        font-size: 1.1rem;
    }

.request-dates[b-q1pgsnapfr] {
    margin: 0.3rem 0 0;
    color: #3d4a45;
    font-weight: 650;
}

.request-meta[b-q1pgsnapfr] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
    margin: 0.9rem 0 0;
}

    .request-meta dt[b-q1pgsnapfr] {
        color: #65716c;
        font-size: 0.72rem;
        font-weight: 750;
        text-transform: uppercase;
    }

    .request-meta dd[b-q1pgsnapfr] {
        margin: 0.15rem 0 0;
    }

.request-note[b-q1pgsnapfr],
.decision-note[b-q1pgsnapfr],
.manager-note[b-q1pgsnapfr],
.admin-entry-note[b-q1pgsnapfr] {
    margin: 0.85rem 0 0;
    color: #52615b;
}

.admin-entry-note[b-q1pgsnapfr] {
    font-size: 0.85rem;
    font-weight: 650;
    color: #65716c;
}

.decision-note[b-q1pgsnapfr] {
    font-weight: 650;
    color: #3d4a45;
}

.manager-note[b-q1pgsnapfr] {
    padding: 0.7rem 0.8rem;
    border-radius: 0.7rem;
    background: #f4f8f5;
    color: #2f3d37;
}

.status-badge[b-q1pgsnapfr] {
    display: inline-flex;
    align-items: center;
    padding: 0.25rem 0.65rem;
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 800;
    letter-spacing: 0.04rem;
    text-transform: uppercase;
}

.status-pending[b-q1pgsnapfr] {
    background: #fff4d6;
    color: #8a6a00;
}

.status-approved[b-q1pgsnapfr] {
    background: #eaf7ef;
    color: #166b3a;
}

.status-denied[b-q1pgsnapfr] {
    background: #fdeeee;
    color: #8a1f1f;
}

.status-cancelled[b-q1pgsnapfr] {
    background: #eef1ef;
    color: #5b6560;
}

.status-reported[b-q1pgsnapfr] {
    background: #fff1e0;
    color: #9a4b0f;
}

.attendance-section[b-q1pgsnapfr] {
    margin-bottom: 1.75rem;
    padding: 1.25rem;
    border: 1px solid #f3d4b3;
    border-radius: 1.1rem;
    background: #fffaf4;
}

    .attendance-section .section-eyebrow[b-q1pgsnapfr] {
        color: #c45c12;
    }

.attendance-empty[b-q1pgsnapfr] {
    background: #fffdfb;
}

.update-attendance[b-q1pgsnapfr] {
    margin-top: 0.95rem;
}

.update-attendance[b-q1pgsnapfr],
.callin-button[b-q1pgsnapfr] {
    min-height: 42px;
    padding: 0.5rem 0.95rem;
    border: none;
    border-radius: 0.65rem;
    background: #c45c12;
    color: white;
    font: inherit;
    font-weight: 750;
    cursor: pointer;
}

.attendance-choice[b-q1pgsnapfr] {
    align-items: flex-start;
    font-weight: 650;
}

    .attendance-choice span[b-q1pgsnapfr] {
        display: grid;
        gap: 0.15rem;
    }

    .attendance-choice small[b-q1pgsnapfr] {
        color: #65716c;
        font-weight: 500;
    }

.confirm-meta[b-q1pgsnapfr] {
    display: grid;
    gap: 0.75rem;
    margin: 0;
}

    .confirm-meta dt[b-q1pgsnapfr] {
        color: #65716c;
        font-size: 0.72rem;
        font-weight: 750;
        text-transform: uppercase;
    }

    .confirm-meta dd[b-q1pgsnapfr] {
        margin: 0.15rem 0 0;
        font-weight: 650;
    }

.cancel-request[b-q1pgsnapfr] {
    margin-top: 0.95rem;
    padding: 0.4rem 0.75rem;
    border: 1px solid #d8dfdb;
    border-radius: 0.6rem;
    background: white;
    color: #53615b;
    font: inherit;
    font-weight: 700;
    cursor: pointer;
}

    .cancel-request:hover[b-q1pgsnapfr] {
        border-color: #8a1f1f;
        color: #8a1f1f;
    }

.time-off-dialog-backdrop[b-q1pgsnapfr] {
    position: fixed;
    inset: 0;
    z-index: 2000;
    display: grid;
    place-items: center;
    padding: 1.25rem;
    background: rgba(18, 32, 26, 0.45);
}

.time-off-dialog[b-q1pgsnapfr] {
    position: relative;
    z-index: 2001;
    display: block;
    width: min(560px, 100%);
    max-height: calc(100vh - 2.5rem);
    overflow: auto;
    padding: 1.4rem;
    border: 1px solid #e1e8e4;
    border-radius: 1.1rem;
    background: #ffffff;
    color: #1f2a26;
    box-shadow: 0 18px 40px rgba(24, 58, 46, 0.22);
}

    .time-off-dialog h2[b-q1pgsnapfr] {
        margin: 0;
    }

.time-off-dialog-intro[b-q1pgsnapfr] {
    margin: 0.45rem 0 1rem;
    color: #65716c;
}

.form-grid[b-q1pgsnapfr] {
    display: grid;
    gap: 0.85rem;
}

    .form-grid > label[b-q1pgsnapfr],
    .duration-fieldset[b-q1pgsnapfr] {
        display: grid;
        gap: 0.35rem;
        color: #1f2a26;
        font-weight: 700;
        font-size: 0.88rem;
    }

    .form-grid input[b-q1pgsnapfr],
    .form-grid select[b-q1pgsnapfr],
    .form-grid textarea[b-q1pgsnapfr] {
        width: 100%;
        padding: 0.55rem 0.7rem;
        border: 1px solid #d8dfdb;
        border-radius: 0.6rem;
        font: inherit;
        font-weight: 500;
    }

    .form-grid input[type="radio"][b-q1pgsnapfr] {
        width: auto;
        margin: 0;
        padding: 0;
        flex-shrink: 0;
        accent-color: #00a651;
    }

.full-width[b-q1pgsnapfr] {
    grid-column: 1 / -1;
}

.duration-fieldset[b-q1pgsnapfr] {
    border: none;
    margin: 0;
    padding: 0;
}

.choice[b-q1pgsnapfr] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 0.5rem;
    font-weight: 650;
    cursor: pointer;
}

.time-off-dialog-actions[b-q1pgsnapfr] {
    display: flex;
    justify-content: flex-end;
    gap: 0.65rem;
    margin-top: 1.15rem;
}

.primary-button[b-q1pgsnapfr],
.secondary-button[b-q1pgsnapfr] {
    min-height: 42px;
    padding: 0.5rem 0.95rem;
    border-radius: 0.65rem;
    font: inherit;
    font-weight: 750;
    cursor: pointer;
}

.primary-button[b-q1pgsnapfr] {
    border: none;
    background: #00a651;
    color: white;
}

.secondary-button[b-q1pgsnapfr] {
    border: 1px solid #d8dfdb;
    background: white;
    color: #53615b;
}

@media (max-width: 800px) {
    .time-off-header[b-q1pgsnapfr],
    .summary-grid[b-q1pgsnapfr],
    .request-meta[b-q1pgsnapfr] {
        grid-template-columns: 1fr;
        display: grid;
    }

    .time-off-header[b-q1pgsnapfr] {
        align-items: start;
    }

    .hero-actions[b-q1pgsnapfr] {
        justify-content: flex-start;
    }
}
/* /Components/Pages/TimeOffAdministration.razor.rz.scp.css */
.time-off-page[b-p0jy4wc5c4] {
    max-width: 1400px;
    margin: 0 auto;
    padding: 2rem 0 4rem;
}

.time-off-header[b-p0jy4wc5c4] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
    padding: 2rem;
    margin-bottom: 1.5rem;
    border-radius: 1.25rem;
    background: linear-gradient(135deg, #00a651, #008f46);
    color: white;
    box-shadow: 0 12px 30px rgba(0, 143, 70, 0.18);
}

    .time-off-header h1[b-p0jy4wc5c4] {
        margin: 0;
        font-size: clamp(2rem, 4vw, 3.2rem);
        font-weight: 750;
    }

    .time-off-header p[b-p0jy4wc5c4] {
        margin: 0.5rem 0 0;
        opacity: 0.92;
    }

.eyebrow[b-p0jy4wc5c4],
.section-eyebrow[b-p0jy4wc5c4] {
    margin: 0;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.13rem;
}

.section-eyebrow[b-p0jy4wc5c4] {
    color: #008f46;
}

.hero-actions[b-p0jy4wc5c4] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 0.65rem;
}

.hero-action[b-p0jy4wc5c4] {
    min-height: 44px;
    padding: 0.65rem 1.1rem;
    border: none;
    border-radius: 0.7rem;
    background: white;
    color: #008f46;
    font: inherit;
    font-weight: 750;
    cursor: pointer;
    white-space: nowrap;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
}

.summary-grid[b-p0jy4wc5c4],
.admin-summary-grid[b-p0jy4wc5c4] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    gap: 1rem;
    margin-bottom: 1.75rem;
}

.summary-card[b-p0jy4wc5c4],
.status-card[b-p0jy4wc5c4],
.empty-card[b-p0jy4wc5c4] {
    padding: 1.25rem;
    border: 1px solid #e1e8e4;
    border-radius: 1rem;
    background: white;
}

.summary-card span[b-p0jy4wc5c4],
.summary-card small[b-p0jy4wc5c4] {
    display: block;
    color: #65716c;
}

.summary-card span[b-p0jy4wc5c4] {
    font-size: 0.72rem;
    font-weight: 750;
    text-transform: uppercase;
}

.summary-card strong[b-p0jy4wc5c4] {
    display: block;
    margin: 0.35rem 0;
    color: #008f46;
    font-size: 2rem;
}

.filter-bar[b-p0jy4wc5c4] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 0.85rem;
    margin-bottom: 1.5rem;
    padding: 1.15rem;
    border: 1px solid #e1e8e4;
    border-radius: 1rem;
    background: #f8fbf9;
}

    .filter-bar label[b-p0jy4wc5c4] {
        display: grid;
        gap: 0.35rem;
        color: #1f2a26;
        font-weight: 700;
        font-size: 0.88rem;
    }

    .filter-bar select[b-p0jy4wc5c4],
    .filter-bar input[b-p0jy4wc5c4] {
        width: 100%;
        padding: 0.55rem 0.7rem;
        border: 1px solid #d8dfdb;
        border-radius: 0.6rem;
        font: inherit;
        font-weight: 500;
        background: white;
    }

.filter-actions[b-p0jy4wc5c4] {
    display: flex;
    flex-wrap: wrap;
    align-items: end;
    gap: 0.65rem;
    grid-column: 1 / -1;
}

.section-heading[b-p0jy4wc5c4] {
    margin-bottom: 1rem;
}

    .section-heading h2[b-p0jy4wc5c4] {
        margin: 0.2rem 0 0;
        font-size: 1.35rem;
    }

    .section-heading p[b-p0jy4wc5c4] {
        margin: 0.35rem 0 0;
        color: #65716c;
    }

.employee-summary[b-p0jy4wc5c4] {
    margin-bottom: 1.75rem;
    padding: 1.25rem;
    border: 1px solid #cfead9;
    border-radius: 1.1rem;
    background: #f4fbf6;
}

.employee-summary-grid[b-p0jy4wc5c4] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
    gap: 0.75rem;
}

    .employee-summary-grid article[b-p0jy4wc5c4] {
        padding: 0.85rem;
        border-radius: 0.75rem;
        background: white;
        border: 1px solid #e1e8e4;
    }

        .employee-summary-grid span[b-p0jy4wc5c4] {
            display: block;
            color: #65716c;
            font-size: 0.72rem;
            font-weight: 750;
            text-transform: uppercase;
        }

        .employee-summary-grid strong[b-p0jy4wc5c4] {
            display: block;
            margin-top: 0.3rem;
            color: #008f46;
            font-size: 1.45rem;
        }

.admin-table-wrap[b-p0jy4wc5c4] {
    overflow: auto;
    border: 1px solid #e1e8e4;
    border-radius: 1rem;
    background: white;
}

.admin-table[b-p0jy4wc5c4] {
    width: 100%;
    min-width: 1100px;
    border-collapse: collapse;
}

    .admin-table th[b-p0jy4wc5c4],
    .admin-table td[b-p0jy4wc5c4] {
        padding: 0.75rem 0.85rem;
        border-bottom: 1px solid #eef3f0;
        text-align: left;
        vertical-align: top;
        font-size: 0.9rem;
    }

    .admin-table th[b-p0jy4wc5c4] {
        position: sticky;
        top: 0;
        background: #f4f8f5;
        color: #53615b;
        font-size: 0.72rem;
        font-weight: 800;
        letter-spacing: 0.04rem;
        text-transform: uppercase;
    }

    .admin-table td strong[b-p0jy4wc5c4],
    .admin-table td small[b-p0jy4wc5c4] {
        display: block;
    }

    .admin-table td small[b-p0jy4wc5c4] {
        margin-top: 0.2rem;
        color: #65716c;
        font-size: 0.75rem;
    }

.status-badge[b-p0jy4wc5c4] {
    display: inline-flex;
    align-items: center;
    padding: 0.25rem 0.65rem;
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 800;
    letter-spacing: 0.04rem;
    text-transform: uppercase;
}

.status-pending[b-p0jy4wc5c4] {
    background: #fff4d6;
    color: #8a6a00;
}

.status-approved[b-p0jy4wc5c4] {
    background: #eaf7ef;
    color: #166b3a;
}

.status-denied[b-p0jy4wc5c4] {
    background: #fdeeee;
    color: #8a1f1f;
}

.status-cancelled[b-p0jy4wc5c4] {
    background: #eef1ef;
    color: #5b6560;
}

.status-reported[b-p0jy4wc5c4] {
    background: #fff1e0;
    color: #9a4b0f;
}

.table-button[b-p0jy4wc5c4],
.primary-button[b-p0jy4wc5c4],
.secondary-button[b-p0jy4wc5c4],
.danger-button[b-p0jy4wc5c4] {
    min-height: 42px;
    padding: 0.5rem 0.95rem;
    border-radius: 0.65rem;
    font: inherit;
    font-weight: 750;
    cursor: pointer;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.table-button[b-p0jy4wc5c4] {
    min-height: 36px;
    padding: 0.35rem 0.7rem;
    border: 1px solid #d8dfdb;
    background: white;
    color: #008f46;
    font-size: 0.82rem;
}

.table-button-danger[b-p0jy4wc5c4] {
    color: #8a1f1f;
    border-color: #f3c7c7;
}

.table-actions[b-p0jy4wc5c4] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
}

.banner[b-p0jy4wc5c4] {
    margin-bottom: 1rem;
    padding: 0.9rem 1rem;
    border-radius: 0.85rem;
    font-weight: 650;
}

.banner-success[b-p0jy4wc5c4] {
    background: #e9f8ef;
    color: #146c36;
    border: 1px solid #b7e4c7;
}

.banner-error[b-p0jy4wc5c4] {
    background: #fdeeee;
    color: #8a1f1f;
    border: 1px solid #f3c7c7;
}

.primary-button[b-p0jy4wc5c4] {
    border: none;
    background: #00a651;
    color: white;
}

.secondary-button[b-p0jy4wc5c4] {
    border: 1px solid #d8dfdb;
    background: white;
    color: #53615b;
}

.danger-button[b-p0jy4wc5c4] {
    border: 1px solid #f3c7c7;
    background: #fdeeee;
    color: #8a1f1f;
}

.time-off-dialog-backdrop[b-p0jy4wc5c4] {
    position: fixed;
    inset: 0;
    z-index: 2000;
    display: grid;
    place-items: center;
    padding: 1.25rem;
    background: rgba(18, 32, 26, 0.45);
}

.time-off-dialog[b-p0jy4wc5c4] {
    width: min(640px, 100%);
    max-height: calc(100vh - 2.5rem);
    overflow: auto;
    padding: 1.4rem;
    border: 1px solid #e1e8e4;
    border-radius: 1.1rem;
    background: #ffffff;
    color: #1f2a26;
    box-shadow: 0 18px 40px rgba(24, 58, 46, 0.22);
}

    .time-off-dialog h2[b-p0jy4wc5c4] {
        margin: 0;
    }

.time-off-dialog-intro[b-p0jy4wc5c4] {
    margin: 0.45rem 0 1rem;
    color: #65716c;
}

.confirm-meta[b-p0jy4wc5c4] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
    margin: 0;
}

    .confirm-meta dt[b-p0jy4wc5c4] {
        color: #65716c;
        font-size: 0.72rem;
        font-weight: 750;
        text-transform: uppercase;
    }

    .confirm-meta dd[b-p0jy4wc5c4] {
        margin: 0.15rem 0 0;
        font-weight: 650;
        white-space: pre-wrap;
    }

.full-width[b-p0jy4wc5c4] {
    grid-column: 1 / -1;
}

.time-off-dialog-actions[b-p0jy4wc5c4] {
    display: flex;
    justify-content: flex-end;
    gap: 0.65rem;
    margin-top: 1.15rem;
}

@media (max-width: 800px) {
    .time-off-header[b-p0jy4wc5c4] {
        display: grid;
        align-items: start;
    }

    .hero-actions[b-p0jy4wc5c4] {
        justify-content: flex-start;
    }

    .confirm-meta[b-p0jy4wc5c4] {
        grid-template-columns: 1fr;
    }
}

.admin-edit-history[b-p0jy4wc5c4] {
    margin-top: 1.25rem;
    padding-top: 1rem;
    border-top: 1px solid #e1e8e4;
}

    .admin-edit-history h3[b-p0jy4wc5c4] {
        margin: 0 0 0.85rem;
        font-size: 0.95rem;
    }

.admin-edit-history-entry + .admin-edit-history-entry[b-p0jy4wc5c4] {
    margin-top: 1rem;
}

.admin-edit-history-heading[b-p0jy4wc5c4] {
    margin: 0 0 0.55rem;
    color: #3f4a46;
    font-weight: 650;
}

.admin-edit-history-changes[b-p0jy4wc5c4] {
    display: grid;
    gap: 0.65rem;
    margin: 0;
}

    .admin-edit-history-changes dt[b-p0jy4wc5c4] {
        color: #65716c;
        font-size: 0.72rem;
        font-weight: 750;
        text-transform: uppercase;
    }

    .admin-edit-history-changes dd[b-p0jy4wc5c4] {
        margin: 0.15rem 0 0;
        font-weight: 650;
        white-space: pre-wrap;
    }
/* /Components/Pages/TimeOffCalendar.razor.rz.scp.css */
.time-off-page[b-lzvjt9gkib] {
    max-width: 1280px;
    margin: 0 auto;
    padding: 2rem 0 4rem;
}

.time-off-header[b-lzvjt9gkib] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
    padding: 2rem;
    margin-bottom: 1.5rem;
    border-radius: 1.25rem;
    background: linear-gradient(135deg, #00a651, #008f46);
    color: white;
    box-shadow: 0 12px 30px rgba(0, 143, 70, 0.18);
}

    .time-off-header h1[b-lzvjt9gkib] {
        margin: 0;
        font-size: clamp(2rem, 4vw, 3.2rem);
        font-weight: 750;
    }

    .time-off-header p[b-lzvjt9gkib] {
        margin: 0.5rem 0 0;
        opacity: 0.92;
    }

.eyebrow[b-lzvjt9gkib],
.section-eyebrow[b-lzvjt9gkib] {
    margin: 0;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.13rem;
}

.section-eyebrow[b-lzvjt9gkib] {
    color: #008f46;
}

.hero-actions[b-lzvjt9gkib] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
}

.hero-action[b-lzvjt9gkib] {
    min-height: 44px;
    padding: 0.65rem 1.1rem;
    border-radius: 0.7rem;
    background: white;
    color: #008f46;
    font-weight: 750;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
}

.banner[b-lzvjt9gkib] {
    margin-bottom: 1rem;
    padding: 0.9rem 1rem;
    border-radius: 0.85rem;
    font-weight: 650;
}

.banner-success[b-lzvjt9gkib] {
    background: #eaf7ef;
    color: #166b3a;
    border: 1px solid #cfead9;
}

.banner-error[b-lzvjt9gkib] {
    background: #fdeeee;
    color: #8a1f1f;
    border: 1px solid #f3c7c7;
}

.status-card[b-lzvjt9gkib] {
    padding: 1.25rem;
    border: 1px solid #e1e8e4;
    border-radius: 1rem;
    background: white;
}

.section-heading h2[b-lzvjt9gkib] {
    margin: 0.2rem 0 0;
    font-size: 1.35rem;
}

.staffing-section[b-lzvjt9gkib] {
    margin-bottom: 1.5rem;
}

.staffing-date[b-lzvjt9gkib] {
    margin: 0.25rem 0 0;
    color: #65716c;
}

.staffing-grid[b-lzvjt9gkib] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 0.85rem;
    margin-top: 0.85rem;
}

.staffing-card[b-lzvjt9gkib] {
    padding: 1rem;
    border: 1px solid #e1e8e4;
    border-radius: 0.9rem;
    background: white;
}

    .staffing-card h3[b-lzvjt9gkib] {
        margin: 0 0 0.5rem;
        font-size: 0.82rem;
        text-transform: uppercase;
        letter-spacing: 0.04rem;
        color: #53615b;
    }

    .staffing-card p[b-lzvjt9gkib],
    .staffing-card li[b-lzvjt9gkib] {
        margin: 0;
        color: #1f2a26;
        font-weight: 650;
    }

    .staffing-card ul[b-lzvjt9gkib] {
        margin: 0;
        padding-left: 1.1rem;
    }

.filter-bar[b-lzvjt9gkib] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 0.85rem;
    margin-bottom: 1.15rem;
}

    .filter-bar label[b-lzvjt9gkib] {
        display: grid;
        gap: 0.35rem;
        font-weight: 700;
        font-size: 0.88rem;
    }

    .filter-bar select[b-lzvjt9gkib] {
        padding: 0.55rem 0.7rem;
        border: 1px solid #d8dfdb;
        border-radius: 0.6rem;
        font: inherit;
        background: white;
    }

.calendar-toolbar[b-lzvjt9gkib] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.85rem;
    margin-bottom: 0.75rem;
}

    .calendar-toolbar h2[b-lzvjt9gkib] {
        margin: 0;
        font-size: 1.45rem;
    }

.calendar-nav[b-lzvjt9gkib] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.calendar-legend[b-lzvjt9gkib] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    margin-bottom: 0.85rem;
    color: #53615b;
    font-weight: 650;
    font-size: 0.88rem;
}

.legend-item[b-lzvjt9gkib] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
}

.legend-swatch[b-lzvjt9gkib] {
    width: 0.9rem;
    height: 0.9rem;
    border-radius: 0.25rem;
    display: inline-block;
}

.calendar-grid[b-lzvjt9gkib] {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: 0.4rem;
}

.calendar-weekday[b-lzvjt9gkib] {
    padding: 0.35rem;
    text-align: center;
    font-size: 0.75rem;
    font-weight: 800;
    letter-spacing: 0.06rem;
    text-transform: uppercase;
    color: #65716c;
}

.calendar-cell[b-lzvjt9gkib] {
    min-height: 7.5rem;
    padding: 0.45rem;
    border: 1px solid #e1e8e4;
    border-radius: 0.7rem;
    background: white;
}

    .calendar-cell.is-outside[b-lzvjt9gkib] {
        background: #f6f8f7;
        color: #8a948f;
    }

    .calendar-cell.is-today[b-lzvjt9gkib] {
        border-color: #00a651;
        box-shadow: inset 0 0 0 1px #00a651;
    }

.calendar-date[b-lzvjt9gkib] {
    display: block;
    font-weight: 800;
    margin-bottom: 0.3rem;
}

.calendar-events[b-lzvjt9gkib] {
    display: grid;
    gap: 0.28rem;
    max-height: 6.5rem;
    overflow: auto;
}

.cal-event[b-lzvjt9gkib] {
    display: grid;
    width: 100%;
    padding: 0.22rem 0.35rem;
    border: none;
    border-radius: 0.35rem;
    text-align: left;
    cursor: pointer;
    font: inherit;
}

    .cal-event strong[b-lzvjt9gkib] {
        display: block;
        font-size: 0.78rem;
        line-height: 1.2;
    }

    .cal-event span[b-lzvjt9gkib] {
        font-size: 0.7rem;
        opacity: 0.9;
    }

.cal-event-pto[b-lzvjt9gkib] {
    background: #eaf7ef;
    color: #166b3a;
}

.cal-event-pto-partial[b-lzvjt9gkib] {
    background: #ffffff;
    color: #166b3a;
    box-shadow: inset 0 0 0 1px #7cbc93;
}

.cal-event-attendance[b-lzvjt9gkib] {
    background: #fff1e0;
    color: #9a4b0f;
}

.cal-event-attendance-absent[b-lzvjt9gkib] {
    background: #fde8e8;
    color: #8a1f1f;
}

.cal-event-attendance-late[b-lzvjt9gkib],
.cal-event-attendance-early[b-lzvjt9gkib] {
    background: #fff1e0;
    color: #9a4b0f;
}

.primary-button[b-lzvjt9gkib],
.secondary-button[b-lzvjt9gkib],
.danger-button[b-lzvjt9gkib] {
    min-height: 42px;
    padding: 0.5rem 0.95rem;
    border-radius: 0.65rem;
    font: inherit;
    font-weight: 750;
    cursor: pointer;
}

.primary-button[b-lzvjt9gkib] {
    border: none;
    background: #00a651;
    color: white;
}

.secondary-button[b-lzvjt9gkib] {
    border: 1px solid #d8dfdb;
    background: white;
    color: #53615b;
}

.danger-button[b-lzvjt9gkib] {
    border: 1px solid #f3c7c7;
    background: #fdeeee;
    color: #8a1f1f;
}

.time-off-dialog-backdrop[b-lzvjt9gkib] {
    position: fixed;
    inset: 0;
    z-index: 2000;
    display: grid;
    place-items: center;
    padding: 1.25rem;
    background: rgba(18, 32, 26, 0.45);
}

.time-off-dialog[b-lzvjt9gkib] {
    width: min(480px, 100%);
    padding: 1.4rem;
    border-radius: 1.1rem;
    background: white;
    box-shadow: 0 18px 40px rgba(24, 58, 46, 0.22);
}

    .time-off-dialog h2[b-lzvjt9gkib] {
        margin: 0;
    }

.time-off-dialog-intro[b-lzvjt9gkib] {
    margin: 0.45rem 0 1rem;
    color: #65716c;
}

.confirm-meta[b-lzvjt9gkib] {
    display: grid;
    gap: 0.75rem;
    margin: 0;
}

    .confirm-meta dt[b-lzvjt9gkib] {
        color: #65716c;
        font-size: 0.72rem;
        font-weight: 750;
        text-transform: uppercase;
    }

    .confirm-meta dd[b-lzvjt9gkib] {
        margin: 0.15rem 0 0;
        font-weight: 650;
    }

.time-off-dialog-actions[b-lzvjt9gkib] {
    display: flex;
    justify-content: flex-end;
    margin-top: 1.15rem;
}

@media (max-width: 900px) {
    .time-off-header[b-lzvjt9gkib],
    .calendar-grid[b-lzvjt9gkib] {
        grid-template-columns: 1fr;
        display: grid;
    }

    .calendar-grid[b-lzvjt9gkib] {
        grid-template-columns: repeat(7, minmax(0, 1fr));
        overflow-x: auto;
    }
}