/* W10 aus Design V2.1 (design.css), wörtlich übernommen und auf .v21-projekt begrenzt: Editor im Kontext der Vorschau,
   Farbwahl und die Farbwelten je Projekt (body[data-theme] dort, .v21-projekt[data-theme] hier). Pink/Mint ist die Grundwelt.
   Feldregeln gelten nur im Editor. Erzeugt mit scratchpad/v23/scope-editor.py. */
.v21-projekt[data-theme=lime]{--hero:var(--lime);--stage:var(--violet);--stage-text:var(--paper)}
.v21-projekt[data-theme=violet]{--hero:var(--violet);--stage:var(--orange);--hero-text:var(--paper)}
.v21-projekt[data-theme=orange]{--hero:var(--orange);--stage:var(--milk)}
.v21-projekt .editor textarea,.v21-projekt .editor input{width:100%;border:1.5px solid var(--ink);background:transparent;border-radius:6px;padding:13px;color:var(--ink);font-size:15px}
.v21-projekt .editor textarea{resize:vertical;min-height:130px}
.v21-projekt .editor textarea::placeholder{color:var(--ink)}
.v21-projekt .editor{width:620px;background:var(--pink)}
.v21-projekt .editor-note{margin-bottom:20px}
.v21-projekt .editor label{display:block;margin:20px 0 7px;font-weight:700;font-size:13px}
.v21-projekt .editor input,.v21-projekt .editor textarea{background:#ffffffd9}
.v21-projekt .editor textarea{min-height:90px}
.v21-projekt .editor .micro{margin:17px 0}
.v21-projekt .editor h2{line-height:1}
.v21-projekt .theme-picks{display:flex;gap:14px;margin:25px 0}
.v21-projekt .theme-picks button{width:48px;height:48px;background:var(--pick);border:var(--line);border-radius:50%}
.v21-projekt .theme-picks button[aria-pressed=true]{outline:3px solid var(--ink);outline-offset:4px}
@media(max-width:720px){.v21-projekt .theme-picks{gap:18px}}
.v21-projekt .theme-picks button{min-width:48px}
@media(max-width:720px){.v21-projekt .editor h2{font-size:32px}}
/* C1 (Codex 25.10.2026, Punkt 4): Farbwahl mit sichtbarem Namen und Haken statt nur Farbe, Tinte-Kontur auch für Pink auf Pink,
   Farbwelt als eigenes Feld am Ende, Fehlerzeile direkt am Feld. Ergänzt die übernommenen Regeln oben, ohne sie zu ändern. */
.v21-projekt .editor .theme-field{border:0;margin:20px 0 0;padding:0}
.v21-projekt .editor legend{display:block;margin:0 0 7px;padding:0;font-weight:700;font-size:13px}
.v21-projekt .theme-picks{flex-wrap:wrap;margin:8px 0 20px}
.v21-projekt .theme-picks button{width:auto;height:auto;min-width:64px;min-height:44px;padding:4px;background:transparent;border:0;border-radius:8px;display:flex;flex-direction:column;align-items:center;gap:6px;font-size:12px;font-weight:700;color:var(--ink)}
.v21-projekt .theme-picks button[aria-pressed=true]{outline:0}
.v21-projekt .theme-picks .pick-dot{width:48px;height:48px;border-radius:50%;background:var(--pick);border:3px solid var(--ink);display:grid;place-items:center;font-size:22px;font-weight:700;line-height:1;color:var(--ink)}
.v21-projekt .theme-picks button[aria-pressed=true] .pick-dot{outline:3px solid var(--ink);outline-offset:4px}
.v21-projekt .theme-picks button[data-theme=violet] .pick-dot{color:var(--paper)}
.v21-projekt .editor .field-error{margin:6px 0 0;color:var(--ink);font-weight:700}
/* T1a Tags (Codex 25.10.2026, tags/tags.css): Chips mit 44 px, Entfernen-Chip in Tinte, Eingabe mit Hinzufügen im Raster, Zähler 13 px. */
.v21-projekt .editor .tags-field{border:0;margin:20px 0 0;padding:0;min-width:0}
.v21-projekt .editor .tags-field legend{font-weight:700;font-size:13px;padding:0;margin:0 0 7px}
.v21-projekt .editor .tags-field label{margin-top:12px}
.v21-projekt .editor .chips{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 8px}
.v21-projekt .editor .chip{display:inline-flex;align-items:center;min-height:44px;width:auto;height:auto;border-radius:30px;border:2px solid var(--ink);padding:9px 15px;background:var(--paper);color:var(--ink);font-size:15px;font-weight:600;line-height:1.2;max-width:100%;overflow-wrap:anywhere;white-space:normal}
.v21-projekt .editor .chip.remove{background:var(--ink);color:var(--paper)}
.v21-projekt .editor .chip.remove:focus-visible{outline:3px solid var(--paper);outline-offset:3px}
.v21-projekt .editor .count{font-size:13px;margin:0}
.v21-projekt .editor .entry{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:start}
.v21-projekt .editor .entry button{min-height:44px;border:2px solid var(--ink);border-radius:9px;padding:9px 15px;background:var(--paper);color:var(--ink);font-weight:700}
.v21-projekt .editor #edit-tags-status{min-height:20px;margin:8px 0 0;font-size:13px}
.v21-projekt .editor .tag-suggestions{margin-top:12px}
.v21-projekt .editor .tag-suggestions .micro{margin:0 0 8px}
.v21-projekt .editor .chip:disabled{opacity:.55;cursor:not-allowed}
/* Kurzbeschreibung (27.10.2026, SM.ui.kurz wie im Editor): im Dialog wie die übrigen Felder (Beschriftung 13 px fett, Kontur
   1,5 px, helle Fläche, 15 px), Herkunft klein neben der Beschriftung, Zähler rechts unter dem Feld, „Vorschlag holen“ wie
   „Hinzufügen“ (44 px, Kontur 2 px), Hinweis bei Überlänge in Tinte fett wie die übrigen Feldfehler auf Pink; bei Überlänge
   3 px Kontur, die Farbe kommt wie bei allen ungültigen Feldern aus [aria-invalid] in app.css. */
.v21-projekt .editor .editor-kurz{margin:0}
.v21-projekt .editor .editor-kurz label.field{display:block;margin:20px 0 0}
.v21-projekt .editor .editor-kurz .field-label{display:inline;font-weight:700;font-size:13px;color:var(--ink)}
.v21-projekt .editor .editor-kurz .editor-origin{display:inline-block;margin:0 0 0 8px;font-size:12px;font-weight:400;letter-spacing:.04em;text-transform:uppercase;color:var(--ink)}
.v21-projekt .editor .editor-kurz textarea{display:block;width:100%;min-height:110px;margin:7px 0 0;border:1.5px solid var(--ink);border-radius:6px;padding:13px;background:#ffffffd9;color:var(--ink);font-size:16px;font-weight:400;line-height:1.4}
.v21-projekt .editor .editor-kurz textarea[aria-invalid="true"]{border-width:3px;padding:11.5px}
.v21-projekt .editor .editor-kurz .editor-kurz-row{margin:6px 0 0}
.v21-projekt .editor .editor-kurz .editor-kurz-long{margin:0;color:var(--ink);font-weight:700;font-size:13px}
.v21-projekt .editor .editor-kurz .editor-kurz-count{font-size:13px;color:var(--ink);font-variant-numeric:tabular-nums}
.v21-projekt .editor .editor-kurz .editor-kurz-actions{margin:10px 0 0;gap:8px 16px}
.v21-projekt .editor .editor-kurz .editor-kurz-ask{min-height:44px;width:auto;border:2px solid var(--ink);border-radius:9px;padding:9px 15px;background:var(--paper);color:var(--ink);font-size:15px;font-weight:700;line-height:1.2}
.v21-projekt .editor .editor-kurz .editor-kurz-ask:hover{background:var(--lime)}
.v21-projekt .editor .editor-kurz .editor-kurz-ask:disabled{opacity:.55;cursor:not-allowed}
.v21-projekt .editor .editor-kurz .editor-kurz-undo{display:inline-flex;align-items:center;min-height:44px;padding:0;background:transparent;border:0;color:var(--ink);font-size:15px;font-weight:700;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}
.v21-projekt .editor .editor-kurz .editor-kurz-status{margin:8px 0 0;font-size:13px;color:var(--ink)}
.v21-projekt .editor .editor-kurz :focus-visible{outline:3px solid var(--focus);outline-offset:3px}
/* Nachprüfung 27.10.2026, CLAUDE.md: Eingaben mindestens 16 px, sonst zoomt iOS beim Fokus. Die wörtlich übernommene V2.1-Regel
   oben (15 px) bleibt stehen und wird hier überschrieben. */
.v21-projekt .editor input,.v21-projekt .editor textarea{font-size:16px}