/* Sneltoetsenhulp-overlay (F7.1). Vlak venster, 1px-rand, huisstijl; geen accentbalk. */

.sneltoets-overlay { position: fixed; inset: 0; z-index: 130; display: flex; align-items: center; justify-content: center; padding: 24px; }
.sneltoets-overlay__scrim { position: absolute; inset: 0; background: rgba(28, 42, 57, .45); }

.sneltoets__venster {
  position: relative;
  width: min(640px, 94vw);
  max-height: 86vh;
  display: flex;
  flex-direction: column;
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  overflow: hidden;
}

.sneltoets__kopbalk {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 14px 18px;
  border-bottom: 1px solid var(--line);
}
.sneltoets__titel { margin: 0; font-size: 1.05rem; color: var(--blue-700); }
/* Sluitknop = de globale .btn-ico btn-ico--blauw (zie markup; .sneltoets__sluit
   blijft als JS-hook). Geen eigen uiterlijk meer - dat komt uit de global. */

.sneltoets__body {
  padding: 8px 18px 18px;
  overflow-y: auto;
  /* Twee kolommen op breed scherm, een op smal: de groepen vullen netjes op. */
  column-width: 260px;
  column-gap: 28px;
}
.sneltoets__groep { break-inside: avoid; margin-top: 14px; }
.sneltoets__kop {
  margin: 0 0 6px;
  font-size: .72rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .05em;
  color: var(--muted);
}
.sneltoets__rij {
  display: flex;
  align-items: baseline;
  gap: 12px;
  padding: 5px 0;
  border-bottom: 1px solid var(--line);
}
.sneltoets__rij:last-child { border-bottom: 0; }
.sneltoets__toetsen { flex: 0 0 auto; display: inline-flex; align-items: center; gap: 3px; min-width: 96px; }
.sneltoets__plus { color: var(--muted); font-size: .75rem; }
.sneltoets__wat { font-size: .88rem; color: var(--ink-900); }

.sneltoets__kbd {
  display: inline-block;
  min-width: 20px;
  padding: 1px 6px;
  border: 1px solid var(--line);
  border-bottom-width: 2px;
  border-radius: 5px;
  background: var(--bg-50);
  color: var(--ink-900);
  font: inherit;
  font-size: .76rem;
  font-weight: 600;
  text-align: center;
}