/* Anmeldung, Projektliste, Pflege. Setzt plan.css voraus. */
.rahmen-kopf{background:var(--kopf);color:var(--kopf-tinte);padding:14px 28px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.rahmen-kopf .marke{font:600 11px/1 "Plex Cond",sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--kopf-leise)}
.rahmen-kopf h1{font-size:18px;margin:0;font-weight:600}
.rahmen-kopf .luecke{flex:1}
.rahmen-kopf a{color:var(--kopf-tinte);text-decoration:none;font-size:13px;border:1px solid var(--kopf-linie);padding:6px 11px;border-radius:7px}
.rahmen-kopf a:hover{border-color:var(--kopf-leise)}

.anmelden{min-height:100vh;display:grid;place-items:center;padding:24px 16px;background:radial-gradient(1200px 600px at 85% -10%,rgba(232,89,12,.22),transparent 60%),var(--kopf)}
.anmelden form{background:var(--flaeche);border-radius:14px;padding:30px 28px;width:min(380px,100%);display:flex;flex-direction:column;gap:14px;box-shadow:0 30px 80px rgba(0,0,0,.35)}
.anmelden h1{margin:0;font-size:22px}
.anmelden .marke{font:600 11px/1 "Plex Cond",sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--leise)}
label{display:flex;flex-direction:column;gap:5px;font-size:13px;color:var(--leise)}
input[type=text],input[type=password]{font:inherit;color:var(--tinte);background:var(--flaeche);border:1px solid var(--linie);border-radius:8px;padding:10px 12px}
input:focus{outline:2px solid var(--glut);outline-offset:0;border-color:transparent}
.haupt{font:inherit;font-weight:600;background:var(--tinte);color:var(--flaeche);border:0;border-radius:8px;padding:11px 16px;cursor:pointer}
.haupt.glut{background:linear-gradient(135deg,var(--glut2),var(--glut));color:#fff}
.haupt:disabled{opacity:.45;cursor:not-allowed}
.neben{font:inherit;background:var(--flaeche);color:var(--tinte);border:1px solid var(--linie);border-radius:8px;padding:10px 14px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center}
.meldung{padding:10px 12px;border-radius:8px;font-size:13px}
.meldung.fehler{background:var(--kritisch-weich);color:var(--kritisch)}
.meldung.ok{background:color-mix(in srgb,var(--gruen) 14%,transparent);color:var(--gruen)}

.liste-projekte{max-width:900px;margin:32px auto;padding:0 16px;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}
.projektkarte{background:var(--flaeche);border:1px solid var(--linie);border-radius:12px;padding:18px;text-decoration:none;display:flex;flex-direction:column;gap:6px}
.projektkarte:hover{border-color:var(--leise)}
.projektkarte .kn{font:500 12px/1 "Plex Mono",monospace;color:var(--leise)}
.projektkarte b{font-size:16px}

.pflege{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(320px,1fr);gap:0;height:calc(100vh - 58px)}
.editor{display:flex;flex-direction:column;border-right:1px solid var(--linie);min-height:0}
.editor-leiste{display:flex;gap:8px;align-items:center;padding:10px 14px;border-bottom:1px solid var(--linie);background:var(--flaeche);flex-wrap:wrap}
.editor-leiste .luecke{flex:1}
.editor-feld{flex:1;display:grid;grid-template-columns:auto 1fr;min-height:0;background:var(--flaeche);overflow:hidden}
.nummern{font:13px/20px "Plex Mono",monospace;color:var(--leise);text-align:right;padding:12px 8px 12px 12px;background:var(--flaeche2);border-right:1px solid var(--linie2);overflow:hidden;user-select:none;white-space:pre}
.nummern .f{color:var(--kritisch);font-weight:600}
.nummern .h{color:var(--warn)}
textarea#plantext{font:13px/20px "Plex Mono",monospace;color:var(--tinte);background:var(--flaeche);border:0;resize:none;padding:12px 14px;white-space:pre;overflow:auto;tab-size:2;outline:none}
.seitenfeld{overflow:auto;padding:16px 18px 28px;display:flex;flex-direction:column;gap:16px;background:var(--grund)}
.karte{background:var(--flaeche);border:1px solid var(--linie);border-radius:10px;padding:14px 16px;display:flex;flex-direction:column;gap:10px}
.karte h2{font:600 11px/1 "Plex Cond",sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--leise);margin:0}
.ampel{display:flex;gap:10px;flex-wrap:wrap}
.ampel div{flex:1;min-width:80px;border-radius:8px;padding:8px 10px;background:var(--flaeche2)}
.ampel b{display:block;font-size:20px;font-variant-numeric:tabular-nums}
.ampel .f b{color:var(--kritisch)}
.ampel .h b{color:var(--warn)}
.meldungen{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px;max-height:320px;overflow:auto}
.meldungen li{font-size:12.5px;padding:6px 8px;border-radius:6px;cursor:pointer;display:flex;gap:8px}
.meldungen li.fehler{background:var(--kritisch-weich)}
.meldungen li.hinweis{background:var(--warn-weich)}
.meldungen li .z{font:500 11px/1.6 "Plex Mono",monospace;color:var(--leise);flex:none}
.fassungen{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.fassungen li{display:flex;gap:10px;align-items:baseline;padding:7px 0;border-bottom:1px solid var(--linie2);font-size:13px}
.fassungen li .nr{font:600 12px/1 "Plex Mono",monospace;min-width:28px}
.fassungen li .k{color:var(--leise);flex:1}
.hilfe{font-size:12.5px;color:var(--leise)}
.hilfe code,.hilfe pre{font-family:"Plex Mono",monospace;font-size:12px;color:var(--tinte)}
.hilfe pre{background:var(--flaeche2);border-radius:6px;padding:8px 10px;margin:6px 0;white-space:pre;overflow:auto}
.uebernahme{display:flex;flex-direction:column;gap:8px}
@media (max-width:900px){.pflege{grid-template-columns:1fr;height:auto}.editor-feld{height:70vh}}

/* Zugänge */
.verwaltung{max-width:1180px;margin:24px auto 60px;padding:0 20px;display:flex;flex-direction:column;gap:18px}
.anlegen{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;align-items:end}
.anlegen.eng{grid-template-columns:1fr;min-width:240px;margin-top:8px}
select{font:inherit;color:var(--tinte);background:var(--flaeche);border:1px solid var(--linie);border-radius:8px;padding:9px 10px}
.zeile-form{display:inline}
.zeile-form select{padding:5px 8px;font-size:13px}
.aktionen{display:flex;flex-wrap:wrap;gap:6px;align-items:flex-start}
.klein-knopf{padding:5px 10px;font-size:12.5px;border-radius:6px}
.warnend{color:var(--kritisch);border-color:color-mix(in srgb,var(--kritisch) 40%,var(--linie))}
details.bearbeiten summary{list-style:none;cursor:pointer}
details.bearbeiten summary::-webkit-details-marker{display:none}
details.bearbeiten[open]{flex-basis:100%}
tr.gesperrt td{opacity:.6}
.kennwortkarte{background:linear-gradient(135deg,var(--glut-weich),var(--flaeche) 70%);border:1px solid color-mix(in srgb,var(--glut) 50%,var(--linie));border-radius:12px;padding:18px 20px;display:grid;grid-template-columns:1fr auto;gap:12px 24px;align-items:center}
.kennwortkarte p{margin:6px 0 0;color:var(--leise);max-width:60ch}
.kennwortkarte dl{display:grid;grid-template-columns:auto 1fr;gap:4px 14px;margin:0;grid-column:1/-1}
.kennwortkarte dt{color:var(--leise)}
.kennwortkarte dd{margin:0}
.kennwortkarte .gross{font-size:22px;font-weight:500;letter-spacing:.02em;user-select:all}
.kennwortkarte .haupt{grid-column:1/-1;justify-self:start}
@media (max-width:700px){.aktionen{flex-direction:column}}