/* Mode démo de l'extranet — bandeau de consultation du site public
   (PageView/Partials/DemoBanner.html). Copie des règles .extranet-demo-banner
   de extranet.css, limitée au bandeau (le site public ne charge pas extranet.css). */
.extranet-demo-banner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 8px 24px;
  background: #5b21b6;
  color: #fff;
  font-size: 14px;
  line-height: 1.3;
  border-bottom: 2px solid #3b0764;
}
.extranet-demo-banner__text { display: flex; align-items: center; gap: 10px; min-width: 0; }
.extranet-demo-banner__text svg { flex-shrink: 0; }
.extranet-demo-banner__actions { display: flex; align-items: center; gap: 8px; flex-shrink: 0; }
.extranet-demo-banner__form { margin: 0; flex-shrink: 0; }
.extranet-demo-banner__button {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 14px;
  border: 1px solid rgba(255, 255, 255, 0.7);
  border-radius: 999px;
  background: #fff;
  color: #3b0764;
  font: inherit;
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;
  white-space: nowrap;
}
.extranet-demo-banner__button:hover { background: #ede9fe; color: #3b0764; }
.extranet-demo-banner__button:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }
.extranet-demo-banner__button--ghost { background: transparent; color: #fff; }
.extranet-demo-banner__button--ghost:hover { background: rgba(255, 255, 255, 0.15); color: #fff; }
@media (max-width: 720px) {
  .extranet-demo-banner { padding: 8px 12px; flex-wrap: wrap; }
}