/* ===================================================================
   Auracio brand overlay pour ThingsBoard CE (iotcore.auracio.com)
   Cible : logo « A » violet sur barre blanche + violet en accent partout,
   aligné sur le Nextcloud Auracio (primaire #7B5BFE).
   Injecté par le proxy nginx dans index.html (white-label natif = PE).
   =================================================================== */

:root {
  --auracio: #7B5BFE;            /* primaire, = Nextcloud */
  --auracio-deep: #481890;       /* violet de marque (logo A) */
  --auracio-dark: #4C2D8C;
  --auracio-light: #A78BFA;
  --auracio-soft: #f3f0ff;       /* fond violet très clair */
}

/* ---- Barre d'outils principale : FOND BLANC, contenu violet ---- */
.mat-toolbar.mat-primary,
mat-toolbar.mat-primary,
.tb-primary-toolbar,
header .mat-toolbar {
  background: #ffffff !important;
  color: var(--auracio-deep) !important;
  border-bottom: 1px solid #ece9fb;
  box-shadow: 0 1px 4px rgba(72,24,144,.06);
}
.mat-toolbar.mat-primary .mat-icon,
.mat-toolbar.mat-primary .mat-mdc-button,
.mat-toolbar.mat-primary .mat-mdc-icon-button,
.mat-toolbar.mat-primary span,
.tb-primary-toolbar .mat-icon {
  color: var(--auracio-deep) !important;
}

/* ---- Logo : « A » violet, contenu sur le fond blanc ---- */
img[src*="logo_title_white"],
img[src*="logo_white"],
.tb-logo img,
.tb-logo-title {
  object-fit: contain !important;
  max-height: 38px !important;
  width: auto !important;
}

/* ---- Menu latéral : item actif en violet ---- */
.tb-side-menu .tb-nav-item.tb-active,
.mat-mdc-list-item.tb-active,
a.tb-nav-item.active,
.mat-mdc-list-item.tb-active .mat-icon,
.tb-side-menu .tb-nav-item.tb-active .mat-icon {
  color: var(--auracio) !important;
}
.mat-mdc-list-item.tb-active {
  background: var(--auracio-soft) !important;
  border-left: 3px solid var(--auracio) !important;
}

/* ---- Boutons primaires ---- */
.mat-mdc-raised-button.mat-primary,
.mat-mdc-unelevated-button.mat-primary,
.mat-mdc-fab.mat-primary,
.mat-mdc-mini-fab.mat-primary,
button.mat-primary.mat-mdc-raised-button {
  background-color: var(--auracio) !important;
  color: #fff !important;
}
.mat-mdc-button.mat-primary,
.mat-mdc-outlined-button.mat-primary,
a.mat-primary { color: var(--auracio) !important; }
.mat-mdc-outlined-button.mat-primary { border-color: var(--auracio) !important; }

/* ---- Onglets, liens, sélections ---- */
.mat-mdc-tab.mdc-tab--active .mdc-tab__text-label,
.mat-mdc-tab-link.mdc-tab--active { color: var(--auracio) !important; }
.mat-mdc-tab-indicator__content--underline,
.mdc-tab-indicator__content--underline { border-color: var(--auracio) !important; }
a { color: var(--auracio); }

/* ---- Champs, cases, interrupteurs ---- */
.mdc-checkbox__background { border-color: var(--auracio) !important; }
.mat-mdc-checkbox-checked .mdc-checkbox__background,
.mdc-checkbox--selected .mdc-checkbox__background { background-color: var(--auracio) !important; }
.mdc-switch--selected .mdc-switch__handle::after,
.mdc-switch--selected .mdc-switch__track::after { background-color: var(--auracio) !important; }
.mdc-text-field--focused .mdc-line-ripple::after,
.mat-mdc-form-field.mat-focused .mdc-line-ripple::after,
.mdc-text-field--focused .mdc-notched-outline__leading,
.mdc-text-field--focused .mdc-notched-outline__notch,
.mdc-text-field--focused .mdc-notched-outline__trailing { border-color: var(--auracio) !important; }
.mat-mdc-form-field.mat-focused .mat-mdc-floating-label { color: var(--auracio) !important; }
::selection { background: var(--auracio-light); }

/* ---- Page de login : fond clair, carte BLANCHE, logo A violet, bouton violet ---- */
.tb-login-content,
mat-sidenav-container.tb-login,
.tb-signup-content,
section.tb-default.tb-login {
  background: linear-gradient(160deg, #ffffff 0%, var(--auracio-soft) 100%) !important;
}
/* Carte de login : blanche + texte foncé (défaut TB = bleu marine) */
.tb-login-content .mat-mdc-card,
.tb-login-content .mdc-card {
  background: #ffffff !important;
  color: var(--auracio-deep) !important;
  border-top: 4px solid var(--auracio) !important;
  box-shadow: 0 10px 34px rgba(72,24,144,.14) !important;
}
.tb-login-content input,
.tb-login-content .mat-mdc-input-element {
  color: var(--auracio-deep) !important;
  caret-color: var(--auracio) !important;
}
.tb-login-content .mat-icon { color: var(--auracio) !important; }
.tb-login-content a { color: var(--auracio) !important; }
.tb-login-content label,
.tb-login-content .mdc-floating-label { color: var(--auracio) !important; }
.tb-login-content .mdc-text-field__input::placeholder { color: #9aa0b4 !important; }
.tb-login-content .login-logo { background: transparent !important; box-shadow: none !important; }
.tb-login-content .mat-mdc-raised-button.mat-primary,
.tb-login-content button.mat-primary { background-color: var(--auracio) !important; color:#fff !important; }

/* ---- Progression / spinner ---- */
.mdc-linear-progress__bar-inner { border-color: var(--auracio) !important; }
.mat-mdc-progress-spinner circle,
.mdc-circular-progress__indeterminate-circle-graphic circle { stroke: var(--auracio) !important; }
.mat-mdc-progress-bar { --mdc-linear-progress-active-indicator-color: var(--auracio); }

/* ---- Toggles / boutons d'action surlignés ---- */
.mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked .mdc-switch__handle::after { background: var(--auracio) !important; }
.mat-mdc-raised-button.mat-accent { background-color: var(--auracio-deep) !important; }