/*
  ZwischenBlog AP-16
  Datei: assets/styles/forms.css
  Rolle: führende Formulargrammatik für Admin-Editor, Medien, Taxonomie und Einstellungen.
  Grenze: nutzt zentrale Material-3-Metriken, keine lokalen Schattenmetriken.
*/
.zb-form { display: grid; gap: 24px; }
.zb-form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
.zb-field { display: grid; gap: 8px; }
.zb-field label,
.zb-field__label { color: var(--zb-ink-soft); font-size: .875rem; line-height: 1.25rem; font-weight: 650; }
.zb-field input,
.zb-field textarea,
.zb-field select {
  width: 100%;
  min-height: var(--zb-m3-field-height);
  border: 1px solid var(--zb-line-strong);
  border-radius: var(--zb-m3-shape-corner-extra-small);
  background: var(--zb-surface);
  color: var(--zb-ink);
  padding: 16px;
  line-height: 1.5;
}
.zb-field textarea { min-height: 224px; resize: vertical; line-height: 1.7; }
.zb-field small { color: var(--zb-ink-muted); }
.zb-field--wide { grid-column: 1 / -1; }
.zb-form-grid .zb-field:has(#slug) { grid-column: 1 / -1; max-width: 100%; }

.zb-field-with-action {
  display: grid;
  grid-template-columns: minmax(0, 1fr) var(--zb-m3-icon-button-size);
  gap: 8px;
  align-items: center;
}
.zb-inline-actions,
.zb-check-row {
  display: flex;
  flex-wrap: wrap;
  gap: var(--zb-space-2);
  align-items: center;
}
.zb-check {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 40px;
  border-radius: var(--zb-m3-shape-corner-small);
  padding: 0 12px;
  border: 1px solid var(--zb-line);
  background: var(--zb-panel-bg);
  color: var(--zb-ink-soft);
  font-weight: 700;
}
.zb-check input[type="checkbox"] { width: 18px; height: 18px; flex: 0 0 18px; accent-color: var(--zb-brand); }
.zb-taxonomy-add {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
  align-items: center;
}
@media (max-width: 760px) {
  .zb-form-grid { grid-template-columns: 1fr; }
  .zb-field--wide,
  .zb-form-grid .zb-field:has(#slug) { grid-column: auto; max-width: none; }
}
@media (max-width: 680px) {
  .zb-taxonomy-add,
  .zb-field-with-action { grid-template-columns: 1fr; }
}