/* =============================================
   BLUEPSOL — ThingsBoard Custom Theme
   Palette: #0d1528 (navy) | #1e5fa8 (blue) | #3d3d3d (charcoal)
   ============================================= */

/* --- Sidebar background --- */
mat-sidenav.tb-site-sidenav,
.mat-drawer.tb-site-sidenav {
  background-color: #0d1528 !important;
}

/* --- Logo area in sidebar: white box pour le logo fond blanc --- */
header.tb-nav-header .tb-nav-header-toolbar {
  background-color: #0d1528 !important;
  padding: 0 !important;
}

tb-logo.tb-logo-title {
  background: #ffffff;
  border-radius: 0 0 10px 0;
  padding: 6px 14px 6px 14px !important;
  display: flex !important;
  align-items: center !important;
  max-width: 190px;
}

/* Remplacement du logo TB par logo Bluepsol */
tb-logo img[alt="Logo"] {
  content: url('/bluepsol-assets/logo.jpg') !important;
  height: 36px !important;
  width: auto !important;
  max-width: 155px !important;
  object-fit: contain !important;
}

/* --- Toolbar principale (haut) --- */
mat-toolbar.tb-primary-toolbar.mat-primary {
  background-color: #1e5fa8 !important;
}

/* --- Boutons primaires --- */
.mat-mdc-raised-button.mat-primary,
.mat-mdc-fab.mat-primary,
.mat-mdc-mini-fab.mat-primary {
  background-color: #1e5fa8 !important;
}

/* --- Lien actif dans le menu --- */
.tb-side-menu a.tb-active {
  background-color: rgba(30, 95, 168, 0.25) !important;
  border-left: 3px solid #4a8fd4 !important;
  color: #7dbfff !important;
}
.tb-side-menu a.tb-active tb-icon,
.tb-side-menu a.tb-active .mdc-button__label {
  color: #7dbfff !important;
}

/* --- Onglets actifs --- */
.mdc-tab--active .mdc-tab-indicator__content--underline {
  border-color: #1e5fa8 !important;
}
.mdc-tab--active .mdc-tab__text-label {
  color: #1e5fa8 !important;
}

/* --- Toggle / Checkbox couleur --- */
.mat-primary .mdc-switch--selected .mdc-switch__track::after,
.mat-primary .mdc-switch--selected .mdc-switch__handle::after {
  background-color: #1e5fa8 !important;
}

/* --- PAGE DE LOGIN --- */
/* Background gradient blanc → marine comme le background.jpg */
tb-login-page,
div.tb-login-page,
.tb-default > tb-root tb-login {
  background: linear-gradient(175deg, #ffffff 0%, #ffffff 30%, #0d1528 55%, #0d1528 100%) !important;
  min-height: 100vh;
}

/* Logo sur la page de login */
tb-login img[alt="Logo"],
.tb-login img[alt="Logo"],
mat-card img[alt="Logo"] {
  content: url('/bluepsol-assets/logo.jpg') !important;
  height: 55px !important;
  width: auto !important;
  max-width: 220px !important;
  object-fit: contain !important;
}

/* --- Masquer badge GitHub --- */
tb-github-badge {
  display: none !important;
}

/* --- Masquer "Powered by ThingsBoard" --- */
[class*="powered"],
[class*="tb-footer"],
.tb-powered-by {
  display: none !important;
}