/** En-tête commun des applications My Best Réseau. */
.mbr-app-bar {
  position: relative;
  z-index: 990;
  width: 100%;
  color: #334155;
  background: rgba(255, 255, 255, 0.94);
  border-bottom: 1px solid rgba(148, 163, 184, 0.22);
  box-shadow: 0 7px 24px rgba(15, 23, 42, 0.045);
  -webkit-backdrop-filter: blur(16px) saturate(1.25);
  backdrop-filter: blur(16px) saturate(1.25);
}
.mbr-app-bar *, .mbr-app-bar *::before, .mbr-app-bar *::after { box-sizing: border-box; }
.mbr-app-bar__inner {
  width: min(100% - 1.25rem, 1120px);
  min-height: 58px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}
.mbr-app-bar__identity, .mbr-app-bar__actions, .mbr-app-bar__brand, .mbr-app-bar__app, .mbr-app-bar__actions a { display: flex; align-items: center; }
.mbr-app-bar__identity { min-width: 0; gap: 0.65rem; }
.mbr-app-bar__actions { flex: 0 0 auto; gap: 0.3rem; }
.mbr-app-bar a { color: inherit; text-decoration: none; -webkit-tap-highlight-color: transparent; }
.mbr-app-bar__brand { gap: 0.5rem; }
.mbr-app-bar__brand img { display: block; width: auto; height: 27px; object-fit: contain; }
.mbr-app-bar__brand span { color: #64748b; font-size: 0.76rem; font-weight: 750; }
.mbr-app-bar__divider { width: 1px; height: 24px; background: #e2e8f0; }
.mbr-app-bar__app { min-width: 0; gap: 0.45rem; color: #0f172a !important; font-size: 0.85rem; font-weight: 850; letter-spacing: -0.01em; }
.mbr-app-bar__app i { color: var(--mbr-app-accent); font-size: 1rem; }
.mbr-app-bar__app span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mbr-app-bar__actions a {
  min-height: 38px;
  gap: 0.38rem;
  padding: 0.45rem 0.68rem;
  border-radius: 999px;
  color: #475569;
  font-size: 0.76rem;
  font-weight: 750;
  transition: color 0.18s ease, background 0.18s ease, transform 0.18s ease;
}
.mbr-app-bar__actions a:hover, .mbr-app-bar__actions a:focus-visible { color: var(--mbr-app-accent); background: #f8fafc; }
.mbr-app-bar__actions a:focus-visible { outline: 3px solid rgba(100, 62, 235, 0.2); outline-offset: 1px; }
.mbr-app-bar__account { color: #fff !important; background: var(--mbr-app-accent); box-shadow: 0 7px 18px rgba(15, 23, 42, 0.13); }
.mbr-app-bar__account:hover, .mbr-app-bar__account:focus-visible { color: #fff !important; background: var(--mbr-app-accent) !important; transform: translateY(-1px); filter: brightness(0.96); }
@media (max-width: 720px) {
  .mbr-app-bar__inner { width: min(100% - 0.8rem, 1120px); min-height: 54px; gap: 0.4rem; }
  .mbr-app-bar__brand img { height: 24px; }
  .mbr-app-bar__brand span, .mbr-app-bar__actions a:not(.mbr-app-bar__account) span { display: none; }
  .mbr-app-bar__identity { gap: 0.45rem; }
  .mbr-app-bar__app { font-size: 0.78rem; }
  .mbr-app-bar__actions { gap: 0.08rem; }
  .mbr-app-bar__actions a { min-width: 38px; justify-content: center; padding: 0.42rem; }
  .mbr-app-bar__account { padding-inline: 0.62rem !important; }
}
@media (max-width: 390px) {
  .mbr-app-bar__brand img { width: 31px; object-position: left; object-fit: cover; }
  .mbr-app-bar__divider { display: none; }
  .mbr-app-bar__app { max-width: 126px; }
  .mbr-app-bar__account span { display: none; }
}
@media (prefers-reduced-motion: reduce) { .mbr-app-bar__actions a { transition: none; } }