/* Vorschau Online-Dashboard (04.10.2026): nur Ergänzungen zu den unveränderten MF-Bausteinen */
.seite[hidden]{display:none}
.raster{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-top:20px}
.klein{font-size:14px}.abstand{margin-top:20px}
.liste{list-style:none;margin:0;padding:0}
.liste li{display:flex;gap:12px;align-items:flex-start;padding:10px 0;border-top:1px solid var(--mf-line)}
.liste li:first-child{border-top:0}
.liste input[type=checkbox]{width:24px;height:24px;margin-top:2px;flex-shrink:0;accent-color:#11263f}
.liste li.erledigt .text{text-decoration:line-through;color:var(--mf-muted)}
.text{flex:1;min-width:0}.text small{display:block;color:var(--mf-muted)}
.marke{display:inline-block;font-size:12px;border:1px solid var(--mf-line);border-radius:99px;padding:1px 9px;color:var(--mf-muted);white-space:nowrap}
.marke.hoch{border-color:#a92132;color:#a92132}.marke.mail{border-color:#136c85;color:#136c85}
.kacheln{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px;list-style:none;margin:16px 0 0;padding:0}
.kachel{background:var(--mf-card);border:1px solid var(--mf-line);border-radius:8px;padding:18px;display:flex;flex-direction:column;gap:6px;border-top:3px solid var(--mf-gold)}
.kachel h3{margin:0;font-size:18px}.kachel .art{font-size:13px;color:#745327}
.kachel .stand{font-size:14px;color:var(--mf-muted)}
.kachel .mf-button{margin-top:auto}
.punkt{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px;background:#176144}
.punkt.gelb{background:#b88a45}.punkt.grau{background:#8295ac}
.zahlen{display:grid;grid-template-columns:1fr auto;gap:4px 16px;margin:8px 0}.zahlen dd{margin:0;text-align:right;font-weight:700}.zahlen dt{color:var(--mf-muted)}
.gruen{color:#176144}
.ideen{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;margin-top:16px}
.idee{background:var(--mf-card);border:1px solid var(--mf-line);border-radius:8px;padding:16px}.idee strong{display:block}
.tabelle{width:100%;border-collapse:collapse;font-size:15px}.tabelle th,.tabelle td{text-align:left;padding:10px 8px;border-top:1px solid var(--mf-line);vertical-align:top}.tabelle th{font-size:13px;color:var(--mf-muted);border-top:0}
.zeile-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}
.hinweis{background:var(--mf-info);border:1px solid #65c4da;border-radius:8px;padding:14px 16px;margin-bottom:20px}
.nav [aria-current=page]{font-weight:700}
@media(max-width:600px){.raster{grid-template-columns:1fr}.tabelle .nicht-handy{display:none}}
.meldung{position:sticky;top:0;z-index:5;background:#fff;border:2px solid var(--mf-error);color:var(--mf-error);border-radius:6px;padding:12px 16px;margin-bottom:16px}
details summary{cursor:pointer;min-height:44px;display:flex;align-items:center}
.liste .mf-button{min-height:40px;padding:6px 12px;flex-shrink:0}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.suche{display:flex;gap:10px;margin-bottom:20px}.suche input{flex:1;min-width:0;min-height:44px;padding:8px 12px;border:1px solid var(--mf-line);border-radius:6px;background:var(--mf-card);color:var(--mf-ink)}
.ampel{display:inline-block;width:12px;height:12px;border-radius:50%;margin-right:8px;background:#8295ac;flex-shrink:0}.ampel.ok{background:#176144}.ampel.fehler{background:#a92132}.ampel.warn{background:#b88a45}
.treffer h3{margin-top:16px}
/* Formularreihen: Felder oben bündig, gleiche Feldhöhe, Hinweistext verschiebt nichts */
.zeile-form{align-items:start}
.zeile-form .mf-field{align-content:start;margin-bottom:12px}
.zeile-form .mf-field input,.zeile-form .mf-field select{height:48px}