/* Stoelkiezer — groot en duidelijk voor een ouder publiek. */
.zr-concerten { font-size: 1.1rem; }
.zr-concert { margin: 0 0 1rem; }
.zr-concert-titel { color: #000; margin-bottom: .5rem; }
.zr-kies, .zr-naar-verzenden {
  font-size: 1.15rem; font-weight: 700; padding: .7em 1.4em; border: 2px solid #1d2e38;
  border-radius: 6px; background: #1d2e38; color: #fff; cursor: pointer;
}
.zr-kies:hover { background: #2d4a5a; }
.zr-kies:disabled { opacity: .6; cursor: wait; }
.zr-samenvatting { margin-top: .5rem; font-weight: 700; color: #145233; }
.zr-gesloten { font-style: italic; color: #555; }
.zr-plan { border: 1px solid #ccd; border-radius: 8px; padding: .75rem; margin-top: .5rem; background: #fff; }
.zr-kop { display: flex; justify-content: space-between; align-items: center; gap: .5rem; flex-wrap: wrap; margin-bottom: .5rem; }
.zr-legende { display: flex; flex-wrap: wrap; gap: 1rem; font-size: 1rem; }
.zr-legende span::before {
  content: ""; display: inline-block; width: 1.1em; height: 1.1em; margin-right: .35em; vertical-align: -.2em;
  border: 2px solid #2d4a5a; border-radius: 3px; background: #fff;
}
.zr-legende .zr-l-gekozen::before { background: #1f7a4d; border-color: #145233; }
.zr-legende .zr-l-onbeschikbaar::before { background: #e6e8ea; border-color: #c3c9cd; }
.zr-zoom { display: flex; gap: .4rem; }
.zr-zoom button {
  width: 2.8rem; height: 2.8rem; font-size: 1.6rem; font-weight: 700; line-height: 1;
  border: 2px solid #1d2e38; border-radius: 6px; background: #fff; color: #1d2e38; cursor: pointer;
}
.zr-svg svg { display: block; width: 100%; height: auto; max-height: 75vh; }
/* Gsm: hoog kader waarin het plan ingezoomd start; één vinger scrolt de pagina tot er ingezoomd is. */
.zr-tip { display: none; margin: 0 0 .5rem; font-size: 1rem; color: #1d2e38; }
.zr-smal.zr-plan { padding: .5rem; }
.zr-smal .zr-tip { display: block; }
.zr-smal .zr-svg { height: 60vh; min-height: 320px; max-height: 600px; border: 1px solid #dde2e6; border-radius: 6px; overflow: hidden; }
.zr-smal .zr-svg svg { height: 100%; max-height: none; touch-action: pan-y; }
.zr-ingezoomd .zr-svg svg { touch-action: none; cursor: grab; }
.zr-svg .zp-stoel { cursor: pointer; }
.zr-svg .zp-onbeschikbaar { cursor: not-allowed; }
.zr-melding { color: #b42318; font-weight: 700; margin: .5rem 0 0; }
.zr-melding:empty { display: none; }
.zr-gekozen-tekst { font-weight: 700; }

/* Gekozen maar nog niet verzonden: niet te missen, met een knop naar Verzenden. */
.zr-nog-niet { margin-top: .75rem; padding: .75rem 1rem; border: 2px solid #c2410c; border-radius: 8px; background: #fff4ec; }
.zr-nog-niet p { margin: 0 0 .6rem; color: #1d2e38; }
.zr-naar-verzenden { background: #c2410c; border-color: #c2410c; }
.zr-naar-verzenden:hover { background: #9a3412; }