/* lotti.css */

:root {
    --menu-height: 64px;
    /* Altezza stimata del menu superiore */
    --splitter-height: 12px;
}

/* body, html {
    margin: 0;
    padding: 0;
    height: 100%;
    overflow: hidden; 
    background-color: #f4f6f9;
} */

.menu-top-placeholder {
    height: var(--menu-height);
    box-sizing: border-box;
    z-index: 100;
}

.split-layout-container {
    display: flex;
    flex-direction: column;
    height: calc(100vh - var(--menu-height));
    width: 100%;
    position: relative;
    overflow: hidden;
}

/* Pannelli */
.split-panel {
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 50%;
    min-height: 100px;
    overflow: hidden;
    transition: all 0.2s ease-in-out;
    /* Per fluidità nel maximize/restore */
}

/* Quando il resize è attivo, togliamo la transizione per evitare ritardi grafici */
.split-layout-container.is-resizing .split-panel {
    transition: none;
}

/* Splitter */
.splitter-horizontal {
    height: var(--splitter-height);
    background-color: #dee2e6;
    cursor: row-resize;
    flex-shrink: 0;
    position: relative;
    z-index: 10;
    transition: background-color 0.2s;
    user-select: none;
    /* Evita la selezione del testo durante il drag */
}

.splitter-horizontal:hover,
.split-layout-container.is-resizing .splitter-horizontal {
    background-color: #007bff;
}

/* Decorazione al centro dello splitter (piccole linee) */
.splitter-grip {
    width: 40px;
    height: 4px;
    border-top: 1px solid rgba(255, 255, 255, 0.8);
    border-bottom: 1px solid rgba(255, 255, 255, 0.8);
}

/* Classi per la massimizzazione */
.split-panel.maximized {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100% !important;
    z-index: 1000;
    flex-basis: 100%;
}

.split-layout-container.has-maximized .splitter-horizontal {
    display: none;
}

.split-layout-container.has-maximized .split-panel:not(.maximized) {
    display: none;
}

/* Responsività tabelle */
.table-responsive {
    overflow-y: auto;
}

/* Riduzione padding celle tabelle (inclusi header clonati da datatables) */
#tblLotti_wrapper th:not(.dataTables_sizing),
#tblLotti_wrapper td:not(.dataTables_sizing),
#tblArticoli_wrapper th:not(.dataTables_sizing),
#tblArticoli_wrapper td:not(.dataTables_sizing) {
    padding: 2px !important;
    box-sizing: content-box !important;
}

/* Force vertical scrollbar always visible to prevent DataTables header misalignment */
.dataTables_scrollBody {
    overflow-y: scroll !important;
}

/* Fix per il sottile righino bianco mantenendo intatto il bordo scuro nativo di DataTables */
.dataTables_scrollHead {
    margin-bottom: -1px !important;
    position: relative;
    z-index: 10;
}