/* Das Fenster für Fragen und Meldungen — siehe assets/js/admin_frage.js (18.08.2026).
   Masse und Farben wie die Karte der Buchhaltung; ein alert() des Browsers sieht daneben aus wie
   eine Meldung des Betriebssystems, und genau das war das Problem. */
.admin-frage-huelle {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 100010;                 /* über den Fenstern (100000), damit die Frage sichtbar ist */
    background: rgba(15, 23, 42, 0.6);
    backdrop-filter: blur(3px);
    align-items: center;
    justify-content: center;
    padding: 20px;
}
.admin-frage-huelle.offen { display: flex; }

.admin-frage {
    background: #fff;
    width: 100%;
    max-width: 400px;
    border-radius: 18px;
    padding: 26px 24px 20px;
    box-shadow: 0 25px 50px -12px rgba(15, 23, 42, 0.35);
    text-align: center;
}
.admin-frage-zeichen {
    width: 58px;
    height: 58px;
    margin: 0 auto 16px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 26px;
}
.admin-frage-titel { margin: 0 0 8px; font-size: 18px; font-weight: 800; color: #0f172a; white-space: pre-line; }
.admin-frage-text { margin: 0 0 20px; font-size: 14px; line-height: 1.5; color: #64748b; white-space: pre-line; }
/* pre-line (29.09.2026): Meldungen tragen Zeilenumbrueche wie beim alert(), z. B. „Z-12 abgeschlossen … / Die Kasse ist jetzt gesperrt.“ */
.admin-frage-text:empty { display: none; }

.admin-frage-knoepfe { display: flex; flex-direction: column; gap: 8px; }
.admin-frage-knopf {
    width: 100%;
    padding: 12px 16px;
    border: none;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}
.admin-frage-knopf.gruen { background: #10b981; color: #fff; }
.admin-frage-knopf.rot   { background: #ef4444; color: #fff; }
.admin-frage-knopf.blau  { background: #3b82f6; color: #fff; }
.admin-frage-knopf.grau  { background: #f1f5f9; color: #475569; }

/* Das Eingabefeld statt prompt() (29.09.2026, adminEingabe). 16 px Schrift: darunter zoomt das
   iPhone beim Antippen heran und die Seite verrutscht. */
.admin-frage-feld:empty { display: none; }
.admin-frage-eingabe {
    width: 100%;
    box-sizing: border-box;
    height: var(--feld-hoehe, 43px);   /* das Hausmass der Felder, wie ueberall */
    margin: 0 0 16px;
    padding: 0 14px;
    border: 1px solid #cbd5e1;
    border-radius: 10px;
    font-size: 16px;
    color: #0f172a;
    background: #fff;
}
.admin-frage-eingabe:focus { outline: none; border-color: #3b82f6; box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.2); }
/* Die Hausregeln der Felder (z. B. body.admin-body input) setzten 14 px darüber — gemessen im
   Fenster. Mit dem Rahmen des Fensters davor gewinnen die 16 px (29.09.2026). */
.admin-frage-huelle .admin-frage input.admin-frage-eingabe { font-size: 16px; }