@charset "UTF-8";

/* 1. Redefinição das Variáveis Globais */
:root {
    --primaryDarkColor: #005f69 !important;      /* Tom escuro derivado do seu azul */
    --primaryColor: #00808C !important;          /* --main-bg-blue */
    --primaryLightColor: #26a698 !important;     /* --main-bg-blue2 */
    --primaryLighterColor: rgba(38, 166, 152, 0.1) !important;
    --primaryTextColor: #FFFFFF !important;      /* --main-white-color */

    /* Adicionando suas variáveis personalizadas para referência */
    --main-bg-blue: #00808C;
    --main-bg-blue2: #26a698;
    --main-text-color: #2C2F33;
    --main-bg-silver: #C4C4C4;
    --main-bg-silver2: #F4F4F4;
    --main-white-color: #FFFFFF;
}

/* 2. Aplicação nos seletores que usavam cores fixas no theme.css */

/* Botões Principais */
body .ui-button {
    background: var(--main-bg-blue);
    border: 1px solid var(--main-bg-blue);
    color: var(--main-white-color);
    font-weight: bold !important;
}

body .ui-button.ui-state-hover {
    background: var(--main-bg-blue2) !important;
    border-color: var(--main-bg-blue2) !important;
}

body .ui-button.ui-state-active,
body .ui-button.ui-state-down {
    background: var(--primaryDarkColor) !important;
    border-color: var(--primaryDarkColor) !important;
}

/* Botões Outlined e Text */
body .ui-button.outlined-button,
body .ui-button.text-button {
    color: var(--main-bg-blue) !important;
}

body .ui-button.outlined-button.ui-state-hover,
body .ui-button.text-button.ui-state-hover {
    background: rgba(0, 128, 140, 0.04) !important;
}

/* Checkbox e RadioButton */
body .ui-chkbox .ui-chkbox-box.ui-state-active,
body .ui-radiobutton .ui-radiobutton-box.ui-state-active {
    border-color: var(--main-white-color) !important;
    background: var(--main-bg-blue) !important;
}

body .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover,
body .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover {
    background: var(--main-bg-blue2) !important;
}

/* Seletores de Data e Paginadores */
body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-active {
    background: var(--main-bg-blue) !important;
}

body .ui-datepicker .ui-datepicker-calendar td a.ui-state-active {
    background: var(--main-bg-blue) !important;
}

/* Tabelas e Seleções (Highlight) */
body .ui-datatable .ui-datatable-data > tr.ui-state-highlight,
body .ui-treetable .ui-treetable-data > tr.ui-state-highlight,
body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight {
    background: var(--main-bg-blue) !important;
    color: var(--main-white-color) !important;
}

/* Inputs (Hover e Focus) */
body .ui-inputfield.ui-state-hover {
    border-color: var(--main-bg-blue) !important;
}

body .ui-inputfield.ui-state-focus {
    border-color: var(--main-bg-blue) !important;
    box-shadow: 0 0 0 0.2em rgba(0, 128, 140, 0.2) !important;
}

/* Abas (Tabs) */
body .ui-tabs.ui-tabs-top .ui-tabs-nav li.ui-tabs-header.ui-state-active {
    border-color: var(--main-bg-blue) !important;
}

body .ui-tabs.ui-tabs-top .ui-tabs-nav li.ui-tabs-header.ui-state-active a {
    color: var(--main-bg-blue) !important;
}

/* Menu e Itens Ativos */
body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link {
    background: rgba(0, 128, 140, 0.1) !important;
}

/* Progress Bar */
body .ui-progressbar .ui-progressbar-value {
    background: var(--main-bg-blue) !important;
}

/* Chips e Tags */
body .ui-chips .ui-chips-container .ui-chips-token,
.ui-tag, .ui-tag.ui-tag-success {
    background: var(--main-bg-blue) !important;
}

body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-highlight {
    background: var(--main-bg-blue2) !important;
}

/* status dialog */
/* Transparência Total do Dialog */
body .status-dialog-modern.ui-dialog {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

body .status-dialog-modern.ui-dialog .ui-dialog-content {
    background: transparent !important;
    padding: 0 !important;
}

.loader-container {
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* Estilo do Texto */
.loader-text {
    color: #FFFFFF; /* Branco para ler sobre o modal escurecido */
    font-size: 0.9rem;
    font-weight: bold;
    margin-top: 10px;
    letter-spacing: 3px;
    text-transform: uppercase;
    font-family: var(--font-family);
    opacity: 0.8;
}
/* status dialog */

body .ui-panel .ui-panel-content {
    border: none !important;
}

body .ui-tabs.ui-tabs-top .ui-tabs-nav:before {
    border: none !important;
}

body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon {
    color: white !important;
    font-weight: bold !important;
}

body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon:hover {
    color: var(--main-bg-blue) !important;
    font-weight: bold !important;
}

body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon {
    line-height: 2.3rem !important;
}

body .ui-dialog .ui-dialog-titlebar {
    padding: 0.5rem !important;
}

body .ui-dialog .ui-dialog-titlebar .ui-dialog-title {
    font-size: 1.5rem !important;
    margin-left: 5px !important;
}

/*Conteudo do dialog*/
body .ui-dialog .ui-dialog-content {
    padding: 1rem;
}

body .ui-datatable .ui-datatable-header {
    padding: 0.5rem !important;
    text-align: center !important;
}

body .ui-datatable thead th {
    padding: 0.5rem;
}

body .ui-datatable .ui-datatable-data > tr > td {
    padding: 0.5rem !important;
}

.ui-growl {
    margin-top: -70px !important;
}

body .ui-button.ui-button-icon-only .ui-icon {
    margin-left: -6px !important;
    margin-top: -8px !important;
}

body .ui-button.ui-button-text-icon-left .ui-icon {
    margin-top: -0.55rem !important;
    left: 0.55rem !important;
}

body .ui-datatable .ui-datatable-data > tr.ui-state-hover {
    background: var(--primaryLighterColor) !important;
}

body .ui-datatable thead th:hover {
    background: var(--primaryLighterColor) !important;
}

body .ui-datatable thead th.ui-state-active {
    color: var(--main-bg-blue);
}

.menu-wrapper {
    z-index: 2000 !important;
}

body .ui-fileupload .ui-fileupload-buttonbar .ui-button {
    margin-right: 0 !important;
}

body .ui-button.ui-button-text-icon-left .ui-button-text {
    font-weight: bold !important;
}

/* CSS para garantir visibilidade no mobile */
@media (max-width: 991px) {
    #mobile_menu_li {
        display: block !important;
    }
    /* Ajuste para o menu lateral aparecer por cima de tudo */
    .layout-menu-container {
        z-index: 1000 !important;
    }
}

/* Garante que o botão não apareça no desktop */
@media (min-width: 992px) {
    #mobile_menu_li {
        display: none !important;
    }
}

/* Configurações do usuário: mesma visibilidade do pin (só com menu expandido / ativo, desktop) */
.menu-wrapper .sidebar-logo .sidebar-logo-settings {
    display: none;
}

@media (min-width: 992px) {
    .layout-wrapper.layout-static .menu-wrapper .sidebar-logo .sidebar-logo-settings,
    .menu-wrapper.layout-sidebar-active .sidebar-logo .sidebar-logo-settings {
        display: flex;
        align-items: center;
        min-width: 0;
    }
}

/* Smartphone: menu lateral do topo da tela (como no desktop), não abaixo da faixa do hambúrguer */
@media (max-width: 991px) {
    .layout-wrapper .menu-wrapper {
        top: 0 !important;
        height: 100vh !important;
        max-height: 100vh;
    }

    /* Com menu aberto: mostrar faixa logo + Suporte na lateral; pin oculto */
    .layout-wrapper.layout-mobile-active .menu-wrapper .sidebar-logo {
        display: flex !important;
        align-items: center;
        justify-content: flex-start;
        flex-shrink: 0;
    }

    .layout-wrapper.layout-mobile-active .menu-wrapper .sidebar-logo .sidebar-logo-settings {
        display: flex !important;
        align-items: center;
        min-width: 0;
    }

    .layout-wrapper.layout-mobile-active .menu-wrapper .sidebar-logo .sidebar-pin {
        display: none !important;
    }
}

/* Ícone de alfinete no toggle do menu (em vez da bolinha do tema Freya) */
.menu-wrapper .sidebar-logo .sidebar-pin > i.fa {
    display: block;
    font-size: 15px;
    line-height: 1;
    color: #D4D6D9;
    border: none;
    border-radius: 0;
    background: transparent;
    width: auto;
    height: auto;
}

.menu-wrapper .sidebar-logo .sidebar-pin:hover > i.fa {
    color: var(--primaryLightColor);
}

@media (min-width: 992px) {
    .layout-wrapper.layout-static .menu-wrapper .sidebar-logo .sidebar-pin > i.fa {
        color: var(--primaryDarkColor);
    }

    .menu-wrapper.layout-sidebar-active .sidebar-logo .sidebar-pin > i.fa {
        color: #D4D6D9;
    }
}