/**
 * Tryb ciemny panelu KGPP.
 *
 * Aktywowany przez atrybut [data-theme="dark"] na elemencie #kgpp-app
 * (przełączany przez kgpp-theme-toggle w assets/js/app.js). Nadpisuje
 * wyłącznie zmienne CSS zdefiniowane w kgpp-app.css — reszta reguł
 * (layout, komponenty) pozostaje wspólna dla obu motywów.
 *
 * @package Kgpp_Panel
 */

#kgpp-app[data-theme="dark"] {
	--kgpp-bg: #17171c;
	--kgpp-surface: #232323;
	--kgpp-text: #f2f2f2;
	--kgpp-text-muted: #a0a0a8;
	--kgpp-border: #34343c;

	--kgpp-primary: #7a63d6;
	--kgpp-primary-light: #9683e0;
	--kgpp-primary-hover: #8f7bdf;

	--kgpp-shadow: 0 2px 10px rgba(0, 0, 0, 0.35);
	--kgpp-shadow-lg: 0 8px 30px rgba(0, 0, 0, 0.55);
}

/* Sidebar w trybie ciemnym pozostaje w odcieniu granatu marki,
   ale lekko przyciemnionym dla spójności z resztą interfejsu. */
#kgpp-app[data-theme="dark"] .kgpp-sidebar {
	background: #1b1140;
}

#kgpp-app[data-theme="dark"] .kgpp-nav-link.is-active {
	background: var(--kgpp-primary);
	color: var(--kgpp-white);
}

#kgpp-app[data-theme="dark"] .kgpp-table tbody tr:hover {
	background: rgba(122, 99, 214, 0.08);
}

#kgpp-app[data-theme="dark"] .kgpp-badge-status--present,
#kgpp-app[data-theme="dark"] .kgpp-badge-status--active,
#kgpp-app[data-theme="dark"] .kgpp-badge-status--available {
	background: rgba(28, 138, 61, 0.2);
	color: #4ade80;
}

#kgpp-app[data-theme="dark"] .kgpp-badge-status--absent,
#kgpp-app[data-theme="dark"] .kgpp-badge-status--damaged,
#kgpp-app[data-theme="dark"] .kgpp-badge-status--overdue,
#kgpp-app[data-theme="dark"] .kgpp-badge-status--rejected {
	background: rgba(245, 55, 55, 0.18);
	color: #ff8080;
}

#kgpp-app[data-theme="dark"] .kgpp-badge-status--late,
#kgpp-app[data-theme="dark"] .kgpp-badge-status--pending,
#kgpp-app[data-theme="dark"] .kgpp-badge-status--service {
	background: rgba(154, 106, 0, 0.2);
	color: #ffc453;
}

#kgpp-app[data-theme="dark"] .kgpp-badge-status--excused,
#kgpp-app[data-theme="dark"] .kgpp-badge-status--loaned,
#kgpp-app[data-theme="dark"] .kgpp-badge-status--inactive {
	background: rgba(122, 99, 214, 0.2);
	color: #b3a4ec;
}