@import '_content/Blazored.Modal/Blazored.Modal.bundle.scp.css';
@import '_content/Blazored.Toast/Blazored.Toast.bundle.scp.css';

/* /Layouts/AccountLayout.razor.rz.scp.css */
.layout-container[b-dq1ufp8wx5] {
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    height: 100%;
}
/* /Layouts/Desktop/DesktopMainLayout.razor.rz.scp.css */
.layout-container[b-6rrsgmv9dp] {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    grid-template-rows: 1fr;
    grid-template-columns: 15vw 1fr;
    height: 100%;
    overflow: hidden;
}

.sidebar[b-6rrsgmv9dp] {
    background-color: var(--clr-steel-ship-gray);
    display: grid;
    grid-template-rows: minmax(120px, auto) minmax(50px, auto) 1fr;
    height: 100vh;
    width: 15vw;
    transition: width 0.3s linear, opacity 0.3s ease;
    flex-shrink: 0;
    overflow-y: auto;
    overflow-x: hidden;
}

    .sidebar .location-dropdown[b-6rrsgmv9dp] {
        max-width: 88%;
        margin: 0 auto;
        opacity: 1;
        transition: opacity 0.3s;
    }

    .sidebar .app-logo[b-6rrsgmv9dp] {
        display: flex;
        flex-direction: column;
        align-items: center;
        height: fit-content;
        max-height: 15vh;
        margin: auto;
        margin-top: clamp(10px, 2vh, 40px);
        padding: 0.5rem 0;
    }

        .sidebar .app-logo img[b-6rrsgmv9dp] {
            max-height: clamp(40px, 8vh, 80px);
            width: auto;
            height: auto;
        }

        .sidebar .app-logo h1[b-6rrsgmv9dp] {
            font-weight: var(--fw-bolder);
            text-transform: uppercase;
            font-size: clamp(20px, 3.5vh, 40px);
            letter-spacing: 1px;
            opacity: 1;
            transition: opacity 0.3s, font-size 0.3s;
            white-space: nowrap;
        }

    .sidebar .main-nav[b-6rrsgmv9dp] {
        padding: clamp(0.5rem, 2vh, 2rem) 0;
        display: flex;
        flex-flow: column nowrap;
        overflow-y: auto;
        overflow-x: hidden;
        min-height: 0;
    }

        .sidebar .main-nav[b-6rrsgmv9dp]  a {
            display: flex;
            padding: clamp(8px, 1.5vh, 18px) 0;
            text-decoration: none;
            text-align: left;
            color: var(--clr-white);
            border-left: 10px solid var(--clr-steel-ship-gray);
            height: fit-content;
            font-size: var(--fs-responsive);
        }
            
        .sidebar .main-nav i[b-6rrsgmv9dp] {
            width: 28px;
        }

            .sidebar .main-nav[b-6rrsgmv9dp]  a:hover {
                cursor: pointer;
                border-left: 10px solid var(--clr-skywave-blue);
                background-color: var(--clr-mist-gray-18);
            }

            .sidebar .main-nav[b-6rrsgmv9dp]  a.active {
                border-left: 10px solid var(--clr-skywave-blue);
                background-color: var(--clr-mist-gray-18);
            }

        .sidebar .main-nav .nav-item[b-6rrsgmv9dp] {
            display: flex;
            gap: 22px;
            align-items: center;
            width: 80%; /* 80% of the sidebar width */
            margin: 0 auto;
        }

        .sidebar .main-nav[b-6rrsgmv9dp]  a:last-child {
            margin-top: auto;
        }

.sidebar .main-nav .nav-item span[b-6rrsgmv9dp] {
    opacity: 1;
    transition: opacity 0.3s, font-size 0.3s ease-in;
}

.sidebar .footer[b-6rrsgmv9dp] {
    height: fit-content;
    align-content: center;
}

    .sidebar .footer:hover[b-6rrsgmv9dp] {
        cursor: pointer;
    }

.sidebar-small[b-6rrsgmv9dp] {
    background-color: var(--clr-steel-ship-gray);
    display: grid;
    grid-template-rows: minmax(120px, auto) minmax(50px, auto) 1fr;
    height: 100vh;
    width: 5vw;
    transition: width 0.3s linear, opacity 0.3s ease;
    overflow-y: auto;
    overflow-x: hidden;
}

    .sidebar-small .location-dropdown[b-6rrsgmv9dp] {
        width: 88%;
        margin: 0 auto;
        opacity: 0;
        transition: opacity 0.3s;
        pointer-events: none;
    }

    .sidebar-small .app-logo img[b-6rrsgmv9dp] {
        min-width: 40px;
        max-height: clamp(40px, 6vh, 60px);
        width: auto;
        height: auto;
    }

    .sidebar-small .app-logo h1[b-6rrsgmv9dp] {
        font-size: 0px;
        opacity: 0;
        transition: opacity 0.3s, font-size 0.3s;
    }

    .sidebar-small .main-nav[b-6rrsgmv9dp]  a {
        justify-content: center;
        padding: clamp(8px, 1.5vh, 18px) 0;
    }

    .sidebar-small .main-nav .nav-item[b-6rrsgmv9dp] {
        justify-content: center;
        margin: 0;
    }

    .sidebar-small .main-nav .nav-item span[b-6rrsgmv9dp] {
        font-size: 0px;
        opacity: 0;
        transition: opacity 0.3s, font-size 0.3s;
        display: none;
    }

    .sidebar-small .main-nav[b-6rrsgmv9dp]  a:last-child {
        margin-top: auto;
    }

/*    .sidebar-small .release-link {
        justify-content: center;
    }

    .sidebar-small .release-link span {
        font-size: 0px;
        opacity: 0;
        transition: opacity 0.3s, font-size 0.3s;
        display: none;
    }*/

.main-content[b-6rrsgmv9dp] {
    width: 100%;
    height: fit-content;
    overflow: hidden;
    height: 100vh;
}
/* /Layouts/LoginLayout.razor.rz.scp.css */
.layout-container[b-xliavnkj14] {
    height: 100%;
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    justify-content: center;
}
/* /Layouts/Mobile/MobileMainLayout.razor.rz.scp.css */
.mobile-container[b-8faiqwl0ho] {
    display: flex;
    flex-direction: column;
    height: 100vh;
    overflow: hidden;
    padding: 1rem;
}

.header[b-8faiqwl0ho] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-bottom: 1rem;
}

.icon-container[b-8faiqwl0ho] {
    display: flex;
    justify-content: space-between;
}

.logout[b-8faiqwl0ho] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.location-dropdown[b-8faiqwl0ho] {
    display: flex;
}

.main-content[b-8faiqwl0ho]{
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
}


/* /Pages/Account/Profile/Components/AccountInfo/AccountInfo.razor.rz.scp.css */
.account-info-container[b-k7x9lhlv1n] {
    height: 85%;
    overflow: auto;
    width: 100%;
}

.input-container[b-k7x9lhlv1n] {
    display: flex;
    gap: 27.5px 45px;
}

.input-wrapper[b-k7x9lhlv1n] {
    width: 200px;
    display: flex;
    flex-direction: column;
    gap: 3px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

    .input-wrapper label[b-k7x9lhlv1n] {
        font-size: var(--fs-responsive);
    }

nav[b-k7x9lhlv1n] {
    margin-top: 3em;
}

button[b-k7x9lhlv1n] {
    margin-top: 1em;
}
/* /Pages/Account/Profile/Components/Security/ProfileChangePassword/ProfileChangePassword.razor.rz.scp.css */

.input-wrapper[b-xzk2sog7sw] {
    width: 300px;
    display: flex;
    flex-direction: column;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

    .input-wrapper label[b-xzk2sog7sw] {
        font-size: var(--fs-responsive);
        margin-bottom: 5px; /* Adds space between the label and the input */
        margin-top: 1em; /* Adds space between the previous input and the next label */
    }

button[b-xzk2sog7sw] {
    margin-top: 2em;
}

.clickable-text a[b-xzk2sog7sw] {
    cursor: pointer;
    color: var(--clr-skywave-blue);
}

nav[b-xzk2sog7sw] {
    margin-top: 1em;
}
/* /Pages/Account/Profile/Components/Security/Security.razor.rz.scp.css */
.security-wrapper[b-q8dbdoisea]{
    display:flex;
    gap:5em;
}

.security-wrapper div[b-q8dbdoisea] {
    flex-shrink: 0;
}
/* /Pages/Admin/Components/Competition/AdminCompetition.razor.rz.scp.css */
table[b-0i5asfkskv] {
    gap: 0;
    border-spacing: 0;
    user-select: none; /* Prevents text selection */
    -webkit-user-select: none; /* For Safari */
    -moz-user-select: none; /* For Firefox */
    -ms-user-select: none; /* For older versions of Internet Explorer/Edge */
}

.side-header[b-0i5asfkskv] {
    text-align: left;
}

th[b-0i5asfkskv], td[b-0i5asfkskv] {
    height: 55px;
    width: fit-content;
    text-align: center;
    width: 145px;
    font-weight: var(--fw-medium);
    font-size: var(--fs-responsive);
}

th div:hover[b-0i5asfkskv] {
    color: var(--clr-skywave-blue)
}

td[b-0i5asfkskv] {
    border: 1px solid var(--clr-white);
    margin: 0;
}

td:not(.disabled):hover[b-0i5asfkskv] {
    background-color: var(--clr-mist-gray-18);
    cursor: pointer;
}

.disabled[b-0i5asfkskv] {
    background-color: var(--clr-steel-ship-gray);
}

.enabled[b-0i5asfkskv] {
    width: 15px; /* Diameter of the dot */
    height: 15px; /* Diameter of the dot */
    background-color: var(--clr-skywave-blue); /* Dot color */
    border-radius: 50%; /* Makes the dot round */
    display: inline-block; /* Allows to sit inline with text */
}

.active[b-0i5asfkskv] {
    color: var(--clr-skywave-blue);
}

.competitor-wrapper[b-0i5asfkskv] {
    display: flex;
    gap: 50px;
}

.competitor-sub-nav[b-0i5asfkskv] {
    display: flex;
    flex-direction: column;
    margin-left: 1em;
    gap: 1em;
    padding-left: 1em;
    border-left: 2px solid white;
    max-height: 500px;
    align-self: flex-start;
    width: 10%;
    white-space: nowrap;
}
.competitor-sub-nav div[b-0i5asfkskv] {
    cursor: pointer;
}

.competitor-sub-nav div:hover[b-0i5asfkskv] {
    color: var( --clr-skywave-blue);
}
.nav-item[b-0i5asfkskv] {
    width: 7.5rem;
}

/* /Pages/Admin/Components/JobParameters/JobParameters.razor.rz.scp.css */
.job-parameter-container[b-j42g5lxln4]  .table-container {
    max-height: 50vh;
}
/* /Pages/Admin/Components/PriceFamily/PriceFamilyPage.razor.rz.scp.css */
.shop-source-div[b-fg9eda6c43] {
    margin-top: 1rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.shop-source-table[b-fg9eda6c43] {
    display: flex;
    flex-direction: column;
}

.shop-source-row[b-fg9eda6c43] {
    display: flex;
    flex-direction: row;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.save-button-row[b-fg9eda6c43] {
    justify-content: center;
}

.less-margin[b-fg9eda6c43] {
    margin-bottom: 0.5rem;
}

.information-row[b-fg9eda6c43] {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-left: 1rem;
    gap: 1rem;
    min-width: 21rem;
}

    .information-row .information-text[b-fg9eda6c43] {
        line-height: 13px;
    }

    .information-row a[b-fg9eda6c43] {
        font-style: italic;
        font-size: 15px;
        color: var(--clr-shady-lady-gray);
        font-weight: 300;
    }

.add-icon-container[b-fg9eda6c43] {
    display: flex;
    justify-content: center;
    margin: 1rem 0 3rem;
}

    .add-icon-container i[b-fg9eda6c43] {
        cursor: pointer;
    }

.delete-icon-container[b-fg9eda6c43] {
    border: unset;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.drag-and-drop[b-fg9eda6c43] {
    display:flex;
    align-items:center;
    cursor:pointer;
}

.shop-source-select-box[b-fg9eda6c43] {
    width: 45%;
}

.shop-source-label-small[b-fg9eda6c43] {
    width: 39%;
    margin-left: 1.4em;
}

.shop-source-label-big[b-fg9eda6c43] {
    width: 45%;
}

.invisible[b-fg9eda6c43] {
    visibility: hidden;
}

.save-shop-source[b-fg9eda6c43] {
    display: flex;
    background-color: transparent;
    width: fit-content;
    justify-content: right;
}

.disabled-button[b-fg9eda6c43] {
    cursor: default;
    pointer-events: none;
    background-color: var(--clr-deep-fleet-blue);
}
/* /Pages/Admin/Components/PriceStrategy/PriceStrategies.razor.rz.scp.css */
.price-strategy-tables[b-ma7kl1y6jz] {
    margin-top: 3rem;
    max-height: 70vh;
    margin-bottom: 2rem;
    padding-right: 2rem;
    overflow: auto;
    width: 100%;
}

.price-strategy-container[b-ma7kl1y6jz] {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
}

.edit-sidebar[b-ma7kl1y6jz] {
    max-width: 35%;
}

.sidebar-toggle-group[b-ma7kl1y6jz] {
    display: flex;
    flex-flow: row;
}

.delete-button-div[b-ma7kl1y6jz] {
    display: flex;
    justify-content: center;
    margin-top: 2rem;
}
/* /Pages/Admin/Components/PriceStrategy/PriceStrategyList.razor.rz.scp.css */
.price-strategy-strategy[b-hrqy6u6kpu] {
    border: 1px solid white;
    height: 5.25em;
    width: 8.5em;
    text-align: center;
    cursor: pointer;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none;
    font-size: var(--fs-responsive);
}

.price-strategy-strategy:hover[b-hrqy6u6kpu] {
    border-color: #58A5CC;
    border-style: double;
    font-weight: var(--fw-medium);
    color: #58A5CC;
}

.price-strategy-strategy-current[b-hrqy6u6kpu] {
    border: 1px double #58A5CC;
    height: 5.25em;
    width: 8.5em;
    font-weight: var(--fw-medium);
    color: #58A5CC;
    text-align: center;
    cursor: pointer;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    font-size: var(--fs-responsive);
    user-select: none;
}

.price-strategy-table[b-hrqy6u6kpu] {
    border-collapse: collapse;
}

.price-strategy-family[b-hrqy6u6kpu] {
    font-size: var(--fs-responsive);
}

th[b-hrqy6u6kpu] {
    font-weight: normal;
    padding-bottom: 1rem;
}
/* /Pages/Admin/Components/Sources/Sources.razor.rz.scp.css */
.sources-wrapper[b-ppchlls7zv] {
    display: flex;
    gap: 50px;
}

.sources-sub-nav[b-ppchlls7zv] {
    display: flex;
    flex-direction: column;
    margin-left: 1em;
    gap: 1em;
    padding-left: 1em;
    border-left: 2px solid white;
    max-height: 500px;
    align-self: flex-start;
    width: 10%;
    white-space: nowrap;
}

.a[b-ppchlls7zv] {
    display: flex;
    flex-direction: column;
    margin-left: 1em;
    gap: 1em;
    margin-top: 3em;
    padding-left: 2em;
    border-left: 2px solid white;
    max-height: 500px;
    overflow-y: scroll;
    padding-right: 1em;
    align-self: flex-start;
    width: 110px;
    white-space: nowrap;
}

    .sources-sub-nav div[b-ppchlls7zv] {
        cursor: pointer;
    }

        .sources-sub-nav div:hover[b-ppchlls7zv] {
            color: var( --clr-skywave-blue);
        }

.active[b-ppchlls7zv] {
    color: var( --clr-skywave-blue);
    font-weight: 600;
}

.sources-container[b-ppchlls7zv] {
    width: 100%;
}

.dropdown-div[b-ppchlls7zv] {
    display: flex;
    flex-direction: column;
    margin-bottom: 3rem;
}
.source-dropdown[b-ppchlls7zv] {
    width: 15%;
}

.nav-item[b-ppchlls7zv] {
    width: 7.5rem;
}
/* /Pages/Admin/Components/Vehicles/Vehicles.razor.rz.scp.css */
.vehicles-wrapper[b-33woxxyokk] {
    display: flex;
    gap: 50px;
}

.vehicles-sub-nav[b-33woxxyokk] {
    display: flex;
    flex-direction: column;
    margin-left: 1em;
    gap: 1em;
    padding-left: 1em;
    border-left: 2px solid white;
    max-height: 500px;
    align-self: flex-start;
    width: 10%;
    white-space: nowrap;
}

.a[b-33woxxyokk] {
    display: flex;
    flex-direction: column;
    margin-left: 1em;
    gap: 1em;
    margin-top: 3em;
    padding-left: 2em;
    border-left: 2px solid white;
    max-height: 500px;
    overflow-y: scroll;
    padding-right: 1em;
    align-self: flex-start;
    width: 110px;
    white-space: nowrap;
}

.vehicles-sub-nav div[b-33woxxyokk] {
    cursor: pointer;
}

    .vehicles-sub-nav div:hover[b-33woxxyokk] {
        color: var( --clr-skywave-blue);
    }

.active[b-33woxxyokk] {
    color: var( --clr-skywave-blue);
    font-weight: 600;
}

.sources-container[b-33woxxyokk] {
    width: 100%;
}

.dropdown-div[b-33woxxyokk] {
    display: flex;
    flex-direction: column;
    margin-bottom: 3rem;
}

.source-dropdown[b-33woxxyokk] {
    width: 15%;
}

.nav-item[b-33woxxyokk] {
    width: 7.5rem;
}
/* /Pages/Auth/Components/ForgotPassword.razor.rz.scp.css */
.flex-box[b-2dzai2ff6p] {
    position: absolute;
    top: 15vh;
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 1rem;

}

.form-container[b-2dzai2ff6p] {
    max-width: 100%;
}

    .form-container[b-2dzai2ff6p]  form {
        display: flex;
        flex-flow: column nowrap;
        align-items: center;
    }

    .form-container[b-2dzai2ff6p]  input {
        background-color: var(--clr-dark-blue);
        padding: .25rem .5rem;
        width: 255px;
        color: var(--clr-white);
        margin-top: 2em;
    }

    .form-container[b-2dzai2ff6p]  button {
        margin-top: 1.6rem;
        width: 255px;
    }

    .form-container[b-2dzai2ff6p]  h3 {
        text-align: center;
    }

    .form-container[b-2dzai2ff6p]  p {
        padding: 1rem 0;
        text-align: center;
    }

.input-group[b-2dzai2ff6p] {
    width: 16rem;
}

.input-group > label[b-2dzai2ff6p] {
    display: none;
}

.input-group[b-2dzai2ff6p]  .validation-message {
    text-align: center;
}


.message-container[b-2dzai2ff6p] {
    text-align: center;
}

.input-group .btn[b-2dzai2ff6p] {
    width: 100%;
}

.btn:disabled[b-2dzai2ff6p] {
    background-color: var(--clr-steel-ship-gray);
    pointer-events: none;
}
/* /Pages/Auth/Components/LoginForm.razor.rz.scp.css */
.page-background-class[b-99mhh33kdj] {
    background-image: url('Images/ArmadaBackground.svg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 100vw;
    height: 100vh;
    position: fixed;
    z-index: -1; /*send to back*/
}

.login-container[b-99mhh33kdj] {
    padding: 0 48px;
    background-color: var(--clr-steel-ship-gray);
    height: fit-content;
    min-height: 380px;
    width: 350px;
}


.logo-image[b-99mhh33kdj] {
    max-width: 100%;
    height: 70px;
    width: auto;
    display: block;
    margin: 26px 0 40px 0;
}

[b-99mhh33kdj] .login-input {
    display: block;
    margin-bottom: 20px;
    width: 100%;
}


.forgot-password[b-99mhh33kdj] {
    color: var(--clr-skywave-blue);
    display: block;
    text-align: center;
    text-decoration: underline;
    margin: 35px 0 20px 0;
    cursor: pointer;
}

.errorMessage[b-99mhh33kdj] {
    color: var(--clr-danger);
    text-align: center;
}
/* /Pages/Auth/Components/PasswordChange.razor.rz.scp.css */
.password-container[b-s2mnb2kzri] {
    display: flex;
    flex-direction: column;
    position: absolute;
    max-width: 100%;
    align-items: center;
    gap: 1rem;
    top: 15vh;
}

.title[b-s2mnb2kzri] {
    text-align: center;
}

.password-container[b-s2mnb2kzri]  p {
    padding: 1rem 0;
    text-align: center;
}

.password-set[b-s2mnb2kzri] {
    display: flex;
    justify-content: center;
    align-content: center;
    background-color: var(--clr-deep-fleet-blue);
}

.input-group[b-s2mnb2kzri] {
    width: 255px;
}

.password-set[b-s2mnb2kzri]  form {
    display: flex;
    flex-flow: column nowrap;
    gap: 1.5rem;
    align-self: center;
    padding:0.5rem;
}

/* /Pages/Auth/Components/PasswordReset.razor.rz.scp.css */
.password-container[b-0xbogw9fgy] {
    display: flex;
    flex-direction: column;
    position: absolute;
    max-width: 100%;
    align-items: center;
    gap: 1rem;
    top: 15vh;
}

.title[b-0xbogw9fgy] {
    text-align: center;
}

.password-container[b-0xbogw9fgy]  p {
    padding: 1rem 0;
    text-align: center;
}

.password-set[b-0xbogw9fgy] {
    display: flex;
    justify-content: center;
    align-content: center;
    background-color: var(--clr-deep-fleet-blue);
}

.input-group[b-0xbogw9fgy] {
    width: 255px;
}

.password-set[b-0xbogw9fgy]  form {
    display: flex;
    flex-flow: column nowrap;
    gap: 1.5rem;
    align-self: center;
    padding:0.5rem;
}

/* /Pages/Auth/Components/TwoFactorLogin.razor.rz.scp.css */
.page-background-class[b-9xmpx9yuwp] {
    background-image: url('Images/ArmadaBackground.svg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 100vw;
    height: 100vh;
    position: fixed;
    z-index: -1; /*send to back*/
}

.login-container[b-9xmpx9yuwp] {
    padding: 0 48px;
    background-color: var(--clr-steel-ship-gray);
    height: fit-content;
    min-height: 300px;
    width: 350px;
}


.logo-image[b-9xmpx9yuwp] {
    max-width: 100%;
    height: 70px;
    width: auto;
    display: block;
    margin: 26px 0 40px 0;
}

[b-9xmpx9yuwp] .login-input {
    display: block;
    margin-bottom: 20px;
    width: 100%;
}


.forgot-password[b-9xmpx9yuwp] {
    color: var(--clr-skywave-blue);
    display: block;
    text-align: center;
    text-decoration: underline;
    margin: 35px 0 20px 0;
    cursor: pointer;
}

.errorMessage[b-9xmpx9yuwp] {
    color: var(--clr-danger);
    text-align: center;
}

.btn-stretch[b-9xmpx9yuwp] {
    margin-top: 2rem;
}
/* /Pages/Auth/Components/TwoFactorSetup.razor.rz.scp.css */
.row[b-dns8squnra] {
    display: flex;
    flex-direction: row;
    padding-bottom: 0.5rem;
}

.column[b-dns8squnra] {
    margin-left: 1rem;
    gap: 0.5rem;
    display: flex;
    flex-direction: column;
}

.step-text[b-dns8squnra] {
    border: 2px solid var(--clr-skywave-blue);
    border-radius: 5rem;
    width: 100%;
    text-align: center;
    align-content: center;
    height: 1.7rem;
    width: auto;
    padding-left: 0.6rem;
    padding-right: 0.6rem;
}

.step-title[b-dns8squnra] {
    font-weight: bold;
    padding-left: 1rem;
}

.qr[b-dns8squnra] {
    height: 10rem;
    width: 10rem;
    border-radius: 0.5rem;
}

.totp-key[b-dns8squnra] {
    letter-spacing: 0.5rem;
    background-color: var(--clr-steel-ship-gray);
    padding-left: 0.5rem;
    padding-top: 0.2rem;
    padding-bottom: 0.2rem;
}

.copy-button[b-dns8squnra] {
    display: flex;
    background-color: transparent;
    border: unset;
    font-weight: normal;
    padding: 0;
    margin-top: 0.5rem;
    gap: 1rem;
    align-items: center;
}

.otp-wrap[b-dns8squnra] {
    display: flex;
}

    .otp-wrap .otp-input[b-dns8squnra] {
        width: 11.5rem !important;
        border-radius: 5px;
        letter-spacing: 0.5em;
    }

.errorBorder[b-dns8squnra] {
    border: 2px solid #dc3545 !important;
}

.confirm[b-dns8squnra] {
    margin-top: 2rem;
    width: 11.5rem;
}

.margin-top-big[b-dns8squnra] {
    margin-top: 2.5rem;
}

.margin-top-medium[b-dns8squnra] {
    margin-top: 1.5rem;
}
/* /Pages/Auth/Components/UserProfileLink.razor.rz.scp.css */
.profile-container[b-lf8dnk1uo5]  a {
    display: flex;
    flex-direction: column;
    gap: 5px;
    justify-content: center;
    align-items: center;
    height: fit-content;
    padding: 18px 0;
    font-size: var(--fs-responsive);
}

/* Default state: Show original image */
.profile-icon[b-lf8dnk1uo5]::before {
    content: url('Images/Icons/Robot-White.svg');
    display: block;
    width: 1.4em;
    height: 1.4em;
}

/* When active, show the active image */
.profile-container[b-lf8dnk1uo5]  a.active .profile-icon::before {
    content: url('Images/Icons/Active/Robot-Blue.svg');
}

/* Also change on hover */
.profile-container:hover .profile-icon[b-lf8dnk1uo5]::before {
    content: url('Images/Icons/Active/Robot-Blue.svg');
}
/* /Pages/Build/Build.razor.rz.scp.css */
.build-page[b-vw5hq5ssvg] {
    height: 92%;
    position: relative;
}

button[b-vw5hq5ssvg] {
    position: absolute;
    bottom: 6rem;
    right: 3rem;
    width: fit-content;
}
/* /Pages/Build/Components/Information/Information.razor.rz.scp.css */
.location-info-container[b-87x98i999f] {
    height: calc(100vh - 10rem); /* Replace 60px with your header/footer height */
    overflow-y: auto;
    width: 100%;
}

.input-container[b-87x98i999f] {
    display: flex;
    flex-direction: row;
    flex-flow: wrap;
    gap: 27.5px 45px;
    margin-top: 1.35em;
}

.input-wrapper[b-87x98i999f] {
    width: 200px;
    display: flex;
    flex-direction: column;
    gap: 3px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.input-wrapper label[b-87x98i999f] {
    font-size: var(--fs-responsive);
}

.selector-container[b-87x98i999f] {
    display: flex;
    gap: 4.5rem;
    margin-top: 2rem;
}

.section-header[b-87x98i999f] {
    margin-top: 1.2em;
    line-height: 1;
}

    .section-header h1[b-87x98i999f] {
        font-weight: var(--fw-medium);
    }

input:not([type="checkbox"]):not([type="file"]):not([type="range"]) .error[b-87x98i999f] {
    border: 1px solid red;
}
/* /Pages/Build/Components/Max/Max.razor.rz.scp.css */
.job-parameter-container[b-b8dt3j72nj]  .table-container {
    max-height: 65vh;
    margin-top: 2em;
}
/* /Pages/Build/Components/Price/Price.razor.rz.scp.css */
.flex-row[b-c6vri971ii] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 3em;
    margin-top: 4em;
}

.input-container[b-c6vri971ii] {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;

    font-size: var(--fs-responsive);
    width: fit-content;
    gap: 15px;
}

.error-container[b-c6vri971ii] {
    color: red;
}

input[type="file"][b-c6vri971ii] {
    display: none;
}

.import-text[b-c6vri971ii] {
    border-bottom: 1px solid white;
    width: 212px;
    text-overflow: ellipsis;
    overflow: hidden;
}

.import-history-container[b-c6vri971ii] {
    height: 50vh;
    overflow: auto;
}

.price-group-select[b-c6vri971ii] {
    width: 250px;
}

table[b-c6vri971ii] {
    position: relative;
    border-collapse: collapse;
    width: 100%;
    table-layout: auto; /* Allows columns to size naturally */
    font-size: var(--fs-responsive);
}

th[b-c6vri971ii], td[b-c6vri971ii] {
    text-align: left;
    border-bottom: 1px solid white;
    height: 42px;
    padding-right: 50px;
    white-space: nowrap; /* Prevent text from wrapping */
    text-overflow: ellipsis; /* Add ellipsis for overflow */
    overflow: hidden; /* Hide overflowing text */
    width: 20%;
    max-width: 200px; /* Ensure ellipsis can take effect */
}

    th:last-child[b-c6vri971ii],
    td:last-child[b-c6vri971ii] {
        width: auto; /* Allow the last column to expand */
    }

th[b-c6vri971ii] {
    height: 50px;
}

.clickable-icon[b-c6vri971ii] {
    cursor: pointer;
}

.error-detail[b-c6vri971ii] {
    position: absolute;
    left: 0%;
    top: 0%;
    width: 75%;
    background-color: var(--clr-steel-ship-gray);
    overflow-wrap: anywhere;
    white-space: normal;
    opacity: 0;
    pointer-events: none;
    transition: all 0.3s ease;
    padding: 1rem;
}

    .error-detail[b-c6vri971ii]:after {
        left: 10%;
    }

.error-status:hover .error-detail[b-c6vri971ii]{
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
}

.error-text[b-c6vri971ii] {
    text-decoration: underline;
    cursor: pointer;
}





.button-group[b-c6vri971ii] {
    position: relative;
}

.tooltip[b-c6vri971ii] {
    bottom: 160%;
    right: -95%;
    white-space: nowrap;
}

    .tooltip[b-c6vri971ii]:after {
        right: 8px;
    }

.tooltip-dashboard[b-c6vri971ii] {
    bottom: 100%;
    max-width: 170px;
}

    .tooltip-dashboard[b-c6vri971ii]:after {
        left: 10%;
    }


.top-bar-button-div[b-c6vri971ii] {
    margin-left: auto;
    margin-top: auto;
    max-height: 28px;
    margin-bottom: 0.3rem;
    display: flex;
}

.top-bar-button[b-c6vri971ii] {
    cursor: pointer;
    display: inline;
    margin-left: 25px;
    margin-top: auto;
}

    .top-bar-button:hover[b-c6vri971ii] {
        transform: scale(1.03);
    }

.top-bar-button-disabled[b-c6vri971ii] {
    display: inline;
    margin-left: 25px;
    margin-top: auto;
    cursor: default;
}



.price-group-modal[b-c6vri971ii] {
    position: fixed;
    top: 30%;
    left: 50%;
    transform: translateX(-50%);
    background: var(--clr-steel-ship-gray);
    box-shadow: 0 0 0 100vmax rgba(0,0,0,0.45);
    padding: 2rem;
    z-index: 1111;
    max-width: 600px;
    width: 90%;
}

.overlay[b-c6vri971ii] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    pointer-events: auto;
    background: transparent;
}

.price-group-row[b-c6vri971ii] {
    display: flex;
    align-items: center;
    flex-direction: row;
    margin-bottom: 1.5rem;
}

.price-group-text[b-c6vri971ii] {
    width: 50%;
    text-align: center;
}

.modal-button-group[b-c6vri971ii] {
    display: flex;
    gap: 5rem;
    align-items: center;
    justify-content: center;
}







.slider-checkbox[b-c6vri971ii] {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: left;
    flex-shrink: 0;
    margin: auto;
    gap: 8px;
    width: 50%;
}

    .slider-checkbox i[b-c6vri971ii] {
        cursor: pointer;
        transition: color 0.3s, transform 0.2s;
    }

    /* Add hover effects only when hovering the label/icon */
    .slider-checkbox:not(.slider-checkbox-disabled) .slider-checkbox-label:hover i[b-c6vri971ii] {
        transform: scale(1.1);
        opacity: 0.8;
    }

    .slider-checkbox:not(.slider-checkbox-disabled) .slider-checkbox-label:hover .fa-circle[b-c6vri971ii] {
        color: var(--clr-skywave-blue);
    }

    .slider-checkbox:not(.slider-checkbox-disabled) .slider-checkbox-label:hover .fa-circle-check[b-c6vri971ii] {
        transform: scale(1.1);
    }

.slider-checkbox-disabled[b-c6vri971ii] {
    opacity: 0.6;
    cursor: not-allowed !important;
}

    .slider-checkbox-disabled i[b-c6vri971ii] {
        cursor: not-allowed !important;
        pointer-events: none;
    }

.slider-checkbox-no-margin[b-c6vri971ii] {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    margin: 0;
    gap: 8px;
}

    .slider-checkbox-no-margin i[b-c6vri971ii] {
        cursor: pointer;
        transition: color 0.3s, transform 0.2s;
    }

    /* Add hover effects only when hovering the label/icon for no-margin toggles */
    .slider-checkbox-no-margin:not(.slider-checkbox-disabled) .slider-checkbox-label:hover i[b-c6vri971ii] {
        transform: scale(1.1);
        opacity: 0.8;
    }

    .slider-checkbox-no-margin:not(.slider-checkbox-disabled) .slider-checkbox-label:hover .fa-circle[b-c6vri971ii] {
        color: var(--clr-skywave-blue);
    }

    .slider-checkbox-no-margin:not(.slider-checkbox-disabled) .slider-checkbox-label:hover .fa-circle-check[b-c6vri971ii] {
        transform: scale(1.1);
    }

.slider-checkbox-input[b-c6vri971ii] {
    opacity: 0;
    width: 0;
    height: 0;
    position: absolute;
    pointer-events: none; /* Ensure input doesn't interfere with hover */
}

.slider-checkbox-label[b-c6vri971ii] {
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

    .slider-checkbox-label i[b-c6vri971ii] {
        color: var(--clr-shady-lady-gray);
        transition: color 0.3s, transform 0.2s;
    }

.slider-checkbox-input:checked + .slider-checkbox-label i[b-c6vri971ii] {
    color: var(--custom-toggle-color, var(--clr-skywave-blue));
}

.slider-checkbox-text[b-c6vri971ii] {
    user-select: none;
    white-space: nowrap;
}


.form-control[b-c6vri971ii] {
    width: 50%;
}
/* /Pages/Build/Components/Settings/Settings.razor.rz.scp.css */
.location-info-wrapper[b-2idlpe8dod] {
    display: flex;
    flex-direction: column;
}

.location-info-container[b-2idlpe8dod] {
    height: auto;
    overflow: auto;
    width: 100%;
    position: relative;
    padding-bottom: 2rem;
}

.input-container[b-2idlpe8dod] {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: clamp(1rem, 2vw, 1.75rem) clamp(1.5rem, 3vw, 2.5rem);
    margin-top: 1.35em;
    min-height: 0;
    height: auto;
    align-items: flex-end;
}

.input-wrapper[b-2idlpe8dod] {
    width: clamp(150px, 20vw, 200px);
    min-width: 150px;
    display: flex;
    flex-direction: column;
    gap: 3px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

    .input-wrapper label[b-2idlpe8dod] {
        font-size: var(--fs-responsive);
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .input-wrapper.left-margin[b-2idlpe8dod] {
        margin-left: 0;
    }

.section-header[b-2idlpe8dod] {
    margin-top: clamp(1rem, 2vh, 1.2em);
    line-height: 1;
}

    .section-header h1[b-2idlpe8dod] {
        font-weight: var(--fw-medium);
        font-size: clamp(1.2rem, 3vw, 1.5rem);
    }

    .section-header hr[b-2idlpe8dod] {
        margin-top: 0.5rem;
    }

.toggle-container[b-2idlpe8dod] {
    display: flex;
    height: auto;
    min-height: 40px;
    align-items: center;
}

.delete-location[b-2idlpe8dod] {
    margin-top: 2rem;
    margin-left: calc(100% - 12rem);
    white-space: nowrap;
}

/* Responsive adjustments for small screens */
@media (max-width: 1200px) {
    .input-container[b-2idlpe8dod] {
        gap: 1rem 1.5rem;
    }
    
    .input-wrapper[b-2idlpe8dod] {
        width: clamp(140px, 25vw, 180px);
        min-width: 140px;
    }
}

@media (max-height: 800px) {
    .section-header[b-2idlpe8dod] {
        margin-top: 0.8em;
    }
    
    .input-container[b-2idlpe8dod] {
        margin-top: 1em;
        gap: 0.75rem 1rem;
    }
}

@media (max-width: 768px) {
    .input-container[b-2idlpe8dod] {
        gap: 0.75rem 1rem;
        flex-direction: column;
        align-items: stretch;
    }
    
    .input-wrapper[b-2idlpe8dod] {
        width: 100%;
        min-width: 0;
        max-width: 100%;
    }
    
    .input-wrapper.left-margin[b-2idlpe8dod] {
        margin-left: 0;
    }
}
/* /Pages/Build/Components/TaxFeeMatrix/TaxFeeGrid.razor.rz.scp.css */
table[b-bnsf49l42k] {
    gap: 0;
    border-spacing: 0;
    user-select: none; /* Prevents text selection */
    -webkit-user-select: none; /* For Safari */
    -moz-user-select: none; /* For Firefox */
    -ms-user-select: none; /* For older versions of Internet Explorer/Edge */
}

.side-header[b-bnsf49l42k] {
    text-align: right;
    width: fit-content;
}

th[b-bnsf49l42k], td[b-bnsf49l42k] {
    width: fit-content;
    text-align: center;
    font-weight: var(--fw-medium);
    font-size: var(--fs-responsive);
    padding: 1rem;
    max-width: 8rem;
}

    th div:hover[b-bnsf49l42k] {
        color: var(--clr-skywave-blue)
    }

td[b-bnsf49l42k] {
    border: 1px solid var(--clr-white);
    margin: 0;
}

    td:not(.disabled):not(.td-locked):hover[b-bnsf49l42k] {
        background-color: var(--clr-mist-gray-18);
        cursor: pointer;
    }

.disabled[b-bnsf49l42k] {
    background-color: var(--clr-steel-ship-gray);
}

.enabled[b-bnsf49l42k] {
    width: 15px; /* Diameter of the dot */
    height: 15px; /* Diameter of the dot */
    background-color: var(--clr-skywave-blue); /* Dot color */
    border-radius: 50%; /* Makes the dot round */
    display: inline-block; /* Allows to sit inline with text */
}

.active[b-bnsf49l42k] {
    color: var(--clr-skywave-blue);
}
/* /Pages/Build/Components/TaxFeeMatrix/TaxFeeMatrix.razor.rz.scp.css */
.build-tax-fee-container[b-gh9uke7vk8] {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
}

.tf-grid-container[b-gh9uke7vk8] {
    max-height: 70vh;
    margin-bottom: 2rem;
    padding-right: 2rem;
    overflow: auto;
    width: 100%;
}
/* /Pages/Build/DeleteModal.razor.rz.scp.css */
.main[b-h62ezt9x91] {
    position: fixed;
    top: 40%;
    left: 40%;
    width: 25rem;
    background: var(--clr-steel-ship-gray);
    box-shadow: 0 0 0 100vmax rgba(0,0,0,0.45);
    padding: 1rem 2.5rem 1rem 2.5rem;
    z-index: 1111;
}

.overlay[b-h62ezt9x91] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    pointer-events: auto;
}

.clickable-text[b-h62ezt9x91]{
    display:flex;
    gap: 1.5em;
    margin-left: 8em;
    font-size:20px;
}

label[b-h62ezt9x91] {
    cursor: pointer;
    color: var(--clr-skywave-blue);
}

label:hover[b-h62ezt9x91]{
    font-weight:500;
}

.title[b-h62ezt9x91]{
    font-size:20px;
    font-weight:500;
    display:block;
    margin-bottom:.5em;
}

.message[b-h62ezt9x91] {
    font-size: 17px;
    color: var( --clr-shady-lady-gray);
    display:block;
    margin-bottom:.5em;
}

/* /Pages/Competition/CompetitionCrud.razor.rz.scp.css */
table[b-hcao3jaw6i] {
    width: 100%;
    border-collapse: collapse;
    font-size: var(--fs-responsive);
    table-layout: fixed;
}

button[b-hcao3jaw6i], input[b-hcao3jaw6i], select[b-hcao3jaw6i] {
    min-width: 100%
}

td[b-hcao3jaw6i], th[b-hcao3jaw6i] {
    text-align: left;
    border-bottom: 1px solid #fff;
    padding-right: 1rem;
}

    td:last-child[b-hcao3jaw6i], th:last-child[b-hcao3jaw6i] {
        width: 150px; /* Makes the last column adjust automatically */
    }

th[b-hcao3jaw6i] {
    position: sticky;
    top: 0px;
    position: -webkit-sticky;
    background-color: var(--clr-deep-fleet-blue);
    z-index: 999;
}

    th:empty[b-hcao3jaw6i]::after { /*Fixes issue where this header didn't have a bottom border*/
        content: "\00a0"; /* Non-breaking space */
        display: inline-block;
    }

td[b-hcao3jaw6i] {
    height: 52px
}

h1[b-hcao3jaw6i] {
    padding-top: 0;
}

tr:not(:first-child):hover[b-hcao3jaw6i] {
    background-color: var(--clr-mist-gray-18)
}

    tr:not(:first-child):hover .icon-group[b-hcao3jaw6i] {
        visibility: visible
    }

.active[b-hcao3jaw6i] {
    background-color: var(--clr-mist-gray-18)
}

    .active .icon-group[b-hcao3jaw6i] {
        visibility: visible
    }

.bigger-crud-container[b-hcao3jaw6i] {
    display: flex;
    flex-direction: column;
}

.crud-top-content[b-hcao3jaw6i] {
    margin-bottom: 1rem;
    flex-shrink: 0;
}

.crud-container[b-hcao3jaw6i] {
    display: flex;
    width: 100%;
}

.edit-sidebar[b-hcao3jaw6i] {
    margin-left: 2rem;
    width: 265px;
    transition: width 0.3s ease, opacity 0.3s ease;
}

.edit-sidebar-wide[b-hcao3jaw6i] {
    width: 415px;
}

.edit-sidebar-wider[b-hcao3jaw6i] {
    width: 615px;
}

.edit-sidebar-hidden[b-hcao3jaw6i] {
    width: 0px;
    opacity: 0;
    transition: width 0.3s ease, opacity 0.3s ease;
}

.table-container[b-hcao3jaw6i] {
    width: 100%;
    margin-right: 5.9em;
    max-height: 60vh;
    overflow-x: hidden;
    overflow-y: auto;
}

.price-family-dropdown-container[b-hcao3jaw6i] {
    width: 20rem;
    margin-bottom: 2rem;
}

.add-icon-container[b-hcao3jaw6i] {
    margin: 4rem 0;
    display: flex;
    justify-content: center;
    position: sticky;
}

    .add-icon-container i[b-hcao3jaw6i] {
        cursor: pointer;
        margin-bottom: 5px;
    }

.icon-group[b-hcao3jaw6i] {
    display: flex;
    width: fit-content;
    margin: 0 1em 0 auto;
    gap: 30px;
    visibility: hidden;
    align-items: center;
}

    .icon-group i[b-hcao3jaw6i] {
        cursor: pointer
    }

.edit-container[b-hcao3jaw6i] {
    display: flex;
    flex-direction: column;
    gap: 1em;
    width: fit-content;
    font-size: var(--fs-responsive)
}

.icon-container[b-hcao3jaw6i] {
    margin-top: auto;
    display: flex;
    gap: 10px;
    width: 100%;
    justify-content: center;
    transition: height .3s linear,opacity .3s ease
}

.input-group label[b-hcao3jaw6i] {
    font-weight: var(--fw-regular)
}

.input-group input[b-hcao3jaw6i] {
    width: 200px
}


.table-container-with-add-button[b-hcao3jaw6i] {
    width: 100%;
}

/*for reset tooltip*/
.reset-tooltip-wrapper[b-hcao3jaw6i] {
    position: relative;
    display: inline-block;
    align-items: center;
}

.reset-tooltip[b-hcao3jaw6i] {
    position: absolute;
    bottom: 120%;
    right: 0;
    white-space: nowrap;
    background-color: var( --clr-steel-ship-gray);
    color: #fff;
    padding: 6px 10px;
    border-radius: 4px;
    font-size: 12px;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease, transform 0.3s ease;
    transform: translateY(5px);
    z-index: 1000;
}

    .reset-tooltip[b-hcao3jaw6i]:after {
        position: absolute;
        right: 8px;
        bottom: -5px;
    }

.reset-tooltip-wrapper:hover .reset-tooltip[b-hcao3jaw6i] {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0px);
}

/*discount styling*/

.discount-container[b-hcao3jaw6i] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
}

    .discount-container input[type="number"][b-hcao3jaw6i] {
        min-width: .1%;
    }

.ace-satisfaction[b-hcao3jaw6i] {
    display: flex;
    flex-direction: column;
    margin-bottom: 3rem;
    font-style: italic;
    font-weight: 500;
}

.satisfaction-score[b-hcao3jaw6i]{
    color: var(--clr-skywave-blue)
}
/* /Pages/Competition/CompetitionPage.razor.rz.scp.css */
.competition-page-wrapper[b-2wolegx8em] {
    display: flex;
    flex-direction: column;
}

.competition-container[b-2wolegx8em] {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 2rem;
}

.competitor-container[b-2wolegx8em] {
    display: flex;
    flex-direction: column;
    width:100%;
}

.selector-container[b-2wolegx8em] {
    display: flex;
    gap: 3em;
}

.vehicle-container[b-2wolegx8em] {
    display: flex;
    flex-direction: column;
}

.side-bar[b-2wolegx8em]{
    width:20em;
}

[b-2wolegx8em].competitor-container .active-selection-container .selection-body {
    margin-left: 3em;
    width: 450px;
    display: grid;
    grid-template-columns: 200px 1fr 200px;
}

.box-titles[b-2wolegx8em] {
    position: absolute;
    margin-top: 2.5em;
    margin-left: 3em;
}

.title2-competitor[b-2wolegx8em] {
    margin-left: 9em;
}

.box-titles-vehicles[b-2wolegx8em] {
    position: absolute;
}

.title2-vehicles[b-2wolegx8em] {
    margin-left: 9em;
}

.vehicle-type-menu[b-2wolegx8em] {
    display: flex;
    flex-direction: column;
    gap: 0.5em;
    margin-top: 2em;
    padding-left: 1em;
    border-left: 2px solid white;
    max-height: 450px;
    overflow-y: scroll;
    padding-right: 1em;
    align-self: flex-start;
    width: 110px;
    white-space: nowrap;
}

    .vehicle-type-menu[b-2wolegx8em]::-webkit-scrollbar-thumb {
        cursor: pointer;
    }

    .vehicle-type-menu[b-2wolegx8em]::-webkit-scrollbar-track {
        background-color: #4a4a4a;
        border-radius: 6px;
    }

    .vehicle-type-menu p[b-2wolegx8em] {
        cursor: pointer;
    }

        .vehicle-type-menu p:hover[b-2wolegx8em] {
            color: var( --clr-skywave-blue);
        }

        .vehicle-type-menu p.selected[b-2wolegx8em] {
            color: var( --clr-skywave-blue);
            background-color: transparent;
            font-weight: 600;
        }



.progress-container[b-2wolegx8em] {
    display: flex;
    margin-top: 3em;
    margin-left: 2em;
}

.progress-bar-container[b-2wolegx8em] {
    width: 80%;
    height: 18px;
    margin-top: 20px;
    border: 1px solid var( --clr-skywave-blue);
}

.progress-bar[b-2wolegx8em] {
    height: 100%;
    background-color: var( --clr-skywave-blue);
    transition: width 0.1s ease;
}

.play-button[b-2wolegx8em] {
    height: 3rem;
    width: 3rem;
}

    .play-button:hover[b-2wolegx8em] {
        filter: brightness(1.2);
        transform: scale(1.05);
    }

    .play-button:focus[b-2wolegx8em] {
        filter: brightness(1.2);
    }

button[b-2wolegx8em] {
    margin-top: 7rem;
    border-radius: 10px;
}

.custom-style[b-2wolegx8em] {
    margin-left: 2em;
    margin-top:3em;
}

.progress-container + a[b-2wolegx8em] {
    display:flex;
    margin-left: 2em;
    margin-top:2em;
}

.sidebar-input-group[b-2wolegx8em] {
    margin-right: 5em;
}
.discount[b-2wolegx8em]{
    font-weight:500;
    margin-bottom:0.75em;
}

.input-with-label[b-2wolegx8em] {
    display: flex;
    align-items: center;
    gap: 1em;
    width:10em;
}

.competition-sub-nav[b-2wolegx8em] {
    display: flex;
    flex-direction: column;
    margin-left: 1em;
    gap: 1em;
    padding-left: 1em;
    border-left: 2px solid white;
    max-height: 500px;
    align-self: flex-start;
    width: fit-content;
    white-space: nowrap;
}

    .competition-sub-nav div:hover[b-2wolegx8em] {
        color: var( --clr-skywave-blue);
    }

    .competition-sub-nav div[b-2wolegx8em] {
        cursor: pointer;
    }

.active[b-2wolegx8em] {
    color: var(--clr-skywave-blue);
}

.top-row[b-2wolegx8em] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 1rem;
    align-items: center;
}

.score-source-dropdown[b-2wolegx8em] {
    display: flex;
    white-space: nowrap;
    flex-wrap: nowrap;
    gap: 1rem;
    align-items: center;
}

.ace-satisfaction[b-2wolegx8em] {
    font-style: italic;
    font-weight: 500;
}
/* /Pages/Dashboard/Components/CompetitionFlowDiagram.razor.rz.scp.css */
/* Competition Flow Diagram - Interactive Design System with Enhanced Clipboard Copy/Paste */
.competition-flow-diagram[b-e7xytd8l8a] {
    width: 100%;
    padding: 12px 6px;
    color: white;
    display: flex;
    flex-direction: column;
    /*overflow: hidden;*/
}

/* Header - Match modal header style */
.flow-header[b-e7xytd8l8a] {
    text-align: center;
    flex-shrink: 0;
    padding-bottom: 12px
}

    .flow-header h4[b-e7xytd8l8a] {
        font-size: 1.4rem;
        font-weight: 600;
        margin: 0 0 8px 0;
        color: var(--clr-skywave-blue);
    }

    .flow-header p[b-e7xytd8l8a] {
        font-size: calc(var(--fnt-responsive) * 0.9);
        margin: 0;
        color: var(--clr-shady-lady-gray);
        font-weight: 400;
    }
/* Scrollable Main Content Area */
.flow-content[b-e7xytd8l8a] {
    flex: 1;
    overflow-y: auto;
    overflow-x: hidden;
    margin-bottom: 16px;
    padding-right: 8px;
    box-sizing: border-box;
    min-height: 0;
}

    /* Custom Scrollbar - Match site style */
    .flow-content[b-e7xytd8l8a]::-webkit-scrollbar {
        width: 8px;
    }

    .flow-content[b-e7xytd8l8a]::-webkit-scrollbar-track {
        background: rgba(136, 136, 136, 0.2);
        border-radius: 0; /* Remove rounded border */
    }

    .flow-content[b-e7xytd8l8a]::-webkit-scrollbar-thumb {
        background: var(--clr-shady-lady-gray);
        border-radius: 0; /* Remove rounded border */
        transition: background 0.3s ease;
    }

        .flow-content[b-e7xytd8l8a]::-webkit-scrollbar-thumb:hover {
            background: var(--clr-skywave-blue);
        }

/* Vehicle Rows Container */
.vehicle-rows[b-e7xytd8l8a] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

/* Individual Vehicle Row */
.vehicle-row[b-e7xytd8l8a] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 1rem;
    align-items: start;
    border-bottom: 1px solid var(--clr-shady-lady-gray);
    padding-bottom: 16px;
    min-height: 60px;
}

    .vehicle-row:last-child[b-e7xytd8l8a] {
        border-bottom: none;
        padding-bottom: 0;
    }

/* Add Vehicle Row Styling - Mode-based colors */
.add-vehicle-row[b-e7xytd8l8a] {
    border-bottom: 2px dashed var(--clr-skywave-blue);
    opacity: 0.8;
}

    .add-vehicle-row.exclusion-mode[b-e7xytd8l8a] {
        border-bottom-color: #e74c3c;
    }

/* Our Vehicle Cell - Compact vertical design with positioned icons */
.our-vehicle-cell[b-e7xytd8l8a] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    min-height: clamp(100px, 15vh, 140px);
    width: auto;
    max-width: 80px;
}

/* Vehicle Copy Icon - Positioned at Top */
.vehicle-copy-icon-top[b-e7xytd8l8a] {
    position: absolute;
    top: 2px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;

}

/* Vehicle Delete Icon - Positioned at Bottom */
.vehicle-delete-icon-bottom[b-e7xytd8l8a] {
    position: absolute;
    bottom: 2px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
}

/* Enhanced Copy, Paste, and Clear Icons */
.copy-icon[b-e7xytd8l8a] {
    opacity: 60%;
    cursor: pointer;
    transition: all 0.2s ease;
    color: var(--clr-skywave-blue);
}

    .copy-icon:hover:not(.disabled)[b-e7xytd8l8a] {
        opacity: 100%;
        transform: scale(1.1);
    }

    .copy-icon.disabled[b-e7xytd8l8a] {
        opacity: 30%;
        cursor: not-allowed;
        color: var(--clr-disabled);
    }

.paste-icon[b-e7xytd8l8a] {
    opacity: 60%;
    cursor: pointer;
    transition: all 0.2s ease;
    color: var(--clr-gold);
}

    .paste-icon:hover:not(.disabled)[b-e7xytd8l8a] {
        opacity: 100%;
        transform: scale(1.1);
    }

    .paste-icon.disabled[b-e7xytd8l8a] {
        opacity: 30%;
        cursor: not-allowed;
        color: var(--clr-disabled);
    }

.clear-icon[b-e7xytd8l8a] {
    opacity: 80%;
    cursor: pointer;
    transition: all 0.2s ease;
    color: var(--clr-warning);
    animation: pulse-b-e7xytd8l8a 2s infinite;
}

    .clear-icon:hover[b-e7xytd8l8a] {
        opacity: 100%;
        transform: scale(1.15);
        color: var(--clr-danger);
    }

@keyframes pulse-b-e7xytd8l8a {
    0% {
        opacity: 0.8;
    }

    50% {
        opacity: 1.0;
    }

    100% {
        opacity: 0.8;
    }
}

.delete-icon[b-e7xytd8l8a] {
    opacity: 50%;
    cursor: pointer;
    transition: all 0.2s ease;
    color: white;
}

    .delete-icon:hover[b-e7xytd8l8a] {
        opacity: 100%;
        transform: scale(1.1);
    }

/* Competitor Actions - Horizontal layout */
.competitor-actions[b-e7xytd8l8a] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 0 0 0 15px;
}

/* Competitors Section */
.competitors-section[b-e7xytd8l8a] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

/* Expandable Competitor Box - Single color per mode */
.competitor-expandable-box[b-e7xytd8l8a] {
    display: flex;
    flex-direction: column;
    width: 100%;
    border: 2px solid var(--clr-shady-lady-gray);
    border-radius: 0; /* Remove rounded border */
    overflow: hidden;
    background-color: rgba(0, 0, 0, 0.3);
    transition: all 0.2s ease;
    position: relative;
}

    /* Inclusion mode - single blue shade */
    .competitor-expandable-box.inclusion-mode[b-e7xytd8l8a] {
        border-color: var(--clr-skywave-blue);
        background-color: rgba(88, 165, 203, 0.05);
    }

    /* Exclusion mode - single red shade */
    .competitor-expandable-box.exclusion-mode[b-e7xytd8l8a] {
        border-color: #e74c3c;
        background-color: rgba(231, 76, 60, 0.05);
    }

.competition-mode-toggle[b-e7xytd8l8a] {
    display: flex;
    justify-content: center;
    margin-top: 4px;
    margin-bottom: 12px;
}

    .competition-mode-toggle .pill-toggle[b-e7xytd8l8a] {
        display: inline-flex;
        gap: clamp(0.25rem, 0.5vw, 0.5rem);
        border-radius: 999px;
        /*overflow: hidden;*/
        border: 2px solid var(--clr-skywave-blue);
        padding: clamp(0.2rem, 0.4vh, 0.25rem) clamp(0.25rem, 0.5vw, 0.3rem);
        background: rgba(0,0,0,0.3);
        max-width: 100%;
    }



    .competition-mode-toggle .pill-toggle-btn[b-e7xytd8l8a] {
        border: none;
        background: transparent;
        color: #fff;
        font-size: clamp(0.7rem, 1.3vw, calc(var(--fnt-responsive) * 0.8));
        cursor: pointer;
        transition: background .2s, color .2s;
        outline: none;
        border-radius: 999px;
        display: inline-flex;
        align-items: center;
        gap: clamp(3px, 0.4vw, 6px);
        padding: clamp(0.3rem, 0.8vh, 0.4rem) clamp(0.4rem, 1vw, 0.7rem);
        font-weight: 500;
        min-width: clamp(70px, 12vw, 100px);
        justify-content: center;
        white-space: nowrap;
    }

        .competition-mode-toggle .pill-toggle-btn i[b-e7xytd8l8a] {
            font-size: clamp(0.65rem, 1.3vw, calc(var(--fnt-responsive) * 0.75));
        }

        /* Active inclusion (blue) */
        .competition-mode-toggle .pill-toggle-btn.inclusion-btn.active[b-e7xytd8l8a] {
            background: var(--clr-stormy-sea-blue);
            border: 2px solid var(--clr-skywave-blue);
            color: #fff;
        }

        /* Active exclusion (red) */
        .competition-mode-toggle .pill-toggle-btn.exclusion-btn.active[b-e7xytd8l8a] {
            background: #e74c3c;
            border: 1px solid #e74c3c;
            color: #fff;
        }

        /* Hover states for inactive buttons */
        .competition-mode-toggle .pill-toggle-btn.inclusion-btn:not(.active):hover[b-e7xytd8l8a] {
            background-color: rgba(88,165,203,0.15);
            color: #fff;
        }

        .competition-mode-toggle .pill-toggle-btn.exclusion-btn:not(.active):hover[b-e7xytd8l8a] {
            background-color: rgba(231,76,60,0.15);
            color: #fff;
        }

        .competition-mode-toggle.exclusion .pill-toggle[b-e7xytd8l8a] {
            border-color: #e74c3c;
        }


    .mode-button:hover[b-e7xytd8l8a] {
        background-color: rgba(255, 255, 255, 0.05);
        color: white;
    }

    /* Active inclusion mode - blue */
    .mode-button.active.inclusion[b-e7xytd8l8a] {
        background-color: var(--clr-skywave-blue);
        color: white;
    }

        .mode-button.active.inclusion:hover[b-e7xytd8l8a] {
            background-color: var(--clr-skywave-blue);
            opacity: 0.9;
        }

    /* Active exclusion mode - red */
    .mode-button.active.exclusion[b-e7xytd8l8a] {
        background-color: #e74c3c;
        color: white;
    }

        .mode-button.active.exclusion:hover[b-e7xytd8l8a] {
            background-color: #e74c3c;
            opacity: 0.9;
        }

    .mode-button i[b-e7xytd8l8a] {
        font-size: calc(var(--fnt-responsive) * 0.8);
    }

/* Flow Items - Consistent styling for both Our Vehicles and Competitors */
.flow-item[b-e7xytd8l8a] {
    background-color: rgba(0, 0, 0, 0.3);
    border: 1px solid var(--clr-shady-lady-gray);
    border-radius: 0; /* Remove rounded border */
    padding: clamp(8px, 1.2vh, 12px) clamp(10px, 1.5vw, 16px);
    transition: all 0.2s ease;
    position: relative;
    overflow: hidden;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: clamp(40px, 6vh, 45px);
    cursor: pointer;
}

.item-content[b-e7xytd8l8a] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex: 1;
}

/* Vertical layout for Our Vehicle items */
.flow-item.our-vehicle .item-content[b-e7xytd8l8a] {
    flex-direction: column-reverse;
    gap: 8px;
    align-items: center;
    justify-content: center;
    text-align: center;
    height: 100%;
}

.item-label[b-e7xytd8l8a] {
    font-weight: 500;
    font-size: calc(var(--fnt-responsive) * 0.9);
    flex: 1;
    color: white;
}

/* Vertical text styling for Our Vehicle labels - flipped 180 degrees */
.flow-item.our-vehicle .item-label[b-e7xytd8l8a] {
    writing-mode: vertical-rl;
    text-orientation: mixed;
    font-size: calc(var(--fnt-responsive) * 0.85);
    font-weight: 600;
    letter-spacing: 1px;
    flex: 1;
    transform: rotate(180deg);
}

/* Our Vehicle Items - Mode-based colors with positioned icons */
.flow-item.our-vehicle[b-e7xytd8l8a] {
    border-color: var(--clr-skywave-blue);
    background-color: rgba(88, 165, 203, 0.05);
    max-width: 60px;
    min-width: 40px;
    min-height: clamp(100px, 15vh, 120px);
    width: auto;
    height: 100%;
    flex-direction: column;
    justify-content: center;
    padding: clamp(4px, 0.6vh, 6px) clamp(2px, 0.3vw, 3px);
    position: relative;
}

    /* Exclusion mode styling for our vehicles */
    .flow-item.our-vehicle.exclusion-mode[b-e7xytd8l8a] {
        border-color: #e74c3c;
        background-color: rgba(231, 76, 60, 0.025);
    }

/* Competitor Items - Simplified since container handles main styling */
.flow-item.competitor[b-e7xytd8l8a] {
    border: none;
    background: transparent;
    border-radius: 0;
    max-width: none;
    box-shadow: none;
}

/* Competitor Expandable Content */
.competitor-content[b-e7xytd8l8a] {
    padding: 0 clamp(4px, 0.8vw, 6px) clamp(8px, 1.5vh, 12px) clamp(4px, 0.8vw, 6px);
}

.vehicle-bubbles-section[b-e7xytd8l8a] {
    display: flex;
    flex-direction: column;
}

/* Vehicle Bubbles Grid - converted from flex to CSS grid */
.vehicle-bubbles-grid[b-e7xytd8l8a] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(70px, 1fr));
    gap: 8px;
    align-items: start;
    justify-items: center;
    width: 100%;
    padding-top: 4px;
    margin: 0;
    border: none;
}

.vehicle-bubble[b-e7xytd8l8a] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px 12px;
    border-radius: 25px; /* Remove rounded border */
    border: 2px solid;
    font-size: calc(var(--fnt-responsive) * 0.8);
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
    white-space: nowrap;
    min-height: 32px;
    width: 70px;
    position: relative;
    overflow: hidden;
    color: rgba(255, 255, 255, 0.5);
}

.vehicle-bubble:hover[b-e7xytd8l8a] {
    transform: translateY(-1px);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

    /* Active vehicle bubbles (have overrides) - single color per mode */
    .vehicle-bubble.active.inclusion-mode[b-e7xytd8l8a] {
        border-color: var(--clr-skywave-blue);
        background-color: rgba(88, 165, 203, 0.2);
        color: white;
    }

        .vehicle-bubble.active.inclusion-mode:hover[b-e7xytd8l8a] {
            opacity: 0.8;
        }

    .vehicle-bubble.active.exclusion-mode[b-e7xytd8l8a] {
        border-color: #e74c3c;
        background-color: rgba(231, 76, 60, 0.2);
        color: white;
        border-left-width: 3px;
    }

        .vehicle-bubble.active.exclusion-mode:hover[b-e7xytd8l8a] {
            opacity: 0.8;
        }

    /* Inactive vehicle bubbles (available to add) - single color per mode */
    .vehicle-bubble.inactive.inclusion-mode[b-e7xytd8l8a] {
        border-color: rgba(88, 165, 203, 0.4);
        background-color: rgba(88, 165, 203, 0.1);
        border-style: dashed;
    }

        .vehicle-bubble.inactive.inclusion-mode:hover:not(.select-toggle)[b-e7xytd8l8a] {
            border-style: solid;
            opacity: 1;
        }

    .vehicle-bubble.inactive.exclusion-mode[b-e7xytd8l8a] {
        border-color: rgba(231, 76, 60, 0.4);
        background-color: rgba(231, 76, 60, 0.1);
        border-style: dashed;
    }

        .vehicle-bubble.inactive.exclusion-mode:hover:not(.select-toggle)[b-e7xytd8l8a] {
            border-style: solid;
            opacity: 1;
        }

.bubble-label[b-e7xytd8l8a] {
    font-weight: 600;
    color: inherit;
}

/* Add All bubble styling - matches inactive vehicle bubbles exactly */
.vehicle-bubble.add-all-bubble[b-e7xytd8l8a] {
    /* No additional styling needed - inherits from .vehicle-bubble base */
}

    /* Inclusion mode - same as inactive bubbles */
    .vehicle-bubble.add-all-bubble.inclusion-mode[b-e7xytd8l8a] {
        border-color: rgba(88, 165, 203, 0.4);
        background-color: rgba(88, 165, 203, 0.1);
        border-style: dashed;
    }

        .vehicle-bubble.add-all-bubble.inclusion-mode:hover[b-e7xytd8l8a] {
            border-style: solid;
            opacity: 1;
        }

            /* When hovering "Add All" in inclusion mode, highlight inactive bubbles */
            .vehicle-bubble.add-all-bubble.inclusion-mode:hover ~ .vehicle-bubble.inactive.inclusion-mode[b-e7xytd8l8a],
            .vehicle-bubbles-grid:has(.vehicle-bubble.add-all-bubble.inclusion-mode:hover) .vehicle-bubble.inactive.inclusion-mode[b-e7xytd8l8a] {
                border-style: solid;
                opacity: 1;
                background-color: rgba(88, 165, 203, 0.2);
            }

            /* Highlight partial coverage bubbles but keep their gold background */
            .vehicle-bubble.add-all-bubble.inclusion-mode:hover ~ .vehicle-bubble.partial-coverage.inclusion-mode[b-e7xytd8l8a],
            .vehicle-bubbles-grid:has(.vehicle-bubble.add-all-bubble.inclusion-mode:hover) .vehicle-bubble.partial-coverage.inclusion-mode[b-e7xytd8l8a] {
                border-style: solid !important;
                opacity: 1;
                /* Don't override background - let it keep the gold color */
            }

    /* Exclusion mode - same as inactive bubbles */
    .vehicle-bubble.add-all-bubble.exclusion-mode[b-e7xytd8l8a] {
        border-color: rgba(231, 76, 60, 0.4);
        background-color: rgba(231, 76, 60, 0.1);
        border-style: dashed;
    }

        .vehicle-bubble.add-all-bubble.exclusion-mode:hover[b-e7xytd8l8a] {
            border-style: solid;
            opacity: 1;
        }

            /* When hovering "Add All" in exclusion mode, highlight inactive bubbles */
            .vehicle-bubble.add-all-bubble.exclusion-mode:hover ~ .vehicle-bubble.inactive.exclusion-mode[b-e7xytd8l8a],
            .vehicle-bubbles-grid:has(.vehicle-bubble.add-all-bubble.exclusion-mode:hover) .vehicle-bubble.inactive.exclusion-mode[b-e7xytd8l8a] {
                border-style: solid;
                opacity: 1;
                background-color: rgba(231, 76, 60, 0.2);
            }

            /* Highlight partial coverage bubbles but keep their gold background */
            .vehicle-bubble.add-all-bubble.exclusion-mode:hover ~ .vehicle-bubble.partial-coverage.exclusion-mode[b-e7xytd8l8a],
            .vehicle-bubbles-grid:has(.vehicle-bubble.add-all-bubble.exclusion-mode:hover) .vehicle-bubble.partial-coverage.exclusion-mode[b-e7xytd8l8a] {
                border-style: solid !important;
                opacity: 1;
                /* Don't override background - let it keep the gold color */
            }

    .vehicle-bubble.add-all-bubble .bubble-label[b-e7xytd8l8a] {
        display: flex;
        align-items: center;
        gap: 0.25rem;
        font-weight: 600;
    }

/* Enhanced Clipboard Status Indicator */
.clipboard-status[b-e7xytd8l8a] {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 1000;
}

/* Inline Add Item Styling - Updated to match competitor UI exactly */
.add-inline-item[b-e7xytd8l8a] {
    background-color: rgba(0, 0, 0, 0.3);
    border: 2px dashed var(--clr-skywave-blue);
    border-radius: 0;
    overflow: hidden;
    transition: all 0.2s ease;
    position: relative;
    padding: clamp(10px, 1.5vh, 12px) clamp(12px, 2vw, 16px);
    min-height: clamp(40px, 6vh, 45px);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

    /* Exclusion mode styling for add items */
    .add-inline-item.exclusion-mode[b-e7xytd8l8a] {
     border-color: #e74c3c;
   border-left-color: #e74c3c;
        background-color: rgba(231, 76, 60, 0.05);
    }

    /* Inclusion mode styling for add items */
    .add-inline-item.inclusion-mode[b-e7xytd8l8a] {
        border-color: var(--clr-skywave-blue);
border-left-color: var(--clr-skywave-blue);
        background-color: rgba(88, 165, 203, 0.05);
    }

    /* Clipboard active state - paste mode (yellow/gold) */
    .add-inline-item.clipboard-active[b-e7xytd8l8a] {
        border: 2px dashed var(--clr-gold) !important;
    background-color: rgb(253, 170, 47, 0.2) !important;
    }

    /* Clipboard disabled state (greyed out) */
    .add-inline-item.clipboard-disabled[b-e7xytd8l8a] {
        opacity: 0.45;
    cursor: not-allowed;
        border-color: var(--clr-shady-lady-gray) !important;
        background-color: rgba(136, 136, 136, 0.1) !important;
    }

 .add-inline-item:hover[b-e7xytd8l8a] {
        background-color: rgba(88, 165, 203, 0.2);
 border-style: solid;
        transform: translateY(-1px);
    }

    /* Don't change hover state when disabled */
    .add-inline-item.clipboard-disabled:hover[b-e7xytd8l8a] {
        background-color: rgba(136, 136, 136, 0.1) !important;
        border-style: dashed;
     transform: none;
        opacity: 0.45;
    }

    /* Maintain gold hover when active with clipboard */
    .add-inline-item.clipboard-active:hover[b-e7xytd8l8a] {
 background-color: rgb(253, 170, 47, 0.3) !important;
        border-style: solid;
    }

.add-inline-item.exclusion-mode:hover[b-e7xytd8l8a] {
  background-color: rgba(231, 76, 60, 0.2);
 border-style: solid;
    }

    /* Don't change exclusion mode hover when disabled */
    .add-inline-item.exclusion-mode.clipboard-disabled:hover[b-e7xytd8l8a] {
background-color: rgba(136, 136, 136, 0.1) !important;
     border-style: dashed;
    }

    .add-inline-item .add-label[b-e7xytd8l8a] {
        color: var(--clr-skywave-blue);
        font-weight: 600;
        text-align: center;
        width: 100%;
    display: flex;
 align-items: center;
        justify-content: center;
        gap: 8px;
        flex: 1;
    }

    .add-inline-item.exclusion-mode .add-label[b-e7xytd8l8a] {
        color: #e74c3c;
    }

    /* Change label color to gold when clipboard is active */
    .add-inline-item.clipboard-active .add-label[b-e7xytd8l8a] {
        color: var(--clr-gold);
    }

    /* Grey out label when disabled */
    .add-inline-item.clipboard-disabled .add-label[b-e7xytd8l8a] {
        color: var(--clr-shady-lady-gray);
    }

    .add-inline-item select[b-e7xytd8l8a] {
        margin-right: 24px;
    }


/* Dropdown Styling - Mode-based colors */
.inline-dropdown[b-e7xytd8l8a] {
    border: 2px solid var(--clr-skywave-blue);
    background-color: var(--clr-deep-fleet-blue);
    color: var(--clr-white);
    font-size: clamp(0.75rem, 1.5vw, var(--fs-responsive));
    padding: clamp(6px, 1vh, 8px) clamp(10px, 1.5vw, 12px);
    width: 100%;
    height: 100%;
    appearance: none;
    border-radius: 0; /* Remove rounded border */
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    min-width: 0;
}

/* Exclusion mode dropdown styling */
.add-inline-item.exclusion-mode .inline-dropdown[b-e7xytd8l8a] {
    border-color: #e74c3c;
}

/* Add Vehicle compact styling - match the flipped design */
.our-vehicle-cell .add-inline-item[b-e7xytd8l8a] {
    width: auto;
    min-width: 40px;
    max-width: 60px;
    min-height: clamp(100px, 15vh, 120px);
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 8px;
    max-width: 60px;
}
.add-inline-item.exclusion-mode.clipboard-disabled .add-label[b-e7xytd8l8a] {
    color: var(--clr-shady-lady-gray);
}

    .our-vehicle-cell .add-inline-item .add-label[b-e7xytd8l8a] {
        writing-mode: vertical-rl;
        text-orientation: mixed;
        font-size: calc(var(--fnt-responsive) * 0.75);
        transform: rotate(180deg);
    }

/* Add Vehicle styling - split layout */
.add-vehicle-indicator[b-e7xytd8l8a] {
    width: 60px;
    min-height: 120px;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 8px 4px;
    pointer-events: auto;
}

    .add-vehicle-indicator .add-label[b-e7xytd8l8a] {
        writing-mode: vertical-rl;
        text-orientation: mixed;
        font-size: calc(var(--fnt-responsive) * 0.75);
        transform: rotate(180deg);
    }

.add-vehicle-dropdown[b-e7xytd8l8a] {
    width: 100%;
    max-width: none;
    min-height: 45px;
    padding: 12px 16px;
    display: flex;
    align-items: center;
    gap: 8px;
}

/* Loading States - Match modal styles */
.flow-loading[b-e7xytd8l8a] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem 2rem;
    gap: 1rem;
    flex: 1;
    color: var(--clr-skywave-blue);
}

    .flow-loading i[b-e7xytd8l8a] {
        font-size: calc(var(--fnt-responsive) * 1.4);
        color: var(--clr-skywave-blue);
    }

    .flow-loading span[b-e7xytd8l8a] {
        font-size: calc(var(--fnt-responsive) * 1.1);
    }

/* Modal Styles */
.overlay[b-e7xytd8l8a] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1000;
    pointer-events: auto;
}
.bulk-modal-header[b-e7xytd8l8a] {
    padding: .75rem
}

    .bulk-modal-header h4[b-e7xytd8l8a] {
        margin: 0;
    }

.bulk-modal-select-all[b-e7xytd8l8a] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-weight: 500;
}

    .bulk-modal-select-all input[type="checkbox"][b-e7xytd8l8a] {
        cursor: pointer;
        width: 18px;
        height: 18px;
    }

    .bulk-modal-select-all label[b-e7xytd8l8a] {
        cursor: pointer;
        margin: 0;
        user-select: none;
    }
.bulk-add-modal[b-e7xytd8l8a] {
    position: fixed;
    top: 50%;
 left: 50%;
    transform: translate(-50%, -50%);
    background: var(--clr-steel-ship-gray);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
    z-index: 1001;
    width: 90%;
    max-width: 600px;
    max-height: 80vh;
    display: flex;
    flex-direction: column;
    border: 1px solid var(--clr-shady-lady-gray);
}

.modal-header[b-e7xytd8l8a] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.5rem 2rem;
    border-bottom: 1px solid var(--clr-shady-lady-gray);
    background-color: rgba(88, 165, 203, 0.1);
    flex-shrink: 0;
}

    .modal-header h3[b-e7xytd8l8a] {
  margin: 0;
        color: var(--clr-white);
        font-size: 1.2rem;
        font-weight: 600;
    }

.close-btn[b-e7xytd8l8a] {
    background: transparent;
    border: none;
        color: var(--clr-shady-lady-gray);
    font-size: 1.2rem;
    cursor: pointer;
    padding: 4px;
    transition: color 0.2s ease;
    }

    .close-btn:hover[b-e7xytd8l8a] {
        color: var(--clr-white);
    }

.modal-body[b-e7xytd8l8a] {
  padding: 1.5rem 2rem;
    flex: 1;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

/* ===== Bulk Modal Content Styles (for use inside ConfirmModal) ===== */
/* These styles are namespaced to avoid conflicts with ConfirmModal's own styles */

.bulk-modal-clipboard-info[b-e7xytd8l8a] {
    background-color: rgba(88, 165, 203, 0.15);
    border: 2px solid var(--clr-skywave-blue);
    padding: 1rem;
    border-radius: 4px;
  margin-bottom: 1rem;
}

.bulk-modal-clipboard-message[b-e7xytd8l8a] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    color: var(--clr-white);
}

    .bulk-modal-clipboard-message i[b-e7xytd8l8a] {
        color: var(--clr-skywave-blue);
        margin-right: 0.5rem;
    }

.bulk-modal-paste-note[b-e7xytd8l8a] {
    font-size: 0.9rem;
    color: var(--clr-shady-lady-gray);
    font-style: italic;
}

.bulk-modal-selection-area[b-e7xytd8l8a] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    min-width: 400px;
}

.bulk-modal-available-items h4[b-e7xytd8l8a] {
    margin: 0 0 1rem 0;
    color: var(--clr-white);
    font-size: 1rem;
    font-weight: 600;
}

.bulk-modal-items-list[b-e7xytd8l8a] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    max-height: 300px;
    overflow-y: auto;
}

.bulk-modal-item-checkbox[b-e7xytd8l8a] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem;
    background-color: rgba(0, 0, 0, 0.3);
    border: 1px solid var(--clr-shady-lady-gray);
    cursor: pointer;
    transition: all 0.2s ease;
}

    .bulk-modal-item-checkbox:hover[b-e7xytd8l8a] {
        background-color: rgba(88, 165, 203, 0.1);
        border-color: var(--clr-skywave-blue);
    }

    .bulk-modal-item-checkbox.selected[b-e7xytd8l8a] {
     background-color: rgba(88, 165, 203, 0.2);
        border-color: var(--clr-skywave-blue);
    }

.bulk-modal-item-checkbox input[type="checkbox"][b-e7xytd8l8a] {
        accent-color: var(--clr-skywave-blue);
   cursor: pointer;
    }

.bulk-modal-item-label[b-e7xytd8l8a] {
    color: var(--clr-white);
    font-weight: 500;
    cursor: pointer;
}

.bulk-modal-no-items[b-e7xytd8l8a] {
    text-align: center;
    padding: 2rem;
    color: var(--clr-shady-lady-gray);
    font-style: italic;
}

.button-group[b-e7xytd8l8a] {
    display: flex;
    gap: 1rem;
  justify-content: flex-end;
}

.button-confirm[b-e7xytd8l8a],
.button-cancel[b-e7xytd8l8a] {
    padding: 0.75rem 1.5rem;
    border: 2px solid var(--clr-skywave-blue);
    font-size: var(--fs-responsive);
    cursor: pointer;
    transition: all 0.2s ease;
    min-width: 120px;
}

.button-confirm[b-e7xytd8l8a] {
    background: var(--clr-stormy-sea-blue);
    color: var(--clr-white);
}

    .button-confirm:hover:not(:disabled)[b-e7xytd8l8a] {
        background: var(--clr-skywave-blue);
    }

 .button-confirm:disabled[b-e7xytd8l8a] {
     opacity: 0.5;
        cursor: not-allowed;
    }

.button-cancel[b-e7xytd8l8a] {
    background: transparent;
    color: var(--clr-skywave-blue);
}

    .button-cancel:hover[b-e7xytd8l8a] {
        background: rgba(88, 165, 203, 0.1);
    }

.vehicle-bubbles-section[b-e7xytd8l8a] {
    display: flex;
    flex-direction: column;
}

.vehicle-toggle-controls[b-e7xytd8l8a] {
    display: flex;
    gap: 0.5rem;
    margin-top: 0.75rem;
    justify-content: center;
    padding-top: 0.5rem;
    border-top: 1px solid rgba(136, 136, 136, 0.3);
}

/* Select/Deselect All bubble styling */
.select-toggle-row[b-e7xytd8l8a] {
    justify-content: flex-end;
    padding-bottom: 6px;
}

.select-toggle[b-e7xytd8l8a] {
    width: 130px;
    width: auto;
    padding: 8px 16px;
    display: flex;
    gap: 6px;
    border: 2px dashed;
}

.select-toggle .bubble-label[b-e7xytd8l8a] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-weight: 600;
}

.vehicle-bubble.disabled[b-e7xytd8l8a] {
    opacity: 0.45;
    cursor: not-allowed;
    box-shadow: none;
}

.vehicle-bubble.disabled:hover[b-e7xytd8l8a] {
    transform: none;
    opacity: 0.45;
}

/* Partial Coverage Indicator */
.vehicle-bubble.partial-coverage[b-e7xytd8l8a] {
    position: relative;
    border: 2px dashed var(--clr-gold) !important;
    background-color: rgb(253, 170, 47, 0.2) !important;
    }
/* /Pages/Dashboard/Components/CompetitionTuner.razor.rz.scp.css */
/* Main Container */
.main[b-s34f8ne2gq] {
    display: flex;
    flex-direction: column;
    height: 100%;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
  user-select: none;
    width: 100%;
  max-width: 100%;
    margin: 0 auto;
    overflow-y: scroll;
    overflow-x: hidden;
    box-sizing: border-box;
}

.main.tuner-panel[b-s34f8ne2gq] {
    width: var(--tuner-desktop-width, 25vw);
    max-width: 100%;
}

.save-state[b-s34f8ne2gq] {
    cursor: wait;
}

.save-state > *[b-s34f8ne2gq] {
    pointer-events: none;
}

/* Competition Header */
.competition-header[b-s34f8ne2gq] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 0.75rem 0;
    margin-bottom: 1rem;
}

.header-actions[b-s34f8ne2gq] {
    display: flex;
    gap: 0.75rem;
}

.overview-button[b-s34f8ne2gq] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    font-size: var(--fnt-responsive);
    border: 2px solid var(--clr-skywave-blue);
    border-radius: 4px;
    background-color: rgba(88, 165, 203, 0.1);
    color: var(--clr-skywave-blue);
    cursor: pointer;
    transition: all 0.2s ease;
    font-weight: 500;
}

.overview-button:hover:not(:disabled)[b-s34f8ne2gq] {
    background-color: var(--clr-skywave-blue);
    color: white;
}

.overview-button:disabled[b-s34f8ne2gq] {
    opacity: 0.5;
    cursor: not-allowed;
}

.overview-button i[b-s34f8ne2gq] {
    font-size: calc(var(--fnt-responsive) * 0.9);
}

/* Competition Container */
.competition-container[b-s34f8ne2gq] {
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    overflow-x: hidden;
    flex: 1;
    margin-bottom: 1rem;
    box-sizing: border-box;
}

.competition-header[b-s34f8ne2gq] {
    margin-bottom: 1.5rem;
    text-align: center;
    box-sizing: border-box;
}

.competition-header h3[b-s34f8ne2gq] {
    color: var(--clr-skywave-blue);
    font-size: 1.2rem;
    margin: 0 0 0.5rem 0;
    font-weight: 500;
}

.competition-description[b-s34f8ne2gq] {
    color: var(--clr-shady-lady-gray);
  font-size: var(--fnt-responsive);
    margin: 0;
    line-height: 1.4;
}

.competition-content[b-s34f8ne2gq] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    flex: 1;
    box-sizing: border-box;
}

/* Controls Section */
.competition-controls[b-s34f8ne2gq] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    box-sizing: border-box;
}

/* Control Selectors Row */
.control-selectors-row[b-s34f8ne2gq] {
    display: flex;
    gap: 1rem;
    justify-content: center;
}

.control-group[b-s34f8ne2gq] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    box-sizing: border-box;
}

.control-group label[b-s34f8ne2gq] {
    font-size: var(--fnt-responsive);
    color: white;
    font-weight: 500;
    text-transform: none;
}

.control-group select[b-s34f8ne2gq] {
    padding: 0.5rem;
    font-size: clamp(0.75rem, 1.5vw, var(--fnt-responsive));
    border: 1px solid var(--clr-shady-lady-gray);
    border-radius: 4px;
    background-color: var(--clr-dark-background);
    color: white;
    box-sizing: border-box;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    min-width: 0;
}

.control-group select:disabled[b-s34f8ne2gq] {
    opacity: 0.5;
cursor: not-allowed;
}

/* Action Toggle Buttons */
.action-group[b-s34f8ne2gq] {
    min-width: 0; /* Allow shrinking */
}

.action-toggle[b-s34f8ne2gq] {
    display: flex;
    border: 1px solid var(--clr-shady-lady-gray);
    border-radius: 4px;
    overflow: hidden;
    background-color: var(--clr-dark-background);
    width: 100%;
}

.action-button[b-s34f8ne2gq] {
    flex: 1;
    padding: clamp(0.4rem, 1vh, 0.5rem) clamp(0.5rem, 1vw, 0.75rem);
    font-size: clamp(0.75rem, 1.5vw, calc(var(--fnt-responsive) * 0.9));
    border: none;
    background-color: transparent;
    color: var(--clr-shady-lady-gray);
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.25rem;
    font-weight: 500;
    box-sizing: border-box;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    min-width: 0;
}

.action-button:first-child[b-s34f8ne2gq] {
    border-right: 1px solid var(--clr-shady-lady-gray);
}

.action-button:hover:not(:disabled)[b-s34f8ne2gq] {
    background-color: rgba(255, 255, 255, 0.1);
}

.action-button.active[b-s34f8ne2gq] {
    background-color: var(--clr-skywave-blue);
    color: white;
}

.action-button:disabled[b-s34f8ne2gq] {
    opacity: 0.5;
    cursor: not-allowed;
}

.action-button i[b-s34f8ne2gq] {
  font-size: calc(var(--fnt-responsive) * 0.8);
}

.bulk-action-buttons[b-s34f8ne2gq] {
    display: grid;
    grid-template-columns: 1fr 1fr;
}
.bulk-action-buttons button[b-s34f8ne2gq] {
    width: fit-content;
 margin: 0 auto;
}

/* Vehicle Override Section */
.vehicle-override-section[b-s34f8ne2gq] {
    display: flex;
    flex-direction: column;
 gap: 1rem;
}

.vehicle-selection-group[b-s34f8ne2gq] {
    border: 2px solid var(--clr-skywave-blue);
    border-radius: 8px;
    padding: 1rem;
    background-color: rgba(88, 165, 203, 0.05);
}

.vehicle-selection-group label[b-s34f8ne2gq] {
    color: var(--clr-skywave-blue) !important;
    font-weight: 600;
    margin-bottom: 1rem;
}

.vehicle-active-selection[b-s34f8ne2gq] {
    margin: 0 auto;
}

/* ActiveSelection Component Overrides */
.vehicle-active-selection[b-s34f8ne2gq]  .box-titles {
    background-color: rgba(88, 165, 203, 0.2);
    color: var(--clr-skywave-blue);
    font-weight: 500;
}

.vehicle-active-selection[b-s34f8ne2gq]  .active-list,
.vehicle-active-selection[b-s34f8ne2gq]  .reference-list {
    background-color: rgba(0, 0, 0, 0.3);
    border: 1px solid var(--clr-shady-lady-gray);
}

.vehicle-active-selection[b-s34f8ne2gq]  .list-item {
  background-color: rgba(255, 255, 255, 0.05);
    color: white;
    border-bottom: 1px solid var(--clr-shady-lady-gray);
transition: background-color 0.2s ease;
}

.vehicle-active-selection[b-s34f8ne2gq]  .list-item:hover {
  background-color: rgba(88, 165, 203, 0.2);
}

.vehicle-active-selection[b-s34f8ne2gq]  .list-item:last-child {
    border-bottom: none;
}

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

.button-container button:disabled[b-s34f8ne2gq] {
    background-color: var(--clr-shady-lady-gray);
    border-color: var(--clr-shady-lady-gray);
    cursor: not-allowed;
    opacity: 0.6;
}

/* Placeholder States */
.competition-placeholder[b-s34f8ne2gq] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 2rem 1rem;
    border: 2px dashed var(--clr-shady-lady-gray);
    border-radius: 8px;
    gap: 1rem;
    margin-top: 1rem;
    box-sizing: border-box;
}

.competition-placeholder p[b-s34f8ne2gq] {
    font-size: 1rem;
    color: white;
    margin: 0;
    font-weight: 500;
}

.no-dates-selected[b-s34f8ne2gq] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 2rem 1rem;
    gap: 1rem;
    margin-top: 2rem;
    box-sizing: border-box;
}

.no-dates-selected p[b-s34f8ne2gq] {
    font-size: var(--fnt-responsive);
    color: var(--clr-shady-lady-gray);
    margin: 0;
    line-height: 1.4;
}

/* Mobile Responsive Styles */
@media (max-width: 1300px) {
    .action-button[b-s34f8ne2gq] {
        padding: 0.4rem 0.4rem;
        font-size: clamp(0.7rem, 1.4vw, 0.85rem);
        gap: 0.2rem;
    }
    
    .action-button i[b-s34f8ne2gq] {
        font-size: clamp(0.65rem, 1.2vw, calc(var(--fnt-responsive) * 0.7));
    }
    
    .control-group select[b-s34f8ne2gq] {
        font-size: clamp(0.7rem, 1.4vw, 0.9rem);
        padding: 0.4rem;
    }
}

@media (max-width: 991px) {
    .main[b-s34f8ne2gq] {
   padding: 0.5rem;
   width: 100%;
        max-width: 100%;
 overflow-x: hidden;
        margin: 0;
    }

    .main.tuner-panel[b-s34f8ne2gq] {
    width: 100% !important;
     max-width: 100%;
    }

    .competition-header[b-s34f8ne2gq] {
        padding: 0.5rem 0;
        margin-bottom: 0.75rem;
    }

    .overview-button[b-s34f8ne2gq] {
        padding: 0.4rem 0.75rem;
        font-size: calc(var(--fnt-responsive) * 0.9);
        gap: 0.4rem;
  }

    .competition-container[b-s34f8ne2gq] {
        gap: 0.5rem;
     overflow-x: hidden;
        width: 100%;
    }

    .competition-header h3[b-s34f8ne2gq] {
        font-size: 1.1rem;
    }

    .competition-description[b-s34f8ne2gq] {
        font-size: calc(var(--fnt-responsive) * 0.9);
    }

    .control-selectors-row[b-s34f8ne2gq] {
     display: flex;
    }

    .action-button[b-s34f8ne2gq] {
        padding: 0.75rem;
   font-size: var(--fnt-responsive);
    }

    .clear-all-section[b-s34f8ne2gq] {
        padding: 0.75rem;
        margin-bottom: 0.75rem;
    }

    .clear-all-button[b-s34f8ne2gq] {
        padding: 0.5rem 0.75rem;
        font-size: calc(var(--fnt-responsive) * 0.9);
    }

    .vehicle-selection-group[b-s34f8ne2gq] {
        padding: 0.75rem;
    }

    .competition-controls[b-s34f8ne2gq] {
        padding: 0;
 gap: 1rem;
    }

    .competition-placeholder[b-s34f8ne2gq] {
        padding: 1.5rem 1rem;
        gap: 0.75rem;
    }

    .competition-placeholder p[b-s34f8ne2gq] {
        font-size: calc(var(--fnt-responsive) * 1.1);
    }

    .no-dates-selected[b-s34f8ne2gq] {
        padding: 1.5rem 1rem;
        gap: 0.75rem;
        margin-top: 1rem;
    }
}

@media (max-width: 480px) {
    .main[b-s34f8ne2gq] {
        padding: 0.25rem;
    }
    
  .competition-container[b-s34f8ne2gq] {
        gap: 0.25rem;
    }
    
    .competition-header[b-s34f8ne2gq] {
   margin-bottom: 1rem;
        padding: 0.25rem 0;
    }

    .overview-button[b-s34f8ne2gq] {
        padding: 0.35rem 0.5rem;
        font-size: calc(var(--fnt-responsive) * 0.85);
        gap: 0.3rem;
    }

    .competition-header h3[b-s34f8ne2gq] {
        font-size: 1rem;
    }

    .control-selectors-row[b-s34f8ne2gq] {
        gap: 0.5rem;
    }

  .action-button[b-s34f8ne2gq] {
        padding: 0.5rem 0.25rem;
        font-size: calc(var(--fnt-responsive) * 0.85);
    }

    .clear-all-section[b-s34f8ne2gq] {
        padding: 0.5rem;
 margin-bottom: 0.5rem;
    }

    .clear-all-button[b-s34f8ne2gq] {
   padding: 0.5rem;
        font-size: calc(var(--fnt-responsive) * 0.85);
 gap: 0.25rem;
    }

    .vehicle-selection-group[b-s34f8ne2gq] {
padding: 0.5rem;
    }

    .competition-controls[b-s34f8ne2gq] {
        padding: 0;
        gap: 0.75rem;
    }

    .competition-placeholder[b-s34f8ne2gq] {
        padding: 1rem 0.5rem;
 }

    .no-dates-selected[b-s34f8ne2gq] {
        padding: 1rem 0.5rem;
    }
}
/* /Pages/Dashboard/Components/DashboardCalendar.razor.rz.scp.css */
:root[b-bjik0s1ku7] {
    --clr-enabled: #467A94;
    --clr-disabled: #467A94 30%;
}

.calendar-container[b-bjik0s1ku7] {
    border-radius: 8px;
    padding-top: clamp(1rem, 2vh, 3rem);
    margin: 0 auto;
    font-family: var(--ff-roboto-regular);
    color: var(--clr-white);
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    position: relative;
    overflow: visible; /* Allow tooltips to extend beyond calendar boundaries */
    outline: none; /* Remove focus outline for keyboard interaction */
    max-height: calc(100vh - 150px);
    display: flex;
    flex-direction: column;
}

    .calendar-container:focus[b-bjik0s1ku7] {
        outline: none; /* Ensure no visible focus outline */
    }

.calendar-header[b-bjik0s1ku7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: clamp(0.25rem, 0.5vh, 0.5rem);
    padding: 0 0.5rem 0 0;
    flex-wrap: wrap;
    gap: 0.5rem;
    flex-shrink: 0;
}

.location-title[b-bjik0s1ku7] {
    color: var(--clr-white);
    font-size: 1.1rem;
    font-weight: var(--fw-medium);
    flex: 1;
    min-width: 150px;
}

.month-navigation[b-bjik0s1ku7] {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-shrink: 0;
}

.month-year[b-bjik0s1ku7] {
    color: var(--clr-white);
    font-size: 1.1rem;
    font-weight: var(--fw-medium);
    margin: 0;
    min-width: 140px;
    text-align: center;
}

.nav-button[b-bjik0s1ku7] {

}

    .nav-button:disabled[b-bjik0s1ku7] {
        background-color: var(--clr-steel-ship-gray);
        color: var(--clr-disabled);
        cursor: default;
    }

.today-button[b-bjik0s1ku7], .deselect-button[b-bjik0s1ku7] {
    width: auto;
    min-width: 60px;
    font-size: 0.85rem;
    font-weight: var(--fw-medium);
    padding: 0.4rem 0.8rem;
    background-color: var(--clr-skywave-blue);
    background-color: var(--clr-stormy-sea-blue);
}

.nav-button:disabled:hover[b-bjik0s1ku7] {
    transform: none;
    background-color: var(--clr-steel-ship-gray);
}

.nav-arrow[b-bjik0s1ku7] {
    font-weight: var(--fw-bold);
}

.calendar-grid[b-bjik0s1ku7] {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 1px;
    background-color: transparent;
    border-radius: 4px;
    overflow: hidden;
    width: 100%;
}

.day-header[b-bjik0s1ku7] {
    background-color: var(--clr-steel-ship-gray);
    color: var(--clr-white);
    text-align: center;
    padding: 0.5rem;
    font-weight: var(--fw-medium);
    font-size: 0.9rem;
    border-bottom: 1px solid #333;
    cursor: pointer;
    transition: all 0.2s ease;
    border: 2px solid transparent;
}

    .day-header:hover[b-bjik0s1ku7] {
        border: 2px solid var(--clr-skywave-blue);
        color: var(--clr-skywave-blue);
    }

.date-cell[b-bjik0s1ku7] {
    background-color: var(--clr-steel-ship-gray);
    min-height: 120px;
    display: flex;
    flex-direction: column;
    cursor: pointer;
    transition: all 0.2s ease;
    position: relative;
    padding: 0.5rem;
    color: var(--clr-white);
    border: 2px solid transparent;
    box-sizing: border-box;
    gap: .5rem;
    user-select: none; /* Prevent text selection/highlighting */
    -webkit-user-select: none; /* Safari support */
    -moz-user-select: none; /* Firefox support */
    -ms-user-select: none; /* IE/Edge support */
}

    /* Base hover rule - only apply when NOT in drag mode */
    .date-cell:hover:not(.past):not(.other-month):not(.drag-select-preview):not(.drag-deselect-preview):not(.selected)[b-bjik0s1ku7] {
        border: 2px dashed var(--clr-skywave-blue) !important;
    }

        .date-cell.empty[b-bjik0s1ku7] {
            background-color: transparent;
            opacity: .25;
            cursor: default;
        }

    .date-cell.today:not(.other-month)[b-bjik0s1ku7] {
        border: 2px solid var(--clr-shady-lady-gray);
    }

    .date-cell.selected:not(.other-month)[b-bjik0s1ku7] {
        border: 2px solid var(--clr-skywave-blue);
    }

        .date-cell.selected:not(.other-month):hover[b-bjik0s1ku7] {
            border: 2px dashed var(--clr-shady-lady-gray) !important;
        }

    .date-cell.past[b-bjik0s1ku7], .date-cell.other-month[b-bjik0s1ku7] {
        background-color: transparent;
        opacity: .25;
        cursor: default;
    }

    .date-cell.drag-select-preview[b-bjik0s1ku7] {
        border: 2px dashed var(--clr-skywave-blue) !important;
        transition: border 0.15s ease-in-out;
    }

    .date-cell.drag-deselect-preview[b-bjik0s1ku7] {
        background-color: var(--clr-steel-ship-gray);
        opacity: 0.5;
        border: 2px dashed var(--clr-shady-lady-gray) !important;
        transition: border 0.15s ease-in-out, opacity 0.15s ease-in-out;
    }

.date-header-section[b-bjik0s1ku7] {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    gap: 0.25rem;
    align-items: center;
    width: 100%;
    min-height: 0;
    height: fit-content;
}

.date-header-col-1[b-bjik0s1ku7] {
    min-height: 0;
}

.date-header-col-2[b-bjik0s1ku7] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 0;
}

.date-header-col-3[b-bjik0s1ku7] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    min-height: 0;
}

.date-number[b-bjik0s1ku7] {
    color: var(--clr-white);
    font-size: 1.25rem;
    font-weight: var(--fw-bold);
    text-align: center;
    line-height: 1;
    margin: 0;
}

.alert[b-bjik0s1ku7] {
    font-size: 1.25rem;
    line-height: 1;
    margin: 0;
    cursor: pointer;
    transition: all 0.2s ease;
}

    .alert:hover[b-bjik0s1ku7] {
        color: var(--clr-skywave-blue);
        transform: scale(1.1);
    }
/* Alert container and tooltip styles */

.alert-container[b-bjik0s1ku7] {
    position: relative;
    display: inline-block;
    cursor: pointer;
}

.alert-tooltip[b-bjik0s1ku7] {
    visibility: hidden;
    position: absolute;
    background-color: var(--clr-deep-fleet-blue);
    color: var(--clr-white);
    padding: 0.75rem;
    border-radius: 6px;
    font-size: 0.75rem;
    z-index: 1000;
    opacity: 0;
    transition: opacity 0.2s ease, visibility 0.2s ease, transform 0.2s ease;
    border: 2px solid var(--clr-skywave-blue);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
    min-width: 240px;
    max-width: min(340px, calc(100vw - 20px));
    white-space: normal;
    word-wrap: break-word;
    pointer-events: none; /* disabled by default */ /* Position directly above with NO margins to avoid gaps */
    right: 0;
    bottom: calc(100%);
    transform: translateY(4px); /* small offset while hidden for nicer motion */
}

    .alert-tooltip[b-bjik0s1ku7]::after {
        content: '';
        position: absolute; /* optional: draw arrow here if you want */
    }
    /* Show when hovering container OR tooltip */

    .alert-container:hover .alert-tooltip[b-bjik0s1ku7], .alert-tooltip:hover[b-bjik0s1ku7] {
        visibility: visible;
        opacity: 1;
        transform: translateY(0);
        pointer-events: auto; /* now the tooltip can be interacted with */
    }
    /* JavaScript enhancement classes */

    .alert-tooltip.js-positioned[b-bjik0s1ku7] { /* When JavaScript is active, it will add this class and override positioning */
        pointer-events: auto; /* Allow interaction when JS positioned */
    }
    /* Improved positioning classes with container-aware constraints */

    .alert-tooltip.tooltip-above[b-bjik0s1ku7] {
        bottom: 100%;
        top: auto;
    }

    .alert-tooltip.tooltip-below[b-bjik0s1ku7] { /* Ensure below tooltips don't get cut off */
        top: 100%;
        bottom: auto;
        margin-top: 0.5rem;
        margin-bottom: 0;
    }

    .alert-tooltip.tooltip-left[b-bjik0s1ku7] {
        left: 0;
        right: auto; /* Ensure it doesn't exceed calendar width */
        max-width: min(340px, calc(100vw - 20px));
    }

    .alert-tooltip.tooltip-right[b-bjik0s1ku7] {
        right: 0;
        left: auto; /* Ensure it doesn't exceed calendar width */
        max-width: min(340px, calc(100vw - 20px));
    }

    .alert-tooltip.tooltip-center[b-bjik0s1ku7] { /* Remove transform that might cause positioning issues */
        transform: none;
        max-width: min(340px, calc(100vw - 20px));
    }
    /* Special handling for edge cases */

    .alert-tooltip.tooltip-constrained[b-bjik0s1ku7] { /* For tooltips that need to be heavily constrained */
        max-width: min(280px, calc(100vw - 40px));
        min-width: min(200px, calc(100vw - 40px));
    }
/* Force positioning within scrollable container bounds */

.calendar-content-scrollable .alert-tooltip[b-bjik0s1ku7] { /* Ensure tooltips respect the scrollable container boundaries */
    max-width: min(340px, calc(100% - 20px));
}
    /* Override for heavily constrained spaces */

    .calendar-content-scrollable .alert-tooltip.tooltip-constrained[b-bjik0s1ku7] {
        max-width: min(280px, calc(100% - 40px));
        min-width: min(180px, calc(100% - 60px));
    }
/* Ensure tooltips in top row can position below without overflow */

.date-cell:first-child .alert-tooltip[b-bjik0s1ku7], .date-cell:nth-child(2) .alert-tooltip[b-bjik0s1ku7], .date-cell:nth-child(3) .alert-tooltip[b-bjik0s1ku7], .date-cell:nth-child(4) .alert-tooltip[b-bjik0s1ku7], .date-cell:nth-child(5) .alert-tooltip[b-bjik0s1ku7], .date-cell:nth-child(6) .alert-tooltip[b-bjik0s1ku7], .date-cell:nth-child(7) .alert-tooltip[b-bjik0s1ku7] { /* First row cells - prefer below positioning */
    bottom: auto;
    top: 100%;
/*    margin-top: 0.5rem;*/
    margin-bottom: 0;
}
/* Ensure Sunday tooltips can position properly */

.date-cell:nth-child(7n+1) .alert-tooltip[b-bjik0s1ku7] { /* Sunday column - prefer left alignment */
    left: 0;
    right: auto;
    transform: none;
}
/* Ensure Saturday tooltips can position properly */

.date-cell:nth-child(7n) .alert-tooltip[b-bjik0s1ku7] { /* Saturday column - prefer right alignment */
    right: 0;
    left: auto;
    transform: none;
}

.alert-message-clickable[b-bjik0s1ku7] {
    display: block;
    padding: 0.4rem 0.5rem;
    margin: 0.1rem 0;
    border-radius: 4px;
    cursor: pointer;
    transition: background-color 0.2s ease;
    border: 1px solid transparent;
    pointer-events: auto; /* Ensure clickable messages can be interacted with */
}

.alert-message-content:hover[b-bjik0s1ku7] {
    border: 2px solid var(--clr-skywave-blue);
}

    /* Make icon blue only on hover */
    .alert-message-content:hover .alert-tuner-icon[b-bjik0s1ku7] {
        color: var(--clr-skywave-blue);
    }

    .alert-message-clickable:active[b-bjik0s1ku7] {
        background-color: var(--clr-mist-gray-18);
        transform: scale(0.98);
    }

    .alert-message-clickable:last-child[b-bjik0s1ku7] {
        margin-bottom: 0;
    }

/* Non-clickable alert message styles */
.alert-message-non-clickable[b-bjik0s1ku7] {
    display: block;
    padding: 0.4rem 0.5rem;
    margin: 0.1rem 0;
    border-radius: 4px;
    cursor: default;
    border: 1px solid transparent;
    pointer-events: auto; /* Allow tooltip content to be readable */
    opacity: 0.8; /* Slightly dimmed to indicate non-interactive */
}

    .alert-message-non-clickable:last-child[b-bjik0s1ku7] {
        margin-bottom: 0;
    }

.alert-message-content[b-bjik0s1ku7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    padding: .5rem;
    border-radius: 6px;
    border: 1px solid transparent;
}

    .alert-message-content:hover[b-bjik0s1ku7] {
        border: 2px solid var(--clr-skywave-blue);
    }

.alert-tuner-icon[b-bjik0s1ku7] {
    flex-shrink: 0;
}

.alert-message-text[b-bjik0s1ku7] {
    flex: 1;
    line-height: 1.3;
    text-align: right;
    margin-left: auto;
    overflow: hidden;
    text-overflow: ellipsis;
}

.metrics-section[b-bjik0s1ku7] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
    width: 100%;
    margin-bottom: .5rem;
}

.metric-row[b-bjik0s1ku7] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0.9rem;
    line-height: 1.2;
}

    .metric-row label[b-bjik0s1ku7] {
        color: var(--clr-white);
        flex: 1;
        text-align: left;
        font-weight: normal;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-weight: var(--fw-medium);
    }

    .metric-row .metric-value[b-bjik0s1ku7] {
        text-align: right;
        flex: 0 0 auto;
        margin-left: 0.25rem;
        color: var(--clr-shady-lady-gray);
    }

.toggles-section[b-bjik0s1ku7] {
    display: flex;
    flex-direction: row;
    gap: 0.2rem;
    margin-top: auto;
    justify-content: space-between;
}

.toggle-group[b-bjik0s1ku7] {
    display: flex;
    gap: 0.25rem;
    flex-wrap: wrap;
}

.toggle-item[b-bjik0s1ku7] {
    font-size: .65rem;
    padding: 0.15rem 0.3rem;
    border-radius: 2px;
    font-weight: var(--fw-medium);
    text-align: center;
    flex: 1;
    cursor: pointer;
    transition: all 0.2s ease;
    border: 1px solid var(--clr-shady-lady-gray);
    color: var(--clr-shady-lady-gray);
    width: fit-content;
    min-width: 0;
    text-overflow: ellipsis " [..]";
    overflow: hidden;
}

    .toggle-item.tuner:not(.active)[b-bjik0s1ku7] {
        background-color: var(--clr-marina-blue-30);
        color: var(--clr-steel-ship-gray);
        font-weight: 800;
        border: 1px solid transparent;
    }

    .toggle-item:not(.active)[b-bjik0s1ku7] {
        background-color: var(--clr-amber-glow-20);
        color: var(--clr-steel-ship-gray);
        font-weight: 600;
        border: 1px solid transparent;
    }

    .toggle-item.tuner.active[b-bjik0s1ku7] {
        background-color: var(--clr-marina-blue);
        color: var(--clr-steel-ship-gray);
        font-weight: 600;
        border: 1px solid transparent;
    }

    .toggle-item.active[b-bjik0s1ku7] {
        background-color: var(--clr-amber-glow);
        color: var(--clr-steel-ship-gray);
        font-weight: 600;
        border: 1px solid transparent;
    }

    .toggle-item.hist.active[b-bjik0s1ku7] {
        background-color: var(--clr-purple);
    }

    .toggle-item.base.active[b-bjik0s1ku7] {
        background-color: var(--clr-lime-green);
    }

/* Calendar wrapper to contain both headers and content */

.date-cell.day-header-select-preview:not(.past):not(.other-month)[b-bjik0s1ku7] {
    border: 2px dashed var(--clr-skywave-blue) !important;
    transition: border 0.15s ease-in-out, opacity 0.15s ease-in-out;
}

/* Day header hover preview for deselection (grey) */
.date-cell.day-header-deselect-preview:not(.past):not(.other-month)[b-bjik0s1ku7] {
    border: 2px dashed var(--clr-shady-lady-gray) !important;
    opacity: 0.7;
    transition: border 0.15s ease-in-out, opacity 0.15s ease-in-out;
}

/* Maintain selected styling even during deselect preview */
.date-cell.day-header-deselect-preview.selected[b-bjik0s1ku7] {
    border: 2px dashed var(--clr-shady-lady-gray) !important;
    opacity: 0.7;
}

.calendar-wrapper[b-bjik0s1ku7] {
    position: relative;
    width: 100%;
}
/* Add these new styles */

.day-headers-sticky[b-bjik0s1ku7] {
    position: sticky;
    top: 0;
    z-index: 10;
    background-color: #333;
    margin-bottom: 0;
    box-sizing: border-box;
    flex-shrink: 0;
}

.calendar-content-scrollable[b-bjik0s1ku7] {
    max-height: calc(100vh - 300px);
    min-height: 300px;
    overflow-y: auto;
    scrollbar-gutter: stable;
    position: relative;
    overflow-x: hidden; /* Prevent horizontal overflow from tooltips */
    flex: 1;
}

.calendar-grid.day-headers-sticky[b-bjik0s1ku7] {
    border-radius: 4px 4px 0 0;
    border-bottom: none;
}

.calendar-content-scrollable .calendar-grid[b-bjik0s1ku7] {
    border-radius: 0 0 4px 4px;
    border-top: none;
}

@supports (scrollbar-gutter: stable) {
    .day-headers-sticky[b-bjik0s1ku7] {
        scrollbar-gutter: stable;
    }
}

@supports not (scrollbar-gutter: stable) {
    .day-headers-sticky[b-bjik0s1ku7] {
        padding-right: 17px;
        box-sizing: border-box;
    }

    .calendar-content-scrollable:not(.has-scroll) + .day-headers-sticky[b-bjik0s1ku7] {
        padding-right: 0;
    }
}

/*Legend styling */
.legend-container[b-bjik0s1ku7] {
    margin-top: clamp(0.5rem, 1vh, 1rem);
    flex-shrink: 0;
}

.legend-items[b-bjik0s1ku7] {
    display: flex;
    gap: 1em;
}

.legend-item[b-bjik0s1ku7] {
    display: flex;
    align-items: center;
    gap: 0.5em;
    font-size: 10px;
    pointer-events: none;
}
.legend-item .toggle-item[b-bjik0s1ku7]{
    font-size:8px;
}

/* Height-based media queries for short screens */
@media (max-height: 800px) {
    .calendar-container[b-bjik0s1ku7] {
        padding-top: 1rem;
        max-height: calc(100vh - 100px);
    }
    
    .date-cell[b-bjik0s1ku7] {
        min-height: 100px;
        padding: 0.4rem;
    }
    
    .calendar-content-scrollable[b-bjik0s1ku7] {
        max-height: calc(100vh - 250px);
    }
}

@media (max-height: 700px) {
    .calendar-container[b-bjik0s1ku7] {
        padding-top: 0.5rem;
        max-height: calc(100vh - 80px);
    }
    
    .date-cell[b-bjik0s1ku7] {
        min-height: 85px;
        padding: 0.3rem;
        gap: 0.3rem;
    }
    
    .calendar-header[b-bjik0s1ku7] {
        margin-bottom: 0.25rem;
    }
    
    .metric-row[b-bjik0s1ku7] {
        font-size: 0.75rem;
        gap: 0.05rem;
    }
    
    .date-number[b-bjik0s1ku7] {
        font-size: 1rem;
    }
    
    .calendar-content-scrollable[b-bjik0s1ku7] {
        max-height: calc(100vh - 220px);
        min-height: 250px;
    }
    
    .legend-container[b-bjik0s1ku7] {
        margin-top: 0.5rem;
    }
}

/* Enhanced Responsive breakpoints */

@media (max-width: 1400px) {
    .calendar-container[b-bjik0s1ku7] {
        padding: 0.9rem;
    }

    .date-cell[b-bjik0s1ku7] {
        min-height: 110px;
    }

    .metric-row[b-bjik0s1ku7] {
        font-size: 0.68rem;
    }

    .toggle-item[b-bjik0s1ku7] {
        font-size: 0.7rem;
        padding: 0.12rem 0.25rem;
    }

    .today-button[b-bjik0s1ku7] {
        font-size: 0.8rem;
        padding: 0.35rem 0.7rem;
    }

    .alert-tooltip[b-bjik0s1ku7] {
        font-size: 0.7rem;
        min-width: 220px;
        max-width: 300px;
        padding: 0.65rem;
    }

    .alert-message-content[b-bjik0s1ku7] {
        gap: 0.4rem;
    }

    .alert-tuner-icon[b-bjik0s1ku7] {
        width: 16px;
        height: 16px;
    }
}

@media (max-width: 1200px) {
    .calendar-container[b-bjik0s1ku7] {
        padding: 0.8rem;
    }

    .date-cell[b-bjik0s1ku7] {
        min-height: 100px;
        padding: 0.4rem;
    }

    .metric-row[b-bjik0s1ku7] {
        font-size: 0.65rem;
        gap: 0.05rem;
    }

    .toggle-item[b-bjik0s1ku7] {
        font-size: 0.65rem;
        padding: 0.1rem 0.2rem;
    }

    .date-number[b-bjik0s1ku7] {
        font-size: 1.1rem;
    }

    .today-button[b-bjik0s1ku7] {
        font-size: 0.75rem;
        padding: 0.3rem 0.6rem;
        min-width: 50px;
    }

    .alert-tooltip[b-bjik0s1ku7] {
        font-size: 0.65rem;
        min-width: 200px;
        max-width: 270px;
        padding: 0.6rem;
    }

    .alert-message-content[b-bjik0s1ku7] {
        gap: 0.35rem;
    }

    .alert-tuner-icon[b-bjik0s1ku7] {
        width: 14px;
        height: 14px;
    }
}
/* Large screen optimizations for screens above 1920x1080 */

@media (min-width: 1921px) and (min-height: 1081px) {
    .calendar-content-scrollable[b-bjik0s1ku7] {
        max-height: 80vh;
    }
}
/* Extra large screens (4K and above) */

@media (min-width: 2560px) and (min-height: 1441px) {
    .calendar-content-scrollable[b-bjik0s1ku7] {
        max-height: 85vh;
    }

    .date-cell[b-bjik0s1ku7] {
        min-height: 140px;
    }

    .metric-row[b-bjik0s1ku7] {
        font-size: 0.75rem;
    }

    .toggle-item[b-bjik0s1ku7] {
        font-size: 0.7rem;
        padding: 0.2rem 0.35rem;
    }

    .date-number[b-bjik0s1ku7] {
        font-size: 1.4rem;
    }

    .alert-tooltip[b-bjik0s1ku7] {
        font-size: 0.8rem;
        min-width: 260px;
        max-width: 380px;
        padding: 0.8rem;
    }

    .alert-tuner-icon[b-bjik0s1ku7] {
        width: 20px;
        height: 20px;
    }
}
/* Ultra-wide and very tall screens */

@media (min-width: 3440px) and (min-height: 1441px) {
    .calendar-content-scrollable[b-bjik0s1ku7] {
        max-height: 90vh;
    }

    .date-cell[b-bjik0s1ku7] {
        min-height: 160px;
    }
}

/* /Pages/Dashboard/Components/DashboardTable.razor.rz.scp.css */
.dashboard[b-rdnwmh5z3n] {
    font-size: var(--fs-responsive);
    overflow-y: auto;
    overflow-x: hidden;
    height: 100%;
    max-height: calc(100vh - 150px);
}

.tuner-button[b-rdnwmh5z3n] {
    cursor: pointer;
}

.button-div[b-rdnwmh5z3n] {
    display: flex;
    align-items: center;
    height: 55px;
    flex-direction: row-reverse;
    margin-right: 0.5rem;
}

.checkbox-div[b-rdnwmh5z3n] {
    display: flex;
    align-items: center;
    margin-left: 0.7rem;
    height: 55px;
}

.text-div[b-rdnwmh5z3n] {
    width: 100%;
    white-space: nowrap;
}

.standard-table[b-rdnwmh5z3n] {
    position: relative;
    width: 100%;
}

tr[b-rdnwmh5z3n] {
    height: 58px;
}

td[b-rdnwmh5z3n] {
    height: 58px;
    line-height: 55px;
}

br[b-rdnwmh5z3n] {
    content: "";
    margin: 4.3rem;
    display: block;
    font-size: 24%;
}

.standard-table th[b-rdnwmh5z3n],
.standard-table td[b-rdnwmh5z3n],
.standard-table tbody tr[b-rdnwmh5z3n] {
    background: none;
    border-bottom: 1px solid var(--clr-white);
}

.standard-table tbody tr:hover[b-rdnwmh5z3n] {
    background-color: var(--clr-mist-gray-18);
}

.standard-table tbody tr td div i[b-rdnwmh5z3n] {
    visibility: hidden;
}

.standard-table tbody tr:hover td div i[b-rdnwmh5z3n] {
    visibility: visible;
}

.standard-table tbody .highlighted-tr[b-rdnwmh5z3n] {
    background-color: var(--clr-mist-gray-18);
}

.standard-table tbody tr td div .highlighted-img i[b-rdnwmh5z3n] {
    visibility: visible;
}

/*PriceFamilyDropdown*/

a[b-rdnwmh5z3n] {
    font-weight: bold;
    font-size: 19px;
}

.price-family-dropdown-container br[b-rdnwmh5z3n] {
    content: "";
    margin: 3em;
    display: block;
    font-size: 24%;
}

p[b-rdnwmh5z3n] {
    position: absolute;
    color: var(--clr-skywave-blue);
    margin-top: 1.6em;
    font-size: 16px;
}
/* /Pages/Dashboard/Components/EventTuner.Razor.rz.scp.css */
/* Container layout */
.event-tuner-container[b-nyf7lb4yat] {
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr; /* single column */
    grid-template-rows: auto auto 1fr auto; /* date, metrics, body, legend */
    gap: 10px;
    grid-template-areas:
        "date-selector-container"
        "metrics-container"
        "event-tuner-body"
        "legend-container";
    height: 100%;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%; /* Changed from 25vw to 100% to inherit from parent */
    max-width: 100%; /* Ensure it respects parent constraints */
    box-sizing: border-box;
}

/* Apply tuner-panel class for consistent width management */
.event-tuner-container.tuner-panel[b-nyf7lb4yat] {
    width: var(--tuner-desktop-width, 25vw);
    max-width: 100%;
}

/* Date selector */
.date-selector-container[b-nyf7lb4yat] {
    grid-area: date-selector-container;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
/*    align-items: center;*/
    font-size: var(--fs-responsive);
}

.daily-input-container[b-nyf7lb4yat] {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    width: 100%;
    justify-content: space-between;
}

/* Metrics panel */
.metrics-container[b-nyf7lb4yat] {
    grid-area: metrics-container;
    display: grid;
    grid-template-columns: 1fr 1fr; /* two equal columns */
    gap: 10px;
}

.metric[b-nyf7lb4yat] {
    text-align: center;
    font-weight: var(--fw-bolder);
    font-size: 22px;
    width: fit-content;
    margin: 0 auto;
    cursor: default;
}

.metric-content[b-nyf7lb4yat] {
    color: var(--clr-skywave-blue);
}

/* Scrollable events list */
.event-tuner-body[b-nyf7lb4yat] {
    grid-area: event-tuner-body;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 0 10px;
}

/* Individual event cards */
.event-card-container[b-nyf7lb4yat] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.event-card[b-nyf7lb4yat] {
    /* your existing card styling… */
}

    .event-card img[b-nyf7lb4yat] {
        cursor: pointer;
    }

.event-name[b-nyf7lb4yat] {
    font-weight: var(--fw-bold);
}

/* Event data bars */
.event-data[b-nyf7lb4yat] {
    display: grid;
    grid-template-columns: 65% 35%;
    column-gap: 1rem;
    margin: 0.5rem 0;
}

/* Legend at bottom */
.legend-container[b-nyf7lb4yat] {
    grid-area: legend-container;
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-top: 20px;
}

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

.legend-color[b-nyf7lb4yat] {
    width: 20px;
    height: 20px;
}

.legend-label[b-nyf7lb4yat] {
    font-size: var(--fs-responsive);
}

/* Utility for load‑more arrow */
.load-more img[b-nyf7lb4yat] {
    cursor: pointer;
    margin: 0 auto;
}

/* make sure the metric wrapper still allows overflow */
.metrics-container .metric[b-nyf7lb4yat] {
    position: relative;
    overflow: visible; /* so the tooltip + arrow aren't clipped */
}

/* slide it into view on hover */
.metrics-container .metric:hover .tooltip[b-nyf7lb4yat],
.metrics-container .metric:hover .tooltip-dashboard[b-nyf7lb4yat] {
    opacity: 1;
    pointer-events: auto;
    transform: translateX(-50%) translateY(0);
}

/* Mobile responsive styles - use correct 992px breakpoint */
@media (max-width: 991px) {
    .event-tuner-container[b-nyf7lb4yat] {
        padding: 0.5rem;
        width: 100%;
        max-width: 100%;
        overflow-x: hidden; /* Prevent horizontal scrolling */
        margin: 0; /* Remove auto margin that centers content */
    }
    
    /* Override CSS variable for mobile */
    .event-tuner-container.tuner-panel[b-nyf7lb4yat] {
        width: 100% !important; /* Force full width on mobile */
        max-width: 100%;
    }
    
    .metrics-container[b-nyf7lb4yat] {
        gap: 5px;
        grid-template-columns: 1fr 1fr; /* Ensure full width usage */
    }
    
    .metric[b-nyf7lb4yat] {
        font-size: 18px; /* Slightly smaller on mobile */
        width: 100%; /* Take full width instead of fit-content */
        margin: 0; /* Remove auto margin */
        padding: 0.5rem; /* Add padding for better touch targets */
        box-sizing: border-box;
    }
    
    .event-tuner-body[b-nyf7lb4yat] {
        padding: 0 5px;
        overflow-x: hidden; /* Prevent horizontal scrolling */
    }
    
    .event-card-container[b-nyf7lb4yat] {
        width: 100%;
    }
    
    .event-card[b-nyf7lb4yat] {
        width: 100%;
        box-sizing: border-box;
    }
    
    .legend-container[b-nyf7lb4yat] {
        gap: 10px;
        margin-top: 10px;
        flex-wrap: wrap; /* Allow legend items to wrap */
    }
    
    .event-data[b-nyf7lb4yat] {
        grid-template-columns: 60% 40%; /* Adjust proportions for mobile */
        column-gap: 0.5rem;
    }
}

@media (max-width: 480px) {
    .event-tuner-container[b-nyf7lb4yat] {
        padding: 0.25rem;
    }
    
    .metrics-container[b-nyf7lb4yat] {
        gap: 3px;
    }
    
    .metric[b-nyf7lb4yat] {
        font-size: 16px; /* Even smaller on very small screens */
        padding: 0.25rem;
    }
    
    .legend-container[b-nyf7lb4yat] {
        gap: 5px;
    }
}
/* /Pages/Dashboard/Components/JobSelector.razor.rz.scp.css */
.job-selector-container[b-2u7bsupb43] {
    display: flex;
    align-items: center;
    position: relative;
}

.job-content[b-2u7bsupb43] {
    display: flex;
    align-items: center;
    flex: 1;
    justify-content: center;
}

.job-name-container[b-2u7bsupb43] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 0 1rem;
}

.job-name[b-2u7bsupb43] {
    font-weight: bold;
}

.date-display[b-2u7bsupb43] {
    font-size: 0.9em;
    color: var(--clr-shady-lady-gray);
    white-space: nowrap;
}

.arrow[b-2u7bsupb43] {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: opacity 0.2s;
}

.arrow:hover[b-2u7bsupb43] {
    opacity: 0.7;
}

.arrow img[src*="Disabled"][b-2u7bsupb43] {
    opacity: 0.3;
    cursor: not-allowed;
}

.job-arrow[b-2u7bsupb43] {
    /* Larger outer arrows for job navigation */
}

.date-arrow[b-2u7bsupb43] {
    /* Smaller inner arrows for date navigation */
    transform: scale(0.8);
}

/* Mobile responsive styles - use correct 992px breakpoint */
@media (max-width: 991px) {
    .job-selector-container[b-2u7bsupb43] {
        gap: 8px;
        width: 100%;
    }
    
    .job-content[b-2u7bsupb43] {
        justify-content: space-between; /* Use full width instead of centering */
        width: 100%;
    }
    
    .job-name-container[b-2u7bsupb43] {
        min-width: unset; /* Remove minimum width constraint */
        flex: 1; /* Take available space */
        margin: 0 0.5rem; /* Add some margin between arrows */
    }
    
    .arrow[b-2u7bsupb43] {
        flex-shrink: 0; /* Prevent arrows from shrinking */
    }
}

@media (max-width: 480px) {
    .job-selector-container[b-2u7bsupb43] {
        gap: 4px;
    }
    
    .job-name-container[b-2u7bsupb43] {
        margin: 0 0.25rem;
    }
    
    .date-display[b-2u7bsupb43] {
        font-size: 0.8em;
    }
}
/* /Pages/Dashboard/Components/JobTuner.razor.rz.scp.css */
.main[b-3yzuytu6tu] {
    display: flex;
    flex-direction: column;
    height: 100%;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%; /* Changed from 400px to 100% to inherit from parent */
    max-width: 100%; /* Ensure it respects parent constraints */
    margin: 0 auto;
    overflow-y: scroll;
    overflow-x: hidden;
    box-sizing: border-box;
    overflow: visible;
    gap: 2rem;
}

label[b-3yzuytu6tu] {
    text-transform: none !important;
}

section[b-3yzuytu6tu] {
    /*background-color: var(--clr-deep-fleet-blue);*/
    /*padding: .5rem;*/
    /*border: 2px solid var(--clr-mist-gray-18);*/
    display: flex;
    flex-direction: column;
    gap: .5rem;
}

/* Apply tuner-panel class for consistent width management */
.main.tuner-panel[b-3yzuytu6tu] {
    /*width: var(--tuner-desktop-width, 25vw);*/
    max-width: 100%;
}

/* Loading cursor styles for JobTuner component */
.loading-state[b-3yzuytu6tu] {
    cursor: wait !important;
}

    .loading-state *[b-3yzuytu6tu] {
        cursor: wait !important;
    }


.tuner-group[b-3yzuytu6tu] {
    display: flex;
    flex-direction: column;
    width: 100%;
    box-sizing: border-box;
}


.button-container[b-3yzuytu6tu] {
    display: flex;
    width: fit-content;
    margin: 0 auto;
    gap: 25px;
    justify-content: space-around;
}

label[b-3yzuytu6tu] {
    font-size: var(--fnt-responsive);
    text-transform: uppercase;
}

.save-state[b-3yzuytu6tu] {
    cursor: wait;
}

    .save-state > *[b-3yzuytu6tu] {
        pointer-events: none;
    }

/*Pickup time & Return By*/
.schedule-settings[b-3yzuytu6tu] {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: .5rem;
}

.schedule-grid[b-3yzuytu6tu] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
    width: 100%;
    margin-bottom: 1rem;
}

.schedule-field[b-3yzuytu6tu] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    min-width: 0; /* Allow items to shrink below their content size */
}

.field-label[b-3yzuytu6tu] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
}

.field-label label[b-3yzuytu6tu] {
    font-size: var(--fnt-responsive);
    margin: 0;
    white-space: nowrap;
}

.schedule-field input[type="time"][b-3yzuytu6tu],
.schedule-field select[b-3yzuytu6tu] {
    width: 100%;
    box-sizing: border-box;
    border: 2px solid transparent;
    transition: border-color 0.3s ease;
}

.row[b-3yzuytu6tu]{
    display:grid;
    grid-template-columns: 120px auto auto;
    align-items: center;
    width: fit-content;
    gap: 12px;
}

/* Limit mode border colors for schedule inputs */
.schedule-settings input[type="time"][b-3yzuytu6tu],
.schedule-settings select[b-3yzuytu6tu] {
    border: 2px solid transparent;
    transition: border-color 0.3s ease;
}

/* Apply colors based on parent's limit mode class */
.schedule-settings.limit-basement input[type="time"][b-3yzuytu6tu],
.schedule-settings.limit-basement select[b-3yzuytu6tu] {
    border-color: var(--clr-lime-green);
}

.schedule-settings.limit-bentley input[type="time"][b-3yzuytu6tu],
.schedule-settings.limit-bentley select[b-3yzuytu6tu] {
    border-color: var(--clr-amber-glow);
}

.schedule-settings.limit-historic input[type="time"][b-3yzuytu6tu],
.schedule-settings.limit-historic select[b-3yzuytu6tu] {
    border-color: var(--clr-purple);
}

/*Divider line*/
.tuner-divider[b-3yzuytu6tu] {
    border-top: 1px solid var(--clr-deep-fleet-blue);
}

/*Chase slider*/
.chase-slider-container[b-3yzuytu6tu]{
    display: flex;
    align-items:center;
    margin-top:1rem;
    margin-bottom:1rem;
}

.label-and-tooltip label[b-3yzuytu6tu] {
    margin: 0;
    font-weight: normal;
    text-transform: none;
    text-align: center;
}

.label-and-tooltip[b-3yzuytu6tu] {
    display: flex;
    width: 100%;
    gap: 0.5rem;
}

.chase-dropdown[b-3yzuytu6tu] {
    cursor: pointer;
    display: flex;
    font-size: var(--fnt-responsive);
    margin-top: .25rem;
}

.dropdown-arrow[b-3yzuytu6tu] {
    width: 16px;
    height: var(--fnt-responsive);
    vertical-align: middle;
    transition: transform 0.3s ease;
    margin-left: 5px;
}

.invert[b-3yzuytu6tu] {
    transform: rotate(-180deg);
}

.toggles[b-3yzuytu6tu] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    transition: max-height 0.4s ease, opacity 0.4s ease;
    width: 100%;
    box-sizing: border-box;
}

.hidden[b-3yzuytu6tu] {
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    transition: opacity 0.3s ease, max-height 0.4s ease 0.2s;
}

.toggle[b-3yzuytu6tu] {
    display: inline-flex;
    align-items: center;
    position: relative;
    flex: 0 1 auto;
    margin: 0.25rem; /* Add some margin for spacing */
}

.attack-and-discount-container[b-3yzuytu6tu] {
    display: flex;
    gap: 2rem;
    text-align: left;
}

.return-by-container[b-3yzuytu6tu] {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: flex-start;
}

.return-by-container div[b-3yzuytu6tu] {
    display: flex;
    flex-direction: row;
    gap: 1rem; /*//new */
    align-items: center;
}

.return-by-container label[b-3yzuytu6tu] {
    text-align: center;
}

.return-by-container select[b-3yzuytu6tu] {
    width: fit-content;
    box-sizing: border-box;
}

.return-by-container input[b-3yzuytu6tu] {
    width: fit-content;
    box-sizing: border-box;
}

.metrics-summary[b-3yzuytu6tu] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    width: 100%;
    box-sizing: border-box;
    gap: 0.5rem;
    margin-top:0.5rem;
}

.metric-group[b-3yzuytu6tu] {
    box-sizing: border-box;
}

.metric-item[b-3yzuytu6tu] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    width: 100%;
    box-sizing: border-box;
    gap: 0.25rem;
    font-size: var(--fs-variable);
    color: var(--clr-shady-lady-gray);
}

.metric-item label[b-3yzuytu6tu] {
    text-transform: none;
    font-weight: bold;
    color: white;
    word-break: normal;
    white-space: nowrap;
}

.metric menuitem span[b-3yzuytu6tu] {
    color: var(--clr-shady-lady-gray);
}

.selected-dates-summary[b-3yzuytu6tu] {
    width: 100%;
    box-sizing: border-box;
}

.no-data[b-3yzuytu6tu] {
    text-align: center;
    padding: 1rem;
    box-sizing: border-box;
}

.toggles.mode-basement .toggle[b-3yzuytu6tu] {
    --custom-toggle-color: var(--clr-lime-green);
}

.toggles.mode-bentley .toggle[b-3yzuytu6tu] {
    --custom-toggle-color: var(--clr-amber-glow);
}

.toggles.mode-historic .toggle[b-3yzuytu6tu] {
    --custom-toggle-color: var(--clr-purple);
}

.limit-slider-container[b-3yzuytu6tu] {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.slider[b-3yzuytu6tu] {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 2px solid #58A5CC;
    border-radius: 50px;
    width: fit-content;
    margin: auto;
    font-family: Roboto;
    width: 100%;
}
    .slider.slider-basement[b-3yzuytu6tu] {
        border-color: var(--clr-lime-green);
    }

    .slider.slider-bentley[b-3yzuytu6tu] {
        border-color: var(--clr-amber-glow);
    }

    .slider.slider-bentley:hover[b-3yzuytu6tu] {
        border-color: var(--clr-amber-glow);
    }

    .slider.slider-historic[b-3yzuytu6tu] {
        border-color: var(--clr-purple);
    }

.button-container button.reboot-basement[b-3yzuytu6tu] {
    background-color: var(--clr-lime-green-50);
}

    .button-container button.reboot-basement:hover[b-3yzuytu6tu] {
        background-color: var(--clr-lime-green);
    }

.button-container button.reboot-bentley[b-3yzuytu6tu] {
    background-color: var(--clr-amber-glow-50);
}
    .button-container button.reboot-bentley:hover[b-3yzuytu6tu] {
        background-color: var(--clr-amber-glow);
    }

.button-container button.reboot-historic[b-3yzuytu6tu] {
    background-color: var(--clr-purple-50);
}

    .button-container button.reboot-historic:hover[b-3yzuytu6tu] {
        background-color: var(--clr-purple);
    }
.option[b-3yzuytu6tu] {
    position: relative;
    color: white;
    padding: 8px 0;
    width: 33.33%;
    text-align: center;
    cursor: pointer;
    transition: color 0.3s ease;
}

.highlight[b-3yzuytu6tu] {
    position: absolute;
    height: calc(100% - 5px);
    width: 33%;
    background-color: #58A5CC80;
    border: solid 1.5px #58A5CC;
    border-radius: 20px;
    transition: left 0.3s ease;
    z-index: 0;
}

    .highlight.option-three[b-3yzuytu6tu] {
        background-color: var(--clr-purple-50);
        border: solid 1.5px var(--clr-purple);
       
    }

    .highlight.basement[b-3yzuytu6tu] {
        background-color: var(--clr-lime-green-50);
        border: solid 1.5px var(--clr-lime-green);
    }

    .highlight.bentley[b-3yzuytu6tu] {
        background-color: var(--clr-amber-glow-50);
        border: solid 1.5px var(--clr-amber-glow);
    }

.option-one[b-3yzuytu6tu] {
    left: .5%
}

.option-two[b-3yzuytu6tu] {
    left: 33.33%
}

.option-three[b-3yzuytu6tu] {
    left: 66.5%
}

.label-and-tooltip[b-3yzuytu6tu] {
    display: flex;
    width: 100%;
    gap: 0.5rem;
}

.label-and-tooltip input.auto-input[b-3yzuytu6tu] {
    border: 2px solid transparent;
    transition: border-color 0.3s ease;
    width: 10ch; /* Fixed width for 5 characters */
    flex-shrink: 0;
}

.label-and-tooltip input.auto-input-basement[b-3yzuytu6tu] {
    border-color: var(--clr-lime-green);
}

.label-and-tooltip input.auto-input-bentley[b-3yzuytu6tu] {
    border-color: var(--clr-amber-glow);
}

.label-and-tooltip input.auto-input-historic[b-3yzuytu6tu] {
    border-color: var(--clr-purple);
}

.chase-dropdown[b-3yzuytu6tu] {
    cursor: pointer;
    display: flex;
    font-size: var(--fnt-responsive);
    margin-top: .25rem;
}
/* /Pages/Dashboard/Components/JobTunerCalendar.razor.rz.scp.css */
.calendar-container[b-uny5a536up] {
    display: flex;
    flex-direction: column;
    font-family: sans-serif;
    color: white;
    align-content: center;
    user-select: none;
    -webkit-user-select: none;
}

.calendar-header-cell[b-uny5a536up] {
    text-align: center;
}

.calendar-body[b-uny5a536up] {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 2px;
    user-select: none;
    -webkit-user-select: none;
}

.calendar-day[b-uny5a536up] {
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0.6;
    margin: 0 auto;
    cursor: pointer;
    font-size: var(--fnt-responsive);
    aspect-ratio: 1 / 1;
    width: 100%;
    max-width: 100%;
    flex-grow: 1;
    user-select: none;
    -webkit-user-select: none;
    /* Default gray border for non-selected, non-limit-mode calendars */
    /*border: 2px solid var(--clr-shady-lady-gray);*/
}

    .calendar-day.disabled[b-uny5a536up] {
        border: 2px solid var(--clr-shady-lady-gray);
    }

    /* Default selected state (blue) - used by Competition and Event tuners */
    .calendar-day.selected[b-uny5a536up] {
        border: 2px solid var(--clr-skywave-blue);
        color: white;
        background-color: var(--clr-deep-fleet-blue);
        opacity: 1;
    }

    /* Bentley limit mode borders (yellow/amber) - 50% opacity when not selected */
    .calendar-day.bentley[b-uny5a536up] {
        border: 2px solid var(--clr-amber-glow-50);
    }

        .calendar-day.bentley.selected[b-uny5a536up] {
            border: 2px solid var(--clr-amber-glow);
            color: white;
            background-color: var(--clr-deep-fleet-blue);
            opacity: 1;
        }

    /* Historic limit mode borders (purple) - 50% opacity when not selected */
    .calendar-day.historic[b-uny5a536up] {
        border: 2px solid var(--clr-purple-50);
    }

        .calendar-day.historic.selected[b-uny5a536up] {
            border: 2px solid var(--clr-purple);
            color: white;
            background-color: var(--clr-deep-fleet-blue);
            opacity: 1;
        }

    /* Basement limit mode borders (green) - 50% opacity when not selected */
    .calendar-day.basement[b-uny5a536up] {
        border: 2px solid var(--clr-lime-green-50);
    }

        .calendar-day.basement.selected[b-uny5a536up] {
            border: 2px solid var(--clr-lime-green);
            color: white;
            background-color: var(--clr-deep-fleet-blue);
            opacity: 1;
        }

    .calendar-day.disabled[b-uny5a536up] {
        background-color: var(--clr-deep-fleet-blue);
        opacity: .5;
    }

    .calendar-day.outlier[b-uny5a536up] {
        border: 2px solid var(--clr-gold);
        color: var(--clr-gold);
    }

    .calendar-day[b-uny5a536up] {
        cursor: default;
    }

    /* Default hover state (blue) - used when no limit mode class */
    .calendar-day.disabled:hover:not(.drag-select-preview):not(.drag-deselect-preview):not(.selected):not(.bentley):not(.historic):not(.basement)[b-uny5a536up] {
        border: 2px dashed var(--clr-skywave-blue) !important;
        cursor: pointer;
    }

    /* Hover states - different for each limit mode */
        .calendar-day.bentley:hover:not(.drag-select-preview):not(.drag-deselect-preview):not(.selected)[b-uny5a536up] {
            border: 2px dashed var(--clr-amber-glow) !important;
            cursor: pointer;
        }

        .calendar-day.historic:hover:not(.drag-select-preview):not(.drag-deselect-preview):not(.selected)[b-uny5a536up] {
            border: 2px dashed var(--clr-purple) !important;
            cursor: pointer;
        }

        .calendar-day.basement:hover:not(.drag-select-preview):not(.drag-deselect-preview):not(.selected)[b-uny5a536up] {
            border: 2px dashed var(--clr-lime-green) !important;
            cursor: pointer;
        }

        .calendar-day.selected:hover[b-uny5a536up] {
            border: 2px dashed var(--clr-shady-lady-gray) !important;
            cursor: pointer;
        }

    /* Default drag select preview (blue) - used when no limit mode class */
    .calendar-day.drag-select-preview:not(.bentley):not(.historic):not(.basement)[b-uny5a536up] {
        border: 2px dashed var(--clr-skywave-blue) !important;
        opacity: 1;
        transition: border 0.15s ease-in-out, opacity 0.15s ease-in-out;
    }

    /* Drag select preview states - different for each limit mode */
    .calendar-day.drag-select-preview.bentley[b-uny5a536up] {
        border: 2px dashed var(--clr-amber-glow) !important;
        opacity: 1;
        transition: border 0.15s ease-in-out, opacity 0.15s ease-in-out;
    }

    .calendar-day.drag-select-preview.historic[b-uny5a536up] {
        border: 2px dashed var(--clr-purple) !important;
        opacity: 1;
        transition: border 0.15s ease-in-out, opacity 0.15s ease-in-out;
    }

    .calendar-day.drag-select-preview.basement[b-uny5a536up] {
        border: 2px dashed var(--clr-lime-green) !important;
        opacity: 1;
        transition: border 0.15s ease-in-out, opacity 0.15s ease-in-out;
    }

    .calendar-day.drag-deselect-preview[b-uny5a536up] {
        opacity: 0.3;
        border: 2px dashed var(--clr-shady-lady-gray) !important;
        transition: border 0.15s ease-in-out, opacity 0.15s ease-in-out;
    }

.calendar-controls[b-uny5a536up] {
    display: flex;
    justify-content: space-between;
}

.calendar-container a[b-uny5a536up] {
    cursor: pointer;
    color: var(--clr-skywave-blue);
}

.calendar-control a:hover[b-uny5a536up] {
    text-decoration: underline;
}
/* /Pages/Dashboard/Components/ScheduleTuner.razor.rz.scp.css */
.main[b-vfpdd346sh] {
    display: flex;
    flex-direction: column;
    height: 100%;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%; /* Changed from 400px to 100% to inherit from parent */
    max-width: 100%; /* Ensure it respects parent constraints */
    margin: 0 auto;
    overflow-y: hidden; /* Prevent main container from scrolling */
    overflow-x: hidden;
    box-sizing: border-box;
}

/* Apply tuner-panel class for consistent width management */
.main.tuner-panel[b-vfpdd346sh] {
    width: var(--tuner-desktop-width, 25vw);
    max-width: 100%;
}

.schedule-container[b-vfpdd346sh] {
    display: flex;
    flex-direction: column;
    overflow-y: scroll;
    overflow-x: hidden;
    gap: .15rem;
    flex: 1; /* Take up remaining space */
    margin-bottom: 1rem; /* Space between schedule list and information row */
    box-sizing: border-box;
}

.schedule-item[b-vfpdd346sh] {
    display: flex;
    align-items: center;
    opacity: 1; /* normal state */
    transition: opacity 0.3s ease;
}

    .schedule-item:hover[b-vfpdd346sh] {
        cursor: pointer;
    }

/* when the whole list is hovered, dim all items */
.schedule-container:hover .schedule-item[b-vfpdd346sh] {
    opacity: 0.5;
}

    /* but if *you* hover an individual item, undo the dim */
    .schedule-container:hover .schedule-item:hover[b-vfpdd346sh] {
        opacity: 1;
    }

    .schedule-item .hour[b-vfpdd346sh] {
        width: 50px;
        flex-shrink: 0;
        font-size: var(--fnt-responsive);
        text-transform: uppercase;
    }

.schedule-data[b-vfpdd346sh] {
    position: relative; /* for absolute‐positioned .changerate */
    flex: 1; /* bar+text fill remaining row */
}

.bar[b-vfpdd346sh] {
    width: 100%;
    height: 1.5rem;
}

.changerate[b-vfpdd346sh] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    pointer-events: none;
    white-space: nowrap;
    font-size: var(--fnt-responsive);
}

.disabled[b-vfpdd346sh] {
    opacity: 0.5;
    pointer-events: none;
    cursor: not-allowed;
}

.information-row[b-vfpdd346sh] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 1rem;
    min-width: 18rem;
    margin-top: auto; /* Push to bottom */
    box-sizing: border-box;
    flex-shrink: 0; /* Prevent shrinking */
    min-height: 35px;
}

    .information-row .information-text[b-vfpdd346sh] {
        line-height: 13px;
    }

    .information-row a[b-vfpdd346sh] {
        font-style: italic;
        font-size: 15px;
        color: var(--clr-shady-lady-gray);
        font-weight: 300;
    }

/* Responsive adjustments for mobile viewports - use correct 992px breakpoint */
@media (max-width: 991px) {
    .main[b-vfpdd346sh] {
        padding: 0.5rem;
        width: 100%;
        max-width: 100%;
        overflow-x: hidden; /* Prevent horizontal scrolling */
        margin: 0; /* Remove auto margin that centers content */
    }

    /* Override CSS variable for mobile */
    .main.tuner-panel[b-vfpdd346sh] {
        width: 100% !important; /* Force full width on mobile */
        max-width: 100%;
    }

    .schedule-container[b-vfpdd346sh] {
        gap: 0.5rem;
        overflow-x: hidden; /* Prevent horizontal scrolling */
        width: 100%; /* Use full width */
    }

    .schedule-item[b-vfpdd346sh] {
        width: 100%; /* Use full width */
    }

    .schedule-item .hour[b-vfpdd346sh] {
        font-size: calc(var(--fnt-responsive) * 0.9);
        width: 45px; /* Slightly smaller on mobile */
    }

    .changerate[b-vfpdd346sh] {
        font-size: calc(var(--fnt-responsive) * 0.9);
    }
    
    .information-row[b-vfpdd346sh] {
        min-width: auto; /* Remove minimum width constraint */
        gap: 0.5rem;
        width: 100%; /* Use full width */
    }
}

@media (max-width: 480px) {
    .main[b-vfpdd346sh] {
        padding: 0.25rem;
    }
    
    .schedule-container[b-vfpdd346sh] {
        gap: 0.25rem;
    }
    
    .information-row[b-vfpdd346sh] {
        gap: 0.5rem;
        min-width: auto;
    }
    
    .schedule-item .hour[b-vfpdd346sh] {
        width: 40px; /* Even smaller on very small screens */
    }
}

/* Remove the old styles that are no longer needed */
p[b-vfpdd346sh] {
    display: flex;
    margin-bottom: 0.5em;
    margin-left: 1.2em;
    color: var(--clr-skywave-blue);
}

    p:hover[b-vfpdd346sh] {
        cursor: pointer;
        font-weight: 500;
    }

/* /Pages/Dashboard/Components/Tuner.razor.rz.scp.css */
/* CSS Variables for responsive tuner widths */
:root[b-5yw3m63adi] {
    --tuner-desktop-width: 25vw;
    --tuner-mobile-width: 100%;
}

.tuner[b-5yw3m63adi] {
    grid-column: 2;
    grid-row: 1;
    height: 100vh;
    max-height: 100vh;
    width: 100%;
    opacity: 0;
    overflow: hidden;
    transition: opacity 200ms ease;
    background-color: var(--clr-steel-ship-gray);
    display: flex;
    flex-direction: column;
}

    .tuner.visible[b-5yw3m63adi] {
        opacity: 1;
        flex-shrink: 0;
    }

.tuner-top-button-container[b-5yw3m63adi] {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    background-color: var(--clr-deep-fleet-blue);
    height: 60px;
    flex-shrink: 0;
}

.active[b-5yw3m63adi] {
    background-color: var(--clr-steel-ship-gray);
}

.tuner-top-button[b-5yw3m63adi] {
    cursor: pointer;
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

    /* Updated to target FontAwesome icons instead of img */
    .tuner-top-button i[b-5yw3m63adi] {
        font-size: clamp(1.5rem, 2vw, 2.5rem);
        transition: all 0.2s ease;
    }

    /* Hover effect for icons */
    .tuner-top-button:hover i[b-5yw3m63adi] {
        --fa-primary-color: var(--clr-skywave-blue) !important;
        --fa-secondary-color: var(--clr-skywave-blue) !important;
        transform: scale(1.1); /* Slight scale on hover */
    }

    /* Remove the old img styles since we're using icons now */
    .tuner-top-button img[b-5yw3m63adi] {
        margin: 0 auto;
        overflow: unset;
    }

.tuner-body[b-5yw3m63adi] {
    height: 100%;
    max-height: calc(100vh - 60px);
    overflow-y: auto; 
    overflow-x: hidden;
    padding: 1rem;
    display: flex; 
    flex-direction: column; 
    width: 100%;
    flex: 1;
}

.location-dropdown-container[b-5yw3m63adi] {
    margin-bottom: 1rem;
}

.pointer[b-5yw3m63adi] {
    cursor: pointer;
}

.date-row[b-5yw3m63adi] {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 1rem;
}

.text-date[b-5yw3m63adi] {
    margin: 0 auto;
    white-space: nowrap;
}

.hidden[b-5yw3m63adi] {
    opacity: 0;
    width: 0;
}

/* Shared tuner panel class for consistent width management */
.tuner-panel[b-5yw3m63adi] {
    width: var(--tuner-desktop-width);
    max-width: 100%;
    box-sizing: border-box;
}
/* /Pages/Dashboard/Components/TunerSlider.razor.rz.scp.css */
.tuner[b-qj7l9g05mf] {
    display: grid;
    grid-template-columns: auto 1fr minmax(60px, min-content); /* Fixed width for toggle area, flexible slider, min width for input */
    grid-template-rows: min-content;
    grid-auto-flow: row;
    grid-template-areas:
        "toggle slider-container input-container";
    width: 100%;
    /*overflow: hidden;*/ /* Prevent overflow */
}

.chase-tuner[b-qj7l9g05mf] {
    grid-template-columns: minmax(120px, max-content) 1fr minmax(70px, max-content); /* Adjusted for chase tuner */
    grid-template-rows: min-content;
    grid-template-areas:
        "toggle slider-container input-container";
}

.slider-container[b-qj7l9g05mf] {
    grid-area: slider-container;
    display: flex;
    align-items: center;
    min-width: 0px; /* Allow shrinking */
    overflow: hidden; /* Prevent overflow */
    margin: 0 auto; /* Center the slider */
}

.label[b-qj7l9g05mf] {
    margin-top: auto;
    grid-area: label;
    font-size: var(--fnt-responsive);
}

.toggle[b-qj7l9g05mf] {
    display: flex;
    justify-content: flex-start; /* Align to left for consistency */
    align-items: center;
    grid-area: toggle;
    min-width: 150px; /* Prevent excessive shrinking */
    max-width: 100%;
}

.input-container[b-qj7l9g05mf] {
    grid-area: input-container;
    margin: auto;
    text-align: right;
    min-width: 0; /* Changed from 2.5vw to allow shrinking */
    white-space: nowrap;
    overflow: hidden; /* Prevent overflow */
    text-overflow: ellipsis; /* Show ... if text is too long */
}

input[type="range"][b-qj7l9g05mf] {
    -webkit-appearance: none;
    -moz-appearance: none;
    touch-action: none; /* Prevents page movement while sliding */
}

input[type="range"][b-qj7l9g05mf]::-webkit-slider-thumb {
    margin: 0;
    cursor: pointer;
    -webkit-appearance: none;
    appearance: none;
    width: 1vw;
    height: 1vw;
    border-radius: 100%;
    background-color: var(--clr-skywave-blue);
    outline: none;
}

input[type="range"][b-qj7l9g05mf]::-moz-range-thumb {
    margin: 0;
    cursor: pointer;
    border: none;
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 100%;
    background-color: var(--clr-skywave-blue);
    outline: none;
}

.tuner-slider[b-qj7l9g05mf] {
    background-color: white;
    cursor: pointer;
    height: 3px;
    border-radius: 5px;
    width: 100%;
    min-width: 0; /* Allow shrinking */
}

.tuner-slider.slider-basement[b-qj7l9g05mf]::-webkit-slider-thumb {
    background-color: var(--clr-lime-green);
}

.tuner-slider.slider-basement[b-qj7l9g05mf]::-moz-range-thumb {
    background-color: var(--clr-lime-green);
}

.tuner-slider.slider-bentley[b-qj7l9g05mf]::-webkit-slider-thumb {
    background-color: var(--clr-amber-glow);
}

.tuner-slider.slider-bentley[b-qj7l9g05mf]::-moz-range-thumb {
    background-color: var(--clr-amber-glow);
}

.tuner-slider.slider-historic[b-qj7l9g05mf]::-webkit-slider-thumb {
    background-color: var(--clr-purple);
}

.tuner-slider.slider-historic[b-qj7l9g05mf]::-moz-range-thumb {
    background-color: var(--clr-purple);
}

.disabled[b-qj7l9g05mf] {
    opacity: 50%;
    pointer-events: none; /* Disable clicking inside of disabled */
}

.desktop-tuner[b-qj7l9g05mf] {
    display: grid;
    grid-template-columns: 65px;
    grid-template-rows: auto auto auto;
    gap: 10px 10px;
    grid-auto-flow: row;
    grid-template-areas:
        "label"
        "toggle"
        "slider-container"
        "input-container";
}

.desktop-tuner .label[b-qj7l9g05mf] {
    grid-area: label;
}

.desktop-tuner .toggle[b-qj7l9g05mf] {
    grid-area: toggle;
    width: 50px;
}

.desktop-tuner .slider-container[b-qj7l9g05mf] {
    grid-area: slider-container;
    display: flex;
    justify-content: center;
}

.desktop-tuner .tuner-slider[b-qj7l9g05mf] {
    writing-mode: vertical-lr;
    height: 16vh;
    width: 0.2vw;
    transform: scale(-1);
    background-color: var(--clr-white);
    border-radius: 2rem;
}

.reset[b-qj7l9g05mf] {
    grid-area: reset;
}

.market-leader-info[b-qj7l9g05mf] {
    overflow: hidden;
    max-height: 0;
    opacity: 0;
    transition: max-height 0.5s ease, opacity 0.5s ease, padding 0.5s ease;
    padding: 0;
}

.market-leader-info.visible[b-qj7l9g05mf] {
    max-height: 200px;
    opacity: 1;
    padding: 0.5rem;
}

.save-countdown[b-qj7l9g05mf] {
    height: 4px;
    width: 100%;
    background-color: white;
    opacity: 0;
    border-radius: 5px;
    margin: .2rem 0;
}

.save-countdown.active[b-qj7l9g05mf] {
    transition: width 2s linear, opacity .3s ease;
    width: 0%;
    opacity: 1;
}

/* Mode-based toggle colors for individual mode toggles */
.toggle.mode-basement[b-qj7l9g05mf] {
    --custom-toggle-color: var(--clr-lime-green);
}

.toggle.mode-bentley[b-qj7l9g05mf] {
    --custom-toggle-color: var(--clr-amber-glow);
}

.toggle.mode-historic[b-qj7l9g05mf] {
    --custom-toggle-color: var(--clr-purple);
}

/* Responsive adjustments for smaller screens */
@media (max-width: 991px) {
    .tuner[b-qj7l9g05mf] {
        gap: 5px; /* Reduce gap on smaller screens */
        grid-template-columns: 100px 1fr minmax(50px, min-content); /* Slightly narrower on tablets */
    }
    
    .chase-tuner[b-qj7l9g05mf] {
        grid-template-columns: 60px 1fr minmax(50px, min-content);
    }
    
    .toggle[b-qj7l9g05mf] {
        max-width: 100px;
    }
    
    .slider-container[b-qj7l9g05mf] {
        padding: 0 0.6rem; /* Slightly less padding */
    }
    
    .tuner-slider[b-qj7l9g05mf] {
        height: 6px; /* Slightly thinner bar */
    }
    
    input[type="range"][b-qj7l9g05mf]::-webkit-slider-thumb {
        width: 1rem;
        height: 1rem;
    }
    
    input[type="range"][b-qj7l9g05mf]::-moz-range-thumb {
        width: 1rem;
        height: 1rem;
    }
    
    .input-container[b-qj7l9g05mf] {
        font-size: 0.9em; /* Slightly smaller text */
    }
}

/* Additional responsive adjustments for very narrow screens */
@media (max-width: 480px) {
    .chase-tuner[b-qj7l9g05mf] {
        grid-template-columns: minmax(100px, max-content) 1fr minmax(60px, max-content);
    }
}
/* /Pages/Dashboard/Desktop/DesktopDashboard.razor.rz.scp.css */
.no-location-selected[b-uy5pw3y0nj] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 80%;
    width: auto;
    font: normal normal bold 50px/20px Roboto;
    line-height: 50px;
    margin: .5rem;
    overflow: hidden;
}

.top-bar[b-uy5pw3y0nj] {
    display: flex;
    flex-direction: row;
    align-items: center; /* Aligns content to the bottom of the grid area */
    width: 100%;
    gap: 3rem;
}

.top-bar-toggle[b-uy5pw3y0nj] {
    justify-self: center;
    text-align: center;

}

.top-bar-button-div[b-uy5pw3y0nj] {
    justify-self: end;
    display: flex;
    height: fit-content;
    margin-left: auto;
    margin-right: .5rem;
    gap: 1.5rem;
}

.top-bar-button[b-uy5pw3y0nj]{
    cursor: pointer;
}

.dashboard-wrapper[b-uy5pw3y0nj] {
    display: grid;
    grid-template-columns: 1fr minmax(0, 0);
    grid-template-rows: 1fr;
    height: 100vh;
    width: 100%;
    transition: grid-template-columns 300ms ease;
}

    .dashboard-wrapper.tuner-open[b-uy5pw3y0nj] {
        grid-template-columns: 1fr minmax(0, var(--tuner-desktop-width, 25vw));
    }

.dashboard-container[b-uy5pw3y0nj] {
    grid-column: 1;
    grid-row: 1;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    height: 100%;
    width: 100%;
    padding: 3rem;
    overflow: hidden;
}

.tuner[b-uy5pw3y0nj] {
    grid-column: 2;
    grid-row: 1;
    height: 100vh;
    width: 0; 
    opacity: 0;
    transition: width 0.3s ease, opacity 0.3s ease;
    overflow: hidden;
}

.tuner.visible[b-uy5pw3y0nj] {
    width: fit-content;
    max-width: var(--tuner-desktop-width, 25vw); 
    opacity: 1;
    flex-shrink: 0
}

.tuner.hidden[b-uy5pw3y0nj] {
    width: 0 !important;
    opacity: 0;
    pointer-events: none;
}

.dashboard-table[b-uy5pw3y0nj], 
.dashboard-table-with-tuner[b-uy5pw3y0nj] {
    width: 100%;
    height: 88vh;
    overflow-x: hidden;
    overflow-y: auto;
    overflow: visible;
}

.spinner-container[b-uy5pw3y0nj] {
    height: 100%;
    align-content: center;
}

.pill-toggle[b-uy5pw3y0nj] {
    display: inline-flex;
    gap: .5rem;
    border-radius: 999px;
    overflow: hidden;
    border: 2px solid var(--clr-skywave-blue);
    padding: .2rem;
}

.pill-toggle-btn[b-uy5pw3y0nj] {
    border: none;
    background: transparent;
    color: #fff;
    font-size: var(--fs-responsive);
    cursor: pointer;
    transition: background 0.2s, color 0.2s;
    outline: none;
    border-radius: 999px;
}

    .pill-toggle-btn:hover[b-uy5pw3y0nj] {
        /*transform:scale(1)*/
    }

    .pill-toggle-btn.active[b-uy5pw3y0nj] {
        background: var(--clr-stormy-sea-blue);
        border: 2px solid var(--clr-skywave-blue);
        color: #fff;
    }

    .pill-toggle-btn:not(.active):hover[b-uy5pw3y0nj] {
        background-color: rgba(33, 150, 243, 0.15); /* Soft blue overlay */
        color: #fff;
    }

/* Mobile responsive overrides - use correct 992px breakpoint */
@media (max-width: 991px) {
    .dashboard-wrapper[b-uy5pw3y0nj] {
        grid-template-columns: 1fr; /* Single column layout on mobile */
        grid-template-rows: auto auto; /* Stack dashboard and tuner vertically */
    }
    
    .dashboard-container[b-uy5pw3y0nj] {
        grid-column: 1;
        grid-row: 1;
        padding: 1rem; /* Reduce padding on mobile */
        height: auto; /* Allow height to adjust */
    }
    
    .tuner[b-uy5pw3y0nj] {
        grid-column: 1; /* Move to first column on mobile */
        grid-row: 2; /* Stack below dashboard */
        width: 100% !important; /* Force full width on mobile */
        max-width: 100% !important;
        height: auto; /* Allow height to adjust */
        transition: none; /* Remove transition effects on mobile */
    }
    
    .tuner.visible[b-uy5pw3y0nj] {
        width: 100% !important;
        max-width: 100% !important;
        opacity: 1;
    }
    
    .dashboard-table[b-uy5pw3y0nj], 
    .dashboard-table-with-tuner[b-uy5pw3y0nj] {
        height: auto; /* Allow height to adjust on mobile */
        max-height: 60vh; /* Limit height so tuner is accessible */
    }
}
/* /Pages/Dashboard/Mobile/MobileDashboard.razor.rz.scp.css */
.mobile-dashboard-container[b-p4j9k94ik8] {
    max-width: 100%;
    overflow-x: hidden;
    box-sizing: border-box;
    padding: 1rem;
    width: 100%;
}

/* Action Bar */
.mobile-action-bar[b-p4j9k94ik8] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem;
    padding: 0.5rem 0;
}

.action-buttons-left[b-p4j9k94ik8],
.action-buttons-right[b-p4j9k94ik8] {
    display: flex;
    gap: 1rem;
    align-items: center;
}

.action-buttons-left i[b-p4j9k94ik8],
.action-buttons-right i[b-p4j9k94ik8] {
    cursor: pointer;
    transition: transform 0.2s;
}

.action-buttons-left i:hover:not(.action-disabled)[b-p4j9k94ik8],
.action-buttons-right i:hover:not(.action-disabled)[b-p4j9k94ik8] {
    transform: scale(1.1);
}

.action-disabled[b-p4j9k94ik8] {
    cursor: not-allowed !important;
    opacity: 0.5;
}

/* Price Family Selector */
.price-families-selector[b-p4j9k94ik8] {
    display: flex;
    justify-content: space-around;
    gap: 1rem;
    margin-bottom: 1.5rem;
    flex-wrap: wrap;
}

.price-families-selector a[b-p4j9k94ik8] {
    font-weight: bold;
    font-size: 17px;
    cursor: pointer;
    transition: all 0.2s;
}

.price-families-selector a.active[b-p4j9k94ik8] {
    text-decoration: underline;
    text-decoration-color: var(--clr-skywave-blue);
    text-decoration-thickness: 2px;
    text-underline-offset: 4px;
}

/* Job Cards Container */
.job-cards-container[b-p4j9k94ik8] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

/* Individual Job Card */
.job-card[b-p4j9k94ik8] {
    background-color: var(--clr-steel-ship-gray);
    overflow: hidden;
    transition: all 0.2s;
    border: 2px solid transparent;
    border-radius: 4px;
}

.job-card.selected[b-p4j9k94ik8] {
    border-color: var(--clr-skywave-blue);
}

/* Card Header */
.card-header[b-p4j9k94ik8] {
    padding: 0.75rem;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    background-color: rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);

}

.card-header input[type="checkbox"][b-p4j9k94ik8] {
    width: 18px;
    height: 18px;
    cursor: pointer;
    flex-shrink: 0;
}

.card-header .job-name[b-p4j9k94ik8] {
    font-weight: bold;
    font-size: 16px;
    flex: 1;
    cursor: pointer;
}

/* Card Content */
.card-content[b-p4j9k94ik8] {
    padding: 0.75rem;
    cursor: pointer;
}

.metric-grid[b-p4j9k94ik8] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.5rem 1rem;
}

.metric-item[b-p4j9k94ik8] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.metric-item label[b-p4j9k94ik8] {
    font-weight: 600;
    font-size: 12px;
    color: rgba(255, 255, 255, 0.7);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.metric-item span[b-p4j9k94ik8] {
    font-size: 14px;
    font-weight: 500;
}

/* Tuner Header (when job is selected) */
.tuner-header[b-p4j9k94ik8] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem;
    background-color: var(--clr-steel-ship-gray);
    margin-bottom: 1rem;
}

.tuner-job-name[b-p4j9k94ik8] {
    font-weight: bold;
    font-size: 18px;
    flex: 1;
    text-align: center;
}

.tuner-actions[b-p4j9k94ik8] {
    display: flex;
    gap: 1rem;
    align-items: center;
}

.tuner-header i[b-p4j9k94ik8],
.tuner-actions i[b-p4j9k94ik8] {
    cursor: pointer;
    transition: transform 0.2s;
}

.tuner-header i:hover[b-p4j9k94ik8],
.tuner-actions i:hover[b-p4j9k94ik8] {
    transform: scale(1.1);
}

/* Tuner container for mobile - ensure it takes full width without overflow */
.tuner[b-p4j9k94ik8] {
    width: 100% !important;
    max-width: 100% !important;
    min-width: unset !important;
    overflow-x: hidden;
    box-sizing: border-box;
    height: auto; /* Allow height to adjust */
}

/* Responsive adjustments for very small screens */
@media (max-width: 480px) {
    .mobile-dashboard-container[b-p4j9k94ik8] {
        padding: 0.5rem;
    }
    
    .metric-tiles-container[b-p4j9k94ik8] {
        grid-column-gap: 5px;
        grid-row-gap: 5px;
    }
    
    .tile[b-p4j9k94ik8] {
        padding: 0.25rem;
        font-size: 0.9rem;
    }
    
    .expanded-tile[b-p4j9k94ik8] {
        grid-template-columns: 50% 50%; /* Stack in 2 columns on very small screens */
        grid-row-gap: 5px;
    }
}




/* /Pages/Limits/Components/BentleysLimit/BentleysLimit.razor.rz.scp.css */
.formula[b-06g1exyeh1] {
    color: var( --clr-skywave-blue);
    font: var(--ff-roboto-regular);
    font-size: var(--fs-responsive);
    font-style: italic;
    letter-spacing: 1px;
}

.main-container[b-06g1exyeh1] {
    display: flex;
    flex-direction: row;
    max-width: 85%;
    height: 75vh;
}

.container[b-06g1exyeh1] {
    display: flex;
    flex-direction: column;
    gap: 3vh;
    font: var(--ff-roboto-regular);
    font-size: var(--fs-responsive);
    max-height: 75vh;
}

.columns[b-06g1exyeh1] {
    display: flex;
    flex-flow: column;
    gap: 20px;
    align-items: flex-start;
    white-space: nowrap; /*keeps label on one line*/
    width: 20.5em;
}

.row[b-06g1exyeh1] {
    display: flex;
    flex-direction: row;
    gap: 3rem;
    max-height: 50vh;
}

.target-utilization[b-06g1exyeh1] {
    display: flex; /*makes the label next to the box*/
    gap: 3rem; /*creates a space between label and input-box*/
    align-items: center; /* Vertically centers label with input box */
    width: 35%; /*allows box to be right aligned with container and take its full width*/
    margin-right: 5%;
}

.incremental-sales[b-06g1exyeh1] {
    display: flex;
    gap: 2em; /*this size is different because the label here is a diff size than TU*/
    align-items: center;
    width: 35%;
}

.input-wrapper[b-06g1exyeh1] {
    position: relative; /*need this here in order to allow percent-symbol styling to take affect*/
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    width: 25%;
}

.right-input-wrapper[b-06g1exyeh1] {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 2rem;
}


.monthly-holding-cost[b-06g1exyeh1] {
    display: flex;
    flex-direction: column;
    width: fit-content;
}

.scroll-box[b-06g1exyeh1] {
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 45vh;
}

    .monthly-holding-cost input[b-06g1exyeh1] {
        width: 115px;
        display: inline-flex;
    }

.percent-symbol[b-06g1exyeh1] {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    font-size: 100%;
}


.monthly-input[b-06g1exyeh1] {
    min-width: 25%;
    max-width: 25%;
}

.result[b-06g1exyeh1] {
    color: var( --clr-skywave-blue);
    font: var(--ff-roboto-regular);
    font-size: var(--fs-responsive);
    width: fit-content;
    margin-left: 1rem;
}

.labels[b-06g1exyeh1] {
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
    height: 40px;
    align-items: center;
    white-space: nowrap;
    justify-content: space-around;
    gap: 1rem;
}

/*Takes away arrows in input boxes*/
[b-06g1exyeh1]::-webkit-outer-spin-button,
[b-06g1exyeh1]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.basement-arrow[b-06g1exyeh1] {
    margin-right: 1rem;
    margin-left: 1rem;
    display: inline-block;
    transition: transform 0.3s ease;

}

.basement-arrow-flipped[b-06g1exyeh1]{
    margin-left: 1rem;
    margin-right: 1rem;
    display: inline-block;
    transition: transform 0.3s ease;
    transform: rotate(180deg);
}

.basement-arrow:hover[b-06g1exyeh1] {
    cursor: pointer;
}
.basement-arrow-flipped:hover[b-06g1exyeh1] {
    cursor: pointer;
}

.drilldown-arrow[b-06g1exyeh1]{
    margin-right: 1rem;
    margin-left: 1.5rem;
    height: 100%;
    display: inline-block;
    transition: transform 0.3s ease;
}

.basement-text[b-06g1exyeh1]{
    width: auto;
    margin-right: 2rem;
    margin-top: .25rem;
}
.vehicle-wrapper[b-06g1exyeh1] {
    display: flex;
    flex-direction: column;
    margin-bottom: 1.5rem;
}

.flex-row[b-06g1exyeh1] {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    width: 75px
}
.basement-input[b-06g1exyeh1] {
    min-width: 25%;
    max-width: 75%;
    margin-right: 10%;
}

.basement-wrapper[b-06g1exyeh1] {
    display: flex;
    flex-direction: row;
    opacity: 0;
    max-height: 0;
    transition: opacity 0.3s ease, max-height 0.3s ease;
}
/* Visible class - show it smoothly */
.basement-wrapper.visible[b-06g1exyeh1] {
    opacity: 1;
    max-height: 500px; /* Adjust as needed for content height */
}

.basement-input-wrapper[b-06g1exyeh1] {
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow: hidden;
}
/* /Pages/Limits/Components/Bumps/Bumps.Razor.rz.scp.css */
body[b-0chew88bve] {
}

.main-container[b-0chew88bve] {
    display: flex;
    flex-direction: row;
    max-width: 85%;
    height: 75vh;
}

table[b-0chew88bve] {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}

button[b-0chew88bve], input[b-0chew88bve], select[b-0chew88bve] {
    min-width: 100%
}

td[b-0chew88bve], th[b-0chew88bve] {
    text-align: left;
    border-bottom: 1px solid #fff;
}

    td:last-child[b-0chew88bve], th:last-child[b-0chew88bve] {
        width: 100px; /* Makes the last column adjust automatically */
    }

th[b-0chew88bve] {
    position: sticky;
    top: 0px;
    position: -webkit-sticky;
    background-color: var(--clr-deep-fleet-blue);
    z-index: 999;
}

    th:empty[b-0chew88bve]::after { /*Fixes issue where this header didn't have a bottom border*/
        content: "\00a0"; /* Non-breaking space */
        display: inline-block;
    }

td[b-0chew88bve] {
    height: 52px
}

tr:not(:first-child):hover[b-0chew88bve] {
    background-color: var(--clr-mist-gray-18)
}

    tr:not(:first-child):hover .icon-group[b-0chew88bve] {
        visibility: visible
    }

.active[b-0chew88bve] {
    background-color: var(--clr-mist-gray-18)
}

    .active .icon-group[b-0chew88bve] {
        visibility: visible
    }

.edit-sidebar[b-0chew88bve] {
    position: absolute;
    right: 2rem;
    height: 70%;
    border-left: 1px solid white;
    padding-left: 3rem;
    padding-right: 3rem;
    transition: width 0.3s ease, opacity 0.3s ease;
    max-width: 25%;
}

.edit-container .title[b-0chew88bve] {
    padding-top: 0;
}

.edit-sidebar-hidden[b-0chew88bve] {
    position: absolute;
    right: 2rem;
    opacity: 0;
    height: 70%;
    border-left: 1px solid white;
    padding-left: 3rem;
    padding-right: 3rem;
    transition: width 0.3s ease, opacity 0.3s ease;
    max-width: 25%;
}

.lor-table[b-0chew88bve] {
    width: 35%;
    height: 100%;
}

.table-container[b-0chew88bve] {
    max-height: 80%;
    overflow-x: hidden;
    overflow-y: auto;
}

.add-icon-container[b-0chew88bve] {
    margin-top: 2vh;
    display: flex;
    justify-content: center;
    position: sticky;
}

    .add-icon-container i[b-0chew88bve] {
        cursor: pointer;
        margin: 2vh 0 5px;
    }

.icon-group[b-0chew88bve] {
    display: flex;
    width: fit-content;
    margin: 0 1em 0 auto;
    gap: 30px;
    visibility: hidden
}

    .icon-group i[b-0chew88bve] {
        cursor: pointer
    }

.edit-container[b-0chew88bve] {
    display: flex;
    flex-direction: column;
    gap: 1em;
    width: 100%;
    margin-bottom: 1.3rem;
}

.icon-container[b-0chew88bve] {
    margin-top: auto;
    display: flex;
    gap: 10px;
    width: 100%;
    justify-content: center;
    transition: height .3s linear,opacity .3s ease
}

.input-group label[b-0chew88bve] {
    font-weight: var(--fw-regular);
}

.input-group input[b-0chew88bve] {
    width: 200px
}

.input-group[b-0chew88bve] {
    margin-bottom: 1.1rem;
    gap: 0.5rem;
}

.hide-add[b-0chew88bve] {
    visibility: hidden;
}

.information-row[b-0chew88bve] {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding-top: 1rem;
    margin-left: 1rem;
    gap: 1rem;
}

.information-row .information-text[b-0chew88bve] {
    line-height: 13px;
}

.information-row a[b-0chew88bve] {
    font-style: italic;
    font-size: 15px;
    color: var(--clr-shady-lady-gray);
    font-weight: 300;
}

.information-text[b-0chew88bve] {
    overflow-wrap: anywhere;
    width: 10vw;
}
/* /Pages/Limits/Components/ManualLimits/ManualLimits.Razor.rz.scp.css */
manual-limits-container[b-hg49x65wtt] {
    outline: none;
}

    .manual-limits-container:focus[b-hg49x65wtt] {
        outline: none;
    }

.manual-limits-grid-top-bar[b-hg49x65wtt] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.dropdowns[b-hg49x65wtt] {
    display: flex;
    gap: 1rem;
}

.limit-card.disabled[b-hg49x65wtt] {
    pointer-events: none;
}

.date-navigation[b-hg49x65wtt] {
    display: flex;
    gap: .5rem;
    align-items: center;
    margin: 1rem auto .5rem auto;
    width: 200px;
}
.manual-limits-grid[b-hg49x65wtt], .limit-card[b-hg49x65wtt] {
    user-select: none;
    -webkit-user-select: none;
}

.vehicle-group-dropdown select[b-hg49x65wtt]{
    width: fit-content;
}

.buttons-container[b-hg49x65wtt] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.disabled[b-hg49x65wtt] {
    opacity: .8;
}

.disabled-label[b-hg49x65wtt] {
    color: var(--clr-danger) ;
    height: 1rem;
}

.reset-button[b-hg49x65wtt] {
    background: var(--clr-amber-glow-50);
}

    .reset-button:hover:not(:disabled)[b-hg49x65wtt] {
        background: var(--clr-amber-glow);
    }

    .reset-button:disabled[b-hg49x65wtt] {
        opacity: 0.5;
        cursor: default;
    }

.reset-button.reset-historic-button[b-hg49x65wtt] {
    background: var(--clr-purple-50);
}

    .reset-button.reset-historic-button:hover:not(:disabled)[b-hg49x65wtt] {
        background: var(--clr-purple);
    }

.reset-button.reset-basement-button[b-hg49x65wtt] {
    background: var(--clr-lime-green-50);
}

    .reset-button.reset-basement-button:hover:not(:disabled)[b-hg49x65wtt] {
        background: var(--clr-lime-green);
    }

.reset-button.clear-all-button[b-hg49x65wtt] {
    background: var(--clr-stormy-sea-blue);
}

    .clear-all-button:hover:not(:disabled)[b-hg49x65wtt] {
        background-color: var(--clr-skywave-blue);
    }

    .clear-all-button:disabled[b-hg49x65wtt] {
        opacity: 0.5;
        cursor: default;
    }

.date-navigation button[b-hg49x65wtt] {
    border: none;
    height: fit-content;
    width: fit-content;
    padding: .25rem .5rem;
    }

        .date-navigation button:disabled[b-hg49x65wtt] {
            background-color: var(--clr-steel-ship-gray);
        }

.manual-limits-grid-wrapper[b-hg49x65wtt] {
    position: relative;
    overflow-x: auto;
    overflow-y: visible;
}

.manual-limits-grid[b-hg49x65wtt] {
    display: grid;
    gap: 1px;
    background-color: transparent;
    border-radius: 4px;
    overflow: visible;
    width: 100%;
    font-family: var(--ff-roboto-regular);
    max-height: calc(100vh - 15rem);
    user-select: none;
    -webkit-user-select: none;
    position: relative;
}

.sticky-column[b-hg49x65wtt] {
    position: sticky;
    left: 0;
    z-index: 10;
    background-color: var(--clr-steel-ship-gray);
}

.corner-cell[b-hg49x65wtt] {
    background-color: var(--clr-deep-fleet-blue);
    /*border: 1px solid var(--clr-deep-fleet-blue);*/
}

.lor-header[b-hg49x65wtt] {
    background-color: var(--clr-steel-ship-gray);
    color: var(--clr-white);
    /*border: 1px solid var(--clr-deep-fleet-blue);*/
    padding: 0.5rem;
    font-weight: var(--fw-medium);
    font-size: 0.9rem;
    text-align: center;
    white-space: nowrap;
    transition: all 0.2s ease;
}

.vehicle-header[b-hg49x65wtt] {
    background-color: var(--clr-steel-ship-gray);
    color: var(--clr-white);
    /*border: 1px solid var(--clr-deep-fleet-blue);*/
    padding: 0.5rem;
    font-weight: var(--fw-medium);
    font-size: 0.9rem;
    text-align: center;
    white-space: nowrap;
    transition: all 0.2s ease;
    writing-mode: vertical-rl;
    text-orientation: mixed;
    transform: rotate(180deg);
    letter-spacing: 1px;
}

.limit-card[b-hg49x65wtt] {
    background-color: var(--clr-steel-ship-gray);
    border: 2px solid transparent;
    padding: 0.75rem;
    display: grid;
    grid-template-columns: auto 1fr;
    grid-template-rows: auto auto auto auto;
    gap: 0.5rem 1rem;
    transition: all 0.2s ease;
    color: var(--clr-white);
    position: relative;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    width: fit-content;
}

    .limit-card:not(.empty)[b-hg49x65wtt] {
        cursor: pointer;
    }

    .limit-card:not(.empty):hover:not(.drag-select-preview):not(.drag-deselect-preview):not(.selected)[b-hg49x65wtt] {
        border: 2px dashed var(--clr-skywave-blue);
    }

    .limit-card.selected[b-hg49x65wtt] {
        border: 2px solid var(--clr-skywave-blue) !important;
    }

        .limit-card.selected:hover[b-hg49x65wtt] {
            border: 2px dashed var(--clr-shady-lady-gray) !important;
        }

    .limit-card.drag-select-preview[b-hg49x65wtt] {
        border: 2px dashed var(--clr-skywave-blue) !important;
        transition: border 0.15s ease-in-out;
    }

    .limit-card.drag-deselect-preview[b-hg49x65wtt] {
        background-color: var(--clr-steel-ship-gray);
        opacity: 0.5;
        border: 2px dashed var(--clr-shady-lady-gray) !important;
        transition: border 0.15s ease-in-out, opacity 0.15s ease-in-out;
    }

    .limit-card.empty[b-hg49x65wtt] {
        display: flex;
        align-items: center;
        justify-content: center;
        color: var(--clr-shady-lady-gray);
        opacity: 0.5;
        cursor: default;
    }

    .limit-card.reset-preview[b-hg49x65wtt] {
        background-color: rgba(100, 181, 246, 0.15);
        transition: background-color 0.2s ease;
    }

.limit-item[b-hg49x65wtt] {
    display: contents;
    font-size: 0.9rem;
    line-height: 1.2;
}

    .limit-item label[b-hg49x65wtt] {
        color: var(--clr-white);
        margin: 0;
        font-weight: var(--fw-medium);
        text-align: left;
        white-space: nowrap;
    }

    .limit-item span[b-hg49x65wtt] {
        font-weight: var(--fw-medium);
        color: var(--clr-shady-lady-gray);
        text-align: right;
        white-space: nowrap;
        min-width: 70px;
        display: inline-block;
    }

    .limit-item span.preview-value[b-hg49x65wtt] {
        color: var(--clr-skywave-blue);
        font-weight: var(--fw-bold);
        text-shadow: 0 0 8px rgba(100, 181, 246, 0.5);
        min-width: 70px;
        display: inline-block;
    }

    .limit-item input[b-hg49x65wtt] {
        text-align: right;
    }

    .limit-item.historic-item[b-hg49x65wtt] {
        border-top: 1px solid var(--clr-shady-lady-gray);
        padding-top: 0.25rem;
        margin-top: 0.25rem;
    }

        .limit-item.historic-item label[b-hg49x65wtt] {
            color: #28a745;
        }

        .limit-item.historic-item span[b-hg49x65wtt] {
            color: #28a745;
        }

/* Editable limit styling */
.editable-limit[b-hg49x65wtt] {
    cursor: pointer;
    transition: all 0.2s ease;
}

    .editable-limit:hover[b-hg49x65wtt] {
        color: var(--clr-skywave-blue) !important;
        text-decoration: underline;
    }

/* Limit input styling */
.limit-input[b-hg49x65wtt] {
    background-color: var(--clr-white);
    color: var(--clr-steel-ship-gray);
    border: 1px solid var(--clr-skywave-blue) !important;
    border-radius: 4px;
    padding: 0 !important;
    font-size: 0.85rem !important;
    font-weight: var(--fw-medium);
    text-align: right;
    width: 100% !important;
    max-width: 90px;
    height: auto !important;
    outline: none;
    line-height: 1.2;
}

    .limit-input:focus[b-hg49x65wtt] {
        border-color: var(--clr-skywave-blue) !important;
        box-shadow: 0 0 0 1px var(--clr-skywave-blue);
    }

    /* Hide number input spinner arrows */
    .limit-input[b-hg49x65wtt]::-webkit-outer-spin-button,
    .limit-input[b-hg49x65wtt]::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }

    .limit-input[type=number][b-hg49x65wtt] {
        -moz-appearance: textfield;
        appearance: textfield;
    }
/* Source row styling */
.source-row[b-hg49x65wtt] {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    align-items: center;
    min-height: 1.25rem;
}

.source-col[b-hg49x65wtt] {
    display: flex;
    align-items: center;
    min-height: 1.25rem;
}

    .source-col.left[b-hg49x65wtt] {
        justify-content: flex-start;
    }

    .source-col.center[b-hg49x65wtt] {
        justify-content: center;
        text-align: center;
    }

    .source-col.right[b-hg49x65wtt] {
        justify-content: flex-end;
    }

    .source-col.left[b-hg49x65wtt],
    .source-col.right[b-hg49x65wtt] {
        min-width: 1.25rem;
    }


.winning-icon[b-hg49x65wtt],
.lor-bump-icon[b-hg49x65wtt] {
    color: var(--clr-skywave-blue);
    font-size: 0.9rem;
}



/* Toggle item styling matching dashboard calendar */
.toggle-item[b-hg49x65wtt] {
    font-size: 0.65rem;
    padding: 0.15rem 0.3rem;
    border-radius: 2px;
    font-weight: var(--fw-medium);
    text-align: center;
    transition: all 0.2s ease;
    border: 1px solid transparent;
    width: fit-content;
    min-width: 0;
    text-overflow: ellipsis;
    overflow: hidden;
    font-weight: 600;
    cursor: default;
}

    .limit-card.selected .toggle-item[b-hg49x65wtt] {
        cursor: pointer;
        width: 35px;
        text-overflow: unset;
    }

    .toggle-item.bent[b-hg49x65wtt] {
        background-color: var(--clr-amber-glow);
        color: var(--clr-steel-ship-gray) !important;
    }

    .toggle-item.hist[b-hg49x65wtt] {
        background-color: var(--clr-purple);
        color: var(--clr-steel-ship-gray) !important;
    }

    .toggle-item.base[b-hg49x65wtt] {
        background-color: var(--clr-lime-green);
        color: var(--clr-steel-ship-gray) !important;
    }

    .toggle-item.man[b-hg49x65wtt] {
        background-color: var(--clr-skywave-blue);
        color: var(--clr-white) !important;
    }
/* Responsive breakpoints matching DashboardCalendar */
@media (max-width: 1400px) {
    .limit-card[b-hg49x65wtt] {
        /*min-width: 160px;*/
        padding: 0.65rem;
        gap: 0.5rem 0.8rem;
    }

    .limit-item[b-hg49x65wtt] {
        font-size: 0.85rem;
    }

    .limit-item span[b-hg49x65wtt] {
        min-width: 65px;
    }

    .lor-header[b-hg49x65wtt], .vehicle-header[b-hg49x65wtt] {
        font-size: 0.85rem;
        padding: 0.45rem;
    }

    .toggle-item[b-hg49x65wtt] {
        font-size: 0.6rem;
        padding: 0.12rem 0.25rem;
    }

    .limit-input[b-hg49x65wtt] {
        font-size: 0.85rem;
        padding: 0.2rem 0.4rem;
    }
}

@media (max-width: 1200px) {
    .limit-card[b-hg49x65wtt] {
        /*min-width: 155px;*/
        padding: 0.6rem;
        gap: 0.5rem 0.7rem;
    }

    .limit-item[b-hg49x65wtt] {
        font-size: 0.8rem;
    }

    .limit-item span[b-hg49x65wtt] {
        min-width: 60px;
    }

    .lor-header[b-hg49x65wtt], .vehicle-header[b-hg49x65wtt] {
        font-size: 0.8rem;
        padding: 0.4rem;
    }

    .toggle-item[b-hg49x65wtt] {
        font-size: 0.55rem;
        padding: 0.1rem 0.2rem;
    }

    .limit-input[b-hg49x65wtt] {
        font-size: 0.8rem;
        padding: 0.2rem 0.35rem;
    }
}

/* Large screen optimizations */
@media (min-width: 1921px) and (min-height: 1081px) {
    .limit-card[b-hg49x65wtt] {
        /*min-width: 170px;*/
        padding: 0.85rem;
    }

    .limit-item[b-hg49x65wtt] {
        font-size: 0.95rem;
    }

    .toggle-item[b-hg49x65wtt] {
        font-size: 0.7rem;
        padding: 0.2rem 0.35rem;
    }

    .limit-input[b-hg49x65wtt] {
        font-size: 0.95rem;
        padding: 0.25rem 0.5rem;
    }
}

@media (min-width: 2560px) and (min-height: 1441px) {
    .limit-card[b-hg49x65wtt] {
        /*min-width: 190px;*/
        padding: 1rem;
    }

    .limit-item[b-hg49x65wtt] {
        font-size: 1rem;
    }

    .lor-header[b-hg49x65wtt], .vehicle-header[b-hg49x65wtt] {
        font-size: 1rem;
        padding: 0.6rem;
    }

    .toggle-item[b-hg49x65wtt] {
        font-size: 0.75rem;
        padding: 0.2rem 0.4rem;
    }

    .limit-input[b-hg49x65wtt] {
        font-size: 1rem;
        padding: 0.3rem 0.55rem;
    }
}
/* /Pages/Shared/Components/ActiveSelection/ActiveSelectionCompact.razor.rz.scp.css */
/* Compact-specific styles only */

/* Override sections for equal width in compact view */
.selection-body .left-section[b-b7vofxlhh1],


/* Selection items - add padding for compact view */
.selection-body .selection-panel .selection .selection-item[b-b7vofxlhh1] {
    min-height: fit-content;
    display: flex;
    align-items: center;
    justify-content: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: visible;
    width: 100%;
}

.selection-item[b-b7vofxlhh1] {
    padding: .25rem 1rem;
}

/* Extra content styling - compact view only */
.extra-content[b-b7vofxlhh1] {
    color: var(--clr-skywave-blue);
    display: flex;
    align-items: center;
    flex-shrink: 0;
}

/* Row wrapper - fit content */
.row-wrapper[b-b7vofxlhh1] {
    width: 100%;
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 0.4em;
}

.row-wrapper a[b-b7vofxlhh1] {
    flex: 1 1 0%;
    min-width: 0;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 0.5rem;
}

/* Competitor discount */
.competitor-discount[b-b7vofxlhh1] {
    display: flex;
    padding-right: 0.2em;
    color: var(--clr-skywave-blue);
    text-decoration: underline;
    margin-right: 0.5em;
    align-items: center;
    flex-shrink: 0;
    cursor: pointer;
}

/* Calendar icon container */
.calendar-icon[b-b7vofxlhh1] {
    width: 20px;
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
/* /Pages/Shared/Components/ActiveSelection/ActiveSelectionExpanded.razor.rz.scp.css */
.active-selection-container .selection-body .selection-panel[b-ivlwdqdx7s] {
    align-content: center;
    align-items: center;
    max-width: 200px;
    width: 100%;
}

/* Search input container - expanded view only */
.active-selection-container .selection-body .selection-panel .search-input-container[b-ivlwdqdx7s] {
    position: relative;
    display: block;
    width: 100%;
    margin-bottom: 10px;
    padding: 0 10px; /* Add horizontal padding for border spacing */
    box-sizing: border-box;
}

/* Input styling */
.active-selection-container .selection-body .selection-panel input[b-ivlwdqdx7s] {
    border: none;
    border-bottom: 1px solid var(--clr-white);
    width: 100%;
    padding: 5px 25px 5px 5px;
    margin: 0;
    background: transparent;
    color: inherit;
    box-sizing: border-box;
}

/* Search icon positioning */
.active-selection-container .selection-body .selection-panel i[b-ivlwdqdx7s] {
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
}

/* Grid layout for selection items in expanded view */
.active-selection-container .selection-body .selection-panel .selection[b-ivlwdqdx7s] {
    display: grid;
    grid-template-columns: 1fr 1fr; /* Two equal columns */
    grid-auto-rows: 30px;
    gap: 0.25rem;
    width: 100%;
}

/* Selection items in grid layout */
.active-selection-container .selection-body .selection-panel .selection .selection-item[b-ivlwdqdx7s] {
    text-align: center;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/* /Pages/Shared/Components/BounceLoader.razor.rz.scp.css */
body[b-ow2r3sr4b4] {
    padding: 0;
    margin: 0;
    width: 100%;
    height: 100vh;
    background: #2B3236;
}

.wrapper[b-ow2r3sr4b4] {
    width: 200px;
    height: 60px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.circle[b-ow2r3sr4b4] {
    width: 20px;
    height: 20px;
    position: absolute;
    border-radius: 50%;
    background-color: #58A5CC;
    left: 15%;
    transform-origin: 50%;
    animation: circle-b-ow2r3sr4b4 .5s alternate infinite ease;
}

@keyframes circle-b-ow2r3sr4b4 {
    0% {
        top: 60px;
        height: 5px;
        border-radius: 50px 50px 25px 25px;
        transform: scaleX(1.7);
    }

    40% {
        height: 20px;
        border-radius: 50%;
        transform: scaleX(1);
    }

    100% {
        top: 0%;
    }
}

.circle:nth-child(2)[b-ow2r3sr4b4] {
    left: 45%;
    animation-delay: .2s;
}

.circle:nth-child(3)[b-ow2r3sr4b4] {
    left: auto;
    right: 15%;
    animation-delay: .3s;
}

.shadow[b-ow2r3sr4b4] {
    width: 20px;
    height: 4px;
    border-radius: 50%;
    background-color: rgba(0,0,0,.5);
    position: absolute;
    top: 62px;
    transform-origin: 50%;
    z-index: -1;
    left: 15%;
    filter: blur(1px);
    animation: shadow-b-ow2r3sr4b4 .5s alternate infinite ease;
}

@keyframes shadow-b-ow2r3sr4b4 {
    0% {
        transform: scaleX(1.5);
    }

    40% {
        transform: scaleX(1);
        opacity: .7;
    }

    100% {
        transform: scaleX(.2);
        opacity: .4;
    }
}

.shadow:nth-child(4)[b-ow2r3sr4b4] {
    left: 45%;
    animation-delay: .2s
}

.shadow:nth-child(5)[b-ow2r3sr4b4] {
    left: auto;
    right: 15%;
    animation-delay: .3s;
}

.wrapper span[b-ow2r3sr4b4] {
    position: absolute;
    top: 75px;
    font-family: 'Roboto';
    font-size: 20px;
    letter-spacing: 1px;
    color: #fff;
    left: 15%;
}
/* /Pages/Shared/Components/ConfirmModal.razor.rz.scp.css */
.main[b-yw5r2ol86d] {
    position: fixed;
    top: 30%;
    left: 50%;
    transform: translateX(-50%);
    background: var(--clr-steel-ship-gray);
    box-shadow: 0 0 0 100vmax rgba(0,0,0,0.45);
    padding: 2rem;
    z-index: 1111;
    max-width: 600px;
    width: 90%;
}

/* Override positioning when modal contains bulk selection content */
.main:has(.bulk-modal-selection-area)[b-yw5r2ol86d] {
    transform: translate(-50%, -50%);
}

.messages[b-yw5r2ol86d] {
    text-align: center;
    margin-bottom: 1.5rem;
}

.primary-message[b-yw5r2ol86d] {
    font-size: var(--fs-responsive);
    font-weight: bold;
    color: var(--clr-white);
    margin-bottom: 1rem;
}

.secondary-message[b-yw5r2ol86d] {
    font-size: calc(var(--fs-responsive) * 0.9);
    white-space: pre-line;
    line-height: 1.4;
    max-height: 200px;
    overflow-y: auto;
}

.overlay[b-yw5r2ol86d] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    pointer-events: auto;
    background: transparent;
}

/* Don't show again container */
.dont-show-again-container[b-yw5r2ol86d] {
    margin-top: 15px;
    display: flex;
    justify-content: center;
}

.dont-show-again-label[b-yw5r2ol86d] {
    display: flex;
    align-items: center;
    font-size: 14px;
    color: var(--clr-white);
}

.dont-show-again-checkbox[b-yw5r2ol86d] {
    margin-right: 8px;
    cursor: pointer;
    accent-color: var(--clr-skywave-blue);
}

.dont-show-again-text[b-yw5r2ol86d] {
    user-select: none;
}

/* Button containers */
.button-group[b-yw5r2ol86d] {
    display: flex;
    gap: 0.5rem;
}

.button-single[b-yw5r2ol86d] {
    display: flex;
    justify-content: center;
}

/* All buttons - base styles */
.button-confirm[b-yw5r2ol86d],
.button-cancel[b-yw5r2ol86d] {
    font-size: var(--fs-responsive);
    cursor: pointer;
    min-height: 40px;
    height: fit-content;
    width: 100%;
    border: 2px solid var(--clr-skywave-blue);
    transition: all 0.2s ease;
}

/* Confirm button - always blue background */
.button-confirm[b-yw5r2ol86d] {
    background: var(--clr-stormy-sea-blue);
    color: var(--clr-white);
}

.button-confirm:hover[b-yw5r2ol86d] {
    background: var(--clr-skywave-blue);
}

/* Cancel button - always transparent background */
.button-cancel[b-yw5r2ol86d] {
    background: transparent;
    color: var(--clr-skywave-blue);
}

.button-cancel:hover[b-yw5r2ol86d] {
    background: rgba(88, 165, 203, 0.1);
}

.checkbox-container[b-yw5r2ol86d]{
    display: flex;
    gap: 0.5em;
    justify-content: center;
    align-items: center;
    margin-top: 0.75em;
    font-size: 16px;
}

.checkbox-input[b-yw5r2ol86d] {
    width: 0.75em;
    height: 0.75em;
}
/* /Pages/Shared/Components/DualRangeSlider.razor.rz.scp.css */
/* Container */
.drs[b-3ytopjyd7f] {
    position: relative;
    width: 96%;
    height: 3rem; 
    padding-top: 0.75rem; /* space for labels */
    user-select: none;
}
.drs-title[b-3ytopjyd7f] {
    display: flex;
    margin-bottom:0.4em;
}
/* Labels above thumbs */
.drs-label[b-3ytopjyd7f] {
    position: absolute;
    top: 0; /* sit above the track */
    transform: translateX(-50%);
    font-size: 0.75rem;
    line-height: 1;
    color: var(--clr-skywave-blue);
    pointer-events: none;
    white-space: nowrap;
}

/* Base track */
.drs-track[b-3ytopjyd7f] {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%); /* Center element vertically by shifting its own height up 50% */
    height: 4px;
    background: white;
    border-radius: 999px;
}

/* Selected range (between thumbs) */
.drs-range[b-3ytopjyd7f] {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    height: 4px;
    background: var(--clr-skywave-blue);
    border-radius: 999px;
}

/* Thumb inputs overlay the same track */
.drs-thumb[b-3ytopjyd7f] {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    background: transparent;
    pointer-events: none; /* only the thumbs are draggable */
    -webkit-appearance: none;
    appearance: none;
}

/* Keep the upper thumb on top for easier grabbing when overlapped */
.drs-upper[b-3ytopjyd7f] {
    z-index: 3;
}

.drs-lower[b-3ytopjyd7f] {
    z-index: 2;
}

/* Make the track of the range inputs invisible (we have our own track) */
.drs-thumb[b-3ytopjyd7f]::-webkit-slider-runnable-track {
    background: transparent;
    border: 0;
}


/* Thumb styling */
.drs-thumb[b-3ytopjyd7f]::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    pointer-events: all; /* enable dragging */
    width: 17px;
    height: 17px;
    border-radius: 999px;
    background: var(--clr-skywave-blue);
}

.drs-thumb[b-3ytopjyd7f] {
    cursor: pointer;
}

input.disabled[b-3ytopjyd7f] {
    cursor: default;
}
/* /Pages/Shared/Components/EditSidebar.razor.rz.scp.css */
.edit-sidebar[b-m5yp9rs7rx] {
    width: auto;
    height: 70vh;
    display: flex;
    flex-direction: column;
    border-left: 1px solid white;
    opacity: 0;
    transition: width 0.5s ease, opacity 0.5s ease;
    overflow: scroll;
    margin-bottom: auto;
    flex-shrink: 0;
    padding: 0 1rem 0 2rem;
    overflow-y: scroll;
    overflow-x: hidden;
}

    .edit-sidebar.visible[b-m5yp9rs7rx] {
        opacity: 1;
    }

    .edit-sidebar.hidden[b-m5yp9rs7rx] {
        width: 0;
        opacity: 0;
        pointer-events: none; 
        padding: 0;
    }

h1[b-m5yp9rs7rx] {
    font-size: var(--fs-responsive);
    font-weight: var(--fw-medium);
}
/* /Pages/Shared/Components/LocationDropDown.razor.rz.scp.css */
.location-dropdown-container[b-8f3h3vcyx1] {
    display: flex;
    width: 100%; 
    margin: 0 auto; 
    overflow: hidden;
}
    .location-dropdown-container select[b-8f3h3vcyx1] {
        background: var(--clr-deep-fleet-blue);
        color: var(--clr-white);
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-right: 30px; /* Make room for the dropdown arrow */
        width: 100%;
    }

/* /Pages/Shared/Components/Pagination.razor.rz.scp.css */
.pagination-container[b-2q1brfgtiq] {
    display: flex;
    flex-flow: row nowrap;
    gap: .5rem;
}

.page-number[b-2q1brfgtiq] {
    border-radius: 5px;
    padding: .25rem .5rem;
}

.page-number.active[b-2q1brfgtiq] {
    background-color: var(--clr-primary);
    color: var(--clr-white);
    padding: .25rem .5rem;
    border-radius: 5px;
}

.arrows[b-2q1brfgtiq] {
    font-size: 1.5rem;
    font-weight: 600;
    color: var(--clr-primary);
    border-radius: 5px;
    padding: 0 .5rem;
}

button.arrows:disabled[b-2q1brfgtiq] {
    opacity: 0.5;
    cursor: not-allowed;
}
/* /Pages/Shared/Components/PriceFamilyDropDown.razor.rz.scp.css */
.price-family-dropdown-container select[b-hdpntn2b2q] {
    background: var(--clr-deep-fleet-blue);
    color: var(--clr-white);
    width: fit-content;
}

select[b-hdpntn2b2q] {
    box-sizing: border-box;
    width: fit-content;
}
/* /Pages/Shared/Components/ReferenceCRUD/ReferenceCrud.razor.rz.scp.css */
table[b-zonw631t4a] {
    width: 100%;
    border-collapse: collapse;
    font-size: var(--fs-responsive);
    table-layout: fixed;
}

button[b-zonw631t4a], input[b-zonw631t4a], select[b-zonw631t4a] {
    min-width: 100%
}

td[b-zonw631t4a], th[b-zonw631t4a] {
    text-align: left;
    border-bottom: 1px solid #fff;
}

    td:last-child[b-zonw631t4a], th:last-child[b-zonw631t4a] {
        width: 150px; /* Makes the last column adjust automatically */
    }

th[b-zonw631t4a] {
    position: sticky;
    top: 0px;
    position: -webkit-sticky;
    background-color: var(--clr-deep-fleet-blue);
    z-index: 999;
}

    th:empty[b-zonw631t4a]::after { /*Fixes issue where this header didn't have a bottom border*/
        content: "\00a0"; /* Non-breaking space */
        display: inline-block;
    }

td[b-zonw631t4a] {
    height: 52px
}

h1[b-zonw631t4a] {
    padding-top: 0;
}

tr:not(:first-child):hover[b-zonw631t4a] {
    background-color: var(--clr-mist-gray-18)
}

    tr:not(:first-child):hover .icon-group[b-zonw631t4a] {
        visibility: visible
    }

.active[b-zonw631t4a] {
    background-color: var(--clr-mist-gray-18)
}

    .active .icon-group[b-zonw631t4a] {
        visibility: visible
    }

.bigger-crud-container[b-zonw631t4a] {
    display: flex;
    flex-direction: column;
}

.crud-container[b-zonw631t4a] {
    display: flex;
    width: 100%;
}

.edit-sidebar[b-zonw631t4a] {
    margin-left: 2rem;
    width: 265px;
    transition: width 0.3s ease, opacity 0.3s ease;
}

.edit-sidebar-wide[b-zonw631t4a] {
    width: 600px;
}

.edit-sidebar-wider[b-zonw631t4a] {
    width: 615px;
}

.edit-sidebar-hidden[b-zonw631t4a] {
    width: 0px;
    opacity: 0;
    transition: width 0.3s ease, opacity 0.3s ease;
}

.table-container[b-zonw631t4a] {
    width: 100%;
    margin-right: 5.9em;
    max-height: 60vh;
    overflow-x: hidden;
    overflow-y: auto;
}

.table-container-small[b-zonw631t4a] {
    width: 100%;
    margin-right: 5.9em;
    max-height: 35vh;
    overflow-x: hidden;
    overflow-y: auto;
}


.price-family-dropdown-container[b-zonw631t4a] {
    width: 20rem;
    margin-bottom: 2rem;
}

.add-icon-container[b-zonw631t4a] {
    margin: 4rem 0;
    display: flex;
    justify-content: center;
    position: sticky;
}

    .add-icon-container i[b-zonw631t4a] {
        cursor: pointer;
        margin-bottom: 5px;
    }

.icon-group[b-zonw631t4a] {
    display: flex;
    width: fit-content;
    margin: 0 1em 0 auto;
    gap: 30px;
    visibility: hidden;
    align-items: center;
}

    .icon-group i[b-zonw631t4a] {
        cursor: pointer
    }

.edit-container[b-zonw631t4a] {
    display: flex;
    flex-direction: column;
    gap: 1em;
    width: fit-content;
    font-size: var(--fs-responsive)
}

.icon-container[b-zonw631t4a] {
    margin-top: auto;
    display: flex;
    gap: 10px;
    width: 100%;
    justify-content: center;
    transition: height .3s linear,opacity .3s ease
}

.input-group label[b-zonw631t4a] {
    font-weight: var(--fw-regular)
}

.input-group input[b-zonw631t4a] {
    width: 200px
}

.table-container-with-add-button[b-zonw631t4a] {
    width: 100%;
}

/*for reset tooltip*/
.reset-tooltip-wrapper[b-zonw631t4a] {
    position: relative;
    display: inline-block;
    align-items: center;
}

.reset-tooltip[b-zonw631t4a] {
    position: absolute;
    bottom: 120%;
    right: 0;
    white-space: nowrap;
    background-color: var( --clr-steel-ship-gray);
    color: #fff;
    padding: 6px 10px;
    border-radius: 4px;
    font-size: 12px;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease, transform 0.3s ease;
    transform: translateY(5px);
    z-index: 1000;
}

    .reset-tooltip[b-zonw631t4a]:after {
        position: absolute;
        right: 8px;
        bottom: -5px;
    }

.reset-tooltip-wrapper:hover .reset-tooltip[b-zonw631t4a] {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0px);
}

.required-note-wrapper[b-zonw631t4a] {
    padding-top: 1rem;
    font-style: italic;
    font-size: 15px;
    color: var(--clr-shady-lady-gray);
    font-weight: 300;
}

i.disabled[b-zonw631t4a] {
    cursor: default;
}
/* /Pages/Shared/Components/SideMenuNav.razor.rz.scp.css */
.side-menu-nav[b-d0ci3gig0i] {
    font-size: var(--fs-responsive);
}

.menu-item[b-d0ci3gig0i] {
    padding: 10px;
    cursor: pointer;
    font-weight: 350;
    border-left: 1px solid white; 
    padding-left: 15px; 
}

    .menu-item.active[b-d0ci3gig0i] {
        color: var(--clr-skywave-blue);
        font-weight: 500;
    }

    .menu-item:hover[b-d0ci3gig0i] {
        color: var(--clr-skywave-blue);
    }

    .menu-item.active:hover[b-d0ci3gig0i] {
        text-shadow: none;
    }
/* /Pages/Shared/Components/Spinner.razor.rz.scp.css */
body[b-jjkfhbgxik] {
    background-color: #2B3236;
    display: flex;
    justify-content: center;
    padding-top: 10%;
}

.spinner-container[b-jjkfhbgxik] {
    width: 100%;
    height: 100px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.spinner[b-jjkfhbgxik] {
    width: 9px;
    height: 9px;
    position: relative; /* Optional for animation context */
    top: 35px;
}

.spinner div[b-jjkfhbgxik] {
    position: absolute;
    width: 50%;
    height: 150%;
    background: #58A5CC;
    transform: rotate(calc(var(--rotation) * 1deg)) translate(0, calc(var(--translation) * 1%));
    animation: spinner-fzua35-b-jjkfhbgxik 1s infinite ease;
    animation-delay: calc((1 - var(--delay)) * -1s);
    animation-fill-mode: backwards;
}

/* Spinner dot setup remains unchanged */
.spinner div:nth-child(1)[b-jjkfhbgxik]  { --delay: 0.1; --rotation: 36;  --translation: 150; }
.spinner div:nth-child(2)[b-jjkfhbgxik]  { --delay: 0.2; --rotation: 72;  --translation: 150; }
.spinner div:nth-child(3)[b-jjkfhbgxik]  { --delay: 0.3; --rotation: 108; --translation: 150; }
.spinner div:nth-child(4)[b-jjkfhbgxik]  { --delay: 0.4; --rotation: 144; --translation: 150; }
.spinner div:nth-child(5)[b-jjkfhbgxik]  { --delay: 0.5; --rotation: 180; --translation: 150; }
.spinner div:nth-child(6)[b-jjkfhbgxik]  { --delay: 0.6; --rotation: 216; --translation: 150; }
.spinner div:nth-child(7)[b-jjkfhbgxik]  { --delay: 0.7; --rotation: 252; --translation: 150; }
.spinner div:nth-child(8)[b-jjkfhbgxik]  { --delay: 0.8; --rotation: 288; --translation: 150; }
.spinner div:nth-child(9)[b-jjkfhbgxik]  { --delay: 0.9; --rotation: 324; --translation: 150; }
.spinner div:nth-child(10)[b-jjkfhbgxik] { --delay: 1.0; --rotation: 360; --translation: 150; }

/* Proper message positioning */
.message[b-jjkfhbgxik] {
    margin-top: 4rem;
}

@keyframes spinner-fzua35-b-jjkfhbgxik {
    0%, 10%, 20%, 30%, 50%, 60%, 70%, 80%, 90%, 100% {
        transform: rotate(calc(var(--rotation) * 1deg)) translate(0, calc(var(--translation) * 1%));
    }

    50% {
        transform: rotate(calc(var(--rotation) * 1deg)) translate(0, calc(var(--translation) * 1.5%));
    }
}
/* /Pages/Shared/Components/SubNav.razor.rz.scp.css */
.sub-nav[b-lp4fk1eawn] {
    display: flex;
    font-size: var(--fs-responsive);
    gap: clamp(0rem, 2.5vw, 2.5rem);
    width: fit-content;
    flex-wrap: nowrap;
    margin-bottom: 1rem;
}

.nav-item[b-lp4fk1eawn] {
    cursor: pointer;
    font-weight: 350;
}


    .nav-item.active[b-lp4fk1eawn] {
        text-decoration: underline;
        text-decoration-color: var(--clr-skywave-blue);
        text-underline-offset: 9px;
        text-decoration-thickness: 2px;
        -webkit-text-stroke: .7px white;
    }

    .nav-item:hover[b-lp4fk1eawn] {
        text-shadow: 1px 0 0 currentColor;
    }

    .nav-item.active:hover[b-lp4fk1eawn]{
        text-shadow: none;
    }

  
  


/* /Pages/Shared/Components/Toggle.razor.rz.scp.css */
.slider-checkbox[b-jku92wpbj6] {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    margin: auto;
    gap: 8px;
}

    .slider-checkbox i[b-jku92wpbj6] {
        cursor: pointer;
        transition: color 0.3s, transform 0.2s;
    }

    /* Add hover effects only when hovering the label/icon */
    .slider-checkbox:not(.slider-checkbox-disabled) .slider-checkbox-label:hover i[b-jku92wpbj6] {
        transform: scale(1.1);
        opacity: 0.8;
    }

    .slider-checkbox:not(.slider-checkbox-disabled) .slider-checkbox-label:hover .fa-circle[b-jku92wpbj6] {
        color: var(--clr-skywave-blue);
    }

    .slider-checkbox:not(.slider-checkbox-disabled) .slider-checkbox-label:hover .fa-circle-check[b-jku92wpbj6] {
        transform: scale(1.1);
    }

.slider-checkbox-disabled[b-jku92wpbj6] {
    opacity: 0.6;
    cursor: not-allowed !important;
}

    .slider-checkbox-disabled i[b-jku92wpbj6] {
        cursor: not-allowed !important;
        pointer-events: none;
    }

.slider-checkbox-no-margin[b-jku92wpbj6] {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    margin: 0;
    gap: 8px;
}

    .slider-checkbox-no-margin i[b-jku92wpbj6] {
        cursor: pointer;
        transition: color 0.3s, transform 0.2s;
    }

    /* Add hover effects only when hovering the label/icon for no-margin toggles */
    .slider-checkbox-no-margin:not(.slider-checkbox-disabled) .slider-checkbox-label:hover i[b-jku92wpbj6] {
        transform: scale(1.1);
        opacity: 0.8;
    }

    .slider-checkbox-no-margin:not(.slider-checkbox-disabled) .slider-checkbox-label:hover .fa-circle[b-jku92wpbj6] {
        color: var(--clr-skywave-blue);
    }

    .slider-checkbox-no-margin:not(.slider-checkbox-disabled) .slider-checkbox-label:hover .fa-circle-check[b-jku92wpbj6] {
        transform: scale(1.1);
    }

.slider-checkbox-input[b-jku92wpbj6] {
    opacity: 0;
    width: 0;
    height: 0;
    position: absolute;
    pointer-events: none; /* Ensure input doesn't interfere with hover */
}

.slider-checkbox-label[b-jku92wpbj6] {
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

    .slider-checkbox-label i[b-jku92wpbj6] {
        color: var(--clr-shady-lady-gray);
        transition: color 0.3s, transform 0.2s;
    }

.slider-checkbox-input:checked + .slider-checkbox-label i[b-jku92wpbj6] {
    color: var(--custom-toggle-color, var(--clr-skywave-blue));
}

.slider-checkbox-text[b-jku92wpbj6] {
    user-select: none;
    white-space: nowrap;
}
/* /Pages/Shared/Components/Tooltip.razor.rz.scp.css */
.tooltip-container[b-zztsrs0uff] {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    justify-content: flex-start
}

/* Text alignment classes - control justify-content on container */
.tooltip-container.text-align-left[b-zztsrs0uff] {
    justify-content: flex-start;
}

.tooltip-container.text-align-center[b-zztsrs0uff] {
    justify-content: center;
}

.tooltip-container.text-align-right[b-zztsrs0uff] {
    justify-content: flex-end;
}

.tooltip-icon[b-zztsrs0uff] {
    font-size: 0.875rem;
    opacity: 1;
    transition: opacity 0.2s ease-in-out;
    cursor: pointer;
}

.tooltip[b-zztsrs0uff] {
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    min-width: 150px;
    max-width: min(300px, calc(100vw - 40px));
    width: max-content;
    background-color: var(--clr-text-gray, #333);
    color: var(--clr-white, #fff);
    padding: 0.5em 0.5em;
    border-radius: 4px;
    white-space: normal;
    word-wrap: break-word;
    z-index: 1000;
    font-size: calc(var(--fs-responsive) * 0.7);
    pointer-events: none;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    opacity: 0;
    -webkit-transform: translateY(-10px) translateX(-50%);
    -moz-transform: translateY(-10px) translateX(-50%);
    -ms-transform: translateY(-10px) translateX(-50%);
    -o-transform: translateY(-10px) translateX(-50%);
    transform: translateY(-10px) translateX(-50%);
    transition: opacity 0.3s ease, transform 0.3s ease;
    margin-bottom: 0.5rem;
}

/* Compact tooltip variant - narrower width */
.tooltip-container.tooltip-compact .tooltip[b-zztsrs0uff] {
    min-width: 100px;
    max-width: 200px;
}

/* Default theme - uses #384245 */
.tooltip-container.tooltip-default .tooltip[b-zztsrs0uff] {
    background-color: #384245;
}

.tooltip-container.tooltip-default .tooltip[b-zztsrs0uff]::after {
    border-color: #384245 transparent transparent transparent;
}

/* Tuner theme - uses #2B3236 */
.tooltip-container.tooltip-tuner .tooltip[b-zztsrs0uff] {
    background-color: #2B3236;
}

.tooltip-container.tooltip-tuner .tooltip[b-zztsrs0uff]::after {
    border-color: #2B3236 transparent transparent transparent;
}

.tooltip[b-zztsrs0uff]::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: var(--clr-text-gray, #333) transparent transparent transparent;
}

/* Default behavior - show tooltip on container hover when no icon */
.tooltip-container:hover .tooltip[b-zztsrs0uff] {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: translateY(0px) translateX(-50%);
    -moz-transform: translateY(0px) translateX(-50%);
    -ms-transform: translateY(0px) translateX(-50%);
    -o-transform: translateY(0px) translateX(-50%);
    transform: translateY(0px) translateX(-50%);
}

/* When icon is enabled, only show tooltip on icon hover */
.tooltip-container.has-icon:hover .tooltip[b-zztsrs0uff] {
    opacity: 0;
    pointer-events: none;
}

.tooltip-container.has-icon .tooltip-icon:hover ~ .tooltip[b-zztsrs0uff] {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: translateY(0px) translateX(-50%);
    -moz-transform: translateY(0px) translateX(-50%);
    -ms-transform: translateY(0px) translateX(-50%);
    -o-transform: translateY(0px) translateX(-50%);
    transform: translateY(0px) translateX(-50%);
}

.tooltip:hover[b-zztsrs0uff] {
    display: none;
}

/* Left position - tooltip opens to the right */
.tooltip-container.tooltip-left .tooltip[b-zztsrs0uff] {
    left: auto; 
    right: 0;
    transform: translateX(8px) translateY(-10px); 
    max-width: min(250px, calc(100vw - 80px));  
}

.tooltip-container.tooltip-left .tooltip[b-zztsrs0uff]::after {
    left: auto;
    right: 10%;
    margin-left: 0;
}

.tooltip-container.tooltip-left:hover .tooltip[b-zztsrs0uff],
.tooltip-container.tooltip-left.has-icon .tooltip-icon:hover ~ .tooltip[b-zztsrs0uff] {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0) translateX(0);
    -webkit-transform: translateY(0) translateX(0);
    -moz-transform: translateY(0) translateX(0);
    -ms-transform: translateY(0) translateX(0);
    -o-transform: translateY(0) translateX(0);
}

.tooltip-container.tooltip-left.has-icon:hover .tooltip[b-zztsrs0uff] {
    opacity: 0;
    pointer-events: none;
}

/* Right position - tooltip opens to the left */
.tooltip-container.tooltip-right .tooltip[b-zztsrs0uff] {
    right: auto; 
    left: 0; 
    transform: translateX(0px) translateY(-10px);
    max-width: clamp(150px, 70vw, 250px); 
}

.tooltip-container.tooltip-right .tooltip[b-zztsrs0uff]::after {
    left: 10%;
    margin-left: 0;
}

.tooltip-container.tooltip-right:hover .tooltip[b-zztsrs0uff],
.tooltip-container.tooltip-right.has-icon .tooltip-icon:hover ~ .tooltip[b-zztsrs0uff] {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0) translateX(0);
    -webkit-transform: translateY(0) translateX(0);
    -moz-transform: translateY(0) translateX(0);
    -ms-transform: translateY(0) translateX(0);
    -o-transform: translateY(0) translateX(0);
}

.tooltip-container.tooltip-right.has-icon:hover .tooltip[b-zztsrs0uff] {
    opacity: 0;
    pointer-events: none;
}

/* Center position (default) */
.tooltip-container.tooltip-center .tooltip[b-zztsrs0uff] {
    left: 50%;
    transform: translateX(-50%) translateY(-10px);
}

.tooltip-container.tooltip-center .tooltip[b-zztsrs0uff]::after {
    left: 50%;
    margin-left: -5px;
}

.tooltip-container.tooltip-center:hover .tooltip[b-zztsrs0uff],
.tooltip-container.tooltip-center.has-icon .tooltip-icon:hover ~ .tooltip[b-zztsrs0uff] {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0) translateX(-50%);
    -webkit-transform: translateY(0) translateX(-50%);
    -moz-transform: translateY(0) translateX(-50%);
    -ms-transform: translateY(0) translateX(-50%);
    -o-transform: translateY(0) translateX(-50%);
}

.tooltip-container.tooltip-center.has-icon:hover .tooltip[b-zztsrs0uff] {
    opacity: 0;
    pointer-events: none;
}

/* Bottom Center position - tooltip appears below */
.tooltip-container.tooltip-bottom-center .tooltip[b-zztsrs0uff] {
    bottom: auto;
    top: 100%;
    left: 50%;
    transform: translateX(-50%) translateY(10px);
    margin-bottom: 0;
    margin-top: 0.5rem;
}

.tooltip-container.tooltip-bottom-center .tooltip[b-zztsrs0uff]::after {
    top: auto;
    bottom: 100%;
    left: 50%;
    margin-left: -5px;
    border-color: transparent transparent var(--clr-text-gray, #333) transparent;
}

.tooltip-container.tooltip-bottom-center.tooltip-default .tooltip[b-zztsrs0uff]::after {
    border-color: transparent transparent #384245 transparent;
}

.tooltip-container.tooltip-bottom-center.tooltip-tuner .tooltip[b-zztsrs0uff]::after {
    border-color: transparent transparent #2B3236 transparent;
}

.tooltip-container.tooltip-bottom-center:hover .tooltip[b-zztsrs0uff],
.tooltip-container.tooltip-bottom-center.has-icon .tooltip-icon:hover ~ .tooltip[b-zztsrs0uff] {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0) translateX(-50%);
    -webkit-transform: translateY(0) translateX(-50%);
    -moz-transform: translateY(0) translateX(-50%);
    -ms-transform: translateY(0) translateX(-50%);
    -o-transform: translateY(0) translateX(-50%);
}

.tooltip-container.tooltip-bottom-center.has-icon:hover .tooltip[b-zztsrs0uff] {
    opacity: 0;
    pointer-events: none;
}

/* Bottom Left position - tooltip appears below and to the right */
.tooltip-container.tooltip-bottom-left .tooltip[b-zztsrs0uff] {
    bottom: auto;
    top: 100%;
    left: 0;
    transform: translateX(0) translateY(10px);
    margin-bottom: 0;
    margin-top: 0.5rem;
}

.tooltip-container.tooltip-bottom-left .tooltip[b-zztsrs0uff]::after {
    top: auto;
    bottom: 100%;
    left: 10%;
    margin-left: 0;
    border-color: transparent transparent var(--clr-text-gray, #333) transparent;
}

.tooltip-container.tooltip-bottom-left.tooltip-default .tooltip[b-zztsrs0uff]::after {
    border-color: transparent transparent #384245 transparent;
}

.tooltip-container.tooltip-bottom-left.tooltip-tuner .tooltip[b-zztsrs0uff]::after {
    border-color: transparent transparent #2B3236 transparent;
}

.tooltip-container.tooltip-bottom-left:hover .tooltip[b-zztsrs0uff],
.tooltip-container.tooltip-bottom-left.has-icon .tooltip-icon:hover ~ .tooltip[b-zztsrs0uff] {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0) translateX(0);
    -webkit-transform: translateY(0) translateX(0);
    -moz-transform: translateY(0) translateX(0);
    -ms-transform: translateY(0) translateX(0);
    -o-transform: translateY(0) translateX(0);
}

.tooltip-container.tooltip-bottom-left.has-icon:hover .tooltip[b-zztsrs0uff] {
    opacity: 0;
    pointer-events: none;
}

/* Bottom Right position - tooltip appears below and to the left */
.tooltip-container.tooltip-bottom-right .tooltip[b-zztsrs0uff] {
    bottom: auto;
    top: 100%;
    left: auto;
    right: 0;
    transform: translateX(0) translateY(10px);
    margin-bottom: 0;
    margin-top: 0.5rem;
}

.tooltip-container.tooltip-bottom-right .tooltip[b-zztsrs0uff]::after {
    top: auto;
    bottom: 100%;
    left: auto;
    right: 10%;
    margin-left: 0;
    border-color: transparent transparent var(--clr-text-gray, #333) transparent;
}

.tooltip-container.tooltip-bottom-right.tooltip-default .tooltip[b-zztsrs0uff]::after {
    border-color: transparent transparent #384245 transparent;
}

.tooltip-container.tooltip-bottom-right.tooltip-tuner .tooltip[b-zztsrs0uff]::after {
    border-color: transparent transparent #2B3236 transparent;
}

.tooltip-container.tooltip-bottom-right:hover .tooltip[b-zztsrs0uff],
.tooltip-container.tooltip-bottom-right.has-icon .tooltip-icon:hover ~ .tooltip[b-zztsrs0uff] {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0) translateX(0);
    -webkit-transform: translateY(0) translateX(0);
    -moz-transform: translateY(0) translateX(0);
    -ms-transform: translateY(0) translateX(0);
    -o-transform: translateY(0) translateX(0);
}

.tooltip-container.tooltip-bottom-right.has-icon:hover .tooltip[b-zztsrs0uff] {
    opacity: 0;
    pointer-events: none;
}

/* Responsive positioning to prevent overflow on right edge */
@media (max-width: 768px) {
    .tooltip[b-zztsrs0uff] {
        max-width: calc(100vw - 20px);
        min-width: 120px;
    }
}

/* Right-aligned tooltips for elements near right edge of viewport */
@container (inline-size > 80%) {
    .tooltip[b-zztsrs0uff] {
        left: auto;
        right: 0;
        transform: translateX(0);
    }
    
    .tooltip[b-zztsrs0uff]::after {
        left: auto;
        right: 10%;
    }
    
    .tooltip-container:hover .tooltip[b-zztsrs0uff] {
        transform: translateY(0px) translateX(0);
    }

    .tooltip-container.has-icon .tooltip-icon:hover ~ .tooltip[b-zztsrs0uff] {
        transform: translateY(0px) translateX(0);
    }
}

/* Left-aligned tooltips for elements near left edge */
@container (inline-size < 20%) {
    .tooltip[b-zztsrs0uff] {
        left: 0;
        transform: translateX(0);
    }
    
    .tooltip[b-zztsrs0uff]::after {
        left: 10%;
        right: auto;
    }
    
    .tooltip-container:hover .tooltip[b-zztsrs0uff] {
        transform: translateY(0px) translateX(0);
    }

    .tooltip-container.has-icon .tooltip-icon:hover ~ .tooltip[b-zztsrs0uff] {
        transform: translateY(0px) translateX(0);
    }
}

@media (width <= 1600px) {
    .tooltip[b-zztsrs0uff] {
        width: auto;
    }
}
/* /Pages/Shared/MobileNotSupported.razor.rz.scp.css */
div[b-t6qjypv9pv] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    align-content: center;
    height: 80%;
    align-items: center;
    margin: 1rem;
}


button[b-t6qjypv9pv] {
    margin: 1rem;
}