/* 
 * SmartNfe Classic UI - Real Dark Mode Overlay
 * Versão: 080226-03 (Destaque Coluna + Suporte a PDV)
 */

:root {
    --classic-dark-body-bg: #121212;
    --classic-dark-card-bg: #1e1e1e;
    --classic-dark-text: rgba(255, 255, 255, 0.87);
    --classic-dark-text-secondary: rgba(255, 255, 255, 0.6);
    --classic-dark-divider: rgba(255, 255, 255, 0.12);
    --classic-dark-hover: rgba(255, 255, 255, 0.08);
}

/* Fundo Geral */
body, body.main-body {
    background-color: var(--classic-dark-body-bg) !important;
    color: var(--classic-dark-text) !important;
}

/* Painel de Notificações */
.layout-rightpanel { background-color: #1e1e1e !important; }
.layout-rightpanel .layout-rightpanel-header { background-color: #262626 !important; }
.layout-rightpanel .layout-rightpanel-content { background-color: #1e1e1e !important; color: var(--classic-dark-text) !important; }

/* Cartões */
.card {
    background-color: var(--classic-dark-card-bg) !important;
    color: var(--classic-dark-text) !important;
    box-shadow: 0 4px 6px rgba(0,0,0,0.3) !important;
}

/* Componentes PrimeFaces - Conteúdo */
.ui-widget-content {
    background-color: var(--classic-dark-card-bg) !important;
    color: var(--classic-dark-text) !important;
    border-color: var(--classic-dark-divider) !important;
}

/* Tabelas e Estados */
.ui-datatable thead th { background-color: #262626 !important; color: var(--classic-dark-text) !important; border-color: var(--classic-dark-divider) !important; }
.ui-datatable thead th.ui-state-active { background-color: var(--classic-dark-accent) !important; color: #ffffff !important; }
.ui-datatable tbody tr { background-color: var(--classic-dark-card-bg) !important; color: var(--classic-dark-text) !important; }
.ui-datatable tbody td { border-color: var(--classic-dark-divider) !important; }
.ui-datatable tbody tr.ui-state-even, .ui-datatable tbody tr.ui-datatable-even { background-color: #242424 !important; }
.ui-datatable tbody tr.ui-state-hover { background-color: var(--classic-dark-hover) !important; }
.ui-datatable tbody tr.ui-state-highlight { background-color: var(--classic-dark-accent) !important; color: #ffffff !important; }
.ui-datatable tbody tr.ui-state-highlight td { border-color: var(--classic-dark-accent) !important; }

/* Inativo/Ativo em modo escuro */
.inativo, .ui-datatable tbody tr.inativo { background-color: #442222 !important; color: #ffcccc !important; }
.ativo, .ui-datatable tbody tr.ativo { background-color: #224422 !important; color: #ccffcc !important; }

/* Menus e ContextMenu */
body .ui-menu, 
body .ui-contextmenu,
body .ui-menu .ui-menu-child {
    background-color: #262626 !important;
    border: 1px solid var(--classic-dark-divider) !important;
    box-shadow: 0 8px 16px rgba(0,0,0,0.5) !important;
}

body .ui-menu .ui-menu-list li.ui-menuitem .ui-menuitem-link { color: var(--classic-dark-text) !important; }
body .ui-menu .ui-menu-list li.ui-menuitem .ui-menuitem-link .ui-menuitem-text,
body .ui-menu .ui-menu-list li.ui-menuitem .ui-menuitem-link .ui-menuitem-icon { color: var(--classic-dark-text) !important; }

/* Hover em Menus */
body .ui-menu .ui-menu-list li.ui-menuitem.ui-state-hover,
body .ui-menu .ui-menu-list li.ui-menuitem .ui-menuitem-link.ui-state-hover {
    background-color: var(--classic-dark-accent) !important;
    color: #ffffff !important;
}

body .ui-menu .ui-menu-list li.ui-menuitem.ui-state-hover .ui-menuitem-text,
body .ui-menu .ui-menu-list li.ui-menuitem.ui-state-hover .ui-menuitem-icon { color: #ffffff !important; }

/* Botões - Neutralização de Halo em Menubar */
body .ui-menubar .ui-menu-list li.ui-menuitem.ui-state-hover,
body .ui-menubar .ui-menu-list li.ui-menuitem .ui-menuitem-link.ui-state-hover { background-color: transparent !important; }

/* Botões Gerais */
body .ui-button, body .ui-commandbutton { background-image: none !important; border: none !important; outline: none !important; box-shadow: 0 2px 4px rgba(0,0,0,0.4) !important; }
body .ui-button.ui-state-hover, body .ui-commandbutton.ui-state-hover { box-shadow: 0 4px 8px rgba(0,0,0,0.5) !important; }

/* Botões Coloridos */
body .ui-button.green-btn { background-color: #4CAF50 !important; }
body .ui-button.green-btn.ui-state-hover { background-color: #388E3C !important; }
body .ui-button.blue-btn { background-color: #2196F3 !important; }
body .ui-button.blue-btn.ui-state-hover { background-color: #1976D2 !important; }
body .ui-button.red-btn { background-color: #F44336 !important; }
body .ui-button.red-btn.ui-state-hover { background-color: #D32F2F !important; }
body .ui-button.orange-btn { background-color: #FF9800 !important; }
body .ui-button.orange-btn.ui-state-hover { background-color: #F57C00 !important; }

/* Calendário */
body .ui-datepicker { background-color: var(--classic-dark-card-bg) !important; border: 1px solid var(--classic-dark-divider) !important; }
body .ui-datepicker .ui-datepicker-header { background-color: #262626 !important; color: var(--classic-dark-text) !important; }
body .ui-datepicker thead tr { background-color: #333333 !important; color: var(--classic-dark-text) !important; }
body .ui-datepicker tbody td a, body .ui-datepicker tbody td span { color: var(--classic-dark-text) !important; background-color: transparent !important; }
body .ui-datepicker tbody td a.ui-state-hover, body .ui-datepicker tbody td span.ui-state-hover { background-color: var(--classic-dark-hover) !important; }
body .ui-datepicker tbody td a.ui-state-active, body .ui-datepicker tbody td span.ui-state-active { background-color: var(--classic-dark-accent) !important; color: #ffffff !important; }
body .ui-datepicker tbody td.ui-datepicker-today a, body .ui-datepicker tbody td.ui-datepicker-today span { border: 1px solid var(--classic-dark-accent) !important; color: var(--classic-dark-accent) !important; }

/* Inputs */
.ui-inputfield, .ui-inputtext, .ui-password, .ui-textarea {
    background-color: #262626 !important;
    color: var(--classic-dark-text) !important;
    border-color: var(--classic-dark-divider) !important;
}
.ui-inputfield.ui-state-focus { border-bottom-color: var(--classic-dark-accent) !important; }

/* Diálogos */
.ui-dialog.ui-widget-content { background-color: var(--classic-dark-card-bg) !important; border: 1px solid var(--classic-dark-divider) !important; }
.ui-dialog .ui-dialog-titlebar { background-color: #262626 !important; color: var(--classic-dark-text) !important; }

/* Abas (TabView) */
body .ui-tabs { background-color: var(--classic-dark-card-bg) !important; border: 1px solid var(--classic-dark-divider) !important; }
body .ui-tabs .ui-tabs-nav { background-color: #262626 !important; border-bottom: 1px solid var(--classic-dark-divider) !important; }
body .ui-tabs .ui-tabs-nav > li { background-color: transparent !important; }
body .ui-tabs .ui-tabs-nav > li > a { color: var(--classic-dark-text-secondary) !important; }
body .ui-tabs .ui-tabs-nav > li.ui-state-active { border-bottom: 2px solid var(--classic-dark-primary) !important; }
body .ui-tabs .ui-tabs-nav > li.ui-state-active a { color: var(--classic-dark-text) !important; background-color: rgba(255, 188, 8, 0.15) !important; }
body .ui-tabs .ui-tabs-panel { background-color: var(--classic-dark-card-bg) !important; color: var(--classic-dark-text) !important; }

/* Selects */
.ui-selectonemenu { background-color: #262626 !important; border-color: var(--classic-dark-divider) !important; }
.ui-selectonemenu .ui-selectonemenu-label { color: var(--classic-dark-text) !important; }
.ui-selectonemenu-panel { background-color: var(--classic-dark-card-bg) !important; }
.ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item { color: var(--classic-dark-text) !important; }
.ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-highlight { background-color: var(--classic-dark-accent) !important; }

/* Ajustes Específicos para PDV (Wing.min.css) */
body .row, body .container {
    background-color: transparent !important;
}

body .ui-panel, body .ui-panel-content {
    background-color: var(--classic-dark-card-bg) !important;
    color: var(--classic-dark-text) !important;
    border-color: var(--classic-dark-divider) !important;
}

/* Preço e Total no PDV */
.texto-preco, .texto-total {
    color: var(--classic-dark-primary) !important;
}
