@import '_content/Quartz.Dashboard/Quartz.Dashboard.0oac2rqtdq.bundle.scp.css';

/* /Layout/AppLayout.razor.rz.scp.css */
/* Styles handled by Tailwind in AppLayout.razor */
/* /Layout/AppMenuHeaderLayout.razor.rz.scp.css */
/* Custom CSS class for open sidebar state to override Tailwind utility width */
#app-sidebar.sidebar-open[b-d5kvtlovi6] {
    width: 16rem; /* w-64 */
}
/* /Layout/ReconnectModal.razor.rz.scp.css */
/* Mapeamento de classes do Blazor para visibilidade */
.my-reconnect-modal > div[b-ya2wxz5edz] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show > .show[b-ya2wxz5edz] {
    display: block;
}

#components-reconnect-modal.components-reconnect-failed > .failed[b-ya2wxz5edz] {
    display: block;
}

#components-reconnect-modal.components-reconnect-rejected > .rejected[b-ya2wxz5edz] {
    display: block;
}
/* /Modules/Account/Pages/Manage/Index.razor.rz.scp.css */
/* Custom Scrollbar Styling - Mobile Friendly & Auto-Hide Desktop */

.custom-scrollbar[b-qu9d6tf0q1]::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

.custom-scrollbar[b-qu9d6tf0q1]::-webkit-scrollbar-track {
    background: transparent;
}

/* DEFAULT (Mobile/Touch): Always visible but subtle */
.custom-scrollbar[b-qu9d6tf0q1]::-webkit-scrollbar-thumb {
    background-color: rgba(156, 163, 175, 0.3);
    /* Gray-400 opacity */
    border-radius: 4px;
    border: 2px solid transparent;
    background-clip: content-box;
}

/* DESKTOP (Mouse): Invisible by default, Visible on Hover */
@media (pointer: fine) {

    /* Initially transparent */
    .custom-scrollbar[b-qu9d6tf0q1]::-webkit-scrollbar-thumb {
        background-color: transparent;
    }

    /* Show when hovering the container */
    .custom-scrollbar:hover[b-qu9d6tf0q1]::-webkit-scrollbar-thumb {
        background-color: rgba(156, 163, 175, 0.5);
    }

    /* Darker when hovering the thumb itself */
    .custom-scrollbar[b-qu9d6tf0q1]::-webkit-scrollbar-thumb:hover {
        background-color: rgba(156, 163, 175, 0.7);
    }
}

/* Firefox */
.custom-scrollbar[b-qu9d6tf0q1] {
    scrollbar-width: thin;
    scrollbar-color: rgba(156, 163, 175, 0.3) transparent;
}

/* Firefox Desktop Auto-Hide */
@media (pointer: fine) {
    .custom-scrollbar[b-qu9d6tf0q1] {
        scrollbar-color: transparent transparent;
        transition: scrollbar-color 0.3s;
    }

    .custom-scrollbar:hover[b-qu9d6tf0q1] {
        scrollbar-color: rgba(156, 163, 175, 0.5) transparent;
    }
}
