/* Custom Green Theme */
:root {
  --theme-green: #198754;
  --theme-green-dark: #146c43;
  --theme-green-light: #20c997;
  --theme-green-hover: #157347;
}

/* Override Bootstrap primary color */
.btn-primary {
  background-color: var(--theme-green) !important;
  border-color: var(--theme-green) !important;
}

.btn-primary:hover,
.btn-primary:focus {
  background-color: var(--theme-green-hover) !important;
  border-color: var(--theme-green-hover) !important;
}

.btn-primary:active {
  background-color: var(--theme-green-dark) !important;
  border-color: var(--theme-green-dark) !important;
}

.btn-outline-primary {
  color: var(--theme-green) !important;
  border-color: var(--theme-green) !important;
}

.btn-outline-primary:hover,
.btn-outline-primary:focus {
  background-color: var(--theme-green) !important;
  color: #fff !important;
}

.bg-primary {
  background-color: var(--theme-green) !important;
}

/* Green theme for sidebar and headers */
.bg-theme-green {
  background-color: var(--theme-green) !important;
}

.btn-outline-theme-green {
  color: var(--theme-green);
  border-color: var(--theme-green);
}

.btn-outline-theme-green:hover {
  background-color: var(--theme-green);
  color: #fff;
}

/* Green table headers (replacing table-dark) */
.table-green {
  background-color: var(--theme-green);
  color: #fff;
}

.table-green th {
  background-color: var(--theme-green);
  color: #fff;
  border-color: var(--theme-green-dark);
}

/* Green navbar */
.navbar-green {
  background-color: var(--theme-green) !important;
}

.navbar-green .navbar-brand,
.navbar-green .nav-link {
  color: rgba(255, 255, 255, 0.9) !important;
}

.navbar-green .nav-link:hover {
  color: #fff !important;
}

/* Link colors */
a {
  color: var(--theme-green);
}

a:hover {
  color: var(--theme-green-dark);
}

/* Navbar links should stay normal */
.navbar a,
.nav-link,
.dropdown-item {
  color: inherit;
}

/* Card header link */
.card-header a.text-white:hover {
  color: rgba(255, 255, 255, 0.8) !important;
}

/* Sortable column headers */
.sorting {
  cursor: pointer;
  position: relative;
  padding-right: 20px !important;
}

.sorting::after {
  content: '\f0dc';
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  position: absolute;
  right: 8px;
  opacity: 0.3;
}

.sorting_asc::after {
  content: '\f0de';
  opacity: 1;
}

.sorting_desc::after {
  content: '\f0dd';
  opacity: 1;
}

/* Custom badge colors */
.bg-indigo {
  background-color: #6610f2 !important;
}

.bg-orange {
  background-color: #fd7e14 !important;
}

.bg-pink {
  background-color: #d63384 !important;
}

.bg-purple {
  background-color: #6f42c1 !important;
}

.bg-teal {
  background-color: #20c997 !important;
}