/* ================================================ */
/* CONVERXUS - Custom ThingsBoard                   */
/* v1 | Equipo: Alejandro + Claude                  */
/* Paleta: Azul #1E6FD9 | Oscuro #0D1B3E            */
/* ================================================ */

/* ------------------------------------------------ */
/* LOGIN - Fondo y Card                             */
/* ------------------------------------------------ */
body.tb-default {
  background-color: #F4F7FB !important;
  background-image: none !important;
}

.tb-login-content {
  background: #F4F7FB !important;
  align-items: center !important;
  justify-content: center !important;
}

mat-card.mat-mdc-card {
  background-color: #FFFFFF !important;
  border: 1px solid rgba(30,111,217,0.2) !important;
  border-radius: 12px !important;
  box-shadow: 0 4px 24px rgba(0,0,0,0.08) !important;
  min-width: 400px !important;
}

mat-card.mat-mdc-card::before {
  content: '' !important;
  display: block !important;
  height: 3px !important;
  background: linear-gradient(90deg, #4FA3E8, #1E6FD9) !important;
  border-radius: 12px 12px 0 0 !important;
  margin: -1px -1px 0 -1px !important;
}

/* ------------------------------------------------ */
/* LOGO                                             */
/* ------------------------------------------------ */
tb-logo {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: 100% !important;
  margin-bottom: 8px !important;
}

tb-logo a {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

img[aria-label='logo'],
img[alt='Logo'] {
  max-height: 230px !important;
  width: auto !important;
  display: block !important;
  margin: 0 auto !important;
}

/* ------------------------------------------------ */
/* LOGIN - Inputs y botones                         */
/* ------------------------------------------------ */
.title {
  color: #0D1B3E !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  letter-spacing: 0.5px !important;
  text-align: center !important;
}

.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,
.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,
.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing {
  border-color: rgba(30,111,217,0.4) !important;
}

.mdc-text-field--outlined:not(.mdc-text-field--disabled):hover .mdc-notched-outline__leading,
.mdc-text-field--outlined:not(.mdc-text-field--disabled):hover .mdc-notched-outline__notch,
.mdc-text-field--outlined:not(.mdc-text-field--disabled):hover .mdc-notched-outline__trailing {
  border-color: #1E6FD9 !important;
}

.mat-mdc-input-element  { color: #0D1B3E !important; }
.mdc-floating-label     { color: rgba(0,0,0,0.5) !important; }

.mdc-button--unelevated.mat-accent,
.mat-mdc-unelevated-button.mat-accent {
  background-color: #1E6FD9 !important;
  border-radius: 6px !important;
  letter-spacing: 1px !important;
  font-weight: 600 !important;
  height: 44px !important;
}

.tb-reset-password .mdc-button__label {
  color: #1E6FD9 !important;
  font-size: 12px !important;
}

/* ------------------------------------------------ */
/* SIDEBAR                                          */
/* ------------------------------------------------ */
mat-sidenav.tb-site-sidenav {
  background-color: #FFFFFF !important;
  border-right: 1px solid rgba(30,111,217,0.15) !important;
}

.tb-nav-header {
  border-bottom: 3px solid #1E6FD9 !important;
}

mat-toolbar.tb-nav-header-toolbar.mat-primary,
mat-sidenav mat-toolbar.mat-primary,
mat-sidenav .mat-toolbar.mat-primary {
  background-color: #FFFFFF !important;
  color: #0D1B3E !important;
}

mat-toolbar.tb-side-menu-toolbar.mat-primary,
.tb-side-menu-toolbar.mat-primary {
  background-color: #FFFFFF !important;
  color: #0D1B3E !important;
}

/* ------------------------------------------------ */
/* TOOLBAR SUPERIOR (breadcrumb + usuario)          */
/* ------------------------------------------------ */
mat-toolbar.tb-primary-toolbar.mat-primary {
  background-color: #F4F7FB !important;
  border-bottom: 2px solid rgba(30,111,217,0.2) !important;
  color: #0D1B3E !important;
}

.tb-breadcrumb h1,
.tb-breadcrumb span {
  color: #0D1B3E !important;
}

/* ------------------------------------------------ */
/* MENÚ LATERAL                                     */
/* ------------------------------------------------ */
.tb-side-menu a.mdc-button        { color: #0D1B3E !important; }
.tb-side-menu .mat-icon           { color: #5A6A7A !important; }

.tb-side-menu a.tb-active {
  color: #1E6FD9 !important;
  background-color: rgba(30,111,217,0.08) !important;
}
.tb-side-menu a.tb-active .mat-icon { color: #1E6FD9 !important; }

/* ------------------------------------------------ */
/* ACENTOS GLOBALES                                 */
/* ------------------------------------------------ */
.mat-icon                              { color: rgba(30,111,217,0.8) !important; }
.mat-mdc-raised-button.mat-primary     { background-color: #1E6FD9 !important; }
.mdc-tab-indicator__content--underline { border-color: #1E6FD9 !important; }
.mdc-tab--active .mdc-tab__text-label  { color: #1E6FD9 !important; }

.mat-mdc-checkbox.mat-accent .mdc-checkbox__background {
  background-color: #1E6FD9 !important;
  border-color: #1E6FD9 !important;
}

/* ------------------------------------------------ */
/* TOOLBAR DASHBOARD - Azul Converxus               */
/* ------------------------------------------------ */
section.tb-dashboard-toolbar .mat-fab-toolbar-background {
  background-color: #1E6FD9 !important;
}

section.tb-dashboard-toolbar mat-toolbar.mat-primary,
section.tb-dashboard-toolbar .mat-toolbar.mat-primary {
  background-color: #1E6FD9 !important;
  color: #FFFFFF !important;
}

section.tb-dashboard-toolbar .mdc-fab.mat-primary,
section.tb-dashboard-toolbar .mat-mdc-fab.mat-primary,
section.tb-dashboard-toolbar button.mdc-fab {
  background-color: #0D4FA0 !important;
  color: #FFFFFF !important;
}

section.tb-dashboard-toolbar .mat-icon    { color: #FFFFFF !important; }
section.tb-dashboard-toolbar button       { color: #FFFFFF !important; }
section.tb-dashboard-toolbar .state-entry { color: #FFFFFF !important; }

section.tb-dashboard-toolbar section.tb-timewindow,
section.tb-dashboard-toolbar .tb-timewindow-label {
  color: #FFFFFF !important;
}

section.tb-dashboard-toolbar .mat-mdc-select-value,
section.tb-dashboard-toolbar .mat-mdc-select-arrow {
  color: #FFFFFF !important;
}

section.tb-dashboard-toolbar .mdc-button--outlined {
  border-color: rgba(255,255,255,0.85) !important;
  color: #FFFFFF !important;
}
section.tb-dashboard-toolbar .mdc-button--outlined:hover {
  background-color: rgba(255,255,255,0.12) !important;
}

/* Proteger iconos del sidebar */
mat-sidenav .mat-icon,
mat-sidenav mat-toolbar .mat-icon,
mat-toolbar.tb-nav-header-toolbar .mat-icon,
mat-toolbar.tb-side-menu-toolbar .mat-icon {
  color: #5A6A7A !important;
}
mat-sidenav a.tb-active .mat-icon,
.tb-side-menu a.tb-active .mat-icon {
  color: #1E6FD9 !important;
}

/* ------------------------------------------------ */
/* POWERED BY - Reemplazado via JS con "Converxus"  */
/* TB 4.3.1 usa .tb-powered-by-footer               */
/* ------------------------------------------------ */
.tb-powered-by-footer a,
.tb-powered-by-footer span:not(.converxus-label) {
  display: none !important;
}

.tb-powered-by-footer {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  padding: 2px 8px !important;
  pointer-events: none !important;
}

.tb-powered-by-footer .converxus-label {
  display: inline !important;
  visibility: visible !important;
  font-size: 11px !important;
  color: rgba(0,0,0,0.38) !important;
  font-family: Roboto, sans-serif !important;
  letter-spacing: 0.3px !important;
}

.tb-powered-by-footer .converxus-label a {
  display: inline !important;
  visibility: visible !important;
  color: #1E6FD9 !important;
  text-decoration: none !important;
  pointer-events: all !important;
}