/*
 * Snau IoT — personalización visual de ThingsBoard CE
 * Ver docs/06-personalizacion-thingsboard.md para el contexto completo.
 *
 * ThingsBoard CE no incluye White Labeling (es función de pago de ThingsBoard PE/Cloud).
 * Este archivo se inyecta vía Nginx (sub_filter) directamente en el HTML que sirve
 * ThingsBoard, sin modificar ni reconstruir la aplicación original.
 *
 * Selectores verificados a mano (inspección real de https://iot.snau.dev, sep-2026),
 * NO genéricos de internet — pueden cambiar si ThingsBoard actualiza su versión de
 * Angular Material. Si tras una actualización de ThingsBoard algo deja de verse bien,
 * hay que volver a inspeccionar y ajustar selectores.
 *
 * Paleta Snau: navy #181830 (primario), teal #14ACA0 (acento), coral #FA503C (solo
 * énfasis puntual, no se usa aquí de forma amplia), blanco #FFFFFF (fondo).
 */

/* Botones/FAB "primary" de ThingsBoard (por defecto azul #305680) -> navy Snau */
.mat-mdc-fab.mat-primary,
.mat-mdc-mini-fab.mat-primary,
.mat-mdc-unelevated-button.mat-primary,
.mat-mdc-raised-button.mat-primary {
  background-color: #181830 !important;
}

/* Botones "accent" de ThingsBoard (por defecto naranja #FF5722) -> teal Snau */
.mat-mdc-fab.mat-accent,
.mat-mdc-mini-fab.mat-accent,
.mat-mdc-unelevated-button.mat-accent,
.mat-mdc-raised-button.mat-accent {
  background-color: #14ACA0 !important;
}

/* Barra de navegación superior */
.tb-nav-header {
  background-color: #181830 !important;
  color: #ffffff !important;
}
.tb-nav-header .mat-icon,
.tb-nav-header .mat-mdc-icon-button {
  color: #ffffff !important;
}

/* Ajuste de tamaño del logo: el ícono de Snau es más cuadrado (289x240, ~1.2:1)
 * que el logo ancho por defecto de ThingsBoard (1543x320, ~4.8:1), así que se
 * fuerza una altura fija y ancho automático para que no quede estirado. */
img[src*="logo_title_white"] {
  width: auto !important;
  height: 48px !important;
  object-fit: contain !important;
  max-width: none !important;
}