/* 
 * Default.css Modernizzato - Tema Avanet 
 * Versione professionale per software contabilità
 */

/* ============================================
   BASE STYLES 
   ============================================ */
body {
    background-color: #f8fafc;
    color: #0f172a;
    font-family: 'Inter', 'Roboto', sans-serif;
    font-size: 14px;
    line-height: 1.5;
}

/* ============================================
   CONTENT WRAPPER 
   ============================================ */
.content-wrapper {
    background-color: #f8fafc;
    /* Rimuovo l'immagine di sfondo */
}

.contenuto-help {
    background-color: #ffffff;
}

.help {
    margin-bottom: 20px;
}

/* ============================================
   HEADER E NAVBAR 
   ============================================ */
.adminlte-gazie .main-header {
    color: #0f172a;
    border-bottom: 1px solid #e2e8f0;
    background: #ffffff;
}

.adminlte-gazie .main-header .navbar .nav > li > a {
    color: #475569;
}

.dropdown-toggle {
    color: #475569;
}

.adminlte-gazie .main-header .navbar .sidebar-toggle {
    color: #475569;
}

.adminlte-gazie .main-header .navbar .sidebar-toggle:hover {
    color: #38E25D;
    background: #f1f5f9;
}

.logo-lg {
    font-size: 14px;
}

/* Header hover effect rimosso - troppo invadente */
nav.navbar.navbar-static-top.company-color-bright:hover {
    background: #ffffff;
}

/* ============================================
   SIDEBAR MODERNO - FORZA COLORI 
   ============================================ */
.adminlte-gazie .wrapper,
.adminlte-gazie .main-sidebar,
.adminlte-gazie .left-side {
    background-color: #ffffff !important;
    border-right: 1px solid #e2e8f0 !important;
    box-shadow: 2px 0 4px rgba(0, 0, 0, 0.05) !important;
}

/* OVERRIDE FORZATO - NESSUN COLORE STRANO */
.main-sidebar {
    background: #ffffff !important;
    background-color: #ffffff !important;
    background-image: none !important;
}

.adminlte-gazie .user-panel > .info,
.adminlte-gazie .user-panel > .info > a {
    color: #0f172a !important;
}

.adminlte-gazie .sidebar-menu > li.header {
    color: #64748b !important;
    background: #f1f5f9 !important;
    border-radius: 6px;
    margin: 4px 12px;
    padding: 8px 12px;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Menu principale - NESSUN GRADIENTE SCURO */
.sidebar-menu li.active > a {
    background-color: rgba(56, 226, 93, 0.1) !important;
    color: #38E25D !important;
    border-left: 3px solid #38E25D !important;
}

.adminlte-gazie .sidebar-menu > li:hover > a,
.adminlte-gazie .sidebar-menu > li.active > a {
    color: #38E25D !important;
    background: rgba(56, 226, 93, 0.05) !important;
}

.adminlte-gazie .sidebar a:hover {
    text-decoration: none;
}

/* OVERRIDE COMPLETO PER TUTTI I MENU */
.sidebar-menu > li > a {
    color: #374151 !important;
    background: transparent !important;
}

.sidebar-menu > li:hover > a {
    color: #38E25D !important;
    background: rgba(56, 226, 93, 0.1) !important;
}

.sidebar-menu > li.active > a {
    color: #38E25D !important;
    background: rgba(56, 226, 93, 0.15) !important;
    font-weight: 600 !important;
}

/* ============================================
   SUBMENU COMPLETAMENTE RINNOVATO 
   ============================================ */
.adminlte-gazie .sidebar-menu > li > .treeview-menu {
    margin: 4px 12px 8px 12px;
    background: #fafbfc;
    border: 1px solid #f0f1f3;
    border-radius: 6px;
    padding: 4px 0;
}

/* ELIMINATO IL GRADIENTE SCURO ORRIBILE */
.adminlte-gazie .treeview-menu > li.active > a,
.adminlte-gazie .treeview-menu > li > a:hover {
    background: #ffffff !important;
    color: #38E25D !important;
    transform: translateX(4px);
    border-left: 2px solid #38E25D;
    padding-left: 18px;
}

.sidebar-menu .treeview-menu.menu-open {
    background-color: #fafbfc;
}

/* ============================================
   FORM E INPUT 
   ============================================ */
.control-label {
    color: #374151;
    font-weight: 500;
}

.FacetFieldCaptionTD, label.control-label {
    background-color: #f9fafb;
    color: #374151;
    padding: 8px 12px;
    border-radius: 4px;
    font-weight: 500;
}

.input-area {
    background-color: #ffffff;
    border: 1px solid #d1d5db;
    border-radius: 6px;
}

#preventDuplicate {
    color: #374151;
}

/* ============================================
   TABELLE MODERNE 
   ============================================ */
th {
    background-color: #f1f5f9;
    color: #374151;
    font-weight: 600;
    padding: 12px;
    border-bottom: 2px solid #e2e8f0;
}

th a:hover {
    color: #38E25D;
}

.FacetColumnTD {
    background-color: #f8fafc;
    color: #374151;
}

.FacetFormTABLE, table.Tmiddle, table.Tsmall {
    background-color: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
}

.Tlarge.table-bordered {
    border: 1px solid #e2e8f0;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
}

table.Tlarge {
    background-color: #ffffff;
}

/* Hover effects per tabelle */
div.table-responsive table.Tlarge tr:hover,
div.table-responsive table.Tlarge tbody tr:hover,
div.table-responsive table.dataTable tbody tr:hover,
div.box-body table.dataTable tbody tr:hover {
    background: #f8fafc !important;
    transform: scale(1.001);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    /* Rimosso text-shadow fastidioso */
}

/* Righe alternate moderne */
.table-striped > tbody > tr:nth-of-type(odd), .flip-image-front {
    background-color: #ffffff;
}

.table-striped > tbody > tr:nth-of-type(even) {
    background-color: #f8fafc;
}

.row.alternate-row-odd {
    background-color: #ffffff;
}

.row.alternate-row-even {
    background-color: #f8fafc;
}

/* ============================================
   BOTTONI MODERNI 
   ============================================ */
.btn-elimina {
    color: #ef4444;
    border: 1px solid #fecaca;
    background: #fef2f2;
    border-radius: 6px;
    padding: 6px 12px;
}

.btn-elimina:hover {
    background: #ef4444;
    color: #ffffff;
}

.btn-edit {
    background-color: #38E25D;
    color: #ffffff;
    box-shadow: 0 2px 4px rgba(56, 226, 93, 0.2);
    border: none;
    border-radius: 6px;
    padding: 8px 16px;
}

.btn-edit:hover {
    background-color: #2bc653;
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(56, 226, 93, 0.3);
}

.btn-effetti {
    background-color: rgba(56, 226, 93, 0.25);
    color: #374151;
    border: 1px solid #38E25D;
    border-radius: 6px;
}

.btn-effetti:hover {
    background-color: #38E25D;
    color: #ffffff;
}

/* ============================================
   DROPDOWN E MENU 
   ============================================ */
.dropdown-menu {
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
    background: #ffffff;
}

@media (max-width: 767px) {
    .adminlte-gazie .main-header .navbar .dropdown-menu li.divider {
        background-color: #e2e8f0;
    }
    
    .adminlte-gazie .main-header .navbar .dropdown-menu li a {
        color: #374151;
    }
    
    .adminlte-gazie .main-header .navbar .dropdown-menu li a:hover {
        background: rgba(56, 226, 93, 0.1);
        color: #38E25D;
    }
}

/* ============================================
   USER MENU 
   ============================================ */
.navbar-nav > .user-menu > .dropdown-menu > .user-footer {
    background-color: #f1f5f9;
}

.navbar-nav > .user-menu > .dropdown-menu > li.user-header {
    background-color: #38E25D;
    color: #ffffff;
}

/* ============================================
   PANELS E CONTENITORI 
   ============================================ */
.panel-default {
    background-color: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
}

.adminlte-gazie .content-header {
    background: transparent;
}

.content-header > .breadcrumb {
    background-color: #f1f5f9;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
}

/* ============================================
   TABS 
   ============================================ */
.tab-content {
    background-color: #ffffff;
    border-radius: 0 6px 6px 6px;
    border: 1px solid #e2e8f0;
    padding: 20px;
}

.tab-content > .tab-pane > div.row:nth-of-type(odd),
.gaz-table-form div.container-fluid div.row:nth-of-type(odd) {
    background-color: #f8fafc;
    border-radius: 4px;
    padding: 8px;
    margin: 2px 0;
}

.nav-pills > li {
    border: 1px solid #e2e8f0;
    border-bottom: none;
    border-radius: 6px 6px 0 0;
    background: #f8fafc;
}

.nav-pills > li.active {
    background: #ffffff;
    border-bottom: 1px solid #ffffff;
}

/* ============================================
   COLORI CONTABILITÀ 
   ============================================ */
.gaz-attivo {
    background-color: #eff6ff;
    color: #1d4ed8;
    border-left: 4px solid #3b82f6;
    padding: 8px 12px;
    border-radius: 4px;
}

.gaz-passivo {
    background-color: #fef3c7;
    color: #92400e;
    border-left: 4px solid #f59e0b;
    padding: 8px 12px;
    border-radius: 4px;
}

.gaz-costi {
    background-color: #fef2f2;
    color: #dc2626;
    border-left: 4px solid #ef4444;
    padding: 8px 12px;
    border-radius: 4px;
}

.gaz-ricavi {
    background-color: #f0fdf4;
    color: #166534;
    border-left: 4px solid #22c55e;
    padding: 8px 12px;
    border-radius: 4px;
}

.gaz-transitori {
    background-color: #faf5ff;
    color: #7c3aed;
    border-left: 4px solid #a855f7;
    padding: 8px 12px;
    border-radius: 4px;
}

/* ============================================
   CONTROL SIDEBAR 
   ============================================ */
aside.control-sidebar.control-sidebar-dark.control-sidebar-open div.tab-content {
    background-color: #ffffff;
}

.control-sidebar-dark .control-sidebar-heading, 
.control-sidebar-dark .control-sidebar-subheading {
    color: #38E25D;
}

.control-sidebar-dark, 
.control-sidebar-dark .control-sidebar-menu > li > a .menu-info > p {
    color: #374151;
    background: #ffffff;
}

/* ============================================
   UI ELEMENTS 
   ============================================ */
.ui-state-default, 
.ui-widget-content .ui-state-default, 
.ui-widget-header .ui-state-default {
    font-size: 14px;
    color: #374151;
    border: 1px solid #d1d5db;
    background: #ffffff;
    border-radius: 4px;
}

.ui-selectmenu-button span.ui-selectmenu-text {
    background-color: #ffffff;
    border: 1px solid #d1d5db;
}

.ui-widget-content {
    color: #374151;
    background-color: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
}

/* ============================================
   DATEPICKER 
   ============================================ */
td.ui-datepicker-other-month > a.ui-state-default.ui-priority-secondary {
    color: #38E25D;
    background: #f0fdf4;
}

/* ============================================
   TOOLTIP E ELEMENTS 
   ============================================ */
div.tooltip table th {
    background-color: #374151;
    color: #ffffff;
}

.tooltip.in {
    filter: alpha(opacity=100);
    opacity: 1;
}

/* ============================================
   FOOTER ELEMENTS 
   ============================================ */
.FacetDataTDred {
    color: #dc2626;
    font-weight: 600;
    background-color: #fef2f2;
    padding: 8px 12px;
    border-radius: 4px;
    border-left: 4px solid #ef4444;
}

.FacetFooterTD {
    background-color: #f1f5f9;
    color: #374151;
    padding: 12px;
    border-top: 2px solid #e2e8f0;
}

/* ============================================
   UTILITÀ 
   ============================================ */
.lateral {
    background-color: #374151;
}

div.th {
    background: #f1f5f9;
    border: 1px solid #e2e8f0;
    border-bottom: 0px;
    border-radius: 6px 6px 0 0;
}

.left {
    border-right: 0px;
}

.right {
    border-left: 0px;
}

/* ============================================
   EVIDENZIAZIONI 
   ============================================ */
mark.apply-evidenze-e {
    background: #fef3c7;
    color: #92400e;
    padding: 2px 4px;
    border-radius: 3px;
}

mark.apply-evidenze-n {
    background: #fef2f2;
    color: #dc2626;
    padding: 2px 4px;
    border-radius: 3px;
}

.blink {
    color: #dc2626;
    font-weight: 600;
    animation: blink 0.5s infinite;
}

@keyframes blink {
    0%, 50% { opacity: 1; }
    51%, 100% { opacity: 0.3; }
}