/* Style trybu ciemnego – stosujemy je tylko, gdy body ma klasę dark-mode */
body.dark-mode {
  background-color: #121212;
  color: #e0e0e0;
}
body.dark-mode footer {
  background-color: #1e1e1e !important;
}
/* Tabele – style ciemnego motywu */
body.dark-mode .table {
  color: #e0e0e0;
  background-color: #1e1e1e;
  border: 1px solid #444;
}
body.dark-mode .table th,
body.dark-mode .table td {
  border: 1px solid #444;
}
body.dark-mode .table-striped tbody tr:nth-of-type(odd) {
  background-color: #2e2e2e;
}
body.dark-mode .table-striped tbody tr:nth-of-type(even) {
  background-color: #1e1e1e;
}
body.dark-mode .table thead {
  background-color: #333;
  color: #e0e0e0;
}
/* Karty */
body.dark-mode .card {
  background-color: #1e1e1e;
  color: #e0e0e0;
  border-color: #333;
}
/* Formularze */
body.dark-mode .form-control,
body.dark-mode .form-select {
  background-color: #2e2e2e;
  color: #e0e0e0;
  border: 1px solid #444;
}
body.dark-mode .form-control:focus,
body.dark-mode .form-select:focus {
  background-color: #2e2e2e;
  color: #e0e0e0;
  border-color: #777;
  box-shadow: none;
}
/* Przycisk Wyloguj – solidny przycisk, by był czytelny */
.btn-logout {
  color: #fff;
}

/* Zmniejszenie rozmiaru czcionki w navbarze */
.navbar {
  font-size: 0.85rem; /* zmniejszony rozmiar czcionki */
}

/* Sprytne odwracanie kolorow dla svg */
html[data-bs-theme="dark"] .mikrotik-logo {
  filter: invert(1);
}
html[data-bs-theme="dark"] .linux-logo {
  filter: invert(1);
}

.progress-bar {
  display: flex;
  justify-content: center;
  align-items: center;
}

/* Zmniejszenie tekstu w rozwijanym menu navbar */
.navbar .dropdown-menu {
  font-size: 0.72rem; /* Dostosuj rozmiar czcionki */
}

/* Zmniejszenie paddingu dla elementów dropdown */
.navbar .dropdown-item {
  font-size: 0.72rem; /* Dostosuj rozmiar czcionki */
  padding: 0.1rem 0.5rem; /* Mniejszy padding */
}