/* Theme IFOD SA - surcharge des variables Quasar (chargee apres le CSS principal) */
:root {
  --q-primary: #1B2A5E;
  --q-secondary: #D4AF37;
  --q-accent: #D4AF37;
  --q-dark: #24262F;
  --q-dark-page: #1B1D26;
  /* --q-negative (rouge) volontairement inchange : alertes critiques */
}

/* Header / barre superieure */
.q-header,
.q-header .q-toolbar {
  background: #1B2A5E !important;
  color: #FFFFFF !important;
}

/* Sidebar / drawer de navigation */
.q-drawer {
  background: #1B2A5E !important;
  color: #FFFFFF !important;
}
.q-drawer .q-item {
  color: #E8E8E8 !important;
}
.q-drawer .q-item.q-router-link--active,
.q-drawer .q-item--active {
  color: #D4AF37 !important;
  background: rgba(212, 175, 55, 0.12) !important;
}
.q-drawer .q-item:hover {
  background: rgba(212, 175, 55, 0.08) !important;
}

/* Boutons primaires */
.q-btn.bg-primary,
.q-btn--standard.text-primary {
  background: #1B2A5E !important;
}
.q-btn.bg-accent,
.q-btn.bg-secondary {
  background: #D4AF37 !important;
  color: #1B2A5E !important;
}

/* Onglets actifs / indicateurs */
.q-tab--active,
.q-tab__indicator {
  color: #D4AF37 !important;
}
.q-tab__indicator {
  background: #D4AF37 !important;
}

/* Page de connexion : fond degrade neutre anthracite/marine */
main.bg-image {
  background: linear-gradient(135deg, #1B2A5E 0%, #24262F 55%, #17181f 100%) !important;
}

/* Carte de connexion : fond anthracite sobre */
main.bg-image .q-card.q-card--dark {
  background: #24262F !important;
  border: 1px solid rgba(212, 175, 55, 0.25);
}

/* Logo IFOD SA au-dessus du titre, sur la page de connexion */
main.bg-image .q-card__section.q-card__section--vert .text-h4.ellipsis::before {
  content: url("/ifod-logo.png");
  display: block;
  width: 180px;
  max-width: 60%;
  height: auto;
  margin: 0 auto 16px auto;
}

/* Logo IFOD SA dans le header (a cote du texte de marque) */
.q-header .q-toolbar {
  overflow: hidden;
}
.q-header .q-toolbar::before {
  content: "";
  display: inline-block;
  flex-shrink: 0;
  height: 28px;
  width: 28px;
  min-width: 28px;
  max-width: 28px;
  max-height: 28px;
  background-image: url("/ifod-logo.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-right: 10px;
  vertical-align: middle;
}

/* Barre de menu secondaire : File / View / Settings / Tools / Reporting / Help */
.ifod-menubar {
  background: rgba(255, 255, 255, 0.04);
  border-bottom: 1px solid rgba(212, 175, 55, 0.25);
  padding: 4px 8px !important;
  display: flex;
  flex-wrap: wrap;
}
.ifod-menubar .q-btn {
  border-radius: 6px;
  margin: 2px 3px;
  min-height: 32px;
  color: #E8E8E8 !important;
  transition: background 0.15s ease, color 0.15s ease;
}
.ifod-menubar .q-btn .q-btn__content {
  font-weight: 500;
}
.ifod-menubar .q-btn:hover,
.ifod-menubar .q-btn:focus {
  background: rgba(212, 175, 55, 0.15) !important;
  color: #D4AF37 !important;
}

/* Bloc "Tous les sites" en haut de la barre laterale */
.q-drawer .q-list.rounded-borders .q-item {
  font-weight: 600;
}
.q-drawer .q-list.rounded-borders .q-item__section--avatar {
  color: #D4AF37 !important;
}