/* Anmeldung, Konto, Benutzer, Protokoll */
.kontoleiste{display:flex;flex-wrap:wrap;align-items:center;gap:6px 16px;margin:0 0 16px;padding:10px 14px;background:#fff;border:1px solid var(--line);border-left:6px solid var(--gelb);border-radius:10px;font-size:.95rem}
.kontoleiste .wer{margin-right:auto}
.kontoleiste a{font-weight:600}
.kontoleiste form{margin:0}
.kontoleiste button{font:inherit;font-weight:600;color:var(--alarm);background:none;border:0;padding:0;cursor:pointer;text-decoration:underline}
.marke{display:inline-block;padding:0 8px;border-radius:999px;background:var(--navy);color:#fff;font-size:.75rem;font-weight:700;vertical-align:middle}
.karte{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:18px 22px;margin:0 0 16px}
.karte h2{font-size:1.25rem;margin:0 0 10px}
.formular{max-width:560px}
.formular label{display:block;font-weight:700;font-size:.95rem;margin:14px 0 4px}
.formular label small{font-weight:400;color:var(--ink-soft)}
.formular label.haken{display:flex;gap:10px;align-items:flex-start;font-weight:400}
.formular label.haken input{width:20px;height:20px;margin-top:2px;accent-color:var(--navy)}
.formular input[type=text],.formular input:not([type]),.formular input[type=password],.filter select{width:100%;font:inherit;color:var(--ink);background:#fff;border:2px solid var(--line);border-radius:8px;padding:.55rem .7rem}
.formular input:focus,.filter select:focus{outline:3px solid var(--blue);outline-offset:1px;border-color:var(--blue)}
.formular .btn{margin-top:16px}
.meldung{border-radius:10px;padding:12px 16px;margin:0 0 16px;border:1.5px solid}
.meldung p{margin:0}
.meldung.ok{background:#eef7e8;border-color:#2f7d3a}
.meldung.fehler{background:var(--alarm-bg);border-color:var(--alarm)}
.kacheln-klein{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin:12px 0}
.kk{display:block;text-decoration:none;color:inherit;background:#fff;border:2px solid var(--schild);border-radius:10px;padding:12px 16px}
.kk:hover,.kk:focus-visible{background:var(--lind)}
.kk b{display:block;color:var(--navy);font-size:1.1rem}
.kk span{color:var(--ink-soft);font-size:.92rem}
.kk.admin{border-style:dashed}
.angaben{display:grid;grid-template-columns:max-content 1fr;gap:4px 18px;margin:0}
.angaben dt{color:var(--ink-soft)}
.angaben dd{margin:0;font-weight:600}
.neuer-link{border:2px solid var(--gelb);background:#fffbe6}
.linkfeld input{width:100%;font:inherit;font-family:ui-monospace,Consolas,monospace;font-size:.9rem;padding:.6rem .7rem;border:2px solid var(--line);border-radius:8px;background:#fff}
.neuer-link .aktionen{margin-top:12px}
.tabelle-wrap{overflow-x:auto}
.tabelle{border-collapse:collapse;width:100%;font-size:.95rem}
.tabelle th,.tabelle td{border-bottom:1px solid var(--line);padding:7px 8px;text-align:left;vertical-align:top}
.tabelle th{font-size:.8rem;text-transform:uppercase;letter-spacing:.03em;color:var(--ink-soft)}
.tabelle tr.gesperrt td{color:var(--ink-soft);background:#f7f4ea}
.tabelle tr.warn td{background:#fff3d6}
.knoepfe form{display:flex;flex-wrap:wrap;gap:6px;margin:0}
.btn.klein{min-height:34px;padding:.25rem .65rem;font-size:.85rem}
.filter{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center}
.filter label{font-weight:700}
.filter select{width:auto;min-width:180px}
code{font-family:ui-monospace,Consolas,monospace;font-size:.9em}
@media (max-width:560px){.karte{padding:14px}.angaben{grid-template-columns:1fr}.angaben dd{margin-bottom:6px}}