/*
 * om-sidebar.css — Tema sidebar Blazor.Bootstrap (SSOT)
 *
 * Variaveis do sidebar compartilhadas por todos os projetos Blazor com menu lateral.
 * Importar em _Host.cshtml DEPOIS de om-colors.css e ANTES do orienteme.css local.
 * Projetos podem sobrescrever variaveis especificas (ex: --bb-sidebar-width).
 *
 * Atualizado: 10/04/2026
 */

/* === Sidebar Blazor.Bootstrap === */
:root {
    --bb-sidebar-width: 282px;
    --bb-sidebar-collapsed-width: 77px;
    --bb-sidebar-background-color: var(--verde-orienteme);
    --bb-sidebar-top-row-background-color: rgba(0,0,0,0.08);
    --bb-sidebar-top-row-border-color: rgb(194,192,192);
    --bb-sidebar-title-text-color: #ffffff;
    --bb-sidebar-brand-icon-color: var(--verde-orienteme);
    --bb-sidebar-brand-image-width: 24px;
    --bb-sidebar-brand-image-height: 24px;
    --bb-sidebar-title-badge-text-color: var(--verde-orienteme);
    --bb-sidebar-title-badge-background-color: #ffffff;
    --bb-sidebar-navbar-toggler-icon-color: #FFF;
    --bb-sidebar-navbar-toggler-background-color: rgba(0,0,0,0.08);
    --bb-sidebar-content-border-color: rgb(194,192,192);
    --bb-sidebar-nav-item-text-color: #ffffff;
    --bb-sidebar-nav-item-text-active-color-rgb: 255,255,255;
    --bb-sidebar-nav-item-text-hover-color: rgba(var(--bb-sidebar-nav-item-text-active-color-rgb),0.9);
    --bb-sidebar-nav-item-text-active-color: rgba(var(--bb-sidebar-nav-item-text-active-color-rgb),0.9);
    --bb-sidebar-nav-item-background-hover-color: rgba(var(--bb-sidebar-nav-item-text-active-color-rgb),0.5);
    --bb-sidebar-nav-item-group-background-color: rgba(var(--bb-sidebar-nav-item-text-active-color-rgb),0.08);

    /* Radzen datepicker — tema verde */
    --rz-datepicker-calendar-selected-background-color: var(--verde-orienteme);
    --rz-datepicker-calendar-selected-hover-background-color: var(--verde-claro-orienteme);

    /* Bootstrap button active */
    --bs-btn-active-bg: var(--verde-orienteme);
}

/* === Accordion tema verde (sidebar sub-menus) === */
.accordion {
    --bs-accordion-bg: var(--verde-orienteme);
    --bs-accordion-active-color: #fff;
    --bs-accordion-active-bg: var(--verde-orienteme);
}

.accordion-item {
    background-color: #fff;
}

.accordion-button {
    --bs-accordion-btn-color: #fff;
}

.accordion-button::after {
    filter: brightness(0) invert(1);
}

/* === Navbar brand — desabilitar click no logo === */
.navbar-brand {
    pointer-events: none;
}

/* === Preload z-index fix ===
   O Preload do Blazor.Bootstrap usa z-index 2055, que sobrepoe o SweetAlert (1060).
   Quando o usuario e derrubado (disconnect), o popup de reconexao fica atras do loader.
   Reduzir para 1050 garante que SweetAlert e dialogs de reconexao fiquem na frente. */
:root {
    --bb-preload-modal-z-index: 1050;
    --bb-preload-modal-backdrop-z-index: 1045;
}