/*
 * Estilos compartilhados de componentes globais (partials do layout).
 * Regra de arquitetura: nenhum CSS inline nas views. Estilos de partials
 * renderizados globalmente (que não conseguem declarar @section Styles) ficam
 * aqui e são carregados uma única vez por _Styles.cshtml. CSS específico de uma
 * tela vai em wwwroot/css/viewbase/<view>/index.css.
 */

/* ===== _Navbar (menu do usuário / avatar) ===== */
.user-menu > .dropdown-menu > .user-footer .btn:hover,
.user-menu > .dropdown-menu > .user-footer .btn:focus {
    color: var(--primary) !important;
}
/* O toggle flex já centraliza verticalmente — dispensa o offset negativo do AdminLTE. */
.navbar-nav > .user-menu #userMenuToggle .user-image {
    margin-top: 0;
}
/* Recorta (não estica) avatares não-quadrados para manterem-se redondos no navbar/header. */
.navbar-nav > .user-menu #userMenuToggle .user-image,
.user-menu > .dropdown-menu > .user-header > img {
    object-fit: cover;
}

/* ===== _SideBar ===== */
.display-name {
    color: #c2c7d0;
    font-size: small;
}

/* ===== _ModalHeader (botão e modo tela cheia) ===== */
.icon-fullscreen {
    font-size: 1.1em;
    padding-top: 9px;
    color: #6c757d;
}

.fullscreen {
    width: 100%;
    height: 100%;
    margin: 0;
    /* overflow-y: hidden; */
}

    .fullscreen .modal-dialog {
        width: 98%;
        height: 98%;
        margin: 0;
    }

    .fullscreen .modal-content {
        width: 98%;
        height: 98%;
        border-radius: 0;
        margin: 2%;
    }

    .fullscreen .modal-lg {
        max-width: 98%;
    }

/* ===== _ModalConfirm ===== */
#modalConfirm {
    z-index: 2000;
}