/* Gemeinsame Stile für Einsatz-App (index.html) und Verwaltung (admin.html) */
:root{--bg:#0f2430;--panel:#16323f;--line:#2c4f60;--tx:#eaf3f6;--mut:#8fb0bd;--alarm:#ff4d2e;--ok:#35c27a;--ex:#1d7fd1;font-family:"Segoe UI",system-ui,sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--tx)}
button,input,select,textarea{font:inherit;color:inherit;background:#0c1c25;border:1px solid var(--line);border-radius:6px;padding:.6rem .7rem}
button{cursor:pointer;background:var(--panel)}button.pri{background:var(--alarm);border-color:var(--alarm);font-weight:600}button:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid #fff;outline-offset:2px}
input[type=checkbox]{width:1.2rem;height:1.2rem;padding:0;flex:0 0 auto!important;accent-color:var(--ex)}
a.btn{color:inherit;text-decoration:none;background:var(--panel);border:1px solid var(--line);border-radius:6px;padding:.6rem .7rem;display:inline-block}
[hidden]{display:none!important}
details{border-top:1px solid var(--line);padding:.3rem 0;margin-top:.5rem}summary{cursor:pointer;padding:.4rem 0;font-weight:600}
.row{display:flex;gap:.5rem;flex-wrap:wrap;margin:.4rem 0}.row>*{flex:1 1 auto}.mut{color:var(--mut);font-size:.9rem}
.card{max-width:420px;margin:12vh auto;padding:1.2rem;display:grid;gap:.7rem}
.badge{display:inline-block;padding:.1rem .45rem;border-radius:4px;font-size:.8rem;font-weight:700;background:var(--ex);color:#fff;vertical-align:middle}
.msg{padding:.4rem 0;border-bottom:1px solid var(--line)}table{width:100%;border-collapse:collapse}td{padding:.3rem;border-bottom:1px solid var(--line)}
/* Dialoge (Passwort, Bearbeiten) */
.dlg{position:fixed;inset:0;z-index:6000;background:#000b;display:grid;place-items:center;padding:1rem}
.dlg .card{margin:0;width:100%;background:var(--panel);border:1px solid var(--line);border-radius:8px}
.dlg label{display:grid;gap:.3rem}.dlg label.chk{display:flex;align-items:center;gap:.5rem}
/* Einsatzlog im Gross-Modus */
#bigLog{position:fixed;inset:0;z-index:5000;background:var(--bg);display:flex;flex-direction:column}
#bigHead{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap;padding:.7rem 1rem;border-bottom:1px solid var(--line)}#bigHead h2{margin:0;font-size:1.3rem;flex:1 1 20rem}
#bigList{overflow:auto;flex:1;padding:.6rem 1rem 2rem;font-size:1.25rem;line-height:1.35}
.lg{display:grid;grid-template-columns:11rem 13rem 1fr;gap:.8rem;padding:.55rem .8rem;border-left:6px solid;border-bottom:1px solid var(--line)}.lg .t{color:var(--mut)}
@media(max-width:700px){.lg{grid-template-columns:1fr;gap:.1rem}#bigList{font-size:1.1rem}}