@import '_content/Microsoft.FluentUI.AspNetCore.Components/Microsoft.FluentUI.AspNetCore.Components.b6pgxrrsua.bundle.scp.css';

/* /Components/Layout/MainLayout.razor.rz.scp.css */
.main-content[b-brfl0iti54] {
    background-color: var(--neutral-layer-1);
    /* margin: calc(var(--design-unit) * 1px + 1px); removed for full bleed */
    padding: 1rem;
    padding-bottom: 150px;
    border-radius: 0;
    height: 100vh;
    overflow-y: overlay;
    box-sizing: border-box;
}


.menu-icon[b-brfl0iti54] {
    display: none;
}

#menu-toggle[b-brfl0iti54] {
    display: none;
}


@media (max-width: 767px) {
    .menutoggle[b-brfl0iti54] {
        width: 100%;
    }

    .menu-icon[b-brfl0iti54] {
        z-index: 10;
        display: block;
        visibility: visible;
        position: absolute;
        top: 15px;
        right: 20px;
    }


    .nav-menu[b-brfl0iti54] {
        display: none;
        width: 100%;
        height: calc(100dvh - 50px);
        overflow-y: auto;
    }
}
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.nav-menu[b-yhnvlj5pqw] {
    /*background-color: var(--neutral-layer-1);*/
    /*padding: .5rem .5rem;*/
    height: calc(100dvh - 60px);
    width: 18rem;
    /* removed overlay attempt */
    margin-right: calc(var(--design-unit) * 1px + 1px);
}

/* removed supports block */

.fluent-nav-text[b-yhnvlj5pqw] {
    color: var(--accent-foreground-rest);
}

@media (max-width: 767px) {
    .nav-menu[b-yhnvlj5pqw] {
        display: none;
        width: 100%;
        height: calc(100dvh - 60px);
        overflow-y: auto;
        /* On mobile, standard scrolling is often better or it handles overlay natively */
    }

    #menu-toggle:checked~nav[b-yhnvlj5pqw] {
        display: block;
    }

    #menu-toggle~nav[b-yhnvlj5pqw] {
        display: none;
    }
}

/* --- Category Styling --- */
/* Moved to app.css to ensure global application without scope issues */

/* --- Scrollbar Styling (Menu) --- */

/* 
   We use overflow-y: auto with a transparent track. 
   on Webkit this reserves the width but it will be invisible.
   Styling moved to app.css for better reliability.
*/
.nav-menu[b-yhnvlj5pqw] {
    overflow-y: overlay;
    /* Re-enabled overlay to prevent reserved space */
    /* scrollbar-gutter removed to prevent reserved space */
}

/* Local scrollbar styling removed favor of global app.css override */

/* --- Icon Coloring --- */
/* Moved to app.css */

/* --- Scrollbar Styling (Menu) --- */
/* Moved to app.css to ensure global application without scope issues */
/* /Components/Upload/FluentImageUploader.razor.rz.scp.css */
.fluent-image-uploader[b-7ur2c1v4oo] {
    width: 100%;
    font-family: var(--body-font);
    direction: rtl;
}

.mobile-upload-btn:hover[b-7ur2c1v4oo] {
    background: var(--accent-fill-hover) !important;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.mobile-upload-btn:active[b-7ur2c1v4oo] {
    background: var(--accent-fill-pressed) !important;
    transform: translateY(0);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}

.upload-info[b-7ur2c1v4oo] {
    background: var(--neutral-fill-subtle-rest);
    border: 1px solid var(--neutral-stroke-divider-rest);
    border-radius: var(--control-corner-radius);
}

.fluent-image-uploader.disabled .upload-area[b-7ur2c1v4oo] {
    opacity: 0.6;
    cursor: not-allowed;
    pointer-events: none;
}

.upload-placeholder[b-7ur2c1v4oo] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
}

.upload-progress[b-7ur2c1v4oo] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
}

.uploaded-files[b-7ur2c1v4oo] {
    margin-top: 16px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.upload-errors[b-7ur2c1v4oo] {
    margin-top: 16px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

[b-7ur2c1v4oo] .upload-item {
    border: 1px solid var(--neutral-stroke-divider-rest);
    border-radius: var(--control-corner-radius);
    padding: 12px;
}

.upload-item-content[b-7ur2c1v4oo] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.upload-preview[b-7ur2c1v4oo] {
    width: 48px;
    height: 48px;
    border-radius: var(--control-corner-radius);
    overflow: hidden;
    background: var(--neutral-fill-subtle-rest);
    flex-shrink: 0;
    position: relative;
}

.upload-preview img[b-7ur2c1v4oo] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    max-width: 48px;
    max-height: 48px;
}

.upload-icon[b-7ur2c1v4oo] {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--neutral-fill-subtle-rest);
    border-radius: var(--control-corner-radius);
    flex-shrink: 0;
}

.upload-details[b-7ur2c1v4oo] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.file-name[b-7ur2c1v4oo] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 200px;
    word-break: break-all;
}

.file-size[b-7ur2c1v4oo] {
    font-size: 12px;
}

/* Responsive design */
@@media (max-width: 768px) {
    .upload-area[b-7ur2c1v4oo] {
        padding: 24px 12px;
        min-height: 100px;
    }
    
    .upload-placeholder[b-7ur2c1v4oo] {
        gap: 6px;
    }
    
    .uploaded-files[b-7ur2c1v4oo] {
        margin-top: 12px;
        gap: 6px;
    }
    
    .upload-item-content[b-7ur2c1v4oo] {
        gap: 8px;
    }
    
    .upload-preview[b-7ur2c1v4oo],
    .upload-icon[b-7ur2c1v4oo] {
        width: 40px;
        height: 40px;
    }
}
/* /Components/Wizard/FluentWizardPlus.razor.rz.scp.css */
/* FluentWizardPlus styles have been moved to app.css to avoid scoped CSS issues */
/* /Pages/Requests/CapacityBoostRequestValidation.razor.rz.scp.css */
/* The 30-day boost history scrolls once it outgrows the card.
   app.css keeps every scrollbar thumb transparent until hover, which hides
   the fact that this panel scrolls at all, so it gets its own always-visible
   scrollbar. Scoped to this page to avoid changing the app-wide behaviour. */
.history-scroll[b-5f0h146wa5] {
    width: 100%;
    max-height: 320px;
    overflow-y: auto;
    overflow-x: hidden;
    /* Firefox */
    scrollbar-width: thin;
    scrollbar-color: rgba(136, 136, 136, 0.65) rgba(136, 136, 136, 0.15);
}

.history-scroll[b-5f0h146wa5]::-webkit-scrollbar {
    width: 10px;
}

.history-scroll[b-5f0h146wa5]::-webkit-scrollbar-track {
    background: rgba(136, 136, 136, 0.15);
    border-radius: 10px;
}

.history-scroll[b-5f0h146wa5]::-webkit-scrollbar-thumb {
    background: rgba(136, 136, 136, 0.65);
    border-radius: 10px;
}

.history-scroll:hover[b-5f0h146wa5]::-webkit-scrollbar-thumb {
    background: rgba(136, 136, 136, 0.9);
}