/* _content/OnBoardWeb/Components/Components/ConnectionBanner.razor.rz.scp.css */

.connection-banner[b-6zvgse2pi6] {
    position: fixed;
    top: 1rem;
    left: 50%;
    background-color: rgba(255, 80, 80, 0.9);
    color: #fff;
    padding: 0.5rem 1rem;
    max-width: 20rem;
    pointer-events: none;
    z-index: 1000;
    transform: translate(-50%, -120%);
}

.slide-in[b-6zvgse2pi6] {
    animation: slide-in-b-6zvgse2pi6 0.4s ease-out forwards;
}

@keyframes slide-in-b-6zvgse2pi6 {
    from {
        transform: translate(-50%, -120%);
    }
    to {
        transform: translate(-50%, 0);
    }
}

.reconnected-banner[b-6zvgse2pi6] {
    background-color: rgba(80, 180, 80, 0.9);
}

.reconnected-banner .progress-bar[b-6zvgse2pi6] {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 4px;
    margin-top: 0.25rem;
    background-color: rgba(255, 255, 255, 0.3);
    overflow: hidden;
}

.reconnected-banner .progress[b-6zvgse2pi6] {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.8);
    transform: scaleX(0);
    transform-origin: left;
    animation: fill-progress-b-6zvgse2pi6 3s linear forwards;
}

@keyframes fill-progress-b-6zvgse2pi6 {
    to {
        transform: scaleX(1);
    }
}
/* _content/OnBoardWeb/Components/Components/DualRangeSlider.razor.rz.scp.css */
.dual-slider[b-cj3jjpn47c] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    padding: 0 1rem 0.75rem;
    box-sizing: border-box;
}

.dual-slider .slider-body[b-cj3jjpn47c] {
    position: relative;
    width: 100%;
    min-height: 7vh;
}

.calibration-row .dual-slider[b-cj3jjpn47c] {
    width: 100%;
    margin-top: 20px;
}

.dual-slider .slider-body .slider-track-bg[b-cj3jjpn47c],
.dual-slider .slider-body .slider-track-range[b-cj3jjpn47c] {
    position: absolute;
    top: 0;
    height: 2vh;
    border-radius: 1vh;
    pointer-events: none;
}

.dual-slider .slider-body .slider-track-bg[b-cj3jjpn47c] {
    left: 0;
    right: 0;
    background: rgba(255, 255, 255, 0.3);
}

.dual-slider .slider-body .slider-track-range[b-cj3jjpn47c] {
    background: var(--slider-color);
}

.dual-slider .slider-body input[type="range"][b-cj3jjpn47c] {
    -webkit-appearance: none;
    width: 100%;
    height: 2vh;
    background: none;
    position: absolute;
    pointer-events: all;
}

.dual-slider .slider-body input.min-range[b-cj3jjpn47c] {
    top: 2vh;
}

.dual-slider .slider-body input.max-range[b-cj3jjpn47c] {
    top: -1.5vh;
}

/*.dual-slider input.min-range,
.dual-slider input.max-range {
    pointer-events: all;
}*/

.dual-slider input[type="range"][b-cj3jjpn47c]::-webkit-slider-runnable-track {
    pointer-events: none;
}

.dual-slider input[type="range"][b-cj3jjpn47c]::-moz-range-track {
    pointer-events: none;
}

.dual-slider input[type="range"][b-cj3jjpn47c]::-ms-track {
    pointer-events: none;
}

.dual-slider .slider-body input.min-range[b-cj3jjpn47c]::-webkit-slider-thumb,
.dual-slider .slider-body input.max-range[b-cj3jjpn47c]::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 4vh;
    height: 3vh;
    margin-top: -0.75vh;
    cursor: pointer;
    background-color: transparent;
    border: none;
    position: relative;
    z-index: 2;
    pointer-events: all;
    box-shadow: none;
}

.dual-slider .slider-body input.min-range[b-cj3jjpn47c]::-webkit-slider-thumb {
    margin-top: -0.75vh;
}

.dual-slider .slider-body input.max-range[b-cj3jjpn47c]::-webkit-slider-thumb {
    margin-top: -0.75vh;
}
.dual-slider .slider-body input.min-range[b-cj3jjpn47c]::-moz-range-thumb,
.dual-slider .slider-body input.max-range[b-cj3jjpn47c]::-moz-range-thumb {
    width: 4vh;
    height: 3vh;
    margin-top: -0.75vh;
    cursor: pointer;
    background: transparent;
    border: none;
    position: relative;
    z-index: 2;
    pointer-events: all;
    box-shadow: none;
}

.dual-slider .slider-body input.min-range[b-cj3jjpn47c]::-moz-range-thumb {
    margin-top: -0.75vh;
}

.dual-slider .slider-body input.max-range[b-cj3jjpn47c]::-moz-range-thumb {
    margin-top: -0.75vh;
}

.dual-slider .slider-body .custom-handle[b-cj3jjpn47c] {
    position: absolute;
    width: 0;
    height: 0;
    pointer-events: none;
    z-index: 3;
}

.dual-slider .slider-body .min-handle[b-cj3jjpn47c] {
    border-left: 1.5vh solid transparent;
    border-right: 1.5vh solid transparent;
    border-bottom: 1.5vh solid var(--slider-color);
    transform: translateX(-50%);
    top: 2vh;
}

.dual-slider .slider-body .max-handle[b-cj3jjpn47c] {
    border-left: 1.5vh solid transparent;
    border-right: 1.5vh solid transparent;
    border-top: 1.5vh solid var(--slider-color);
    transform: translateX(-50%);
    top: -1.5vh;
}

.dual-slider .value-row[b-cj3jjpn47c] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 0.75rem 1.25rem;
    width: 100%;
}

.dual-slider .value-field[b-cj3jjpn47c] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 0.3rem;
    max-width: 100%;
    text-align: center;
}

.dual-slider .value-field.with-percentage[b-cj3jjpn47c] {
    flex-direction: column;
    gap: 0.2rem;
}

.dual-slider .value-field.with-percentage .value-main[b-cj3jjpn47c] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.3rem;
}

.dual-slider input.value[b-cj3jjpn47c] {
    background: rgba(0, 0, 0, 0.6);
    border: 1px solid rgba(255, 255, 255, 0.2);
    width: 6ch;
    padding: 0.2vh 0.4vh;
    text-align: center;
    color: #fff;
    border-radius: 0.5vh;
/*    font-size: 80%;*/
    -moz-appearance: textfield;
}

.dual-slider .value-unit[b-cj3jjpn47c] {
    font-size: 0.8rem;
    color: #fff;
}

.dual-slider .value-percentage[b-cj3jjpn47c] {
    font-size: 0.75rem;
    color: #dcdcdc;
    width: 4ch;
    text-align: center;
    display: inline-block;
}

.dual-slider input.value[b-cj3jjpn47c]::-webkit-inner-spin-button,
.dual-slider input.value[b-cj3jjpn47c]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.dual-slider .hyst-marker[b-cj3jjpn47c] {
    position: absolute;
    top: 0;
    height: 2vh;
    width: 0;
    border-left: 0.3vh solid #000;
    transform: translateX(-50%);
    pointer-events: none;
    display: none;
    z-index: 1;
}


.dual-slider .value-row .hyst-field[b-cj3jjpn47c] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.2rem;
    text-align: center;
    flex: 0 0 auto;
}

.dual-slider .hyst-caption[b-cj3jjpn47c] {
    font-size: 0.7rem;
    color: #fff;
}


/* === MEDIA === */

/* 4K (3840x2160) */

@media (min-width: 2880px) {
    .dual-slider .value-unit[b-cj3jjpn47c] {
        font-size: 2rem;
    }
}
/* _content/OnBoardWeb/Components/Components/Popup.razor.rz.scp.css */
.custom-popup[b-jdjpgk9e8b] {
    position: fixed;
    left: 50%;
    top: 40%;
    transform: translate(-50%, -50%);
    background-color: rgba(20, 20, 20, 1);
    border: 2px solid rgba(227, 41, 64, 0.55);
    padding: 1rem 2rem;
    border-radius: 0.75rem;
    color: white;
    z-index: 2000;
    display: none;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5);
    box-sizing: border-box;
    width: min(calc(100vw - 2rem), 48rem);
    min-width: min(20rem, calc(100vw - 2rem));
    max-width: min(calc(100vw - 2rem), 52rem);
    max-height: calc(var(--app-height) - var(--footer-height) - var(--footer-gap));
    overflow-y: auto;
}

.custom-popup.bottom-align[b-jdjpgk9e8b] {
    top: auto;
    bottom: calc(var(--footer-height, 0px) + var(--app-base-unit));
    left: 50%;
    transform: translateX(-50%);
}

@supports (height: 100dvh) {
    .custom-popup[b-jdjpgk9e8b] {
        max-height: calc(100dvh - var(--footer-height) - var(--footer-gap));
    }
}

.custom-popup.show[b-jdjpgk9e8b] {
    display: block;
}

.custom-popup.show.center-content[b-jdjpgk9e8b] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.custom-popup.show.center-content .custom-popup-content[b-jdjpgk9e8b] {
    text-align: left;
}

.custom-popup-buttons[b-jdjpgk9e8b] {
    margin-top: 0.5rem;
    display: flex;
    gap: 1rem;
    justify-content: center;
    flex-wrap: wrap;
}

.custom-popup-buttons .btn[b-jdjpgk9e8b] {
    min-width: 6rem;
}

.custom-popup-content span[b-jdjpgk9e8b] {
    white-space: pre-line;
}

.custom-popup-content[b-jdjpgk9e8b] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 30px;
}





/* === MEDIA === */

/* WVGA / WVGA-Narrow (720x480, 800x480) */

@media (min-width: 700px) and (max-width: 880px) {
}

/* WSVGA / XGA (1024x600, 1024x768) */

@media (min-width: 881px) and (max-width: 1150px) {
}

/* WXGA / HD720 / SXGA (1280x720/800/1024) */

@media (min-width: 1151px) and (max-width: 1600px) {
}

/* HD / WUXGA (1920x1080, 1920x1200) */

@media (min-width: 1601px) and (max-width: 2879px) {
}

/* 4K (3840x2160) */

@media (min-width: 2880px) {
    .custom-popup[b-jdjpgk9e8b] {
        width: 40vw;
        max-width: 60vw;
        padding: 3rem;
    }

    .custom-popup-content span[b-jdjpgk9e8b] {
        font-size: 2rem;
    }

    .custom-popup-buttons[b-jdjpgk9e8b] {
        gap: 3rem;
    }
}
/* _content/OnBoardWeb/Components/Components/RangeSlider.razor.rz.scp.css */
.slider-range[b-9x3xpm1ane] {
    -webkit-appearance: none;
    width: 60%;
    height: 0.25rem;
    background: linear-gradient(to right, var(--slider-color) 0, var(--slider-color) var(--slider-fill-width, 0%), #262626 var(--slider-fill-width, 0%), #262626 100%);
    border-radius: 1rem;
    outline: none;
}

.slider-range[b-9x3xpm1ane]::-webkit-slider-runnable-track {
    height: 100%;
    background: rgba(255, 255, 255, 0.2);
    border: none;
}

.slider-range[b-9x3xpm1ane]::-moz-range-track {
    height: 100%;
    background: rgba(255, 255, 255, 0.2);
    border: none;
}

.slider-range[b-9x3xpm1ane]::-moz-range-progress {
    height: 100%;
    background-color: var(--slider-color);
    border-radius: 1vh;
    border: none;
}

.slider-range[b-9x3xpm1ane]::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    position: relative;
    width: 1.5rem;
    height: 1.5rem;
    margin-top: -0.6rem;
    background-color: var(--slider-color);
    border-radius: 50%;
    border: none;
    cursor: pointer;
    z-index: 2;
    box-shadow: inset 0 0 0 0.5rem #f0f0f0;
}

.slider-range[b-9x3xpm1ane]::-moz-range-thumb {
    width: 1.5rem;
    height: 1.5rem;
    margin-top: -0.6rem;
    background-color: var(--slider-color);
    border-radius: 50%;
    cursor: pointer;
    border: none;
    position: relative;
    z-index: 2;
    box-shadow: inset 0 0 0 1.2vh #f0f0f0;
}
/* _content/OnBoardWeb/Components/Components/RgbwColorPicker.razor.rz.scp.css */
.rgbw-picker[b-33oyx2u8vl] {
    height: 80%;
    min-height: 0;
    width: 100%;
    gap: 1rem;
    overflow-x: hidden;
    overflow-y: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.rgbw-wheel[b-33oyx2u8vl] {
    height: 80%;
    width: auto;
    max-width: 90%;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    justify-self: center;
    align-self: center;
    touch-action: none;
}
    
.rgbw-controls[b-33oyx2u8vl] {
    justify-self: end;
    align-self: center;
    min-width: 0;
}





/* === MEDIA === */

/* Mobile */

@media (max-width: 699px) {
    
}

/* WVGA / WVGA-Narrow (720x480, 800x480) */

@media (min-width: 700px) and (max-width: 880px) {   

    
}

/* WSVGA / XGA (1024x600, 1024x768) */

@media (min-width: 881px) and (max-width: 1150px) {        

   
}

/* WXGA / HD720 / SXGA */

@media (min-width: 1151px) and (max-width: 1600px) {
    
}

/* HD / WUXGA */

@media (min-width: 1601px) and (max-width: 2879px) {
    
}

/* 4K */

@media (min-width: 2880px) {
    
}
/* _content/OnBoardWeb/Components/Components/SingleRangeSlider.razor.rz.scp.css */
.single-slider[b-ndhkmvybp2] {
    position: relative;
    width: 100%;
    height: 7vh;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.single-slider .slider-track-bg[b-ndhkmvybp2],
.single-slider .slider-track-range[b-ndhkmvybp2] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2vh;
    border-radius: 1vh;
    pointer-events: none;
}

.single-slider .slider-track-bg[b-ndhkmvybp2] {
    background: rgba(255, 255, 255, 0.3);
}

.single-slider .slider-track-range[b-ndhkmvybp2] {
    background: var(--slider-color);
}

.single-slider input[type="range"][b-ndhkmvybp2] {
    -webkit-appearance: none;
    width: 100%;
    height: 2vh;
    background: none;
    position: absolute;
    top: 2vh;
    left: 0;
    right: 0;
    margin: 0;
    pointer-events: all;
}

.single-slider input[type="range"][b-ndhkmvybp2]::-webkit-slider-runnable-track {
    pointer-events: none;
}

.single-slider input[type="range"][b-ndhkmvybp2]::-moz-range-track {
    pointer-events: none;
}

.single-slider input[type="range"][b-ndhkmvybp2]::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 4vh;
    height: 3vh;
    margin-top: -0.75vh;
    cursor: pointer;
    background-color: transparent;
    border: none;
    position: relative;
    z-index: 2;
    pointer-events: all;
    box-shadow: none;
}

.single-slider input[type="range"][b-ndhkmvybp2]::-moz-range-thumb {
    width: 4vh;
    height: 3vh;
    margin-top: -0.75vh;
    cursor: pointer;
    background: transparent;
    border: none;
    position: relative;
    z-index: 2;
    pointer-events: all;
    box-shadow: none;
}

.single-slider .custom-handle[b-ndhkmvybp2] {
    position: absolute;
    width: 0;
    height: 0;
    pointer-events: none;
    z-index: 3;
    border-left: 1.5vh solid transparent;
    border-right: 1.5vh solid transparent;
    border-bottom: 1.5vh solid var(--slider-color);
    transform: translateX(-50%);
    top: 2vh;
}

.single-slider .value-field[b-ndhkmvybp2] {
    display: flex;
    align-items: center;
    margin-top: 4vh;
    gap: 0.3rem;
}

.single-slider input.value[b-ndhkmvybp2] {
    background: rgba(0, 0, 0, 0.6);
    border: 1px solid rgba(255, 255, 255, 0.2);
    width: 6ch;
    padding: 0.2vh 0.4vh;
    text-align: center;
    color: #fff;
    border-radius: 0.5vh;
    font-size: 80%;
    -moz-appearance: textfield;
}

.single-slider .value-unit[b-ndhkmvybp2] {
    font-size: 0.8rem;
    color: #fff;
}

.single-slider .value-percentage[b-ndhkmvybp2] {
    font-size: 0.75rem;
    color: #dcdcdc;
    min-width: 3ch;
}

.single-slider input.value[b-ndhkmvybp2]::-webkit-inner-spin-button,
.single-slider input.value[b-ndhkmvybp2]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
/* _content/OnBoardWeb/Components/Components/ToggleSwitch.razor.rz.scp.css */
.toggle-switch[b-odmcpieyuu] {
    position: relative;
    display: inline-block;
    width: 8vh;
    height: 4vh;
}

.toggle-switch input[b-odmcpieyuu] {
    opacity: 0;
    width: 0;
    height: 0;
}

.toggle-switch span[b-odmcpieyuu] {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #CCCCCC;
    transition: .4s;
    border-radius: 3vh;
    box-shadow: inset 0 0 0.5vh rgba(0, 0, 0, 0.4);
}

.toggle-switch input:checked + span[b-odmcpieyuu] {
    background-color: var(--toggle-color);
    box-shadow: none;
}

.toggle-switch span[b-odmcpieyuu]:before {
    position: absolute;
    content: "";
    height: 3.4vh;
    width: 3.4vh;
    left: 0.3vh;
    top: 0.3vh;
    background-color: #262626;
    transition: .4s;
    border-radius: 50%;
}

.toggle-switch input:checked + span[b-odmcpieyuu]:before {
    transform: translateX(4vh);
}
/* _content/OnBoardWeb/Components/Components/UserManagementDialog.razor.rz.scp.css */
.user-manager[b-2msh05wd8t] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    min-width: 20rem;
    flex: 1;
    min-height: 0;
}

.user-manager-content-panel[b-2msh05wd8t] {
    display: flex;
    flex-direction: column;
    min-height: 0;
    position: relative;
}

.user-manager-switch[b-2msh05wd8t] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    align-items: center;
    justify-content: center;
    flex: 1;
    min-height: 0;
    width: 100%;
}

.user-manager-title[b-2msh05wd8t] {
    font-size: 2rem;
    margin: 0;
}

.user-manager-admin-header[b-2msh05wd8t] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.user-manager-header-actions[b-2msh05wd8t] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-left: auto;
}

.user-manager-subtitle[b-2msh05wd8t] {
    margin: 0;
    font-size: 1rem;
    color: rgba(245, 249, 255, 0.8);
}

.user-avatar-grid[b-2msh05wd8t] {
    --user-tile-size: 220px;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(var(--user-tile-size), var(--user-tile-size)));
    grid-auto-rows: var(--user-tile-size);
    gap: 1rem;
    width: 100%;
    justify-content: center;
    justify-items: center;
    align-content: center;
    flex: 1;
    min-height: 0;
}

.user-avatar-grid.secondary[b-2msh05wd8t] {
    margin-top: 0.75rem;
}

.user-avatar-card[b-2msh05wd8t] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.6rem 0.75rem;
    border-radius: 0.75rem;
    background: rgba(12, 26, 46, 0.65);
    border: 1px solid rgba(255, 255, 255, 0.18);
    color: #f8fafc;
    cursor: pointer;
    transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
    text-align: left;
    box-sizing: border-box;
}

.user-avatar-card.large[b-2msh05wd8t] {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: var(--user-tile-size);
    min-width: var(--user-tile-size);
    height: var(--user-tile-size);
    gap: 0.5rem;
}

.user-avatar-card.other[b-2msh05wd8t] {
    background: rgba(12, 26, 46, 0.45);
    border-style: dashed;
}

.user-avatar-card:hover[b-2msh05wd8t],
.user-avatar-card:focus[b-2msh05wd8t] {
    border-color: rgba(0, 123, 255, 0.6);
    box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.25);
    transform: translateY(-1px);
    outline: none;
}

.user-avatar-card.active[b-2msh05wd8t] {
    border-color: rgba(0, 123, 255, 0.85);
    box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.4);
}

.user-avatar[b-2msh05wd8t] {
    width: 40px;
    height: 40px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    overflow: hidden;
}

.user-avatar.large[b-2msh05wd8t] {
    width: 86px;
    height: 86px;
    font-size: 1.6rem;
}

.user-avatar-image[b-2msh05wd8t] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.user-avatar.other-icon[b-2msh05wd8t] {
    background: rgba(255, 255, 255, 0.15);
    color: #f8fafc;
}

.user-avatar-name[b-2msh05wd8t] {
    font-size: 0.95rem;
    font-weight: 600;
    display: block;
    width: 100%;
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: break-word;
    max-width: 100%;
}

.user-avatar-card.large .user-avatar-name[b-2msh05wd8t] {
    font-size: 1rem;
}

.user-manager-admin-button[b-2msh05wd8t] {
    margin-top: 1rem;
    padding: 0.5rem 1.5rem;
    border-radius: 0.5rem;
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.3);
    color: #f8fafc;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.user-manager-admin-button:hover[b-2msh05wd8t] {
    border-color: rgba(255, 255, 255, 0.6);
}

.user-manager-content[b-2msh05wd8t] {
    display: grid;
    grid-template-columns: minmax(14rem, 1fr) minmax(18rem, 2fr);
    gap: 1.5rem;
    flex: 1;
    min-height: 0;
}

.user-manager-list[b-2msh05wd8t],
.user-manager-editor[b-2msh05wd8t] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    flex: 1;
    min-height: 0;
}

.user-manager-editor-scroll[b-2msh05wd8t] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    overflow-y: auto;
    min-height: 0;
    padding-right: 0.5rem;
    flex: 1;
}

.user-list[b-2msh05wd8t] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    list-style: none;
    margin: 0;
    padding: 0;
    overflow-y: auto;
    padding-right: 0.4rem;
    flex: 1;
    min-height: 0;
}

.user-list-item[b-2msh05wd8t] {
    align-items: center;
    background-color: rgba(12, 26, 46, 0.65);
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 0.5rem;
    color: #f5f8ff;
    cursor: pointer;
    display: flex;
    gap: 0.75rem;
    justify-content: space-between;
    padding: 0.6rem 0.75rem;
    transition: background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, color 0.2s ease;
    width: 100%;
}

.user-list-item.selected[b-2msh05wd8t] {
    border-color: rgba(0, 123, 255, 0.8);
    box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.4);
}

.user-list-name[b-2msh05wd8t] {
    flex: 1 1 auto;
    text-align: left;
}

.user-list-warning[b-2msh05wd8t] {
    color: #facc15;
    font-size: 1.5rem;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    margin-left: 0.4rem;
}

.user-role-pill[b-2msh05wd8t] {
    background-color: rgba(0, 123, 255, 0.8);
    border-radius: 999px;
    color: #fff;
    font-size: 0.7rem;
    padding: 0.15rem 0.5rem;
    text-transform: uppercase;
}

.user-default-pill[b-2msh05wd8t] {
    background-color: rgba(34, 197, 94, 0.85);
    border-radius: 999px;
    color: #fff;
    font-size: 0.65rem;
    letter-spacing: 0.05em;
    padding: 0.15rem 0.5rem;
    text-transform: uppercase;
}

.user-permissions[b-2msh05wd8t] {
    display: grid;
    gap: 0.5rem;
}

.permission-toggle[b-2msh05wd8t] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    min-height: 3rem;
    padding: 0.25rem 0;
    cursor: pointer;
}

.permission-toggle[b-2msh05wd8t]  input[type="checkbox"],
.panel-access-item input[type="checkbox"][b-2msh05wd8t] {
    width: 1.75rem;
    height: 1.75rem;
    min-width: 1.75rem;
    min-height: 1.75rem;
    cursor: pointer;
}

.avatar-upload[b-2msh05wd8t] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.6rem;
}

.avatar-preview[b-2msh05wd8t] {
    width: 36px;
    height: 36px;
    border-radius: 999px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.3);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
}

.avatar-preview img[b-2msh05wd8t] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.avatar-preview.large[b-2msh05wd8t] {
    width: 250px;
    height: 250px;
    font-size: 1.8rem;
}

.profile-selection-label[b-2msh05wd8t] {
    font-size: 0.85rem;
    opacity: 0.8;
    margin-top: 0.25rem;
}

.profile-selection[b-2msh05wd8t] {
    background: rgba(12, 26, 46, 0.65);
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 0.5rem;
    color: #f8fafc;
    padding: 0.4rem 0.6rem;
}

.panel-access-list[b-2msh05wd8t] {
    display: grid;
    gap: 0.35rem;
    margin-left: 1.75rem;
    max-height: 10rem;
    overflow-y: auto;
    padding: 0.35rem 0.5rem;
    border-left: 1px solid rgba(255, 255, 255, 0.12);
}

.panel-access-item[b-2msh05wd8t] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.9rem;
}

.user-permissions-note[b-2msh05wd8t] {
    font-size: 0.9rem;
    opacity: 0.85;
}

.user-manager-note[b-2msh05wd8t] {
    font-size: 0.85rem;
    opacity: 0.75;
    margin-top: -0.35rem;
}

.user-manager-actions[b-2msh05wd8t] {
    display: flex;
    gap: 0.75rem;
    justify-content: center;
    padding-top: 0.5rem;
}

.user-manager-save[b-2msh05wd8t] {
    font-size: 1.1rem;
    padding: 0.85rem 2.75rem;
    min-width: 14rem;
}

.user-manager-footer[b-2msh05wd8t] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
    padding-top: 0.5rem;
}

.user-manager-delete[b-2msh05wd8t] {
    margin-top: auto;
    padding-top: 0.75rem;
    border-top: 1px solid rgba(255, 255, 255, 0.12);
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.user-manager-confirm-overlay[b-2msh05wd8t] {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(7, 10, 18, 0.7);
    backdrop-filter: blur(2px);
    z-index: 10;
}

.user-manager-confirm-dialog[b-2msh05wd8t] {
    background: rgba(12, 26, 46, 0.98);
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 0.75rem;
    padding: 1.5rem;
    max-width: 28rem;
    width: min(90%, 28rem);
    display: grid;
    gap: 0.75rem;
}

.user-manager-confirm-dialog h3[b-2msh05wd8t] {
    margin: 0;
    font-size: 1.25rem;
}

.user-manager-confirm-dialog p[b-2msh05wd8t] {
    margin: 0;
    opacity: 0.85;
}

.user-manager-confirm-actions[b-2msh05wd8t] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
}

.user-default-button[b-2msh05wd8t] {
    align-self: flex-start;
}

.user-manager-error[b-2msh05wd8t] {
    color: #f87171;
    font-size: 0.9rem;
}

.user-manager-warning[b-2msh05wd8t] {
    color: #facc15;
    font-size: 0.9rem;
}

.user-manager-status[b-2msh05wd8t] {
    color: #34d399;
    font-size: 0.9rem;
}

.user-manager-switch-lock[b-2msh05wd8t] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin: 1rem 0 0;
}

.user-manager-lock-button[b-2msh05wd8t] {
    border: 1px solid rgba(255, 255, 255, 0.2);
    background: rgba(12, 26, 46, 0.75);
    color: #f8fafc;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.35);
    transition: background-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

.user-manager-lock-button:hover[b-2msh05wd8t],
.user-manager-lock-button:focus[b-2msh05wd8t] {
    background: rgba(0, 123, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.35);
    transform: translateY(-1px);
    outline: none;
}

.user-manager-lock-button.locked[b-2msh05wd8t] {
    background: rgba(220, 38, 38, 0.3);
    border-color: rgba(248, 113, 113, 0.6);
}

.user-manager-lock-button.locked:hover[b-2msh05wd8t],
.user-manager-lock-button.locked:focus[b-2msh05wd8t] {
    background: rgba(220, 38, 38, 0.45);
    box-shadow: 0 0 0 2px rgba(248, 113, 113, 0.4);
}

.user-manager-lock-icon[b-2msh05wd8t] {
    font-size: 1.2rem;
    line-height: 1;
}

.user-manager-note[b-2msh05wd8t] {
    margin: 0;
    font-size: 0.95rem;
    color: rgba(245, 249, 255, 0.85);
}

.user-manager-unlock[b-2msh05wd8t] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.user-manager-locked[b-2msh05wd8t] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.user-password-prompt[b-2msh05wd8t] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

@media (max-width: 768px) {
    .user-manager-content[b-2msh05wd8t] {
        grid-template-columns: 1fr;
    }
}
/* _content/OnBoardWeb/Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-07d86r097v] {
    position: relative;
    display: flex;
    flex-direction: column;
}


main[b-07d86r097v] {
    flex: 1;
}

.sidebar[b-07d86r097v] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

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

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

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

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

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

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

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

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

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

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

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

#blazor-error-ui[b-07d86r097v] {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 1200;
    background: #0d1117;
    color: #cccccc;
    font-family: 'Oxanium', sans-serif;
    align-items: center;
    justify-content: center;
    text-align: center;
}

#blazor-error-ui[style*="block"][b-07d86r097v] {
    display: flex !important;
}

#blazor-error-ui .error-page[b-07d86r097v] {
    width: 100%;
}

#blazor-error-ui h1[b-07d86r097v] {
    font-weight: 700;
    color: #ff4c4c;
    text-shadow: 0 0 10px rgba(255, 76, 76, 0.7);
    animation: neonPulse-b-07d86r097v 1.5s infinite;
}

#blazor-error-ui p[b-07d86r097v] {
    font-size: 1.2rem;
    margin: 0.5rem 0 1.25rem;
}

#blazor-error-ui a.reload[b-07d86r097v] {
    display: inline-block;
    margin-top: 0.5rem;
    padding: 0.5rem 1rem;
    border: 2px solid #ff4c4c;
    color: #ff4c4c;
    text-decoration: none;
    border-radius: 5px;
    transition: background 0.3s ease, color 0.3s ease;
}

#blazor-error-ui a.reload:hover[b-07d86r097v] {
    background: #ff4c4c;
    color: #0d1117;
}

#blazor-error-ui a.dismiss[b-07d86r097v] {
    display: none;
}

@keyframes neonPulse-b-07d86r097v {
    0%, 100% {
        text-shadow: 0 0 10px rgba(255, 76, 76, 0.7);
        color: #ff4c4c;
    }
    50% {
        text-shadow: 0 0 20px rgba(255, 76, 76, 1);
        color: #ffb3b3;
    }
}
/* _content/OnBoardWeb/Components/Pages/PanelsMenu.razor.rz.scp.css */
.page-title[b-t57da48shw] {
    position: sticky;
    top: 0;
    z-index: 5;
}

.panels-menu-scroll[b-t57da48shw] {
    height: calc(100% - 6%);
    overflow-y: auto;
    touch-action: pan-y;
    -ms-touch-action: pan-y;
}

.panels-menu-grid[b-t57da48shw] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 1rem;
    width: 100%;
    margin: 0.5rem auto;
    justify-content: center;
    justify-items: center;
    touch-action: pan-y;
    -ms-touch-action: pan-y;
}

.panels-menu-tile[b-t57da48shw] {
    background-color: rgba(0, 0, 0, 0.6);
    border: 1px solid rgba(255, 255, 255, 0.2);
    color: white;
    border-radius: 0.5rem;
    padding: 1rem;
    font-size: 3vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    cursor: pointer;
    user-select: none;
    aspect-ratio: 1 / 1;
    gap: 0.5rem;
    position: relative;
    touch-action: pan-y;
    -ms-touch-action: pan-y;
}

.panels-menu-tile.drag-preview[b-t57da48shw] {
    outline: 2px dashed #00E5E2;
    opacity: 0.5;
    pointer-events: none;
}

.icon-wrapper[b-t57da48shw] {
    position: relative;
    width: 60%;
}

.icon-wrapper img[b-t57da48shw] {
    width: 100%;
    height: auto;
    object-fit: contain;
    pointer-events: none;
    -webkit-user-drag: none;
    user-drag: none;
}

.icon-button[b-t57da48shw] {
    position: absolute;
    inset: 0;
    background: none;
    border: none;
    cursor: pointer;
}

.panels-menu-tile input.rename-input[b-t57da48shw] {
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 0.3rem;
    width: 95%;
    padding: 0.5rem 0.75rem;
    font-size: clamp(1rem, 2.2vh, 1.4rem);
    text-align: center;
    color: white;
}

.panels-menu-tile input.rename-input[readonly][b-t57da48shw] {
    border: none;
    pointer-events: none;
}

.tile-delete-button[b-t57da48shw] {
    position: absolute;
    top: 1vh;
    right: 1vh;
    width: 4vh;
    height: 4vh;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 25%;
    background-color: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.8);
    cursor: pointer;
    transition: all 0.2s ease-in-out;
    z-index: 10;
}

.tile-delete-button .tile-delete-button-img[b-t57da48shw] {
   background-image: url('/images/bin.png');
   background-size: contain;
   background-repeat: no-repeat;
   width: 100%;
   height: auto;    
   pointer-events: none; /* so the click hits the div, not the image */
}

.tile-delete-button:hover[b-t57da48shw] {
   background-color: rgba(227, 41, 64, 0.25);
   box-shadow: 0 0 10px rgba(227, 41, 64, 0.3);
   transform: scale(1.1);
}

.add-panel-button[b-t57da48shw] {
    height: 4vh;
    width: 4vh;
    background-color: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.2);
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 0.5rem;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.8);
    cursor: pointer;
    font-size: 3.5vh;
    transition: all 0.2s ease-in-out;
}

.add-panel-button:hover[b-t57da48shw] {
    background-color: rgba(0, 229, 226, 0.25);
    box-shadow: 0 0 10px rgba(0, 229, 226, 0.3);
    transform: scale(1.1);
}

.icon-option[b-t57da48shw] {
    width: 12vh;
    min-height: 12vh;
    height: auto;
    object-fit: contain;
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: 0.3rem;
}

.icon-option.selected[b-t57da48shw] {
    border-color: #00E5E2;
}

.icon-popup-backdrop[b-t57da48shw] {
    position: fixed;
    inset: 0;
    background-color: rgba(0, 0, 0, 0.7);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10;
}

.icon-popup[b-t57da48shw] {
    background-color: rgba(0, 0, 0, 0.9);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 0.5rem;
    padding: 2rem;
    max-width: 90%;
    max-height: calc(var(--app-height) - var(--footer-height) - var(--footer-gap));
    display: flex;
    flex-direction: column;
}
@supports (height: 100dvh) {
    .icon-popup[b-t57da48shw] {
        max-height: calc(100dvh - var(--footer-height) - var(--footer-gap));
    }
}

.icon-popup-scroll[b-t57da48shw] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    justify-content: center;
    overflow-y: auto;
    max-height: 60vh;
}

@supports (height: 100dvh) {
    .icon-popup-scroll[b-t57da48shw] {
        max-height: 60dvh;
    }
}






/* === MEDIA === */

/* Mobile  */

@media (max-width: 699px) {
    .panels-menu-grid[b-t57da48shw] {
        grid-template-columns: 1fr 1fr;
        gap: 0.5rem;
    }
}

/* WVGA / WVGA-Narrow (720x480, 800x480) */

@media (min-width: 700px) and (max-width: 880px) {
}

/* WSVGA / XGA (1024x600, 1024x768) */

@media (min-width: 881px) and (max-width: 1150px) {
}

/* WXGA / HD720 / SXGA (1280x720/800/1024) */

@media (min-width: 1151px) and (max-width: 1600px) {

    .panels-menu-grid[b-t57da48shw] {
        grid-template-columns: repeat(auto-fit, minmax(80px, 160px));
    }

    .panels-menu-tile input.rename-input[b-t57da48shw] {
        font-size: 1rem;
    }
}

/* HD / WUXGA (1920x1080, 1920x1200) */

@media (min-width: 1601px) and (max-width: 2879px) {
    /* standard styles */
}

/* 4K (3840x2160) */

@media (min-width: 2880px) {   

    .panels-menu-tile input.rename-input[b-t57da48shw] {
        font-size: 2rem;
    }
}
.access-denied-panel[b-t57da48shw] {
    margin: 2rem auto;
    max-width: 32rem;
    padding: 1.5rem;
    border-radius: 0.75rem;
    border: 1px solid rgba(255, 255, 255, 0.2);
    background: rgba(0, 0, 0, 0.55);
    color: #f8fafc;
    text-align: center;
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.4);
}

.access-denied-panel h2[b-t57da48shw] {
    margin: 0 0 0.75rem;
    font-size: 1.6rem;
}

.access-denied-panel p[b-t57da48shw] {
    margin: 0;
    opacity: 0.85;
}
/* _content/OnBoardWeb/Components/Pages/Settings.razor.rz.scp.css */
/* Title bar */

.settings-title-bar[b-6hkd06j2c1] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
}

.settings-user-switcher[b-6hkd06j2c1] {
    background: rgba(12, 26, 46, 0.75);
    border: 1px solid rgba(255, 255, 255, 0.2);
    color: #f8fafc;
    padding: 0.35rem 0.9rem;
    border-radius: 999px;
    font-size: 0.95rem;
    font-weight: 600;
    letter-spacing: 0.01em;
    cursor: pointer;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.45);
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    transition: background-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

.settings-user-switcher:hover[b-6hkd06j2c1],
.settings-user-switcher:focus[b-6hkd06j2c1] {
    background: rgba(0, 123, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.35);
    transform: translateY(-1px);
    outline: none;
}

.settings-user-avatar[b-6hkd06j2c1] {
    width: 28px;
    height: 28px;
    border-radius: 999px;
    overflow: hidden;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255, 255, 255, 0.3);
    font-weight: 700;
    font-size: 0.7rem;
    text-transform: uppercase;
}

.settings-user-avatar img[b-6hkd06j2c1] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.settings-user-initials[b-6hkd06j2c1] {
    color: #f8fafc;
}

/* Profile */

.settings-container .current-profile[b-6hkd06j2c1] {
    text-align: left;
    font-weight: 500;
}

/* Manage profile */

.profile-manager[b-6hkd06j2c1] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    min-width: 18rem;
}

.profile-manager-section[b-6hkd06j2c1] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.profile-manager-section label[b-6hkd06j2c1] {
    font-weight: 300;
}

.profile-manager-section .buttons-wrapper[b-6hkd06j2c1] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 1rem;
}

.profile-list[b-6hkd06j2c1] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    list-style: none;
    margin: 0;
    padding: 0;
}

.profile-list li[b-6hkd06j2c1] {
    list-style: none;
}

.profile-list-item[b-6hkd06j2c1] {
    align-items: center;
    background-color: rgba(120, 120, 120, 0.25);
    border-radius: 0.5rem;
    color: #f5f8ff;
    cursor: pointer;
    display: flex;
    gap: 0.75rem;
    justify-content: space-between;
    padding: 0.6rem 0.75rem;
    transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
    width: 100%;
}

.profile-list-item:hover[b-6hkd06j2c1],
.profile-list-item:focus[b-6hkd06j2c1] {
   background-color: rgba(0, 229, 226, 0.1);
   border-color: #00E5E2;
   color: #ffffff;
}

.profile-list-item.selected[b-6hkd06j2c1] {
   border-color: #00E5E2;
   background-color: rgba(0, 229, 226, 0.1);
}

.profile-list-item.active[b-6hkd06j2c1] {
    background-color: rgba(0, 229, 226, 0.25);
    border-color: #00E5E2;
    color: #ffffff;
}

.settings-container.light .profile-list-item[b-6hkd06j2c1],
.settings-container.default .profile-list-item[b-6hkd06j2c1] {
    background-color: rgba(232, 237, 244, 0.95);
    border-color: rgba(15, 23, 42, 0.12);
    color: #0f172a;
}

.settings-container.light .profile-list-item:hover[b-6hkd06j2c1],
.settings-container.light .profile-list-item:focus[b-6hkd06j2c1],
.settings-container.default .profile-list-item:hover[b-6hkd06j2c1],
.settings-container.default .profile-list-item:focus[b-6hkd06j2c1] {
    background-color: rgba(59, 130, 246, 0.18);
    border-color: rgba(37, 99, 235, 0.6);
    box-shadow: 0 0 0 2px rgba(37, 99, 235, 0.2);
    color: #0b1f46;
}

.settings-container.light .profile-list-item.active[b-6hkd06j2c1],
.settings-container.default .profile-list-item.active[b-6hkd06j2c1] {
    background-color: rgba(59, 130, 246, 0.25);
    border-color: rgba(37, 99, 235, 0.65);
    color: #0b1f46;
}

.settings-container.navy .profile-list-item[b-6hkd06j2c1],
.settings-container.ocean .profile-list-item[b-6hkd06j2c1] {
    background-color: rgba(8, 28, 50, 0.7);
    border-color: rgba(128, 193, 255, 0.25);
}

.settings-container.dark .profile-list-item[b-6hkd06j2c1] {
    background-color: rgba(23, 31, 47, 0.78);
    border-color: rgba(148, 189, 255, 0.22);
}

.settings-container.dark .profile-list-item:hover[b-6hkd06j2c1],
.settings-container.dark .profile-list-item:focus[b-6hkd06j2c1],
.settings-container.navy .profile-list-item:hover[b-6hkd06j2c1],
.settings-container.navy .profile-list-item:focus[b-6hkd06j2c1],
.settings-container.ocean .profile-list-item:hover[b-6hkd06j2c1],
.settings-container.ocean .profile-list-item:focus[b-6hkd06j2c1] {
    background-color: rgba(0, 123, 255, 0.5);
    border-color: rgba(0, 123, 255, 0.85);
    box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.4);
    color: #ffffff;
}

.settings-container.dark .profile-list-item.active[b-6hkd06j2c1],
.settings-container.navy .profile-list-item.active[b-6hkd06j2c1],
.settings-container.ocean .profile-list-item.active[b-6hkd06j2c1] {
    background-color: rgba(0, 123, 255, 0.55);
    border-color: rgba(0, 123, 255, 0.9);
    color: #ffffff;
}

.profile-list-name[b-6hkd06j2c1] {
    flex: 1 1 auto;
    text-align: left;
}

.profile-list-badge[b-6hkd06j2c1] {
    background-color: #0CF072;
    border-radius: 999px;
    color: #181818;
    font-size: 0.75rem;
    padding: 0.15rem 0.5rem;
    text-transform: uppercase;
}

.profile-list-badge.profile-list-badge-muted[b-6hkd06j2c1] {
    background-color: #181818;
    color: #fff;
}

.settings-container.light .profile-name-input[b-6hkd06j2c1],
.settings-container.default .profile-name-input[b-6hkd06j2c1] {
    background-color: rgba(255, 255, 255, 0.95) !important;
    border-color: rgba(15, 23, 42, 0.15) !important;
    color: #0f172a;
}

.settings-container.light .profile-name-input:focus[b-6hkd06j2c1],
.settings-container.default .profile-name-input:focus[b-6hkd06j2c1] {
    box-shadow: 0 0 0 2px rgba(37, 99, 235, 0.25);
}





/* === MEDIA === */

/* WVGA / WVGA-Narrow (720x480, 800x480) */

@media (min-width: 700px) and (max-width: 880px) {
}

/* WSVGA / XGA (1024x600, 1024x768) */

@media (min-width: 881px) and (max-width: 1150px) {
}

/* WXGA / HD720 / SXGA (1280x720/800/1024) */

@media (min-width: 1151px) and (max-width: 1600px) {

    .profile-list-badge[b-6hkd06j2c1] {
        font-size: 0.65rem;
        padding: 0.25rem 0.5rem;
    }
}

/* HD / WUXGA (1920x1080, 1920x1200) */

@media (min-width: 1601px) and (max-width: 2879px) {
    /* standard styles */
}

/* 4K (3840x2160) */

@media (min-width: 2880px) {

    .theme-label[b-6hkd06j2c1], .settings-timezone-label[b-6hkd06j2c1], .buttons-label[b-6hkd06j2c1], .current-profile[b-6hkd06j2c1], .settings-device-keyboard-label[b-6hkd06j2c1], .timezone-select[b-6hkd06j2c1] {
        font-size: 3rem !important;
    }

    .timezone-description[b-6hkd06j2c1] {
        font-size: 2.5rem !important;
    }

    .timezone-select[b-6hkd06j2c1] {
        padding: 1.5rem !important;
    }

    .settings-container .buttons-wrapper[b-6hkd06j2c1] {
        gap: 1rem;
    }

    .profile-manager-section[b-6hkd06j2c1] {
        gap: 1rem;
    }

    .profile-manager-section label[b-6hkd06j2c1] {
        font-size: 2.5rem;
    }

    .profile-list-item[b-6hkd06j2c1] {
        font-size: 3rem;
    }

    .profile-list-badge[b-6hkd06j2c1] {
        font-size: 0.5rem;
        padding: 0.5rem 1rem;
    }
}

@media (max-width: 640px) {
    .settings-title-bar[b-6hkd06j2c1] {
        align-items: flex-start;
    }

    .settings-user-switcher[b-6hkd06j2c1] {
        width: 100%;
        justify-content: flex-start;
    }
}
/* _content/OnBoardWeb/Components/Widgets/Alternator/AlternatorWidget.razor.rz.scp.css */
/* _content/OnBoardWeb/Components/Widgets/CustomSlider/CustomSliderCustomization.razor.rz.scp.css */
.custom-slider-source-panel[b-xlgnewl94i] {
    grid-template-columns: 1fr;
}

.custom-slider-source-list[b-xlgnewl94i] {
    max-height: none;
    overflow: visible;
}
/* _content/OnBoardWeb/Components/Widgets/Fuel/FuelTransferCustomization.razor.rz.scp.css */
.level-labels[b-9zlrpw3n1l] {
    display: flex;
    align-items: center;
}
.level-labels label[b-9zlrpw3n1l] {
    flex: 0 0 auto;
}
.level-labels .center-label[b-9zlrpw3n1l] {
    flex: 1;
    text-align: center;
}

.unit-line.is-empty[b-9zlrpw3n1l] {
    visibility: hidden;
}
/* _content/OnBoardWeb/Components/Widgets/Scheduler/SchedulerWidget.razor.rz.scp.css */
.scheduler-widget[b-stlzb3ed6g] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    height: 100%;
    width: 100%;
    padding: 18px 16px;
    text-align: center;
    align-items: stretch;
}

.scheduler-last-execution[b-stlzb3ed6g],
.scheduler-next-execution[b-stlzb3ed6g] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    width: 100%;
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.06);
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.2);
    backdrop-filter: blur(6px);
    border: 1px solid rgba(255, 255, 255, 0.08);
}

.scheduler-last-label[b-stlzb3ed6g] {
    font-size: 11px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    opacity: 0.75;
}

.scheduler-last-time[b-stlzb3ed6g] {
    font-size: 0.78rem;
    opacity: 0.9;
}

.scheduler-last-execution.empty[b-stlzb3ed6g],
.scheduler-next-execution.empty[b-stlzb3ed6g] {
    align-items: center;
    opacity: 0.8;
}
/* _content/OnBoardWeb/Components/Widgets/WaterSystem/WaterSystemCustomization.razor.rz.scp.css */
.tank-selection[b-zp13u1ghpt] {
    display: grid;
    gap: 1rem 1.5rem;
    grid-template-columns: repeat(auto-fit, minmax(18rem, 1fr));
}

.tank-selection .tank-card[b-zp13u1ghpt] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.tank-selection .tank-card .unit-note[b-zp13u1ghpt] {
    font-size: 0.85rem;
    color: rgba(255, 255, 255, 0.7);
}