/* KCForms · runtime theme · auto-generated */
/* Phase 2: CSS-Custom-Properties + Tailwind-Brand-Overrides + Admin-CSS. */

:root {
  --kc-color-status-danger: #dc3545;
  --kc-font-mono: Menlo, Monaco, Consolas, Courier New, monospace;
  --kc-font-size-small: 12px;
  --kc-color-brand-accent: #4d9ee6;
  --kc-color-bg-body: #ffffff;
  --kc-font-default: system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
  --kc-color-border-default: #cbd5e1;
  --kc-option-readonlyStyle: highlighted;
  --kc-color-table-border: #e2e8f0;
  --kc-color-status-warning: #ffc107;
  --kc-color-brand-secondary: #475569;
  --kc-font-size-base: 14px;
  --kc-color-border-input: #cbd5e1;
  --kc-color-button-secondary-color: #334155;
  --kc-color-brand-yellow: #ffc301;
  --kc-color-childtable-header-bg: #e2e8f0;
  --kc-color-bg-input: #ffffff;
  --kc-color-button-secondary-border: #cbd5e1;
  --kc-border-radius-md: 0.375rem;
  --kc-color-brand-primary: #003769;
  --kc-color-button-primary-bg: #1f3864;
  --kc-color-brand-primary-active: #002446;
  --kc-color-border-focus: #1f3864;
  --kc-color-status-danger-bg: #f8d7da;
  --kc-color-status-warning-bg: #fff3cd;
  --kc-color-bg-input-disabled: #f1f5f9;
  --kc-color-brand-text: #0f172a;
  --kc-color-button-primary-color: #ffffff;
  --kc-font-size-heading: 18px;
  --kc-font-weight-bold: 600;
  --kc-color-status-success: #198754;
  --kc-color-table-row-hover: #eff6ff;
  --kc-color-bg-panel: #f8fafc;
  --kc-font-pdf-family: roboto;
  --kc-color-status-success-bg: #d1e7dd;
  --kc-color-formstudio-preview-border: #ffc301;
  --kc-color-brand-primary-hover: #00498b;
  --kc-color-table-row-alt: #f8fafc;
  --kc-color-button-danger-color: #ffffff;
  --kc-color-datepicker-range-bg: #dbeafe;
  --kc-border-radius-sm: 0.25rem;
  --kc-color-table-header-bg: #f1f5f9;
  --kc-color-button-secondary-bg: #ffffff;
  --kc-color-datepicker-weekend-color: #854d0e;
  --kc-color-datepicker-selected-bg: #0d6efd;
  --kc-color-button-danger-bg: #e11d48;
  --kc-color-brand-muted: #64748b;
  --kc-color-brand-link: #005bae;
  --kc-color-datepicker-today-bg: #fef3c7;
  --kc-color-datepicker-weekend-bg: #fef9c3;
  --kc-color-status-info-bg: #cff4fc;
  --kc-color-status-info: #0dcaf0;
}

/* Tailwind brand overrides — greifen auf bestehende JSX-Klassen. */
.bg-brand-700 { background-color: #003769 !important; }
.bg-brand-600 { background-color: #00498b !important; }
.bg-brand-800 { background-color: #002446 !important; }
.bg-brand-500 { background-color: #005bae !important; }
.text-brand-700 { color: #003769 !important; }
.text-brand-500 { color: #005bae !important; }
.text-brand-600 { color: #00498b !important; }
.text-brand-800 { color: #002446 !important; }
.border-brand-700 { border-color: #003769 !important; }
.border-brand-500 { border-color: #005bae !important; }
.ring-brand-500 { --tw-ring-color: #005bae !important; }
.hover\:bg-brand-700:hover { background-color: #003769 !important; }
.hover\:bg-brand-600:hover { background-color: #00498b !important; }

/* Admin-CSS (theme_css.default) */
/* KCForms · Theme-CSS · Default                                          */
/* ---------------------------------------------------------------------- */
/* Phase 1 (13.BF): nur Verwaltung — der hier hinterlegte Inhalt wird     */
/* noch nicht automatisch in das React-UI oder den PDF-Renderer           */
/* eingebunden. Spätere Stages werden ihn ausspielen.                     */
/*                                                                        */
/* Konventionen für KCForms-Klassen:                                      */
/*   .kc-label      — Feldbezeichner über/links neben einem Input         */
/*   .kc-input      — Standard-Eingabefeld                                */
/*   .kc-section    — Abschnitt-Trennzeile mit Überschrift (kc:section)   */
/*   .kc-leittext   — Reine Text-Anzeige (kc:text)                         */
/*   .kc-button     — Primary-Action-Button                               */
/*   .kc-childtable — 1:n-Detail-Tabelle                                  */
/* ---------------------------------------------------------------------- */

.kc-label {
  font-weight: 600;
  color: #212529;
  margin-bottom: 0.25rem;
}

.kc-input {
  border: 1px solid #cbd5e1;
  border-radius: 3px;
  padding: 0.5rem 0.75rem;
  background: #ffffff;
}

.kc-section {
  border-bottom: 1px solid #dee2e6;
  padding-bottom: 0.5rem;
  margin: 1rem 0;
  font-size: 1.1rem;
  font-weight: 600;
}
