body { padding:20px; }
div.dataTables_processing, #employees_processing { display:none!important; }
#statusBar { display:flex; gap:1rem; align-items:center; margin-top:.5rem; flex-wrap:wrap; }
#updateText { font-size:.9rem; }

/* Farbdefinitionen für Light/Dark Theme */
:root[data-bs-theme='light'] {
  --app-body-bg: #f8f9fa;
  --app-text: #212529;
  --app-row-flash: #d1e7dd;
  --app-border: rgba(0,0,0,.125);
}
:root[data-bs-theme='dark'] {
  --app-body-bg: #0b0f13;
  --app-text: #dee2e6;
  --app-row-flash: #163c2d;
  --app-border: rgba(255,255,255,.15);
}

body { background: var(--app-body-bg); color: var(--app-text); }
.flash-update { animation: flash 0.8s ease-in-out; }
@keyframes flash {
  from { background: var(--app-row-flash); }
  to   { background: transparent; }
}

/* Dark-Mode Tabelle & Header */
:root[data-bs-theme='dark'] .table {
  --bs-table-striped-bg: rgba(255,255,255,.03);
  --bs-table-hover-bg: rgba(255,255,255,.05);
  --bs-table-border-color: var(--app-border);
  color: var(--app-text);
}
:root[data-bs-theme='dark'] .dataTables_wrapper .form-control,
:root[data-bs-theme='dark'] .dataTables_wrapper .form-select {
  background-color: #12161b;
  color: var(--app-text);
  border-color: var(--app-border);
}
:root[data-bs-theme='dark'] thead.table-light {
  background-color: #1c1f23 !important;
  color: #dee2e6 !important;
  border-color: var(--app-border);
}
:root[data-bs-theme='dark'] thead.table-light th {
  background-color: #2d2e2e !important;
  color: #dee2e6 !important;
  border-color: var(--app-border);
}