/* Estilos propios del núcleo, sobre los de Tabler. */

/* Logos. Tabler pone height:auto a toda <img>, que anula el atributo height:
   la altura se fija aquí y el ancho sale de la proporción de cada logo. */
.logo-cabecera { height: 2.75rem; width: auto; }
.logo-acceso   { height: 4.5rem;  width: auto; }
.logo-pie      { height: 2rem;    width: auto; }

/* Panel: tarjeta por máquina, con el borde según su estado (docs/PANEL.md, P6) */
.tarjeta-maquina { border-left: .35rem solid var(--tblr-border-color); }
.tarjeta-verde { border-left-color: var(--tblr-green); }
.tarjeta-ambar { border-left-color: var(--tblr-yellow); }
.tarjeta-gris  { border-left-color: var(--tblr-gray-400); }
.tarjeta-imagen { width: 4rem; height: 3rem; object-fit: contain; }
.tarjeta-kpis dt, .tarjeta-kpis dd { margin-bottom: .35rem; font-weight: normal; }
.tarjeta-kpis dt { color: var(--tblr-secondary); }
.periodo-fechas input { max-width: 10rem; }
/* Cabecera: nombre de la aplicación (en el móvil, recortado si no cabe) y subtítulo */
.nombre-app { max-width: 55vw; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.subtitulo-app { font-weight: normal; font-size: .7rem; opacity: .75; }
/* La sección actual del menú, subrayada con el color de acento o, sin él, con el principal */
.navbar .btn.activa { box-shadow: inset 0 -2px 0 var(--marca-acento, var(--tblr-primary)); }
/* Cabecera oscura de la marca (colores.cabecera), con una línea del color de acento */
.cabecera-marca { background: var(--marca-cabecera); border-bottom: 3px solid var(--marca-acento, transparent); }
.cabecera-marca .navbar-brand, .cabecera-marca .btn-ghost-secondary { color: rgba(255, 255, 255, .88); }
.cabecera-marca .btn-ghost-secondary:hover, .cabecera-marca .btn.activa { color: #fff; background: rgba(255, 255, 255, .08); }
/* El selector de idioma, con el ancho de su texto (en el móvil se cortaba: «españo») */
.selector-idioma { width: auto; min-width: 7rem; }

/* Gráficos del panel (panel/static/panel/graficos.js) */
.grafico { width: 100%; height: 320px; }
.grafico-alto { height: 380px; }
.grafico-vacio { height: auto; padding: 2rem 0; text-align: center; color: var(--tblr-secondary); }

/* Portada en vista de tabla: el estado de cada máquina (P6) con un punto de color */
.punto-estado { display: inline-block; width: .6rem; height: .6rem; border-radius: 50%; margin-right: .35rem; background: var(--tblr-gray-400); }
.punto-verde { background: var(--tblr-green); }
.punto-ambar { background: var(--tblr-yellow); }
.tabla-flota th a { white-space: nowrap; }

/* Tabla de trozas (panel/trozas.html): ancha, sin partir las celdas */
.tabla-trozas th, .tabla-trozas td { white-space: nowrap; }