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);
}