/* ===========================================================================
   FoodGestor — página consumidora (InfinityFree)
   Solo ajustes ligeros sobre Bootstrap 5, que llega por CDN.
   =========================================================================== */

:root {
  --fg-verde: #2f6b4f;
  --fg-verde-claro: #e8f1ec;
}

.fg-brand { font-weight: 700; letter-spacing: .3px; }

.fg-navbar { background-color: var(--fg-verde); }

/* Franja de color a la izquierda de cada tarjeta del resumen: el tipo de
   alerta se distingue de un vistazo sin tener que leer el rótulo. */
.fg-tarjeta { border-left: 6px solid #adb5bd; }
.fg-tarjeta-caducar     { border-left-color: #fd7e14; }
.fg-tarjeta-caducado    { border-left-color: #dc3545; }
.fg-tarjeta-reabastecer { border-left-color: #ffc107; }
.fg-tarjeta-total       { border-left-color: var(--fg-verde); }

.fg-cifra { font-size: 2rem; font-weight: 600; line-height: 1; }

/* La fila entera abre el detalle del producto (RF27): el cursor lo anuncia. */
.fg-fila-clic { cursor: pointer; }
.fg-fila-clic:hover { background-color: var(--fg-verde-claro); }

.fg-vacio { text-align: center; color: #6c757d; padding: 1.5rem; }

.fg-pie { font-size: .85rem; color: #6c757d; }

/* El bloque de diagnóstico es una herramienta de despliegue, no parte de la
   aplicación: se mantiene discreto para que no compita con el contenido. */
.fg-diagnostico { font-size: .85rem; }