/* /Features/Admin/AdminDashboard.razor.rz.scp.css */

.page-container[b-485oytq330]{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 10px;
}

.filter-container[b-485oytq330] {
    display: flex;
    gap: 10px;
    color: #253a43;
    font-weight: bold;
}

.filter-option[b-485oytq330] {
    padding: 2px 5px;
    border: solid 2px #253a43;
    border-radius: var(--border-radius);
    font-size: var(--font-size-small);
    cursor: pointer;
}

    .filter-option:hover[b-485oytq330] {
        transform: scale(1.05);
    }

.active-filter[b-485oytq330] {
    background-color: #b3babd;
}

@media(max-width: 1024px){
    .page-container[b-485oytq330]{
        padding: 0;
    }
}
/* /Features/Admin/Companies/AdminCompanies.razor.rz.scp.css */

.companies-container[b-5zgtsao2ai]{
    flex: 1;
    min-height: 0;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

    .companies-container[b-5zgtsao2ai]  .section-container{
        flex: 1;
        min-height: 0;
        display: flex;
        flex-direction: column;
    }

    .companies-container[b-5zgtsao2ai]  .section-content{
        flex: 1;
        min-height: 0;
        display: flex;
        flex-direction: column;
    }

.top-row[b-5zgtsao2ai]{
    display: flex;
    justify-content: space-between;
}

input[b-5zgtsao2ai],
input:focus[b-5zgtsao2ai]{
    width: fit-content;
}

.add-container[b-5zgtsao2ai]{
    display: flex;
    gap: 10px;
    align-items: flex-start;
}

    .add-container button[b-5zgtsao2ai] {
        font-size: var(--font-size-small);
    }

.sync-container[b-5zgtsao2ai]{
    border: solid 1px gray;
    border-radius: var(--border-radius-sm);
    color: gray;
    font-size: var(--font-size-small);
    display: flex;
    gap: 5px;
    align-items: center;
    padding: 2px 5px;
}

.table-container[b-5zgtsao2ai]{
    flex: 1;
    min-height: 200px;
    padding: 0 15px;
    overflow-y: scroll;
}
    .table-container table[b-5zgtsao2ai]{
        width: 100%;
    }

    .table-container thead th[b-5zgtsao2ai] {
        text-align: left;
        padding: 0 5px;
        font-size: var(--font-size-small);
        letter-spacing: 0.03em;
    }

    .table-container thead tr[b-5zgtsao2ai] {
        border-bottom: solid 1px darkgray;
    }

    .table-container tbody tr[b-5zgtsao2ai] {
        border-bottom: solid 1px darkgray;
    }

        .table-container tbody tr:hover[b-5zgtsao2ai] {
            background-color: #efefef;
            cursor: pointer;
        }

    .table-container tbody td[b-5zgtsao2ai] {
        padding: 5px;
    }

    .table-container tbody td:last-child[b-5zgtsao2ai]{
        border-right: none;
    }

    .table-container tbody tr:last-child[b-5zgtsao2ai]{
        border-bottom: none;
    }

.add-location[b-5zgtsao2ai] {
    border: dotted 1px var(--clr-secondary);
    width: 110px;
    padding: 2px 5px;
    border-radius: var(--border-radius-sm);
    color: var(--clr-secondary);
    font-size: var(--font-size-small);
    background-color: white;
}

    .add-location i[b-5zgtsao2ai]{
        font-size: 12px;
    }

.view-locations[b-5zgtsao2ai] {
    border: solid 1px darkgray;
    background-color: #F7F8F8;
    border-radius: var(--border-radius-sm);
    font-size: var(--font-size-small);
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 110px;
    padding: 2px 5px;
}

.locations-chevron[b-5zgtsao2ai] {
    font-size: 10px;
    color: gray;
    transition: transform 0.15s ease;
}

.status-container[b-5zgtsao2ai]{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.status[b-5zgtsao2ai]{
    font-size: var(--font-size-smaller);
    font-weight: bold;
    display: flex;
    align-items: center;
    gap: 6px;
}

    .status i[b-5zgtsao2ai] {
        font-size: 6px;
    }

.active-light[b-5zgtsao2ai] {
    color: #007300;
}

.inactive-light[b-5zgtsao2ai] {
    color: darkgray;
}

.fa-arrow-turn-down-right[b-5zgtsao2ai]{
    font-size: 22px;
}

.pagination-container[b-5zgtsao2ai]{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 10px;
    border-top: solid 1px darkgray;
}

.page-showing[b-5zgtsao2ai]{
    color: gray;
    font-size: var(--font-size-small);
}

.page-numbers-container[b-5zgtsao2ai]{
    font-size: var(--font-size-smaller);
    display: flex;
    gap: 12px;
    font-weight: bold;
    color: gray;
    align-items: center;
}

    .page-arrow[b-5zgtsao2ai]{
        cursor: pointer;
        padding: 0 5px;
    }

    .page-arrow.disabled[b-5zgtsao2ai]{
        color: #9ca3af;
        cursor: default;
    }

.page-number[b-5zgtsao2ai]{
    padding: 3px 8px;
    cursor: pointer;
    border-radius: var(--border-radius-sm);
}

.active-page-number[b-5zgtsao2ai]{
    background-color: var(--clr-primary);
    color: white;
}

.fa-circle-x[b-5zgtsao2ai]{
    font-size: 18px;
    cursor: pointer;
}

.bold[b-5zgtsao2ai]{
    color: black;
    font-weight: bold;
}

@media(max-width: 1024px){
    .inputs[b-5zgtsao2ai]{
        flex-direction: column;
        align-items: flex-start;
    }

    .sync-message[b-5zgtsao2ai]{
        font-size: var(--font-size-smaller);
    }
}
/* /Features/Admin/Companies/Components/CompanyLocationsList.razor.rz.scp.css */

.locations-container[b-hubbsugmqx] {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 500px;
}

.header[b-hubbsugmqx] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.header-title[b-hubbsugmqx] {
    display: flex;
    flex-direction: column;
}

.title[b-hubbsugmqx] {
    font-weight: bold;
}

.subtitle[b-hubbsugmqx] {
    color: gray;
    font-size: var(--font-size-small);
}

.close-icon[b-hubbsugmqx] {
    font-size: 20px;
    cursor: pointer;
}

.location-card[b-hubbsugmqx] {
    border: solid 1px #e5e7eb;
    border-radius: var(--border-radius);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
    overflow: hidden;
    cursor: pointer;
}

    .location-card:hover[b-hubbsugmqx] {
        border-color: darkgray;
    }

.location-info[b-hubbsugmqx] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px;
}

.location-details[b-hubbsugmqx] {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.location-code[b-hubbsugmqx],
.location-name[b-hubbsugmqx] {
    font-weight: bold;
}

.location-timezone[b-hubbsugmqx] {
    color: gray;
    font-size: var(--font-size-small);
}

.delete-icon[b-hubbsugmqx] {
    color: gray;
    font-size: 16px;
    cursor: pointer;
}

    .delete-icon:hover[b-hubbsugmqx] {
        color: black;
    }

.location-nomad[b-hubbsugmqx] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 15px;
    background-color: #F7F8F8;
    border-top: solid 1px #e5e7eb;
    font-weight: bold;
}

.add-location[b-hubbsugmqx] {
    border: dotted 1px var(--clr-secondary);
    border-radius: var(--border-radius);
    color: var(--clr-secondary);
    font-size: var(--font-size-small);
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    padding: 10px;
    cursor: pointer;
}

@media(max-width: 1024px) {
    .locations-container[b-hubbsugmqx] {
        width: 100%;
    }
}
/* /Features/Admin/Companies/Components/CompanyUpsertForm.razor.rz.scp.css */

.form[b-a5ed5gmuwj]{
    display: flex;
    flex-direction: column;
    gap: 10px;
    min-width: 400px;
    height: 100%;
}

.input-container label[b-a5ed5gmuwj]{
    font-weight: bold;
    margin-bottom: 5px;
}

[b-a5ed5gmuwj] input,
[b-a5ed5gmuwj] input:focus {
    width: 100%;
}

[b-a5ed5gmuwj] select{
    width: 100%;
}

.toggle-container[b-a5ed5gmuwj] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 15px;
    background-color: #F7F8F8;
    border: solid 1px #e5e7eb;
    border-radius: var(--border-radius);
    font-weight: bold;
}

.buttons-container[b-a5ed5gmuwj] {
    display: flex;
    justify-content: center;
    gap: 5px;
    align-self: flex-end;
}

@media(max-width: 1024px) {
    .form[b-a5ed5gmuwj]{
        width: 300px;
        min-width: 300px;
    }
}
/* /Features/Admin/Companies/Components/LocationUpsertForm.razor.rz.scp.css */

.form[b-gr4d03xlpb] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.input-container label[b-gr4d03xlpb] {
    font-weight: bold;
    margin-bottom: 5px;
}

[b-gr4d03xlpb] input,
[b-gr4d03xlpb] input:focus {
    width: 100%;
}

[b-gr4d03xlpb] select{
    width: 100%;
}

.toggle-container[b-gr4d03xlpb] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 15px;
    background-color: #F7F8F8;
    border: solid 1px #e5e7eb;
    border-radius: var(--border-radius);
    font-weight: bold;
}

.buttons-container[b-gr4d03xlpb] {
    display: flex;
    justify-content: center;
    gap: 5px;
    align-self: flex-end;
}
/* /Features/Admin/Users/AdminUsers.razor.rz.scp.css */

.users-container[b-52dzyuyms8]{
    flex: 1;
    min-height: 0;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

    .users-container[b-52dzyuyms8]  .section-container{
        flex: 1;
        min-height: 0;
        display: flex;
        flex-direction: column;
    }

    .users-container[b-52dzyuyms8]  .section-content{
        flex: 1;
        min-height: 0;
        display: flex;
        flex-direction: column;
    }

.top-row[b-52dzyuyms8]{
    display: flex;
    justify-content: space-between;
    gap: 10px;
}

.inputs[b-52dzyuyms8]{
    display: flex;
    gap: 10px;
}

input[b-52dzyuyms8],
input:focus[b-52dzyuyms8] {
    width: fit-content;
}

select[b-52dzyuyms8] {
    width: 300px;
}

.add-container[b-52dzyuyms8]{
    display: flex;
    align-items: flex-start;
}

    .add-container button[b-52dzyuyms8] {
        font-size: var(--font-size-small);
        white-space: nowrap;
    }

.table-container[b-52dzyuyms8] {
    flex: 1;
    min-height: 200px;
    padding: 0 15px;
    overflow-y: scroll;
}

    .table-container table[b-52dzyuyms8] {
        width: 100%;
    }

    .table-container thead th[b-52dzyuyms8] {
        text-align: left;
        padding: 0 5px;
        font-size: var(--font-size-small);
        letter-spacing: 0.03em;
    }

    .table-container thead tr[b-52dzyuyms8] {
        border-bottom: solid 1px darkgray;
    }

    .table-container tbody tr[b-52dzyuyms8] {
        border-bottom: solid 1px darkgray;
    }

        .table-container tbody tr:hover[b-52dzyuyms8] {
            background-color: #efefef;
            cursor: pointer;
        }

    .table-container tbody td[b-52dzyuyms8] {
        padding: 5px;
    }

    .table-container tbody tr:last-child[b-52dzyuyms8]{
        border-bottom: none;
    }

.user-column[b-52dzyuyms8]{
    display: flex;
    flex-direction: column;
}

.status-container[b-52dzyuyms8] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.status[b-52dzyuyms8]{
    font-size: var(--font-size-smaller);
    font-weight: bold;
    display: flex;
    align-items: center;
    gap: 6px;
}

    .status i[b-52dzyuyms8] {
        font-size: 6px;
    }

.verified-light[b-52dzyuyms8] {
    color: #007300;
}

.unverified-light[b-52dzyuyms8] {
    color: darkgray;
}

.fa-circle-x[b-52dzyuyms8] {
    font-size: 18px;
    cursor: pointer;
}

.pagination-container[b-52dzyuyms8]{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 10px;
    border-top: solid 1px darkgray;
}

.page-showing[b-52dzyuyms8]{
    color: gray;
    font-size: var(--font-size-small);
}

.page-numbers-container[b-52dzyuyms8]{
    font-size: var(--font-size-smaller);
    display: flex;
    gap: 12px;
    font-weight: bold;
    color: gray;
    align-items: center;
}

    .page-arrow[b-52dzyuyms8]{
        cursor: pointer;
        padding: 0 5px;
    }

    .page-arrow.disabled[b-52dzyuyms8]{
        color: #9ca3af;
        cursor: default;
    }

.page-number[b-52dzyuyms8]{
    padding: 3px 8px;
    cursor: pointer;
    border-radius: var(--border-radius-sm);
}

.active-page-number[b-52dzyuyms8]{
    background-color: var(--clr-primary);
    color: white;
}

.bold[b-52dzyuyms8]{
    color: black;
    font-weight: bold;
}

.small-text[b-52dzyuyms8]{
    font-size: var(--font-size-smaller);
}

@media(max-width: 1024px){
    .inputs[b-52dzyuyms8]{
        flex-direction: column;
    }

    select[b-52dzyuyms8]{
        width: 100%;
    }
}
/* /Features/Admin/Users/UserUpsertForm.razor.rz.scp.css */

.form[b-xdv5l6975o] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    min-width: 300px;
    max-height: calc(100vh - 80px);
}

.company-container[b-xdv5l6975o] {
    display: flex;
    flex-direction: column;
    min-height: 0;
    flex: 1;
}

.input-container label[b-xdv5l6975o] {
    font-weight: bold;
    margin-bottom: 5px;
}

[b-xdv5l6975o] input,
[b-xdv5l6975o] input:focus {
    width: 100%;
}

[b-xdv5l6975o] select {
    width: 100%;
}

.company-list[b-xdv5l6975o] {
    display: flex;
    flex-direction: column;
    gap: 5px;
    overflow-y: auto;
    min-height: 0;
    padding-right: 5px;
}

.checkbox-container[b-xdv5l6975o] {
    display: flex;
    gap: 5px;
    align-items: center;
    padding-bottom: 5px;
    border-bottom: solid 1px darkgray;
    font-size: var(--font-size-small);
}

.buttons-container[b-xdv5l6975o] {
    display: flex;
    justify-content: flex-end;
    gap: 5px;
}
/* /Features/Auth/Pages/CreatePassword.razor.rz.scp.css */

.page-container[b-hy6bxo18ex] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    background-color: #253A43;
}

.form[b-hy6bxo18ex] {
    display: flex;
    padding: 15px;
    border-radius: var(--border-radius);
    flex-direction: column;
    gap: 10px;
    min-width: 400px;
    background-color: white;
}

.input-container label[b-hy6bxo18ex] {
    font-weight: bold;
    margin-bottom: 5px;
}

[b-hy6bxo18ex] input,
[b-hy6bxo18ex] input:focus {
    border-radius: var(--border-radius);
    border: solid 1px darkgray;
    width: 100%;
}

.rules[b-hy6bxo18ex]{
    margin-bottom: 10px;
}

.rules li[b-hy6bxo18ex]{
    font-size: var(--font-size-small);
    margin-left: 10%;
}

.card-container[b-hy6bxo18ex] {
    display: flex;
    padding: 15px;
    border-radius: var(--border-radius);
    flex-direction: column;
    gap: 10px;
    text-align: center;
    background-color: white;
}
/* /Features/Auth/Pages/ForgotPassword.razor.rz.scp.css */

.page-container[b-rd3b8tgp8y] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    background-color: #253A43;
    flex-direction: column;
    gap: 20px;
    padding-bottom: 100px;
}

.logo[b-rd3b8tgp8y]{
    width: 150px;
    cursor: pointer;
}

.message[b-rd3b8tgp8y]{
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    gap: 50px;
    color: white;
    text-align: center;
    font-weight: bold;
}

.card-container[b-rd3b8tgp8y] {
    padding: 15px;
    border-radius: var(--border-radius);
    display: flex;
    flex-direction: column;
    background-color: white;
    max-width: 500px;
}


.form[b-rd3b8tgp8y] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    min-width: 400px;
}

.input-container label[b-rd3b8tgp8y] {
    font-weight: bold;
    margin-bottom: 5px;
}

[b-rd3b8tgp8y] input,
[b-rd3b8tgp8y] input:focus {
    border-radius: var(--border-radius);
    border: solid 1px darkgray;
    width: 100%;
}

.button-container[b-rd3b8tgp8y]{
    display: flex;
    flex-direction: column;
    text-align: center;
    justify-content: center;
    align-items: center;
    gap: 5px;
}

.failure-message[b-rd3b8tgp8y]{
    color: red;
    font-size: var(--font-size-small);
}

@media(max-width: 1024px){
    .form[b-rd3b8tgp8y]{
        min-width: 300px;
    }
}
/* /Features/Auth/Pages/Login.razor.rz.scp.css */
.login-page[b-r2s2y1fcp8] {
    background-image: linear-gradient(115deg, rgba(4,12,10,0.10) 0%, rgba(4,12,10,0.10) 45%, rgba(2,6,5,0.10) 100%), url('/img/LoginBackground.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    min-height: 100vh;
    min-height: 100dvh;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 2rem 7vw;
}

[b-r2s2y1fcp8] .form {
    display: flex;
    flex-flow: column;
    gap: 2rem;
    justify-content: center;
    width: 100%;
    max-width: 550px;
    padding: 4rem;
    color: #fff;
    background: var(--glass-bg);
    border: 1px solid var(--glass-border);
    border-radius: var(--border-radius);
    backdrop-filter: blur(18px) saturate(120%);
    -webkit-backdrop-filter: blur(18px) saturate(120%);
    box-shadow: 0 20px 60px rgba(0,0,0,0.35);
}

.logo[b-r2s2y1fcp8] {
    height: 220px;
    align-self: center;
}

[b-r2s2y1fcp8] input{
    width: 100%;
}

.password-group[b-r2s2y1fcp8] {
    display: inherit;
    flex-flow: inherit;
    gap: .5rem;
    text-align: right;
}

.forgot-link[b-r2s2y1fcp8] {
    font-size: 14px;
    width: fit-content;

}

[b-r2s2y1fcp8] .validation-message {
    font-size: 12px;
    margin-top: 0.35rem;
}

[b-r2s2y1fcp8] .input-container input.invalid {
    border: 1.5px solid var(--error);
}

.password-input-container[b-r2s2y1fcp8] {
    position: relative;
    display: inline-block;
    width: 100%;
}

    .password-input-container input[b-r2s2y1fcp8] {
        padding-right: 32px;
    }

.password-toggle-icon[b-r2s2y1fcp8] {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    color: #888;
}

    .password-toggle-icon:hover[b-r2s2y1fcp8] {
        color: #444;
    }

.button-container[b-r2s2y1fcp8]{
    display: flex;
    justify-content:center;
}

    .button-container button[b-r2s2y1fcp8]{
        width: stretch;
    }

[b-r2s2y1fcp8] .validation-message {
    color: white;
}

[b-r2s2y1fcp8] .mfa-form {
    gap: 1.25rem;
    padding: 2.5rem 4rem;
}

.mfa-logo[b-r2s2y1fcp8] {
    height: 80px;
    align-self: center;
}

.mfa-setup[b-r2s2y1fcp8] {
    display: flex;
    flex-flow: column;
    align-items: center;
    gap: .75rem;
    text-align: center;
}

    .mfa-setup p[b-r2s2y1fcp8] {
        margin: 0;
    }

.mfa-qr-code[b-r2s2y1fcp8] {
    width: 180px;
    height: 180px;
    border-radius: var(--border-radius);
}

.mfa-manual-key[b-r2s2y1fcp8] {
    font-family: monospace;
    font-size: 16px;
    letter-spacing: 1px;
    word-break: break-all;
}

.back-link[b-r2s2y1fcp8] {
    font-size: 14px;
    width: fit-content;
    align-self: center;
    cursor: pointer;
}

@media (max-width: 700px) {
    .login-page[b-r2s2y1fcp8] {
        justify-content: center;
        padding: 1.5rem 6vw;
    }

    .logo[b-r2s2y1fcp8] {
        height: 150px
    }

    [b-r2s2y1fcp8] .form {
        padding: 2.5rem 1.75rem;
    }

    [b-r2s2y1fcp8] .mfa-form {
        padding: 1.75rem;
    }

    .mfa-logo[b-r2s2y1fcp8] {
        display: none;
    }
}
/* /Features/EnableAI/AIChat.razor.rz.scp.css */

.content-container[b-2amhs16323]{
    width: 100%;
    height: 100%;
}
/* /Features/Global/Animation/Animate.razor.rz.scp.css */

.animate-fade-in[b-r6wc0hoyb7] {
    animation: fadeIn-b-r6wc0hoyb7 var(--anim-ease) var(--anim-duration) forwards;
}

.animate-fade-out[b-r6wc0hoyb7] {
    animation: fadeOut-b-r6wc0hoyb7 var(--anim-ease) var(--anim-duration) forwards;
}

.animate-zoom-in[b-r6wc0hoyb7] {
    animation: zoomIn-b-r6wc0hoyb7 var(--anim-duration) var(--anim-ease) forwards;
}

.animate-zoom-in-bounce[b-r6wc0hoyb7] {
    animation: zoomInBounce-b-r6wc0hoyb7 var(--anim-duration) var(--anim-ease) forwards;
}

.animate-zoom-out[b-r6wc0hoyb7] {
    animation: zoomOut-b-r6wc0hoyb7 var(--anim-duration) var(--anim-ease) forwards;
}

.animate-zoom-out-bounce[b-r6wc0hoyb7] {
    animation: zoomOutBounce-b-r6wc0hoyb7 var(--anim-duration) var(--anim-ease) forwards;
}

.animate-slide-left-out[b-r6wc0hoyb7] {
    animation: slideLeftOut-b-r6wc0hoyb7 var(--anim-duration) var(--anim-ease) forwards;
}

.animate-slide-right-out[b-r6wc0hoyb7] {
    animation: slideRightOut-b-r6wc0hoyb7 var(--anim-duration) var(--anim-ease) forwards;
}

.animate-slide-left-in[b-r6wc0hoyb7] {
    animation: slideLeftIn-b-r6wc0hoyb7 var(--anim-duration) var(--anim-ease) forwards;
}

.animate-slide-right-in[b-r6wc0hoyb7] {
    animation: slideRightIn-b-r6wc0hoyb7 var(--anim-duration) var(--anim-ease) forwards;
}

.animate-flip-left-out[b-r6wc0hoyb7] {
    animation: flipLeftHalfOut-b-r6wc0hoyb7 var(--anim-duration) var(--anim-ease) forwards;
}

.animate-flip-left-in[b-r6wc0hoyb7] {
    animation: flipLeftHalfIn-b-r6wc0hoyb7 var(--anim-duration) var(--anim-ease) forwards;
}

.animate-flip-right-out[b-r6wc0hoyb7] {
    animation: flipRightHalfOut-b-r6wc0hoyb7 var(--anim-duration) var(--anim-ease) forwards;
}

.animate-flip-right-in[b-r6wc0hoyb7] {
    animation: flipRightHalfIn-b-r6wc0hoyb7 var(--anim-duration) var(--anim-ease) forwards;
}

@keyframes fadeIn-b-r6wc0hoyb7 {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeOut-b-r6wc0hoyb7 {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@keyframes zoomIn-b-r6wc0hoyb7 {
    0% {
        opacity: 0;
        transform: scale(0.8);
    }

    100% {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes zoomOut-b-r6wc0hoyb7 {
    0% {
        opacity: 1;
        transform: scale(1);
    }

    100% {
        opacity: 0;
        transform: scale(0.8);
    }
}

@keyframes zoomInBounce-b-r6wc0hoyb7 {
    0% {
        opacity: 0;
        transform: scale(0.8);
    }

    80% {
        transform: scale(1.05);
    }

    100% {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes zoomOutBounce-b-r6wc0hoyb7 {
    0% {
        opacity: 1;
        transform: scale(1);
    }

    20% {
        opacity: 1;
        transform: scale(1.05);
    }

    100% {
        opacity: 0;
        transform: scale(0.8);
    }
}

@keyframes slideLeftIn-b-r6wc0hoyb7 {
    from {
        transform: translateX(-100%);
        opacity: 0;
    }

    to {
        transform: translateX(0);
        opacity: 1;
    }
}

@keyframes slideLeftOut-b-r6wc0hoyb7 {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-100%);
    }
}

@keyframes slideRightIn-b-r6wc0hoyb7 {
    from {
        transform: translateX(100%);
    }

    to {
        transform: translateX(0);
    }
}

@keyframes slideRightOut-b-r6wc0hoyb7 {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(100%);
    }
}

@keyframes flipLeftHalfOut-b-r6wc0hoyb7 {
    from {
        transform: perspective(800px) rotateY(0deg);
    }

    to {
        transform: perspective(800px) rotateY(-90deg);
    }
}

@keyframes flipLeftHalfIn-b-r6wc0hoyb7 {
    from {
        transform: perspective(800px) rotateY(90deg);
    }

    to {
        transform: perspective(800px) rotateY(0deg);
    }
}

@keyframes flipRightHalfOut-b-r6wc0hoyb7 {
    from {
        transform: perspective(800px) rotateY(0deg);
    }

    to {
        transform: perspective(800px) rotateY(90deg);
    }
}

@keyframes flipRightHalfIn-b-r6wc0hoyb7 {
    from {
        transform: perspective(800px) rotateY(-90deg);
    }

    to {
        transform: perspective(800px) rotateY(0deg);
    }
}
/* /Features/Global/CustomCheckbox.razor.rz.scp.css */

.custom-checkbox[b-eh86d4bxy3] {
    display: inline-flex;
    align-items: center;
    cursor: pointer;
    position: relative;
    width: var(--checkbox-size);
    height: var(--checkbox-size);
}

    .custom-checkbox.disabled[b-eh86d4bxy3] {
        cursor: initial;
        opacity: 0.5;
    }

    .custom-checkbox input[b-eh86d4bxy3] {
        position: absolute;
        opacity: 0;
        width: 100%;
        height: 100%;
        margin: 0;
        cursor: inherit;
    }

.checkbox-box[b-eh86d4bxy3] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: var(--checkbox-size);
    height: var(--checkbox-size);
    border: 1.5px solid darkgray;
    border-radius: 4px;
    background-color: #fff;
    transition: background-color 0.15s ease, border-color 0.15s ease;
    pointer-events: none;
}

.checkbox-icon[b-eh86d4bxy3] {
    font-size: calc(var(--checkbox-size) * 0.6);
    color: #fff;
    opacity: 0;
}

.custom-checkbox input:checked + .checkbox-box[b-eh86d4bxy3] {
    background-color: var(--clr-secondary, #2563eb);
    border-color: var(--clr-secondary, #2563eb);
}

    .custom-checkbox input:checked + .checkbox-box .checkbox-icon[b-eh86d4bxy3] {
        opacity: 1;
    }

.custom-checkbox input:focus-visible + .checkbox-box[b-eh86d4bxy3] {
    outline: 2px solid var(--clr-secondary, #2563eb);
    outline-offset: 2px;
}
/* /Features/Global/CustomToggle.razor.rz.scp.css */

.custom-toggle[b-rknsjcoipi] {
    display: inline-flex;
    align-items: center;
    cursor: pointer;
    position: relative;
    width: 44px;
    height: 24px;
}

    .custom-toggle.disabled[b-rknsjcoipi] {
        cursor: initial;
    }

    .custom-toggle input[b-rknsjcoipi] {
        position: absolute;
        opacity: 0;
        width: 100%;
        height: 100%;
        margin: 0;
        cursor: inherit;
    }

.toggle-track[b-rknsjcoipi] {
    display: inline-flex;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 2px;
    border-radius: 12px;
    background-color: #d1d5db;
    transition: background-color 0.15s ease;
    pointer-events: none;
}

.toggle-knob[b-rknsjcoipi] {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: white;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    transition: transform 0.15s ease;
}

.custom-toggle input:checked + .toggle-track[b-rknsjcoipi] {
    background-color: var(--toggle-color);
}

    .custom-toggle input:checked + .toggle-track .toggle-knob[b-rknsjcoipi] {
        transform: translateX(20px);
    }

.custom-toggle input:focus-visible + .toggle-track[b-rknsjcoipi] {
    outline: 2px solid var(--toggle-color);
    outline-offset: 2px;
}
/* /Features/Global/DeleteForm/ConfirmDeleteForm.razor.rz.scp.css */

.form-container[b-jgkam7cbrx]{
    display: flex;
    flex-direction: column;
    gap: 10px;
}

@media(max-width: 1024px) {
    .form-container[b-jgkam7cbrx]{
        max-width: 300px;
    }
}
/* /Features/Global/Loader/ConditionalLoader.razor.rz.scp.css */
/* fills the parent's width; only fills its height when vertical positioning needs the space */
.loader-container[b-5jhrc6jft8] {
    display: flex;
    width: 100%;
}

.h-left[b-5jhrc6jft8] {
    justify-content: flex-start;
}

.h-center[b-5jhrc6jft8] {
    justify-content: center;
}

.h-right[b-5jhrc6jft8] {
    justify-content: flex-end;
}

.v-top[b-5jhrc6jft8] {
    align-items: flex-start;
}

.v-center[b-5jhrc6jft8] {
    height: 100%;
    align-items: center;
}

.v-bottom[b-5jhrc6jft8] {
    height: 100%;
    align-items: flex-end;
}

.loader[b-5jhrc6jft8],
.loader[b-5jhrc6jft8]:after {
    border-radius: 50%;
    width: 8em;
    height: 8em;
}

.loader[b-5jhrc6jft8] {
    font-size: 10px;
    position: relative;
    border-top: .8em solid #e2e1e2;
    border-right: .8em solid #e2e1e2;
    border-bottom: .8em solid #e2e1e2;
    border-left: .8em solid #253A43;
    transform: translateZ(0);
    animation: load8-b-5jhrc6jft8 1.1s infinite linear;
}

@-webkit-keyframes load8 {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes load8-b-5jhrc6jft8 {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}
/* /Features/Global/Modal/GlobalModal.razor.rz.scp.css */

.overlay[b-7brqoiiikn] {
    position: absolute;
    display: flex;
    justify-content: flex-end;
    align-items: stretch;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .4);
    width: 100vw;
    height: 100vh;
    overflow: hidden;
}

.card[b-7brqoiiikn] {
    height: 100vh;
    min-width: 450px;
    max-width: 100vw;
    padding: 15px;
    overflow-y: auto;
    background-color: white;
    box-shadow: -4px 0 12px rgba(0, 0, 0, .2);
}

.x-icon[b-7brqoiiikn]{
    position: absolute;
    right: 15px;
    top: 15px;
    cursor: pointer;
}

@media(max-width: 1024px) {
    .card[b-7brqoiiikn] {
        width: 100vw;
        min-width: 0;
        box-shadow: none;
    }
}
/* /Features/Global/ModuleTag.razor.rz.scp.css */
.tag[b-xsycev9dmk] {
    font-size: var(--font-size-smaller);
    border-radius: var(--border-radius-sm);
    padding: 2px 5px;
    font-weight: bold;
    margin-right: 5px;
}

.duration-tag[b-xsycev9dmk] {
    background-color: #b3babd;
    border: solid 2px #52626a;
    color: #253a43;
}

.required-tag[b-xsycev9dmk] {
    background-color: #fce6c2;
    border: solid 2px #f59e0b;
    color: #f59e0b;
}

.in-progress-tag[b-xsycev9dmk] {
    background-color: #dfeef5;
    border: solid 2px #7fafc7;
    color: #719bb1;
}

.complete-tag[b-xsycev9dmk] {
    background-color: #bbd9c8;
    border: solid 2px #008000;
    color: #007300;
}
/* /Features/Global/SectionCard.razor.rz.scp.css */

.section-container[b-9ydb7l6gev] {
    border-radius: 10px;
    box-shadow: var(--box-shadow);
    -webkit-box-shadow: var(--box-shadow);
}

.section-header[b-9ydb7l6gev] {
    color: white;
    background-color: #253a43;
    padding: 10px;
    font-weight: bold;
    border-radius: 10px 10px 0 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.unexpanded-header[b-9ydb7l6gev]{
    border-radius: var(--border-radius);
}

.section-content[b-9ydb7l6gev] {
    padding: 15px 20px;
    background-color: white;
    border-radius: 0 0 10px 10px;
}
/* /Features/Global/Toast/ToastCard.razor.rz.scp.css */
.global-toast[b-hps8bz3ffa] {
    position: fixed;
    bottom: 2rem;
    right: 2rem;
    padding: 1rem 1.5rem;
    border-radius: 8px;
    font-size: 1rem;
    color: #fff;
    z-index: 9999;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);
    animation: fadeInOut-b-hps8bz3ffa 3s ease-in-out;
    min-width: 200px;
    text-align: center;
}

.global-toast.success[b-hps8bz3ffa] {
    background-color: #28a745;
}

.global-toast.warning[b-hps8bz3ffa] {
    background-color: #ffc107;
    color: #000;
}

.global-toast.error[b-hps8bz3ffa] {
    background-color: #dc3545;
}

.global-toast.info[b-hps8bz3ffa] {
    background-color: #17a2b8;
}

@keyframes fadeInOut-b-hps8bz3ffa {
    0% {
        opacity: 0;
        transform: translateY(20px);
    }

    10% {
        opacity: 1;
        transform: translateY(0);
    }

    90% {
        opacity: 1;
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        transform: translateY(20px);
    }
}
/* /Features/Global/Tooltip.razor.rz.scp.css */
.tooltip-container[b-9pvcasl7zm] {
    position: relative;
    display: inline-flex;
    align-items: center;
}

.tooltip-icon[b-9pvcasl7zm] {
    font-size: var(--tooltip-size);
    color: gray;
    cursor: help;
}
/* /Features/Home/Components/Calendar/Calendar.razor.rz.scp.css */

.calendar-container[b-k4frf0o5c5] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 30px;
    height: 100%;
}

.no-meetings-message[b-k4frf0o5c5]{
    font-style: italic;
    color: darkgrey;
}
/* /Features/Home/Components/Calendar/CalendarMeetingCard.razor.rz.scp.css */

.meeting-card[b-uhm6wk9yzx] {
    position: relative;
    font-size: var(--font-size-small);
}

.meeting-date-info[b-uhm6wk9yzx] {
    display: flex;
    justify-content: space-between;
}

.register-info-container[b-uhm6wk9yzx] {
    margin-top: 10px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

    .register-info-container h4[b-uhm6wk9yzx] {
        color: var(--clr-secondary);
        margin-bottom: 5px;
    }

    .register-info-container ul[b-uhm6wk9yzx] {
        margin-left: 20px;
    }

.registrant-info[b-uhm6wk9yzx] {
    display: flex;
    flex-direction: column;
}

.checkbox-container[b-uhm6wk9yzx] {
    display: flex;
    gap: 5px;
    align-items: center;
}

.input-container span[b-uhm6wk9yzx] {
    font-weight: bold;
    margin-bottom: 5px;
}

input[b-uhm6wk9yzx],
input:focus[b-uhm6wk9yzx] {
    border-radius: var(--border-radius);
    border: solid 1px darkgray;
    width: 100%;
}

.initial-buttons-container[b-uhm6wk9yzx] {
    margin-top: 10px;
}

.buttons-container[b-uhm6wk9yzx] {
    display: flex;
    gap: 10px;
}

.unregister-container[b-uhm6wk9yzx] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 10px;
}

.tag[b-uhm6wk9yzx] {
    font-size: var(--font-size-smaller);
    border-radius: var(--border-radius-sm);
    padding: 2px 5px;
    font-weight: bold;
}

.register-tag[b-uhm6wk9yzx] {
    background-color: #fce6c2;
    border: solid 2px #f59e0b;
    color: #f59e0b;
}

.registered-tag[b-uhm6wk9yzx] {
    background-color: #bbd9c8;
    border: solid 2px #008000;
    color: #007300;
}
/* /Features/Home/Components/DashboardModule.razor.rz.scp.css */

.module-container[b-rryu5ame3v]{
    border-radius: var(--border-radius);
    box-shadow: var(--box-shadow-full);
    padding: 10px;
    min-width: 500px;
    cursor: pointer;
    height: fit-content;
}

.locked-thumbnail[b-rryu5ame3v]{
    opacity: .5;
    cursor: default;
}

.main-content[b-rryu5ame3v]{
    display: flex;
    gap: 10px;
}

.module-thumbnail[b-rryu5ame3v]{
    width: 200px;
    border-radius: 10px;
}

.title-container[b-rryu5ame3v]{
    display: flex;
    flex-direction: column;
}

.module-title[b-rryu5ame3v] {
    font-size: var(--font-size-small);
    font-weight: bold;
}

.module-description[b-rryu5ame3v]{
    font-size: var(--font-size-smaller);
}

.tags-container[b-rryu5ame3v]{
    margin-top: 5px;
}

@media(max-width: 1700px){
    .module-container[b-rryu5ame3v]{
        min-width: 400px;
    }

    .module-thumbnail[b-rryu5ame3v] {
        width: 150px;
    }
}

@media(max-width:1024px) {
    .module-container[b-rryu5ame3v]{
        min-width: 300px;
    }
}
/* /Features/Home/Components/GrowSmart/GrowSmart.razor.rz.scp.css */

.toggle[b-h63gcjistz]{
    cursor: pointer;
    border-radius: var(--border-radius);
    padding: 2px 5px;
}

.highlight[b-h63gcjistz]{
    color: var(--clr-secondary);
}

.main-content[b-h63gcjistz]{
    font-size: var(--font-size-small);
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.label[b-h63gcjistz]{
    font-weight: bold;
}

.first-letter[b-h63gcjistz]{
    color: var(--clr-secondary);
}

a[b-h63gcjistz]{
    text-decoration: none;
    font-size: var(--font-size-small);
}

.material-container[b-h63gcjistz] {
    display: flex;
    flex-direction: column;
    font-size: var(--font-size-small);
}

.material-title[b-h63gcjistz]{
    font-weight: bold;
}
/* /Features/Home/Page/Home.razor.rz.scp.css */

.dashboard-container[b-324efn831g]{
    display: flex;
    gap: 30px;
    height: 100%;
    width: 100%;
}

.filter-modules-container[b-324efn831g]{
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.filter-container[b-324efn831g],
.mobile-filter-container[b-324efn831g] {
    display: flex;
    gap: 10px;
    color: #253a43;
    font-weight: bold;
}

.filter-option[b-324efn831g] {
    padding: 2px 5px;
    border: solid 2px #253a43;
    border-radius: var(--border-radius);
    font-size: var(--font-size-small);
    cursor: pointer;
}

.active-filter[b-324efn831g] {
    background-color: #b3babd;
}

.module-statistics-container[b-324efn831g]{
    display: flex;
    gap: 30px;
    padding: 0 10px;
}

.statistic-card[b-324efn831g]{
    display: flex;
    flex-direction: column;
    padding: 15px 10px;
    width: 300px;
    border-radius: var(--border-radius);
    box-shadow: var(--box-shadow-full);
    cursor: pointer;
    border: solid 2px transparent;
}

    .statistic-card h4[b-324efn831g] {
        color: black;
    }

    .statistic-card h3[b-324efn831g]{
        margin-top: 5px;
    }

.stat-header[b-324efn831g]{
    display: flex;
    width: 100%;
    justify-content: space-between;
}

.stat-icon[b-324efn831g]{
    font-size: 1.25em;
}

.active-progress-filter[b-324efn831g]{
    border: solid 2px var(--clr-secondary);
}

.modules-completed[b-324efn831g] {
    color: green;
}

.modules-remaining[b-324efn831g]{
    color: var(--clr-secondary);
}

.average-score[b-324efn831g] {
    color: #82bcda;
}

.modules-container[b-324efn831g]{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 10px;
}

.empty-module[b-324efn831g]{
    min-width: 500px;
}

.divider[b-324efn831g] {
    border-right: solid 1px rgba(167, 167, 167, 0.8);
}

.sub-component-container[b-324efn831g]{
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 100%;
    overflow-y: auto;
    padding: 10px;
    padding-top: 0;
}

/*Small Screens*/
@media(max-width: 1700px) {
    .empty-module[b-324efn831g] {
        min-width: 400px;
    }
}

@media(max-width:1500px) {
    .modules-container[b-324efn831g]{
        grid-template-columns: 1fr;
    }
}

@media(max-width:1300px){
    .module-statistics-container[b-324efn831g] {
        flex-direction: column;
        gap: 10px;
    }

    .statistic-card[b-324efn831g] {
        padding: 15px 10px;
        width: 100%;
    }
}

/*Mobile*/
@media(max-width:1024px){
    .dashboard-container[b-324efn831g]{
        flex-direction: column;
        gap: 15px;
    }

    .module-statistics-container[b-324efn831g]{
        padding: 0;
        flex-direction: row;
    }

    .statistic-card[b-324efn831g]{
        flex-direction: column;
        align-items: center;
    }

    .filter-container[b-324efn831g]{
        display: grid;
        grid-template-columns: repeat(3, auto);
    }

    .filter-option[b-324efn831g]{
        text-align: center;
    }

    .filter-modules-container[b-324efn831g]{
        height: 100%;
        gap: 20px;
    }

    .empty-module[b-324efn831g] {
        min-width: 300px;
    }
}
/* /Features/Home/Page/MobileCalendar.razor.rz.scp.css */

.page-container[b-o2t4x45p8d]{
    padding-bottom: 20px;
}

.filter-container[b-o2t4x45p8d] {
    display: flex;
    gap: 10px;
    color: #253a43;
    font-weight: bold;
    margin-bottom: 20px;
}

.filter-option[b-o2t4x45p8d] {
    padding: 2px 5px;
    border: solid 2px #253a43;
    border-radius: var(--border-radius);
    font-size: var(--font-size-small);
    cursor: pointer;
}

.active-filter[b-o2t4x45p8d] {
    background-color: #b3babd;
}
/* /Features/Layout/MainLayout.razor.rz.scp.css */
.layout-container[b-2obx0ss68x] {
    display: flex;
    padding: 25px;
    gap: 15px;
    height: 100vh;
    height: 100dvh;
    overflow: hidden;
}

.page-container[b-2obx0ss68x] {
    height: 100%;
    width: 100%;
    overflow-y: auto; 
}

@media (max-width: 1024px) {
    .layout-container[b-2obx0ss68x] {
        flex-direction: column;
        padding: 0;
        gap: 0;
        height: 100vh;
        height: 100dvh;
    }

    .nav-menu-container[b-2obx0ss68x] {
        position: sticky;
        top: 0;
        z-index: 100;
        flex-shrink: 0; /* prevent it from being squeezed by flex-column content */
        background: var(--your-header-bg-color); /* avoid transparent bleed-through */
    }

    .page-container[b-2obx0ss68x] {
        padding: 25px;
        overflow-y: auto;
        flex: 1; /* takes remaining height after header */
    }
}
/* /Features/Layout/NavMenu/Components/UserSettingsForm.razor.rz.scp.css */

.form[b-om0ttxoz8h]{
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.input-container label[b-om0ttxoz8h] {
    font-weight: bold;
    margin-bottom: 5px;
}

[b-om0ttxoz8h] select {
    width: 100%;
}

.buttons-container[b-om0ttxoz8h] {
    display: flex;
    justify-content: center;
    gap: 5px;
    align-self: flex-end;
}
/* /Features/Layout/NavMenu/NavMenu.razor.rz.scp.css */

.nav-menu-container[b-7onl5k7j9d]{
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    flex-shrink: 0;
    background-color: var(--clr-primary);
    color: white;
    padding: 20px;
    border-radius: 10px;
    width: 190px;
}

.enable-icon-container[b-7onl5k7j9d]{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 25px;
    cursor: pointer;
}

.enable-icon[b-7onl5k7j9d]{
    height: 4rem;
}

.highlighted[b-7onl5k7j9d]{
    color: var(--clr-secondary);
}

.nav-items[b-7onl5k7j9d] {
    display: flex;
    flex-direction: column;
}

.item-container[b-7onl5k7j9d]{
    padding: 10px 20px;
    cursor: pointer;
    border-radius: 10px;
    display: flex;
    gap: 10px;
    align-items: center;
    font-size: 14px;
}

    .item-container:hover[b-7onl5k7j9d] {
        background-color: #162328;
    }

    .item-container i[b-7onl5k7j9d]{
        font-size: 20px;
    }

.ai-item[b-7onl5k7j9d] {
    padding-left: 18px;
}

.logout-container[b-7onl5k7j9d]{
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.profile-container[b-7onl5k7j9d]{
    font-size: var(--font-size-small);
    border-radius: var(--border-radius);
    padding: 2px 4px;
    display: flex;
    flex-direction: column;
}

    .profile-container:hover[b-7onl5k7j9d]{
        cursor: pointer;
        background-color: rgb(255, 255, 255, .3);
    }

#user-name[b-7onl5k7j9d]{
    font-weight: bold;
}

#email[b-7onl5k7j9d] {
    font-size: var(--font-size-smaller);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

@media(max-width:1024px){
    .nav-menu-container[b-7onl5k7j9d]{
        flex-direction: row;
        width: 100%;
        border-radius: 0;
        align-items: center;
        z-index: 101;
    }

    .enable-icon-container[b-7onl5k7j9d]{
        margin: 0;
    }

    .enable-icon[b-7onl5k7j9d]{
        height: 2rem;
    }

    .nav-items[b-7onl5k7j9d] {
        position: fixed;
        right: -150px;
        top: 0;
        height: 100vh;
        width: 200px;
        padding-top: 200px;
        padding-left: 25px;
        gap: 30px;
        color: white;
        background-color: #3b4e56;
        z-index: 100;
        display: flex;
        flex-direction: column;
        opacity: 0;
        pointer-events: none;
        transition: right 0.2s ease-out, opacity 0.2s ease-out;
    }

        .nav-items.nav-items-open[b-7onl5k7j9d] {
            right: 0;
            opacity: 1;
            pointer-events: auto;
        }

    .item-container[b-7onl5k7j9d]{
        font-size: 16px;
    }

    .item-container:hover[b-7onl5k7j9d] {
        background-color: transparent;
    }

    .ai-item[b-7onl5k7j9d]{
        padding-left: 18px;
    }

    .fa-bars[b-7onl5k7j9d]{
        font-size: 30px;
    }

    .nav-backdrop[b-7onl5k7j9d] {
        position: fixed;
        inset: 0;
        background: rgba(0, 0, 0, 0.4);
        z-index: 99;
        animation: fadeIn-b-7onl5k7j9d 0.2s ease;
    }

    @keyframes fadeIn-b-7onl5k7j9d {
        from {
            opacity: 0;
        }

        to {
            opacity: 1;
        }
    }
}
/* /Features/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-nzvaoremrg],
.components-reconnect-repeated-attempt-visible[b-nzvaoremrg],
.components-reconnect-failed-visible[b-nzvaoremrg],
.components-pause-visible[b-nzvaoremrg],
.components-resume-failed-visible[b-nzvaoremrg],
.components-rejoining-animation[b-nzvaoremrg] {
    display: none;
}

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


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

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

}

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

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

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

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

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 0;
    }
}

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

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

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

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

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

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

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

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

@keyframes components-rejoining-animation-b-nzvaoremrg {
    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;
    }
}
/* /Features/Learn/Components/Quiz.razor.rz.scp.css */
.quiz-container[b-wvbe00x6jn] {
    height: 100%;
    display: flex;
    flex-direction: column;
    font-family: inherit;
}

.question-container[b-wvbe00x6jn] {
    display: flex;
    flex-direction: column;
}

.question-header[b-wvbe00x6jn] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding-bottom: 14px;
    gap: 20px;
}

.submit-button[b-wvbe00x6jn]{
    background-color: var(--clr-primary);
    font-size: var(--font-size-small);
    padding: 6px 10px;
}

.next-button[b-wvbe00x6jn] {
    font-size: var(--font-size-small);
    padding: 6px 10px;
}

.progress-track[b-wvbe00x6jn] {
    width: 100%;
    height: 6px;
    background-color: #e5e7eb;
    border-radius: 999px;
    overflow: hidden;
    margin-bottom: 20px;
}

.progress-fill[b-wvbe00x6jn] {
    height: 100%;
    background-color: #f5a623;
    border-radius: 999px;
}

.question[b-wvbe00x6jn] {
    font-weight: 600;
    color: #1f2937;
}

.choices-container[b-wvbe00x6jn] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-top: 20px;
}

.choice-container[b-wvbe00x6jn] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 10px;
    padding: 16px 18px;
    cursor: pointer;
    transition: background-color 0.1s ease, border-color 0.1s ease, box-shadow 0.1s ease;
}

.choice[b-wvbe00x6jn] {
    display: flex;
    align-items: center;
    gap: 12px;
    color: #374151;
}

    /* Custom radio / checkbox */
    .choice input[type="radio"][b-wvbe00x6jn],
    .choice input[type="checkbox"][b-wvbe00x6jn] {
        appearance: none;
        -webkit-appearance: none;
        width: 14px;
        height: 14px;
        border: 2px solid #9ca3af;
        background-color: #fff;
        flex-shrink: 0;
        cursor: pointer;
        display: grid;
        padding: 8px;
        place-content: center;
        transition: border-color 0.15s ease;
    }

    .choice input[type="radio"][b-wvbe00x6jn] {
        border-radius: 50%;
    }

    .choice input[type="checkbox"][b-wvbe00x6jn] {
        border-radius: 4px;
    }

        .choice input[type="radio"][b-wvbe00x6jn]::before,
        .choice input[type="checkbox"][b-wvbe00x6jn]::before {
            content: "";
            width: 10px;
            height: 10px;
            transform: scale(0);
            transition: transform 0.1s ease-in-out;
            background-color: #f5a623;
        }

    .choice input[type="radio"][b-wvbe00x6jn]::before {
        border-radius: 50%;
    }

    .choice input[type="checkbox"][b-wvbe00x6jn]::before {
        border-radius: 2px;
    }

    .choice input[type="radio"]:checked[b-wvbe00x6jn],
    .choice input[type="checkbox"]:checked[b-wvbe00x6jn] {
        border-color: #f5a623;
    }

        .choice input[type="radio"]:checked[b-wvbe00x6jn]::before,
        .choice input[type="checkbox"]:checked[b-wvbe00x6jn]::before {
            transform: scale(1);
        }

/* Default (unanswered) state */
.choice-regular[b-wvbe00x6jn] {
    background-color: #fafafa;
    border: 1px solid #e5e7eb;
}

    .choice-regular:hover[b-wvbe00x6jn] {
        background-color: #f3f4f6;
        border-color: #d1d5db;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
    }

/* Correct state */
.choice-correct[b-wvbe00x6jn] {
    background-color: #e6f9ea;
    border: 1px solid #34c759;
}

    .choice-correct .choice[b-wvbe00x6jn] {
        color: #166534;
        font-weight: 500;
    }

/* Wrong state */
.choice-wrong[b-wvbe00x6jn] {
    background-color: #fdecec;
    border: 1px solid #ef4444;
}

    .choice-wrong .choice[b-wvbe00x6jn] {
        color: #991b1b;
        font-weight: 500;
    }

.correct-answer[b-wvbe00x6jn] {
    color: #16a34a;
    font-weight: 700;
    font-size: 0.85rem;
    letter-spacing: 0.02em;
}

/* Results screen */
.results-container[b-wvbe00x6jn] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
    gap: 25px;
    text-align: center;
}

.results-text[b-wvbe00x6jn] {
    display: flex;
    flex-direction: column;
    text-align: center;
    gap: 8px;
}

    .results-text h3[b-wvbe00x6jn] {
        font-size: 1.4rem;
        color: #1f2937;
        margin: 0;
    }

    .results-text span[b-wvbe00x6jn] {
        color: #6b7280;
        font-size: 0.95rem;
    }

.results-container button[b-wvbe00x6jn] {
    background-color: #f5a623;
    color: #fff;
    border: none;
    padding: 12px 28px;
    border-radius: 8px;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.15s ease;
}

    .results-container button:hover[b-wvbe00x6jn] {
        background-color: #e0941a;
    }
/* /Features/Learn/Components/UpcomingVideo.razor.rz.scp.css */
.upcoming-video-container[b-8ucfgoav0i] {
    width: 100%;
    max-width: 500px;
}

.main-content-container-unlocked[b-8ucfgoav0i] {
    cursor: pointer;
}

    .main-content-container-unlocked:hover[b-8ucfgoav0i] {
        opacity: 0.9;
    }

.main-content-container-locked[b-8ucfgoav0i] {
    opacity: .6;
    pointer-events: none;
}

.title-header[b-8ucfgoav0i] {
    background-color: #253a43;
    border-radius: 10px 10px 0 0;
    color: white;
    padding: 8px;
    font-size: var(--font-size-small);
    font-weight: bold;
}

.plain-header[b-8ucfgoav0i] {
    padding: 8px 8px 8px 0;
    font-size: var(--font-size-small);
    font-weight: bold;
    color: inherit;
}

.empty-header[b-8ucfgoav0i] {
    padding: 8px 8px 8px 0;
    font-size: var(--font-size-small);
    font-weight: bold;
}

.content-horizontal[b-8ucfgoav0i],
.content-vertical[b-8ucfgoav0i] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    padding: 8px;
    border: 1px solid #e5e7eb;
    border-radius: 0 0 10px 10px;
    background-color: white;
    width: 100%;
    box-sizing: border-box;
}

.content-horizontal[b-8ucfgoav0i] {
    border-radius: 10px;
}

.top-portion[b-8ucfgoav0i] {
    display: inherit;
    flex-flow: row;
    gap: 10px;
}

.module-thumbnail-normal[b-8ucfgoav0i],
.module-thumbnail-rounded[b-8ucfgoav0i] {
    width: 72px !important;
    height: 72px !important;
    min-width: 72px;
    max-width: 72px;
    flex: 0 0 72px;
    object-fit: cover;
    border-radius: 8px;
}

.video-info[b-8ucfgoav0i] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    flex: 1 1 auto;
    min-width: 0;
}

.video-name[b-8ucfgoav0i] {
    font-size: var(--font-size-small);
    font-weight: bold;
    line-height: 1.3;
}

.video-description[b-8ucfgoav0i] {
    font-size: var(--font-size-small);
    color: #667085;
    line-height: 1.3;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.video-tags[b-8ucfgoav0i] {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
    margin-top: 2px;
}

@media (max-width: 1600px) {
    .upcoming-video-container[b-8ucfgoav0i] {
        max-width: unset;
    }
}
/* /Features/Learn/Components/VideoPlayer.razor.rz.scp.css */
.video-wrapper[b-ftksyx7iuu] {
    position: relative;
    width: 100%;
    height: 100%;
}

.video[b-ftksyx7iuu] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 15px;
}

/* VIDEO CONTROLS */
.video-controls[b-ftksyx7iuu] {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.9), transparent);
    border-radius: 15px;
    padding: 30px 15px 12px;
    opacity: 1;
    transition: opacity 0.3s;
    z-index: 10;
}

    .video-controls.hide-controls[b-ftksyx7iuu] {
        opacity: 0;
        pointer-events: none;
    }

.progress-container[b-ftksyx7iuu] {
    height: 5px;
    background: rgba(255, 255, 255, 0.3);
    border-radius: 3px;
    margin-bottom: 10px;
    cursor: pointer;
    position: relative;
    transition: height 0.2s;
}

    .progress-container:hover[b-ftksyx7iuu] {
        height: 7px;
    }

.progress-bar[b-ftksyx7iuu] {
    height: 100%;
    background: #82bcda;
    border-radius: 3px;
    width: 0%;
    position: relative;
    transition: width 0.1s linear;
    z-index: 2;
}

.progress-thumb[b-ftksyx7iuu] {
    position: absolute;
    right: -6px;
    top: 50%;
    transform: translateY(-50%);
    width: 12px;
    height: 12px;
    background: var(--clr-white, #fff);
    border-radius: 50%;
    opacity: 0;
    transition: opacity 0.2s;
}

.progress-container:hover .progress-thumb[b-ftksyx7iuu] {
    opacity: 1;
}

.progress-locked[b-ftksyx7iuu] {
    position: absolute;
    top: 0;
    left: 100%;
    width: 0%;
    height: 100%;
    border-radius: 3px;
    background-image: repeating-linear-gradient( 45deg, rgba(255, 255, 255, 0.5) 0px, rgba(255, 255, 255, 0.5) 2px, transparent 2px, transparent 6px );
    z-index: 1;
}

.controls-bottom[b-ftksyx7iuu] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.control-button[b-ftksyx7iuu] {
    background: none;
    border: none;
    color: var(--clr-white, #fff);
    cursor: pointer;
    padding: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.2s, opacity 0.2s;
    opacity: 0.9;
}

    .control-button:hover[b-ftksyx7iuu] {
        opacity: 1;
        transform: scale(1.1);
    }

    .control-button svg[b-ftksyx7iuu] {
        width: 18px;
        height: 18px;
        fill: var(--clr-white, #fff);
    }

    .control-button[data-vp="play"] svg[b-ftksyx7iuu] {
        width: 24px;
        height: 24px;
    }

.time-display[b-ftksyx7iuu] {
    color: var(--clr-white, #fff);
    font-size: 12px;
    font-weight: 500;
    white-space: nowrap;
    opacity: 0.9;
}

.spacer[b-ftksyx7iuu] {
    flex: 1;
}

.volume-container[b-ftksyx7iuu] {
    display: flex;
    align-items: center;
    gap: 5px;
}

.volume-slider[b-ftksyx7iuu] {
    width: 0;
    height: 4px;
    background: rgba(255, 255, 255, 0.3);
    border-radius: 2px;
    position: relative;
    cursor: pointer;
    opacity: 0;
    transition: width 0.3s, opacity 0.3s;
}

.volume-container:hover .volume-slider[b-ftksyx7iuu] {
    width: 70px;
    opacity: 1;
}

.volume-bar[b-ftksyx7iuu] {
    height: 100%;
    background: white;
    border-radius: 2px;
    width: 100%;
}

button[b-ftksyx7iuu]{
    width: fit-content;
}
/* /Features/Learn/Page/ViewModule.razor.rz.scp.css */
.page-container[b-xd7wd71zue] {
    flex: 1 1 0;
    min-width: 0;
    height: 100%;
    overflow-y: auto;
    padding: 10px
}

h4[b-xd7wd71zue] {
    margin: 15px 0;
}

.video-title-container[b-xd7wd71zue] {
    border-bottom: solid 1px darkgray;
    padding-bottom: 5px;
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 15px;
}

.main-content-container[b-xd7wd71zue] {
    display: grid;
    gap: 15px;
    grid-template-columns: minmax(0, 1fr) minmax(280px, 500px);
    grid-template-areas:
        "video    next"
        "buttons  next"
        "about    toolkit";
}

.video-quiz-container[b-xd7wd71zue],
.videos-container[b-xd7wd71zue],
.about-container[b-xd7wd71zue],
.toolkit-container[b-xd7wd71zue],
.main-content-button-container[b-xd7wd71zue] {
    min-width: 0; /* prevents content from forcing the grid track wider */
}

.player-upcoming-container[b-xd7wd71zue] {
    display: flex;
    flex-direction: column;
}

.video-quiz-container[b-xd7wd71zue] {
    grid-area: video;
    display: flex;
    flex-direction: column;
    gap: 15px;
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 9;
}

.video-player[b-xd7wd71zue],
.quiz-container[b-xd7wd71zue] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}

.about-container[b-xd7wd71zue] {
    grid-area: about;
    border-radius: 10px;
    height: 100%;
}

.learn-objectives[b-xd7wd71zue] {
    margin-left: 20px;
}

.main-content-button-container[b-xd7wd71zue] {
    grid-area: buttons;
    display: flex;
    justify-content: right;
    gap: 10px;
    font-size: var(--font-size-small);
    margin: 10px 0;
}

.rewatch-button[b-xd7wd71zue] {
    background-color: white;
    color: var(--clr-secondary);
    border: solid 1px var(--clr-secondary);
    z-index: 5; /*otherwise interaction gets blocked by an invisible element*/
}

.videos-container[b-xd7wd71zue] {
    grid-area: next;
    display: flex;
    flex-direction: column;
    gap: 25px;
    width: 100%;
    max-height: var(--video-height, none);
    overflow: hidden;
}

.upcoming-videos-container[b-xd7wd71zue] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.toolkit-container[b-xd7wd71zue] {
    grid-area: toolkit;
}

.toolkit-container a[b-xd7wd71zue] {
    text-decoration: none;
    font-size: var(--font-size-small);
}

.toolkit[b-xd7wd71zue]{
    display: flex;
    gap: 8px;
    align-items: center;
}

@media(max-width:1024px){
    .quiz-container[b-xd7wd71zue]{
        padding: 100px 20px;
        justify-content: center;
        display: flex;
        flex-direction: column;
        gap: 20px;
    }
}

@media (max-width: 1600px) {
    .main-content-container[b-xd7wd71zue] {
        grid-template-columns: 1fr;
        grid-template-areas:
            "video"
            "buttons"
            "next"
            "about"
            "toolkit";
    }

    .videos-container[b-xd7wd71zue] {
        gap: 10px;
    }
}
/* /Features/Reports/Dashboard/Components/EditReportForm.razor.rz.scp.css */

.form[b-r3cy4031vu] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    min-width: 400px;
    max-height: calc(100vh - 80px);
}

.company-container[b-r3cy4031vu] {
    display: flex;
    flex-direction: column;
    min-height: 0;
    flex: 1;
}

.columns[b-r3cy4031vu] {
    display: flex;
    gap: 20px;
}

.column[b-r3cy4031vu] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    flex: 1;
    min-width: 250px;
}

.divider[b-r3cy4031vu] {
    width: 1px;
    background-color: darkgray;
}

.input-container label[b-r3cy4031vu] {
    font-weight: bold;
    margin-bottom: 5px;
}

[b-r3cy4031vu] input,
[b-r3cy4031vu] input:focus {
    border-radius: var(--border-radius);
    border: solid 1px darkgray;
    width: 100%;
}

[b-r3cy4031vu] select {
    padding: 10px;
    border: solid 1px darkgray;
    border-radius: var(--border-radius);
    width: 100%;
}

.label-container[b-r3cy4031vu] {
    display: flex;
    align-items: center;
    gap: 5px;
    margin-bottom: 5px;
}

    .label-container label[b-r3cy4031vu] {
        margin-bottom: 0;
    }

.checkbox-container[b-r3cy4031vu] {
    display: flex;
    gap: 5px;
    align-items: center;
    border-bottom: solid 1px darkgray;
    padding-bottom: 5px;
}

.checkbox-container span[b-r3cy4031vu]{
    font-size: var(--font-size-small);
}

.company-list[b-r3cy4031vu] {
    display: flex;
    flex-direction: column;
    gap: 5px;
    overflow-y: auto;
    min-height: 0;
    padding-right: 5px;
}

.buttons-container[b-r3cy4031vu] {
    display: flex;
    justify-content: flex-end;
    gap: 5px;
}
/* /Features/Reports/Dashboard/Components/ReportGroup.razor.rz.scp.css */
.expandable-report-container[b-8z9uvdcr95] {
    border: solid 1px black;
    padding: 10px;
}

.reports-container[b-8z9uvdcr95] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 20px;
}

.report-item[b-8z9uvdcr95] {
    padding: 8px 0;
    border-bottom: solid 1px black;
    font-weight: bold;
    font-size: var(--font-size-small);
    cursor: pointer;
    align-items: center;
    display: flex;
    justify-content: space-between;
}

.buttons-container[b-8z9uvdcr95]{
    display: flex;
    gap: 5px;
}

.icon[b-8z9uvdcr95]{
    font-size: 20px;
}

.no-favorites[b-8z9uvdcr95]{
    color: gray;
    font-style: italic;
    font-size: var(--font-size-small);
}

@media(max-width:1024px){
    .reports-container[b-8z9uvdcr95]{
        display: flex;
        flex-direction: column;
    }
}
/* /Features/Reports/Dashboard/ReportsDashboard.razor.rz.scp.css */

.page-container[b-2y5rg1e7aj]{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.report-categories-container[b-2y5rg1e7aj] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    padding: 10px;
    overflow-y: auto;
    flex: 1;
    min-height: 0;
    grid-auto-rows: min-content;
}

    [b-2y5rg1e7aj] .report-categories-container > *:first-child {
        grid-column: 1 / -1;
    }

.group[b-2y5rg1e7aj]{
    display: flex;
    flex-direction: column;
    gap: 20px;
}

@media(max-width:1024px){
    .report-categories-container[b-2y5rg1e7aj]{
        display: flex;
        flex-direction: column;
        margin: 0;
    }
}
/* /Features/Reports/Reports/Categories/Ace/CallCenterReport.razor.rz.scp.css */

.report-container[b-yh5f41pdt5] {
    min-height: 100%;
    display: flex;
    flex-direction: column;
}

.report-header[b-yh5f41pdt5] {
    padding: 0 10px;
}

.page-container[b-yh5f41pdt5] {
    padding: 10px;
    display: flex;
    gap: 20px;
    flex-direction: column;
    flex: 1 0 auto;
}

/*Stat Cards*/
.stat-cards[b-yh5f41pdt5] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 20px;
}

.stat-card[b-yh5f41pdt5] {
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding: 0 5px;
    min-height: 60px;
}

.stat-value[b-yh5f41pdt5] {
    font-size: 1.75rem;
    font-weight: bold;
    color: var(--clr-primary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.stat-value-container[b-yh5f41pdt5] {
    display: flex;
    align-items: baseline;
    gap: 5px;
    min-width: 0;
}

.prior-value[b-yh5f41pdt5] {
    font-size: var(--font-size-small);
    color: #64748B;
    white-space: nowrap;
}

.stat-change[b-yh5f41pdt5] {
    font-size: var(--font-size-smaller);
    color: #64748B;
    white-space: nowrap;
}

.change-good[b-yh5f41pdt5] {
    color: #16a34a;
    font-weight: bold;
}

.change-bad[b-yh5f41pdt5] {
    color: #dc2626;
    font-weight: bold;
}

/*Chart*/
.chart-row[b-yh5f41pdt5] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
}

.chart-card[b-yh5f41pdt5] {
    border-radius: var(--border-radius);
    box-shadow: var(--box-shadow-full);
    padding: 15px 15px 0 15px;
    display: flex;
    flex-direction: column;
    min-height: 0;
}

.chart-header[b-yh5f41pdt5] {
    display: flex;
    justify-content: space-between;
}

.chart[b-yh5f41pdt5] {
    flex: 1;
    min-height: 300px;
}

.chart-row-three[b-yh5f41pdt5] {
    display: grid;
    grid-template-columns: minmax(0, 0.75fr) minmax(0, 1.3fr) minmax(0, 1fr);
    gap: 20px;
}

/*Agent Utilization*/
.utilization-chart[b-yh5f41pdt5] {
    position: relative;
    height: 200px;
}

.utilization-center[b-yh5f41pdt5] {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    pointer-events: none;
}

.utilization-percent[b-yh5f41pdt5] {
    font-size: 1.75rem;
    font-weight: bold;
    color: var(--clr-primary);
}

.utilization-label[b-yh5f41pdt5] {
    font-size: var(--font-size-smaller);
    color: #64748B;
}

.utilization-legend[b-yh5f41pdt5] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding-bottom: 15px;
    font-size: var(--font-size-small);
    color: #334155;
}

.legend-row[b-yh5f41pdt5] {
    display: flex;
    align-items: flex-start;
    gap: 8px;
}

.swatch[b-yh5f41pdt5] {
    width: 10px;
    height: 10px;
    border-radius: 2px;
    margin-top: 4px;
}

.legend-text[b-yh5f41pdt5] {
    display: flex;
    flex-direction: column;
    flex: 1;
}

.legend-seconds[b-yh5f41pdt5] {
    font-size: var(--font-size-smaller);
    color: #64748B;
}

.legend-percent[b-yh5f41pdt5] {
    font-weight: bold;
}

.legend-total[b-yh5f41pdt5] {
    font-size: var(--font-size-smaller);
    color: #64748B;
}

/*Call Types*/
.call-types[b-yh5f41pdt5] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 15px 0;
    font-size: var(--font-size-smaller);
    color: #334155;
}

.call-type-row[b-yh5f41pdt5] {
    display: grid;
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1fr) 75px;
    align-items: center;
    gap: 10px;
}

.call-type-name[b-yh5f41pdt5] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.call-type-track[b-yh5f41pdt5] {
    height: 6px;
    border-radius: 3px;
    background-color: #f4f4f4;
    overflow: hidden;
}

.call-type-fill[b-yh5f41pdt5] {
    height: 100%;
    border-radius: 3px;
}

.call-type-value[b-yh5f41pdt5] {
    text-align: right;
}

/*Agent Breakdown*/
.table-card[b-yh5f41pdt5] {
    border-radius: var(--border-radius);
    box-shadow: var(--box-shadow-full);
    padding: 15px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    max-height: 500px;
}

.agent-table-container[b-yh5f41pdt5] {
    border: solid 1px #e3e9ef;
    border-radius: var(--border-radius);
    overflow: auto;
}

.agent-table[b-yh5f41pdt5] {
    width: 100%;
    border-collapse: collapse;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
    font-size: var(--font-size-small);
}

    .agent-table th[b-yh5f41pdt5],
    .agent-table td[b-yh5f41pdt5] {
        padding: 6px 12px;
        text-align: right;
    }

    .agent-table thead th[b-yh5f41pdt5] {
        position: sticky;
        top: 0;
        z-index: 1;
        background-color: #f7fafc;
        box-shadow: inset 0 -1px 0 #e3e9ef;
        color: #64748B;
    }

    .agent-table tbody tr[b-yh5f41pdt5] {
        border-bottom: solid 1px #ecf1f6;
    }

        .agent-table tbody tr:last-child[b-yh5f41pdt5] {
            border-bottom: none;
        }

        .agent-table tbody tr:nth-child(even)[b-yh5f41pdt5] {
            background-color: #fbfcfd;
        }

        .agent-table tbody tr:hover[b-yh5f41pdt5] {
            background-color: #efefef;
        }

    .agent-table tbody td[b-yh5f41pdt5] {
        color: #334155;
        font-weight: 400;
    }

    .agent-table .text-col[b-yh5f41pdt5] {
        text-align: left;
    }

    .agent-table .name-col[b-yh5f41pdt5] {
        font-weight: bold;
    }

.agent-utilization[b-yh5f41pdt5] {
    display: grid;
    grid-template-columns: 100px 40px;
    justify-content: end;
    align-items: center;
    gap: 10px;
}

.no-data[b-yh5f41pdt5] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    color: darkgray;
    font-style: italic;
}

@media (max-width: 1024px) {
    .report-container[b-yh5f41pdt5] {
        height: auto;
    }

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

    .chart-row[b-yh5f41pdt5] {
        grid-template-columns: minmax(0, 1fr);
    }

    .chart-row-three[b-yh5f41pdt5] {
        grid-template-columns: minmax(0, 1fr);
    }

    .chart[b-yh5f41pdt5] {
        min-height: 400px;
    }
}
/* /Features/Reports/Reports/Categories/Armada/PriceLimitReport.razor.rz.scp.css */

.page-container[b-udwo1zojly] {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
    padding: 0 15px 15px 15px;
}

    .page-container[b-udwo1zojly]  .card {
        display: flex;
        flex-direction: column;
        flex: 1;
        min-height: 0;
    }

.report-body[b-udwo1zojly] {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
    gap: 15px;
}

.select-message[b-udwo1zojly] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    color: darkgray;
    font-style: italic;
}

.price-dropdowns[b-udwo1zojly] {
    display: flex;
    gap: 10px;
    align-self: flex-end;
}

.dropdown-container[b-udwo1zojly] {
    display: flex;
    flex-direction: column;
    font-size: var(--font-size-small);
}

    .dropdown-container span[b-udwo1zojly] {
        font-size: var(--font-size-smaller);
        font-weight: bold;
        color: #64748B;
    }

select[b-udwo1zojly] {
    padding: 8px;
    border: solid 1px darkgray;
    border-radius: var(--border-radius);
    width: 100px;
}

.price-table-container[b-udwo1zojly] {
    flex: 1;
    min-height: 0;
    border: solid 1px #e3e9ef;
    border-radius: var(--border-radius);
    overflow: auto;
}

.price-table[b-udwo1zojly] {
    width: 100%;
    border-collapse: collapse;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
    font-size: var(--font-size-small);
}

    .price-table th[b-udwo1zojly],
    .price-table td[b-udwo1zojly] {
        padding: 6px 12px;
        text-align: left;
    }

    /* box-shadow instead of border-bottom: collapsed borders don't stick with the header */
    .price-table thead th[b-udwo1zojly] {
        position: sticky;
        top: 0;
        z-index: 1;
        background-color: #f7fafc;
        box-shadow: inset 0 -1px 0 #e3e9ef;
        color: #64748B;
    }

    .price-table tbody tr[b-udwo1zojly] {
        border-bottom: solid 1px #ecf1f6;
    }

        .price-table tbody tr:last-child[b-udwo1zojly] {
            border-bottom: none;
        }

        .price-table tbody tr:nth-child(even)[b-udwo1zojly] {
            background-color: #fbfcfd;
        }

        .price-table tbody tr:hover[b-udwo1zojly] {
            background-color: #efefef;
        }

    .price-table tbody td[b-udwo1zojly] {
        color: #334155;
        font-weight: 400;
    }

    .price-table .text-col[b-udwo1zojly] {
        text-align: left;
    }
/* /Features/Reports/Reports/Categories/Armada/PriceReport.razor.rz.scp.css */

.page-container[b-ztdti0s0st] {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
    padding: 0 10px 10px 10px;
}

    .page-container[b-ztdti0s0st]  .card {
        display: flex;
        flex-direction: column;
        flex: 1;
        min-height: 0;
    }

.report-body[b-ztdti0s0st] {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
    gap: 15px;
}

.select-message[b-ztdti0s0st]{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    color: darkgray;
    font-style: italic;
}

.price-dropdowns[b-ztdti0s0st]{
    display: flex;
    gap: 10px;
    align-self: flex-end;
}

.dropdown-container[b-ztdti0s0st]{
    display: flex;
    flex-direction: column;
    font-size: var(--font-size-small);
}

    .dropdown-container span[b-ztdti0s0st] {
        font-size: var(--font-size-smaller);
        font-weight: bold;
        color: #64748B;
    }

select[b-ztdti0s0st] {
    padding: 8px;
    border: solid 1px darkgray;
    border-radius: var(--border-radius);
    width: 100px;
}

.price-table-container[b-ztdti0s0st] {
    flex: 1;
    min-height: 0;
    border: solid 1px #e3e9ef;
    border-radius: var(--border-radius);
    overflow: auto;
}

.price-table[b-ztdti0s0st] {
    width: 100%;
    border-collapse: collapse;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
    font-size: var(--font-size-small);
}

    .price-table th[b-ztdti0s0st],
    .price-table td[b-ztdti0s0st] {
        padding: 6px 12px;
        text-align: left;
    }

    /* box-shadow instead of border-bottom: collapsed borders don't stick with the header */
    .price-table thead th[b-ztdti0s0st] {
        position: sticky;
        top: 0;
        z-index: 1;
        background-color: #f7fafc;
        box-shadow: inset 0 -1px 0 #e3e9ef;
        color: #64748B;
    }

    .price-table tbody tr[b-ztdti0s0st] {
        border-bottom: solid 1px #ecf1f6;
    }

        .price-table tbody tr:last-child[b-ztdti0s0st] {
            border-bottom: none;
        }

        .price-table tbody tr:nth-child(even)[b-ztdti0s0st] {
            background-color: #fbfcfd;
        }

        .price-table tbody tr:hover[b-ztdti0s0st] {
            background-color: #efefef;
        }

    .price-table tbody td[b-ztdti0s0st] {
        color: #334155;
        font-weight: 400;
    }

    .price-table .text-col[b-ztdti0s0st] {
        text-align: left;
    }
/* /Features/Reports/Reports/Categories/Blueshift/GrossProfitMarginReport.razor.rz.scp.css */

.report-container[b-zbb5wi26d2] {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.header[b-zbb5wi26d2] {
    padding: 0 10px;
}

.page-container[b-zbb5wi26d2] {
    padding: 10px;
    display: flex;
    gap: 20px;
    flex-direction: column;
    flex: 1;
    min-height: 0;
}

/*Stat Cards*/
.stat-cards[b-zbb5wi26d2] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 20px;
}

.stat-card[b-zbb5wi26d2] {
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding: 0 5px;
    min-height: 60px;
}

.stat-value[b-zbb5wi26d2] {
    font-size: 1.75rem;
    font-weight: bold;
    color: var(--clr-primary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.stat-value-container[b-zbb5wi26d2] {
    display: flex;
    align-items: baseline;
    gap: 5px;
    min-width: 0;
}

.prior-value[b-zbb5wi26d2] {
    font-size: var(--font-size-small);
    color: #64748B;
    white-space: nowrap;
}

.stat-change[b-zbb5wi26d2] {
    font-size: var(--font-size-smaller);
    color: #64748B;
    white-space: nowrap;
}

.change-good[b-zbb5wi26d2] {
    color: #16a34a;
    font-weight: bold;
}

.change-bad[b-zbb5wi26d2] {
    color: #dc2626;
    font-weight: bold;
}

/*Table*/
.chart-title[b-zbb5wi26d2] {
    display: flex;
    gap: 10px;
    align-items: center;
    margin-bottom: 10px;
}

.table-card[b-zbb5wi26d2] {
    border-radius: var(--border-radius);
    box-shadow: var(--box-shadow-full);
    padding: 15px;
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
}

.margin-table-container[b-zbb5wi26d2] {
    flex: 1;
    min-height: 0;
    border: solid 1px #e3e9ef;
    border-radius: var(--border-radius);
    overflow: auto;
    max-height: fit-content;
}

.margin-table[b-zbb5wi26d2] {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
    font-size: var(--font-size-small);
}

    .margin-table th[b-zbb5wi26d2],
    .margin-table td[b-zbb5wi26d2] {
        padding: 6px 12px;
        text-align: left;
    }

    .margin-table thead th[b-zbb5wi26d2] {
        position: sticky;
        top: 0;
        z-index: 1;
        background-color: #f7fafc;
        box-shadow: inset 0 -1px 0 #e3e9ef;
        color: #64748B;
    }

    .margin-table tbody tr[b-zbb5wi26d2] {
        border-bottom: solid 1px #ecf1f6;
    }

        .margin-table tbody tr:last-child[b-zbb5wi26d2] {
            border-bottom: none;
        }

        .margin-table tbody tr:nth-child(even)[b-zbb5wi26d2] {
            background-color: #fbfcfd;
        }

        .margin-table tbody tr:hover[b-zbb5wi26d2] {
            background-color: #efefef;
        }

    .margin-table tbody td[b-zbb5wi26d2] {
        color: #334155;
        font-weight: 400;
    }

    .margin-table .text-col[b-zbb5wi26d2] {
        text-align: left;
    }

    .margin-table .name-col[b-zbb5wi26d2] {
        font-weight: bold;
    }

.column-group[b-zbb5wi26d2] {
    display: grid;
    grid-template-columns: 6ch auto;
    align-items: center;
    gap: 10px;
}

    .column-group-wide[b-zbb5wi26d2] {
        grid-template-columns: 8ch auto;
    }

.pg-difference[b-zbb5wi26d2] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    justify-self: start;
    min-width: 70px;
    padding: 2px 6px;
    border-radius: 100px;
    font-weight: bold;
    font-size: var(--font-size-smaller);
}

.pg-difference-good[b-zbb5wi26d2] {
    color: #10B981;
    border: solid 1px #10B981;
    background-color: #ECFDF5;
}

.pg-difference-bad[b-zbb5wi26d2] {
    color: #EF4444;
    border: solid 1px #EF4444;
    background-color: #FEF2F2;
}

.pg-difference-neutral[b-zbb5wi26d2] {
    color: var(--clr-secondary);
}

.pg-difference-missing[b-zbb5wi26d2] {
    color: #9ea3ac;
    border: solid 1px #9ea3ac;
    background-color: #f7f8f9;
}

.no-data[b-zbb5wi26d2] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    color: darkgray;
    font-style: italic;
}

@media (max-width: 1024px) {
    .report-container[b-zbb5wi26d2] {
        height: auto;
    }

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

    .table-card[b-zbb5wi26d2] {
        min-height: 400px;
    }
}
/* /Features/Reports/Reports/Categories/Blueshift/KeepRateReport.razor.rz.scp.css */

.report-container[b-75pqe0nxoh] {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.header[b-75pqe0nxoh] {
    padding: 0 10px;
}

.page-container[b-75pqe0nxoh] {
    padding: 10px;
    display: flex;
    gap: 20px;
    flex-direction: column;
    flex: 1;
    min-height: 0;
}

/*Type Options*/
.type-options-container[b-75pqe0nxoh] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 10px;
}

.type-options[b-75pqe0nxoh] {
    cursor: pointer;
    color: #64748B;
    border: solid 1px #e2e8f0;
    border-radius: var(--border-radius-sm);
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: var(--font-size-small);
    padding: 3px;
}

.type-option[b-75pqe0nxoh] {
    padding: 5px;
}

.active-option[b-75pqe0nxoh] {
    background-color: var(--clr-secondary);
    color: white;
    border-radius: var(--border-radius-sm);
}

/*Stat Cards*/
.stat-cards[b-75pqe0nxoh] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 20px;
}

.stat-card[b-75pqe0nxoh] {
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding: 0 5px;
    min-height: 60px;
}

.stat-value[b-75pqe0nxoh] {
    font-size: 1.75rem;
    font-weight: bold;
    color: var(--clr-primary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.stat-change[b-75pqe0nxoh] {
    font-size: var(--font-size-smaller);
    color: #64748B;
    white-space: nowrap;
}

.change-good[b-75pqe0nxoh] {
    color: #16a34a;
    font-weight: bold;
}

.change-bad[b-75pqe0nxoh] {
    color: #dc2626;
    font-weight: bold;
}

/*Table*/
.table-card[b-75pqe0nxoh] {
    border-radius: var(--border-radius);
    box-shadow: var(--box-shadow-full);
    padding: 15px;
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
}

.keep-rate-table-container[b-75pqe0nxoh] {
    flex: 1;
    min-height: 0;
    border: solid 1px #e3e9ef;
    border-radius: var(--border-radius);
    overflow: auto;
}

.keep-rate-table[b-75pqe0nxoh] {
    width: 100%;
    border-collapse: collapse;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
    font-size: var(--font-size-small);
}

    .keep-rate-table th[b-75pqe0nxoh],
    .keep-rate-table td[b-75pqe0nxoh] {
        padding: 6px 12px;
        text-align: right;
    }

    /* box-shadow instead of border-bottom: collapsed borders don't stick with the header */
    .keep-rate-table thead th[b-75pqe0nxoh] {
        position: sticky;
        top: 0;
        z-index: 1;
        background-color: #f7fafc;
        box-shadow: inset 0 -1px 0 #e3e9ef;
        color: #64748B;
    }

    .keep-rate-table tbody tr[b-75pqe0nxoh] {
        border-bottom: solid 1px #ecf1f6;
    }

        .keep-rate-table tbody tr:last-child[b-75pqe0nxoh] {
            border-bottom: none;
        }

        .keep-rate-table tbody tr:nth-child(even)[b-75pqe0nxoh] {
            background-color: #fbfcfd;
        }

        .keep-rate-table tbody tr:hover[b-75pqe0nxoh] {
            background-color: #efefef;
        }

    .keep-rate-table tbody td[b-75pqe0nxoh] {
        color: #334155;
        font-weight: 400;
    }

    .keep-rate-table .text-col[b-75pqe0nxoh] {
        text-align: left;
    }

    .keep-rate-table .name-col[b-75pqe0nxoh] {
        font-weight: bold;
    }

.no-rates[b-75pqe0nxoh] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    color: darkgray;
    font-style: italic;
}

@media (max-width: 1024px) {
    .report-container[b-75pqe0nxoh] {
        height: auto;
    }

    .stat-cards[b-75pqe0nxoh] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .table-card[b-75pqe0nxoh] {
        min-height: 400px;
    }

    .type-options[b-75pqe0nxoh] {
        font-size: var(--font-size-smaller);
    }

    .type-option[b-75pqe0nxoh] {
        text-align: center;
    }
}
/* /Features/Reports/Reports/Categories/Blueshift/PickupsByMonth/Components/PickupForecast.razor.rz.scp.css */
.cards-container[b-9vosdzb7hn] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 15px;
    width: 100%;
}

@media (max-width: 1024px){
    .cards-container[b-9vosdzb7hn]{
        display: flex;
        flex-direction: column;
    }
}
/* /Features/Reports/Reports/Categories/Blueshift/PickupsByMonth/Components/PickupProgressCard.razor.rz.scp.css */
.progress-card[b-rv8tvn2lrm] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 5px 10px 10px 10px;
    min-height: 130px;
}

.legend[b-rv8tvn2lrm] {
    display: flex;
    flex-wrap: wrap;
    gap: 5px 20px;
    font-size: var(--font-size-small);
    color: #64748b;
}

.legend-item[b-rv8tvn2lrm] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.legend-number[b-rv8tvn2lrm] {
    font-weight: bold;
    color: var(--clr-primary);
}

.swatch[b-rv8tvn2lrm] {
    width: 12px;
    height: 12px;
    border-radius: 2px;
}

.value-swatch[b-rv8tvn2lrm] {
    background-color: var(--clr-secondary);
}

.range-swatch[b-rv8tvn2lrm] {
    background-color: #a8b5c7;
}

.bar[b-rv8tvn2lrm] {
    position: relative;
    height: 14px;
    margin: 4px 0;
    border-radius: 3px;
    background-color: #e9edf2;
}

.bar-range[b-rv8tvn2lrm] {
    position: absolute;
    top: 0;
    bottom: 0;
    background-color: #a8b5c7;
}

.bar-fill[b-rv8tvn2lrm] {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    border-radius: 3px;
    background-color: var(--clr-secondary);
}

.bar-tick[b-rv8tvn2lrm] {
    position: absolute;
    top: -4px;
    bottom: -4px;
    width: 2px;
    margin-left: -1px;
    border-radius: 1px;
    background-color: #475569;
}

.fill-tooltip[b-rv8tvn2lrm] {
    position: absolute;
    bottom: calc(100% + 8px);
    right: 0;
    transform: translateX(50%);
    padding: 4px 8px;
    border-radius: var(--border-radius-sm);
    background-color: var(--clr-primary);
    color: white;
    font-size: var(--font-size-smaller);
    font-weight: bold;
    white-space: nowrap;
    pointer-events: none;
    opacity: 0;
    transition: opacity 150ms ease;
    z-index: 10;
}

.bar-fill:hover .fill-tooltip[b-rv8tvn2lrm] {
    opacity: 1;
}

.stats[b-rv8tvn2lrm] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 5px 20px;
    font-size: var(--font-size-small);
    color: #64748b;
}

.stat[b-rv8tvn2lrm] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.stat-number[b-rv8tvn2lrm] {
    font-weight: bold;
    color: var(--clr-primary);
}

.unavailable[b-rv8tvn2lrm] {
    align-self: center;
    color: darkgray;
    font-size: var(--font-size-small);
}
/* /Features/Reports/Reports/Categories/Blueshift/PickupsByMonth/PickupsByMonthReport.razor.rz.scp.css */

.report-container[b-mlu4rvrxmb] {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.header[b-mlu4rvrxmb]{
    padding: 0 10px;
}

.page-container[b-mlu4rvrxmb]{
    padding: 10px;
    display: flex;
    gap: 20px;
    flex-direction: column;
    flex: 1;
    min-height: 0;
}

/*Chart*/
.chart-card[b-mlu4rvrxmb] {
    border-radius: var(--border-radius);
    box-shadow: var(--box-shadow-full);
    padding: 15px 15px 0 15px;
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
}

.chart-subtitle[b-mlu4rvrxmb] {
    font-size: var(--font-size-smaller);
    color: darkgray;
}

.chart-header[b-mlu4rvrxmb]{
    display: flex;
    justify-content: space-between;
}

.type-options[b-mlu4rvrxmb] {
    cursor: pointer;
    color: #64748B;
    border: solid 1px #e2e8f0;
    border-radius: var(--border-radius-sm);
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: var(--font-size-small);
    padding: 3px;
}

.type-option[b-mlu4rvrxmb]{
    padding: 5px;
}

.active-option[b-mlu4rvrxmb]{
    background-color: var(--clr-secondary);
    color: white;
    border-radius: var(--border-radius-sm);
}

.chart[b-mlu4rvrxmb]{
    flex: 1;
    min-height: 300px;
}

.no-pickups[b-mlu4rvrxmb] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    color: darkgray;
    font-style: italic;
}

@media (max-width: 1024px) {
    .report-container[b-mlu4rvrxmb] {
        height: auto;
    }

    .chart[b-mlu4rvrxmb] {
        min-height: 400px;
    }

    .chart-header[b-mlu4rvrxmb] {
        flex-direction: column;
    }

    .type-options[b-mlu4rvrxmb] {
        font-size: var(--font-size-smaller);
    }

    .type-option[b-mlu4rvrxmb]{
        text-align: center;
    }
}
/* /Features/Reports/Reports/Categories/Blueshift/ReservationsByDay.razor.rz.scp.css */

.report-container[b-pog1x88vlb] {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.header[b-pog1x88vlb]{
    padding: 0 10px;
}

.page-container[b-pog1x88vlb]{
    padding: 10px;
    display: flex;
    gap: 20px;
    flex-direction: column;
    flex: 1;
    min-height: 0;
}

/*Stat Cards*/
.stat-cards[b-pog1x88vlb] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 20px;
}

.stat-card[b-pog1x88vlb] {
    display: flex;
    flex-direction: column;
    padding: 0 5px;
    min-height: 60px;
}

.stat-value[b-pog1x88vlb] {
    font-size: 1.5rem;
    font-weight: bold;
    color: var(--clr-primary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.share-percent[b-pog1x88vlb]{
    color: var(--clr-secondary);
    font-weight: bold;
}

.stat-change[b-pog1x88vlb] {
    font-size: var(--font-size-smaller);
    color: #64748B;
    white-space: nowrap;
}

.change-good[b-pog1x88vlb] {
    color: #16a34a;
    font-weight: bold;
}

.change-bad[b-pog1x88vlb] {
    color: #dc2626;
    font-weight: bold;
}

/*Chart*/
.chart-card[b-pog1x88vlb] {
    border-radius: var(--border-radius);
    box-shadow: var(--box-shadow-full);
    padding: 15px 15px 0 15px;
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
}

.chart-subtitle[b-pog1x88vlb] {
    font-size: var(--font-size-smaller);
    color: darkgray;
}

.chart-header[b-pog1x88vlb]{
    display: flex;
    justify-content: space-between;
}

.type-options[b-pog1x88vlb] {
    cursor: pointer;
    color: #64748B;
    border: solid 1px #e2e8f0;
    border-radius: var(--border-radius-sm);
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: var(--font-size-small);
    padding: 3px;
}

.type-option[b-pog1x88vlb]{
    padding: 5px;
}

.active-option[b-pog1x88vlb]{
    background-color: var(--clr-secondary);
    color: white;
    border-radius: var(--border-radius-sm);
}

.chart[b-pog1x88vlb]{
    flex: 1;
    min-height: 300px;
}

.no-reservations[b-pog1x88vlb] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    color: darkgray;
    font-style: italic;
}

@media (max-width: 1024px) {
    .report-container[b-pog1x88vlb] {
        height: auto;
    }

    .chart[b-pog1x88vlb] {
        min-height: 400px;
    }

    .chart-header[b-pog1x88vlb] {
        flex-direction: column;
    }

    .type-options[b-pog1x88vlb] {
        font-size: var(--font-size-smaller);
    }

    .type-option[b-pog1x88vlb]{
        text-align: center;
    }
}
/* /Features/Reports/Reports/Categories/Enable/PriceIndexReport.razor.rz.scp.css */

.report-container[b-o7ex6zruf6] {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.header[b-o7ex6zruf6] {
    padding: 0 10px;
}

.page-container[b-o7ex6zruf6] {
    padding: 10px;
    display: flex;
    gap: 20px;
    flex-direction: column;
    flex: 1;
    min-height: 0;
}

/*Cards*/
.cards-container[b-o7ex6zruf6] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 15px;
}

.summary-card[b-o7ex6zruf6] {
    display: flex;
    flex-direction: column;
    padding: 0 5px;
    min-height: 60px;
}

.card-value-container[b-o7ex6zruf6]{
    display: flex;
    align-items: center;
    gap: 3px;
}

.card-value[b-o7ex6zruf6] {
    font-size: 1.5rem;
    font-weight: bold;
    color: var(--clr-primary);
}

.card-change[b-o7ex6zruf6] {
    font-size: var(--font-size-smaller);
    color: #64748b;
}

.change-up[b-o7ex6zruf6] {
    color: #16a34a;
}

.change-down[b-o7ex6zruf6] {
    color: #dc2626;
}

.dollar-difference[b-o7ex6zruf6] {
    font-size: var(--font-size-small);
    margin-top: 2px;
    color: #64748B;
}

/*Chart*/
.chart-card[b-o7ex6zruf6] {
    border-radius: var(--border-radius);
    box-shadow: var(--box-shadow-full);
    padding: 15px;
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
}

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

.chart-title[b-o7ex6zruf6]{
    display: flex;
    gap: 10px;
    align-items: center;
}

.update-message[b-o7ex6zruf6] {
    background-color: #78c0eb11;
    border: solid 1px #78c0eb;
    border-radius: var(--border-radius);
    padding: 2px 6px;
    align-self: flex-end;
    font-size: var(--font-size-smaller);
    color: #62a8d1;
}

.legend[b-o7ex6zruf6] {
    display: flex;
    gap: 15px;
    font-size: var(--font-size-small);
    color: #334155;
}

.legend-item[b-o7ex6zruf6] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.swatch[b-o7ex6zruf6] {
    width: 10px;
    height: 10px;
    border-radius: 2px;
}

.chart[b-o7ex6zruf6] {
    flex: 1;
    min-height: 300px;
}

.chart-tooltip[b-o7ex6zruf6] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 8px 10px;
    font-size: var(--font-size-smaller);
    color: #334155;
}

.tooltip-title[b-o7ex6zruf6] {
    font-weight: bold;
    color: var(--clr-primary);
    margin-bottom: 2px;
}

.no-data[b-o7ex6zruf6] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    color: darkgray;
    font-style: italic;
}

.source[b-o7ex6zruf6] {
    padding-top: 10px;
    border-top: solid 1px #e2e8f0;
    font-size: var(--font-size-smaller);
    color: #64748b;
}

    .source a[b-o7ex6zruf6] {
        color: #64748b;
        font-size: var(--font-size-smaller);
    }

@media (max-width: 1024px) {
    .report-container[b-o7ex6zruf6] {
        height: auto;
    }

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

    .chart[b-o7ex6zruf6] {
        min-height: 400px;
    }

    .chart-header[b-o7ex6zruf6] {
        flex-direction: column;
        align-items: flex-start;
        gap: 5px;
    }
}
/* /Features/Reports/Reports/Components/Calendar/DateRangeCalendar.razor.rz.scp.css */
.calendar-container[b-ffgx6v6fsi] {
    position: relative;
}

.calendar-button[b-ffgx6v6fsi] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px;
    border: solid 1px darkgray;
    border-radius: var(--border-radius);
    background-color: white;
    color: #334155;
    font-size: var(--font-size-small);
    white-space: nowrap;
    cursor: pointer;
}

.calendar-backdrop[b-ffgx6v6fsi] {
    position: fixed;
    inset: 0;
    z-index: 10;
}

.calendar-popup[b-ffgx6v6fsi] {
    position: absolute;
    top: calc(100% + 4px);
    right: 0;
    z-index: 11;
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 10px;
    background-color: white;
    border: solid 1px #e3e9ef;
    border-radius: var(--border-radius);
    box-shadow: 0 4px 12px rgba(15, 23, 42, .12);
}

.calendar-months[b-ffgx6v6fsi] {
    display: flex;
    gap: 20px;
}

.calendar-month[b-ffgx6v6fsi] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 240px;
}

.calendar-nav[b-ffgx6v6fsi] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.month-title[b-ffgx6v6fsi] {
    font-size: var(--font-size-small);
    font-weight: bold;
    color: var(--clr-primary);
}

/* keeps the month title centered when there's no arrow on that side */
.nav-spacer[b-ffgx6v6fsi] {
    width: 30px;
}

.nav-button[b-ffgx6v6fsi] {
    width: 30px;
    padding: 4px 0;
    border: none;
    background: none;
    border-radius: var(--border-radius-sm);
    color: #334155;
    cursor: pointer;
}

    .nav-button:hover:not(:disabled)[b-ffgx6v6fsi] {
        background-color: #f1f5f9;
    }

    .nav-button:disabled[b-ffgx6v6fsi] {
        opacity: .3;
        cursor: not-allowed;
    }

.calendar-grid[b-ffgx6v6fsi] {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 2px;
}

.day-name[b-ffgx6v6fsi] {
    text-align: center;
    font-size: var(--font-size-smaller);
    font-weight: bold;
    color: #64748B;
    padding: 4px 0;
}

.day[b-ffgx6v6fsi] {
    padding: 6px 0;
    border: none;
    background: none;
    border-radius: var(--border-radius-sm);
    color: #334155;
    font-size: var(--font-size-smaller);
    font-variant-numeric: tabular-nums;
    cursor: pointer;
}

    .day:hover:not(:disabled)[b-ffgx6v6fsi] {
        background-color: #f1f5f9;
    }

    .day:disabled[b-ffgx6v6fsi] {
        color: #cbd5e1;
        cursor: not-allowed;
    }

    .day.today[b-ffgx6v6fsi] {
        font-weight: bold;
    }

    .day.in-range[b-ffgx6v6fsi] {
        background-color: #fdf6dc;
    }

    .day.selected[b-ffgx6v6fsi] {
        background-color: var(--clr-secondary);
        color: white;
    }

.calendar-hint[b-ffgx6v6fsi] {
    text-align: center;
    font-size: var(--font-size-smaller);
    color: #64748B;
}

@media (max-width: 600px) {
    .calendar-months[b-ffgx6v6fsi] {
        flex-direction: column;
    }
}
/* /Features/Reports/Reports/Components/Cards/ChartCard.razor.rz.scp.css */

.card[b-4s5tdsg9g5]{
    border-radius: var(--border-radius);
    box-shadow: var(--box-shadow-full);
    padding: 15px;
}

.subtitle[b-4s5tdsg9g5]{
    font-size: var(--font-size-smaller);
    color: darkgray;
}
/* /Features/Reports/Reports/Components/Cards/StatCard.razor.rz.scp.css */

.card[b-oos14u1wnz]{
    padding: 10px;
    border-radius: var(--border-radius);
    box-shadow: var(--box-shadow);
    border-top: solid 2px var(--clr-secondary);
}

.stat-title[b-oos14u1wnz] {
    padding: 0 5px;
    font-size: var(--font-size-smaller);
    font-weight: 550;
    color: #64748B;
    display: flex;
    gap: 5px;
}
/* /Features/Reports/Reports/Components/DateWheel/DateWheel.razor.rz.scp.css */
.wheel-container[b-wvni00wsnr] {
    position: relative;
}

.wheel-button[b-wvni00wsnr] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 6px;
    border: solid 1px darkgray;
    border-radius: var(--border-radius);
    background-color: white;
    color: black;
    letter-spacing: 0;
    font-size: var(--font-size-small);
    white-space: nowrap;
    cursor: pointer;
    width: 95px;
}

.wheel-backdrop[b-wvni00wsnr] {
    position: fixed;
    inset: 0;
    z-index: 10;
}

.wheel-popup[b-wvni00wsnr] {
    position: absolute;
    top: calc(100% + 4px);
    right: 0;
    z-index: 11;
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 10px;
    background-color: white;
    border: solid 1px #e3e9ef;
    border-radius: var(--border-radius);
    box-shadow: 0 4px 12px rgba(15, 23, 42, .12);
}

.wheels[b-wvni00wsnr] {
    --item-height: 32px;
    position: relative;
    display: flex;
    gap: 4px;
}

/* the band behind the selected row of both wheels */
.wheel-highlight[b-wvni00wsnr] {
    position: absolute;
    left: 0;
    right: 0;
    top: calc(var(--item-height) * 2);
    height: var(--item-height);
    border-radius: var(--border-radius-sm);
    background-color: #fdf6dc;
    pointer-events: none;
}

.wheel[b-wvni00wsnr] {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 70px;
    touch-action: none;
    user-select: none;
}

.wheel-item[b-wvni00wsnr] {
    height: var(--item-height);
    padding: 0;
    border: none;
    background: none;
    color: #334155;
    font-size: var(--font-size-small);
    font-variant-numeric: tabular-nums;
    cursor: pointer;
    transition: opacity 150ms ease, font-size 150ms ease;
}

    .wheel-item.selected[b-wvni00wsnr] {
        font-weight: bold;
        color: var(--clr-primary);
    }

    .wheel-item.near[b-wvni00wsnr] {
        opacity: .6;
    }

    /* not .far, Font Awesome uses that class and swaps the font to its icon font */
    .wheel-item.distant[b-wvni00wsnr] {
        opacity: .3;
        font-size: var(--font-size-smaller);
    }

    .wheel-item:disabled[b-wvni00wsnr] {
        color: #cbd5e1;
        cursor: not-allowed;
    }

.done-button[b-wvni00wsnr] {
    padding: 6px;
    border: none;
    border-radius: var(--border-radius-sm);
    background-color: var(--clr-secondary);
    color: white;
    font-size: var(--font-size-small);
    cursor: pointer;
}
/* /Features/Reports/Reports/Components/Dropdown/CompanyLocationDropdown.razor.rz.scp.css */

.filters[b-eyyzljkrut]{
    display: flex;
    gap: 10px;
}

.filter-container[b-eyyzljkrut]{
    display: flex;
    flex-direction: column;
    gap: 2px;
    font-size: var(--font-size-small);
}

    .filter-container span[b-eyyzljkrut] {
        font-size: var(--font-size-smaller);
        font-weight: bold;
        color: #64748B;
    }

select[b-eyyzljkrut] {
    padding: 8px;
    border: solid 1px darkgray;
    border-radius: var(--border-radius);
    width: 250px;
}

@media (max-width:1024px){
    .filters[b-eyyzljkrut] {
        flex: 1;
        min-width: 0;
    }

    .filter-container[b-eyyzljkrut] {
        flex: 1;
        min-width: 0;
    }

    select[b-eyyzljkrut] {
        width: 100%;
    }
}
/* /Features/Reports/Reports/Components/Export/ReportExport.razor.rz.scp.css */

.export-container[b-nwq7bst6kh] {
    position: relative;
    align-self: flex-end;
}

.export-button[b-nwq7bst6kh] {
    height: fit-content;
    font-size: var(--font-size-small);
}

    .export-button:disabled[b-nwq7bst6kh] {
        opacity: .5;
        cursor: not-allowed;
    }

.menu-backdrop[b-nwq7bst6kh] {
    position: fixed;
    inset: 0;
    z-index: 10;
}

.export-menu[b-nwq7bst6kh] {
    position: absolute;
    top: calc(100% + 4px);
    right: 0;
    z-index: 11;
    display: flex;
    flex-direction: column;
    min-width: 140px;
    padding: 4px;
    background-color: white;
    border: solid 1px #e3e9ef;
    border-radius: var(--border-radius);
    box-shadow: 0 4px 12px rgba(15, 23, 42, .12);
}

    .export-menu button[b-nwq7bst6kh] {
        display: flex;
        align-items: center;
        gap: 8px;
        width: 100%;
        padding: 8px 10px;
        border: none;
        background: none;
        border-radius: var(--border-radius);
        color: #334155;
        font-size: var(--font-size-small);
        text-align: left;
        cursor: pointer;
    }

        .export-menu button:hover[b-nwq7bst6kh] {
            background-color: #f1f5f9;
        }
/* /Features/Reports/Reports/Components/Header/ReportHeader.razor.rz.scp.css */

.header-container[b-z9tgpp54cl]{
    width: 100%;
    display: flex;
    justify-content: space-between;
    border-bottom: solid 1px darkgray;
    padding-bottom: 15px;
    align-items: flex-end;
}

.title-container[b-z9tgpp54cl]{
    display: flex;
    flex-direction: column;
}

.title-container span[b-z9tgpp54cl] {
    color: #64748B;
    font-size: var(--font-size-small);
}

.right-section[b-z9tgpp54cl]{
    display: flex;
    gap: 10px;
}

.date-container[b-z9tgpp54cl] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

    .date-container span[b-z9tgpp54cl] {
        font-size: var(--font-size-smaller);
        font-weight: bold;
        color: #64748B;
    }

@media (max-width:1024px){
    .header-container[b-z9tgpp54cl]{
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }

    .right-section[b-z9tgpp54cl] {
        width: 100%;
        align-items: flex-end;
    }
}