/*
 * Diseño propio de Balanza 002 — NO es el tema "Furni"/UntreeStore del POC
 * Argentiendas (ese archivo, style.css, es un tema de landing/e-commerce y
 * nunca se linkeó en layouts/admin.blade.php a propósito: trae fuente de
 * Google por red, subraya todos los <a> y agranda todos los .btn con
 * border-radius 30px, lo que rompería las tablas y links del panel admin).
 *
 * Esto es el único archivo a tocar para cambiar el estilo visual del panel
 * completo: se carga una sola vez en layouts/admin.blade.php y por lo tanto
 * se hereda en TODAS las pantallas (todas usan @extends('layouts.admin')).
 * No crear <style> ad-hoc por pantalla para esto — solo para reglas
 * exclusivas de una sola pantalla (ver comentario en panel/index.blade.php).
 *
 * El color de acento (--b7g-color-primario) es la única parte dinámica:
 * su VALOR se define en Configuración → Diseño (tabla `settings`) y se
 * inyecta como una línea :root inline en el <head> del layout — este
 * archivo solo define QUÉ elementos lo usan, no de dónde sale el valor.
 */

/* Badges de sistema de origen (GG/VO/PA/LI/SU), reusados por
   <x-sistema-badge> en Pesaje Activo e Historial. */
.b7g-sistema-badge { display: inline-block; font-weight: 700; font-size: 0.68rem; letter-spacing: .02em; line-height: 1.5; padding: 0 5px; border-radius: 4px; border: 1px solid transparent; }
.b7g-sistema-badge-gg { background: #345f3a; border-color: #4ade80; color: #f0fdf4; }
.b7g-sistema-badge-vo { background: #5c3d2e; border-color: #d97757; color: #fff7ed; }
.b7g-sistema-badge-pa { background: #4a4420; border-color: #ca8a04; color: #fffbeb; }
.b7g-sistema-badge-li { background: #d9f5c0; border-color: #84cc16; color: #234d0e; }
.b7g-sistema-badge-su { background: #0066b8; border-color: #5eb2f2; color: #eaf5ff; }
.b7g-sistema-badge-ub { background: #334155; border-color: #64748b; color: #f1f5f9; }

/*
 * Color de acento de la instancia (marca blanca): el botón primario
 * (Tomar peso, Guardar, Filtrar...) y la navbar comparten el mismo color,
 * elegido en Configuración → Diseño. El texto que va SOBRE ese color no es
 * blanco fijo: --b7g-color-primario-texto (blanco o negro según la
 * luminosidad del color, calculado en App\Services\ColorContraste e
 * inyectado en el <head> junto al color) garantiza el contraste también
 * con acentos claros.
 */
.btn-primary { background-color: var(--b7g-color-primario) !important; border-color: var(--b7g-color-primario) !important; color: var(--b7g-color-primario-texto) !important; }
.btn-primary:hover, .btn-primary:focus, .btn-primary:active { filter: brightness(0.88); }

/*
 * btn-outline-primary quedaba con el azul de fábrica de Bootstrap (los
 * "Editar" de todas las tablas, chips de ruta sugerida, "Guardar vista"...)
 * mientras el btn-primary lleno usaba el acento: mismo rol, dos colores.
 */
.btn-outline-primary { color: var(--b7g-color-primario) !important; border-color: var(--b7g-color-primario) !important; }
.btn-outline-primary:hover, .btn-outline-primary:active, .btn-outline-primary.active { background-color: var(--b7g-color-primario) !important; color: var(--b7g-color-primario-texto) !important; }

/* Links de la navbar: el color viene del acento, el texto del contraste
   calculado (reemplaza al text-light fijo que había en el layout). */
.b7g-nav-link { color: var(--b7g-color-primario-texto); }
.b7g-nav-link:hover, .b7g-nav-link:focus { color: var(--b7g-color-primario-texto); opacity: .8; }

/* Burbuja del usuario en el chat del Asistente (antes bg-primary text-white,
   el único uso de bg-primary del panel: azul Bootstrap + texto blanco fijo). */
.b7g-chat-usuario { background-color: var(--b7g-color-primario); color: var(--b7g-color-primario-texto); }

/*
 * Mismo acento en los otros dos widgets de Bootstrap que traen azul "de
 * fábrica" y aparecen en casi toda pantalla con listados (catálogos,
 * camiones, colectoras, historial, usuarios...): la pestaña activa de un
 * nav-pills (ej. tabs de Catálogos) y la paginación.
 */
.nav-pills .nav-link.active, .nav-pills .show > .nav-link { background-color: var(--b7g-color-primario) !important; color: var(--b7g-color-primario-texto) !important; }
.page-link { color: var(--b7g-color-primario); }
.page-link:hover, .page-link:focus { color: var(--b7g-color-primario); filter: brightness(0.88); }
.page-item.active .page-link { background-color: var(--b7g-color-primario) !important; border-color: var(--b7g-color-primario) !important; color: var(--b7g-color-primario-texto) !important; }
.dropdown-item.active, .dropdown-item:active { background-color: var(--b7g-color-primario) !important; color: var(--b7g-color-primario-texto) !important; }

/*
 * Grafico de barras del Dashboard (kg por tipo de residuo): a proposito
 * HTML/CSS puro, sin Chart.js ni ninguna libreria por CDN - misma razon que
 * el rechazo a cargar Furni (ver arriba): no sumar una dependencia de red
 * nueva a un panel que se usa en una planta municipal.
 */
.b7g-barra-track { background: #e9ecef; border-radius: 4px; height: 10px; overflow: hidden; }
.b7g-barra-fill { background: var(--b7g-color-primario); height: 100%; }
