/* Correctifs PayeDirect Admin (menu latéral).
   Le logo du gabarit fait 170px de large et débordait hors du rail de 80px :
   il recouvrait le bouton d'ouverture du menu et bloquait tous les clics. */
.app-menubar-tabs .app-navbar-brand {
  overflow: hidden;
}

.app-menubar-tabs .app-navbar-brand .navbar-brand-logo {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.app-menubar-tabs .app-navbar-brand img {
  max-width: 44px;
  max-height: 40px;
  width: auto;
  height: auto;
  object-fit: contain;
}

/* Zone de titre du panneau : plus de texte de marque en double. */
.app-menubar-tabs .app-side-brands .navbar-brand-text {
  display: none;
}

/* Champs de formulaire avec icône (page de connexion). */
.pd-field {
  position: relative;
}

.pd-field .pd-field-icon {
  position: absolute;
  top: 50%;
  left: 14px;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  font-size: 16px;
  line-height: 1;
  color: var(--bs-secondary-color, var(--bs-body-color));
  pointer-events: none;
}

.pd-field .pd-field-input {
  padding-left: 40px;
}

/* Sous-menus : icône propre à chaque entrée + alignement. */
.app-navbar .menu-inner .menu-item > .menu-link {
  display: flex;
  align-items: center;
  gap: 8px;
}

.app-navbar .menu-inner .menu-item > .menu-link > i {
  font-size: 14px;
  line-height: 1;
  display: flex;
  align-items: center;
}