/* Ajustes mínimos sobre Bootstrap: el grid y los componentes ya son
   mobile-first por defecto, esto solo pule detalles propios de la app. */

html, body {
    min-height: 100%;
}

body {
    background-color: var(--bs-tertiary-bg);
}

#app-view {
    min-height: calc(100vh - 3.5rem);
}

/* Las tablas anchas (planes de cuentas, reportes) no deben forzar scroll
   horizontal de toda la página en móvil: solo la tabla misma se desplaza. */
.table-responsive {
    -webkit-overflow-scrolling: touch;
}

/* Los <input type="date">/<select> nativos del navegador no se encogen
   solos dentro de una columna del grid (su min-width por defecto es
   "auto", no "0"): en pantallas angostas eso puede forzar scroll
   horizontal de toda la página en vez de solo achicar la columna. */
.row > [class*="col-"] {
    min-width: 0;
}

.card-header {
    font-weight: 600;
}

.nav-tabs .nav-link {
    white-space: nowrap;
}

.texto-burbuja {
    white-space: pre-wrap;
}