@import url('https://fonts.googleapis.com/css2?family=Pacifico&display=swap');

body.dark-mode, .navbar.dark-mode, .dropdown-menu.dark-mode {
  background-color: #181a1b !important;
  color: #f1f1f1 !important;
}
body.dark-mode .form-control, body.dark-mode .form-select {
  background-color: #23272b !important;
  color: #f1f1f1 !important;
  border-color: #444 !important;
}
body.dark-mode .table {
  color: #f1f1f1;
}
body.dark-mode .table-striped>tbody>tr:nth-of-type(odd) {
  background-color: #23272b;
}
body.dark-mode .navbar,
body.dark-mode .navbar .navbar-brand,
body.dark-mode .navbar .nav-link,
body.dark-mode .navbar .dropdown-item {
  background-color: #23272b !important;
  color: #f1f1f1 !important;
}
body.dark-mode .navbar .dropdown-menu {
  background-color: #23272b !important;
}
body.dark-mode .navbar .dropdown-item:hover {
  background-color: #343a40 !important;
  color: #fff !important;
}

.fancy-title {
  font-family: 'Pacifico', cursive;
  font-size: 2.8rem;
  color: #2c3e50;
  text-align: center;
  margin-top: 2rem;
  opacity: 0;
  transform: translateY(-30px);
  animation: fadeInDown 1.2s ease-out forwards;
}
@keyframes fadeInDown {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
body.dark-mode .fancy-title {
  color: #f1f1f1;
}

/* Navbar icons spacing */
.navbar .bi {
  margin-right: 0.4em;
}

/* Responsive container padding */
.container {
  padding-bottom: 2rem;
}

/* Table action buttons spacing */
.table .btn {
  margin-right: 0.2em;
}

.awesomplete {
  width: 100% !important;
}
.awesomplete input,
.awesomplete > input {
  width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box;
}