/* =========================================
   Popups XAF — tamaño confortable por defecto
   =========================================
   Los hub controllers (Sales/Purchase/Treasury/Stock/Accounting) abren
   "Nueva Factura/Pedido/etc" como TargetWindow.NewModalWindow porque
   desde un search view NonPersistent es el único TargetWindow seguro
   (los demás disparan SessionMixingException, ver feedback de XAF view
   refresh NonPersistent). El default de XAF Blazor le da al popup un
   tamaño chico que obliga a scrollear el DetailView completo. Estas
   reglas levantan el ancho/alto a un mínimo decente sin pasarse del
   viewport, así no aparecen barras de scroll para forms estándar.
*/

/* Wrapper externo del popup (DxPopup) */
.dxbl-popup-wrapper > .dxbl-popup,
.dxbl-popup {
    /* width: cap razonable + escala con viewport */
    min-width: min(1280px, 95vw);
    max-width: 95vw;
    /* height: misma idea */
    min-height: min(720px, 90vh);
    max-height: 92vh;
}

/* Cuerpo del popup: que el contenido scrollee SOLO si excede,
   no que el popup se haga chico. */
.dxbl-popup .dxbl-popup-content,
.dxbl-popup .dxbl-popup-body {
    overflow: auto;
}

/* =========================================
   Botones principales
   ========================================= */

/* Botones de acción en XAF y DevExpress */
.dxbs-button,
.btn {
    font-size: 2rem; /* Tamaño del texto */
    font-weight: 500; /* Texto un poco más grueso */
    padding: 0.65rem 1.4rem; /* Alto y ancho */
    border-radius: 0.5rem; /* Bordes redondeados */
}

/* Botones más grandes en la barra de acciones */
.dxbs-toolbar .dxbs-button {
    font-size: 1.05rem;
    padding: 0.7rem 1.6rem;
}

/* Hover/focus más suave */
.dxbs-button:hover,
.btn:hover {
    filter: brightness(1.05);
    text-decoration: none !important;
}

/* Estado activo / seleccionado */
.dxbs-button:active,
.btn:active {
    filter: brightness(0.95);
}

/* =========================================
   Menús y enlaces
   ========================================= */

/* Quitar subrayado en todos los enlaces de menú */
a,
.nav-link,
.dxbs-hyperlink {
    text-decoration: none !important;
}

    /* Hover sin subrayado y con color coherente */
    a:hover,
    .nav-link:hover,
    .dxbs-hyperlink:hover {
        text-decoration: none !important;
        color: inherit; /* Mantiene color de tema */
    }

/* Menús horizontales / navbar */
.navbar-nav .nav-link {
    font-size: 1rem;
    font-weight: 500;
    padding: 0.5rem 1rem;
}

/* =========================================
   Ajustes opcionales de UI
   ========================================= */

/* Más separación en la barra de herramientas */
.dxbs-toolbar {
    padding: 0.5rem 0.75rem;
}

/* Íconos un poco más grandes */
.dxbs-icon,
.dxbs-button .dxbs-icon {
    font-size: 1.1rem;
}

/* Evitar que botones de icono queden muy chicos */
.dxbs-button.dxbs-button-icon-only {
    padding: 0.6rem;
}

/* Hacer que todos los ListView se ajusten al contenedor */
.dx-data-grid,
.dx-list,
.xaf-list-view {
    width: 100% !important;
    max-width: 100%;
    overflow-x: auto;
}

/* Asegurar que el contenedor padre también sea responsive */
.xaf-view-container,
.view-container {
    width: 100%;
    max-width: 100%;
}

/* Para grids específicamente */
.dx-datagrid {
    width: 100% !important;
}

/* Media queries para diferentes tamaños de pantalla */
@media (max-width: 768px) {
    .dx-data-grid,
    .dx-list,
    .xaf-list-view {
        font-size: 14px;
    }
}

@media (max-width: 480px) {
    .dx-data-grid,
    .dx-list,
    .xaf-list-view {
        font-size: 12px;
    }
}

/* =========================================
   Fluent theme - quitar subrayado en navegación
   ========================================= */

/* DevExpress Blazor Fluent usa prefijo dxbl-* */
.dxbl-nav-item a,
.dxbl-navigation a,
.dxbl-treeview a,
.dxbl-menu-item a,
.dxbl-nav-link,
.dxbl-btn {
    text-decoration: none !important;
}

    .dxbl-nav-item a:hover,
    .dxbl-navigation a:hover,
    .dxbl-treeview a:hover,
    .dxbl-menu-item a:hover,
    .dxbl-nav-link:hover {
        text-decoration: none !important;
        color: inherit;
    }