/* Design-Schutz (alle Identities): fest verdrahtete Tailwind-Klassen aus forms.py-Widgets (border-slate-*, bg-slate-100, text-blue-*)
   folgen der Palette des Mandanten und dem Dunkelmodus, statt sie mit festen Grau-/Blautoenen zu ueberschreiben. */
input[class*="border-slate-"], select[class*="border-slate-"], textarea[class*="border-slate-"] {
  border-color: var(--brand-border, #e2e8f0) !important; background-color: var(--brand-surface, #fff); color: var(--brand-text, #0f172a); }
input[class*="bg-slate-100"], select[class*="bg-slate-100"], textarea[class*="bg-slate-100"],
input[class*="bg-slate-50"], select[class*="bg-slate-50"], textarea[class*="bg-slate-50"] {
  background-color: color-mix(in srgb, var(--brand-text, #0f172a) 7%, var(--brand-surface, #fff)) !important; color: var(--brand-text-muted, #64748b) !important; }
input[type="checkbox"][class*="text-blue-"], input[type="checkbox"][class*="text-slate-"] { accent-color: var(--brand-600, #2563eb); color: var(--brand-600, #2563eb) !important; }
input[class*="border-slate-"]:focus, select[class*="border-slate-"]:focus, textarea[class*="border-slate-"]:focus { border-color: var(--brand-600, #2563eb) !important; }

/* Kontextbezogene Hilfe: Fragezeichen am Feldlabel (data_engine/form_engine.html) */
.field-help-btn { width: 1.15rem; height: 1.15rem; border-radius: 999px; border: 1px solid var(--brand-border, #cbd5e1); background: var(--brand-surface, #fff);
  color: var(--brand-600, #2563eb); font-size: .7rem; font-weight: 800; line-height: 1; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; }
.field-help-btn:hover, .field-help-btn:focus-visible { background: var(--brand-600, #2563eb); color: #fff; outline: none; }
.field-help-pop { position: absolute; z-index: 40; left: 0; top: 1.5rem; width: max-content; max-width: min(20rem, 80vw); padding: .55rem .75rem; border-radius: .75rem;
  background: var(--brand-surface, #fff); color: var(--brand-text, #0f172a); border: 1px solid var(--brand-border, #e2e8f0); box-shadow: 0 10px 30px rgba(0,0,0,.18);
  font-size: .8rem; font-weight: 500; line-height: 1.35; white-space: normal; }