/* ==========================================================================
   ORTSWAHL — und die Rückfrage bei mehrfach vorhandenen Orten.

   Ein Haus hat selten genau einen Fahrstuhl. „Fahrstuhl" allein zwingt den
   Hausmeister, alle abzusuchen — genau das soll die App verhindern.
   ========================================================================== */

/* Gruppenüberschriften in der Ortsliste. Hell eine Stufe dunkler wie in der
   Erfassung: „In diesem Haus", „Nummer", „Eigener Zusatz" kamen mit --ink-3
   nur auf 3,2 : 1. */
.ort-marke {
  margin: var(--s4) 0 var(--s2);
  font-size: .72rem; font-weight: 800; letter-spacing: .08em;
  text-transform: uppercase; color: var(--ink-3-schrift, var(--ink-3));
}
.ort-marke:first-child { margin-top: 0; }

/* Hinweis an Orten, die es mehrfach gibt */
.ort-mehrfach {
  flex: none; font-style: normal; font-size: .76rem; font-weight: 650;
  color: var(--brand);
  padding: 3px 9px; border-radius: var(--r-full);
  background: color-mix(in srgb, var(--brand) 14%, transparent);
}
.ort-gross > .ic:last-child { color: var(--ink-3); flex: none; }

/* --- Rückfrage: Nummern --- */
/* Sechs Felder in EINER Reihe — gleich breit, kein einsamer Umbruch. */
.nummern { display: grid; grid-template-columns: repeat(6, 1fr); gap: var(--s2); }
.nummer {
  min-height: 64px; padding: 0;
  background: var(--surface); border: 1.5px solid var(--line); border-radius: var(--r-md);
  color: var(--ink); font-size: 1.4rem; font-weight: 750;
  font-variant-numeric: tabular-nums;
}
.nummer:active { background: var(--brand); border-color: var(--brand); color: var(--brand-ink); }

/* --- Rückfrage: Bereich oder Etage --- */
.wo-wahl { display: flex; flex-wrap: wrap; gap: var(--s2); }
.wo {
  min-height: 52px; padding: 0 var(--s4);
  background: var(--surface); border: 1.5px solid var(--line); border-radius: var(--r-full);
  color: var(--ink); font-weight: 650; font-size: .98rem;
}
.wo:active { background: var(--brand); border-color: var(--brand); color: var(--brand-ink); }

.blatt-koerper .ort-suche { margin-bottom: var(--s3); }