:root{--bg:#ffffff;--fg:#111827;--card:#f9fafb;--muted:#6b7280;--primary:#2563eb;--border:#e5e7eb;--input-bg:#ffffff;--input-fg:#111827;--input-border:#d1d5db;--input-placeholder:#6b7280;}
[data-theme="dark"]{--bg:#0b1220;--fg:#e5e7eb;--card:#111827;--muted:#9ca3af;--primary:#60a5fa;--border:#1f2937;--input-bg:#0f172a;--input-fg:#e5e7eb;--input-border:#334155;--input-placeholder:#94a3b8;}
html,body{height:100%;}
body{background:var(--bg);color:var(--fg);font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,Arial;}
.container{max-width:1100px;}
.card{background:var(--card);border:1px solid var(--border);border-radius:12px;}
.btn-primary{background:var(--primary);border-color:var(--primary);}
.text-muted{color:var(--muted)!important;}
a{color:var(--primary);}
.navbar{border-bottom:1px solid var(--border);}
.table{color:var(--fg);}
.table thead th{border-bottom:1px solid var(--border);}
.table td,.table th{border-top:1px solid var(--border);}
code{background:rgba(127,127,127,.15);padding:2px 6px;border-radius:6px;display:inline-block;}

/* --- Darkmode Fix für Eingabefelder (Bootstrap + eigene Controls) --- */
[data-theme="dark"] .form-control,
[data-theme="dark"] .form-select,
[data-theme="dark"] .form-control:focus,
[data-theme="dark"] .form-select:focus,
[data-theme="dark"] textarea,
[data-theme="dark"] input,
[data-theme="dark"] select{
  background-color: var(--input-bg) !important;
  color: var(--input-fg) !important;
  border-color: var(--input-border) !important;
}

[data-theme="dark"] .form-control::placeholder,
[data-theme="dark"] textarea::placeholder,
[data-theme="dark"] input::placeholder{
  color: var(--input-placeholder) !important;
  opacity: 1;
}

[data-theme="dark"] .form-control:focus,
[data-theme="dark"] .form-select:focus{
  box-shadow: 0 0 0 .25rem rgba(96,165,250,.25) !important;
}

[data-theme="dark"] .form-control:disabled,
[data-theme="dark"] .form-select:disabled,
[data-theme="dark"] input:disabled,
[data-theme="dark"] textarea:disabled{
  background-color: rgba(255,255,255,.06) !important;
  color: rgba(229,231,235,.7) !important;
}

[data-theme="dark"] .input-group-text{
  background-color: rgba(255,255,255,.06) !important;
  color: var(--input-fg) !important;
  border-color: var(--input-border) !important;
}

[data-theme="dark"] .form-check-input{
  background-color: var(--input-bg) !important;
  border-color: var(--input-border) !important;
}
[data-theme="dark"] .form-check-input:checked{
  background-color: var(--primary) !important;
  border-color: var(--primary) !important;
}