/* CitiBIM Robovolts branding overrides (nginx-injected; ThingsBoard CE has no white-labeling UI) */

.tb-logo-title {
  height: auto !important;
  width: auto !important;
  max-width: 200px !important;
  max-height: 40px !important;
}

.tb-nav-header-toolbar {
  background-color: #ffffff !important;
}

/* Nav menu column — dark navy to match the wordmark */
.tb-side-menu-toolbar {
  background-color: #29343e !important;
}

/* Active/selected nav item — green accent tint + colored text/icon */
.tb-side-menu-toolbar .tb-active {
  background-color: rgba(151, 202, 73, 0.16) !important;
  color: #97ca49 !important;
}
.tb-side-menu-toolbar .tb-active .mat-icon,
.tb-side-menu-toolbar .tb-active .mdc-button__label {
  color: #97ca49 !important;
}

/* Hover on non-active nav items */
.tb-side-menu-toolbar a.mat-mdc-button:not(.tb-active):hover {
  background-color: rgba(255, 255, 255, 0.08) !important;
}

/* Top page toolbar — match the nav menu's navy */
.tb-primary-toolbar {
  background-color: #29343e !important;
}

/* Global: Material "primary"-colored components app-wide (FABs, buttons,
   badges) -> brand navy, so stray default-blue Material blue doesn't show
   up outside the main chrome. The FAB toolbar rule is confirmed exact via
   DevTools; the rest are best-effort common Material patterns for this
   ThingsBoard build and may not all match — flag any remaining stray blue
   the same way (DevTools inspect -> exact class) for a precise follow-up. */
.tb-default .mat-fab-toolbar.mat-primary .mat-fab-toolbar-background,
.tb-default .mat-mdc-fab.mat-primary,
.tb-default .mat-mdc-mini-fab.mat-primary,
.tb-default .mat-mdc-raised-button.mat-primary,
.tb-default .mat-mdc-unelevated-button.mat-primary,
.tb-default .mat-badge-primary .mat-badge-content {
  background-color: #29343e !important;
  color: #ffffff !important;
}