body {
    font-family: 'Segoe UI', Arial, sans-serif;
}

.navbar-brand {
    font-weight: 600;
}

/* Menu superior mas compacto: que la barra completa quepa en mas anchos de pantalla
   (13" a 19", no solo monitores grandes) antes de pasar al menu hamburguesa. */
.navbar .nav-link {
    padding-left: .55rem;
    padding-right: .55rem;
}

/* Por defecto Bootstrap pinta el navbar-brand ("Panel") a color solido pero las
   demas opciones del menu al 55% de opacidad (pensado para que un link "activo"
   resalte); como aqui ninguna opcion queda marcada como activa, todas se veian
   apagadas frente a "Panel". Se igualan al mismo color solido que ya usa Bootstrap
   para el estado activo/marca, sin importar si el menu es claro u oscuro. */
.navbar {
    --bs-navbar-color: var(--bs-navbar-active-color);
    --bs-navbar-hover-color: var(--bs-navbar-active-color);
}

.card {
    border: none;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}

/* En pantallas mas chicas (14" o similar) el texto largo de las tablas
   (nombre de cliente/proveedor, etc.) se enrollaba en varias lineas dentro de
   su celda en vez de dejar que la tabla creciera y se desplazara de lado --
   esto forzaba filas gigantes en vez de un scroll horizontal normal. */
.table-responsive table td,
.table-responsive table th {
    white-space: nowrap;
}

/* Encabezados de pantalla (titulo + botones de accion): que se acomoden en
   una segunda linea en vez de apretar el texto de los botones hasta que se
   enrolle. */
.d-flex.justify-content-between.align-items-center.mb-3 {
    flex-wrap: wrap;
    row-gap: 0.5rem;
}

.btn-group .btn {
    white-space: nowrap;
}