/* Herkenningsbalk voor de cursist (ingang 2) — getoond zodra een geldige
   persoonlijke token bekend is. Bewust smal en rustig: het is een geruststelling,
   geen melding. Werkt op de landing en op de consumer-pagina's. */
.ac-idbar {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .85rem;
  flex-wrap: wrap;
  padding: .5rem 1rem;
  background: #0f1b3d;
  color: #dfe5f7;
  font-size: .85rem;
  line-height: 1.4;
  text-align: center;
}
.ac-idbar b { color: #fff; font-weight: 600; }
.ac-idbar .ac-idout {
  background: transparent;
  border: 1px solid rgba(255, 255, 255, .35);
  color: #dfe5f7;
  border-radius: 999px;
  padding: .25rem .8rem;
  font: inherit;
  cursor: pointer;
}
.ac-idbar .ac-idout:hover { background: rgba(255, 255, 255, .12); color: #fff; }
.ac-idbar .ac-idout:focus-visible { outline: 2px solid #8fa6ff; outline-offset: 2px; }

@media (max-width: 520px) {
  .ac-idbar { font-size: .8rem; padding: .45rem .7rem; gap: .5rem; }
}