/* Copia de ibSoft.ERP/ibSoft.ERPv2/wwwroot/css/app-layout.css (estándar de diseño de ERPv2, vía Asistencia). No se edita aquí:
   si cambia allá, se vuelve a copiar. Las reglas propias de Cursos van en un archivo aparte. */

/* MVarela may/26 Estructura del shell: pagina respeta top bar + sidebar.
   Estandar UI v2 (docs/UI_Estandar_ibSoft.md sec 6). */

/* MVarela sep/26 Columna flex para que el PIE DE PAGINA quede abajo. El min-height ya reservaba el
   alto de la ventana, pero sin repartirlo: con poco contenido el footer se pegaba al final del
   contenido y quedaba a media pantalla. Con la columna, .erp-main se queda el sobrante (flex: 1) y
   empuja el footer hasta abajo; cuando el contenido es largo, el footer simplemente baja con el. */
.erp-page {
    margin-top: 40px;
    margin-left: var(--erp-sidebar-collapsed);
    min-height: calc(100vh - 40px);
    display: flex;
    flex-direction: column;
    transition: margin-left 180ms ease;
}

/* MVarela jul/26 El desplazamiento del contenido lo manda la clase del propio sidebar, con
   selector hermano, en vez de una clase que el layout ponia via EventCallback.
   Motivo: ErpSidebar es una isla interactiva dentro de un layout estatico, y un EventCallback
   no se puede pasar de un padre estatico a un hijo interactivo (no es serializable). */
.erp-sidebar.is-expanded ~ .erp-page {
    /* La variable del ancho vive en css/erp-menu.css: un solo lugar para el menu y el margen. */
    margin-left: var(--erp-sidebar-expanded);
}

/* flex: 1 se queda con el alto sobrante de .erp-page y empuja el footer al fondo (ver arriba).
   min-width: 0 evita que una tabla ancha estire la columna flex y desborde la pagina. */
.erp-main {
    padding: 16px;
    flex: 1;
    min-width: 0;
}

.erp-content {
    width: 100%;
}

/* Variante opt-in: forms de captura o documentos legales pueden envolverse en
   .erp-content-narrow para forzar un ancho maximo legible. */
.erp-content-narrow {
    max-width: 1400px;
    margin: 0 auto;
}

@media (max-width: 768px) {
    .erp-page,
    .erp-sidebar.is-expanded ~ .erp-page {
        margin-left: 0;
    }
}

/* ======================== Pie de página ======================== */

/* MVarela sep/26 Paridad con el footer del ERP legacy (ver ErpFooter.razor). Fluye al final del
   contenido, NO fijo: en una pantalla de captura larga un pie fijo robaría alto útil, y el legacy
   tampoco lo fija. */
.erp-footer {
    background-color: var(--erp-chrome);
    border-top: 1px solid rgba(255, 255, 255, 0.15);
    padding: 10px 16px;
    margin-top: 16px;
    font-size: 0.9rem;
    color: rgba(255, 255, 255, 0.75);
}

.erp-footer-contenido {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.erp-footer a {
    color: rgba(255, 255, 255, 0.75);
    text-decoration: underline;
}

.erp-footer a:hover {
    color: #fff;
}