/*
 * Wateka Brand Theme
 * Light mode highlight: GREEN #16a34a
 * Dark mode highlight:  MEDIUM ORANGE #f8e5a9
 * Brand bg: Dark Cyan #033331 (top navbar, auth pages)
 * Font: Montserrat
 */

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&display=swap');

/* ================================================================
   LIGHT MODE — highlight = GREEN
   ================================================================ */
:root,
[data-bs-theme="light"] {
  --tblr-primary: #16a34a;
  --tblr-primary-rgb: 22, 163, 74;
  --tblr-primary-fg: #ffffff;

  --tblr-secondary: #667382;
  --tblr-secondary-rgb: 102, 115, 130;

  --tblr-body-color: #1e293b;
  --tblr-body-color-rgb: 30, 41, 59;
  --tblr-muted: #64748b;

  --tblr-blue: #2563eb;
  --tblr-blue-rgb: 37, 99, 235;
  --tblr-azure: #0284c7;
  --tblr-azure-rgb: 2, 132, 199;
  --tblr-cyan: #05a5a7;
  --tblr-cyan-rgb: 5, 165, 167;
  --tblr-teal: #0d9488;
  --tblr-teal-rgb: 13, 148, 136;
  --tblr-green: #16a34a;
  --tblr-green-rgb: 22, 163, 74;
  --tblr-red: #dc2626;
  --tblr-red-rgb: 220, 38, 38;
  --tblr-orange: #ea580c;
  --tblr-orange-rgb: 234, 88, 12;
  --tblr-yellow: #ca8a04;
  --tblr-yellow-rgb: 202, 138, 4;
  --tblr-purple: #7c3aed;
  --tblr-purple-rgb: 124, 58, 237;
  --tblr-pink: #db2777;
  --tblr-pink-rgb: 219, 39, 119;

  --tblr-link-color: #16a34a;
  --tblr-link-color-rgb: 22, 163, 74;
  --tblr-link-hover-color: #b8a56a;
  --tblr-link-hover-color-rgb: 184, 165, 106;

  --tblr-font-sans-serif: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --tblr-body-font-family: var(--tblr-font-sans-serif);
  --tblr-body-font-size: 0.875rem;

  --tblr-navbar-bg: #033331;

  --tblr-bg-surface: #ffffff;
  --tblr-bg-surface-secondary: #f8faf7;
  --tblr-border-color: #e2e8f0;
}

/* ================================================================
   DARK MODE — highlight = MEDIUM ORANGE / GOLD
   ================================================================ */
[data-bs-theme="dark"] {
  --tblr-primary: #f8e5a9;
  --tblr-primary-rgb: 248, 229, 169;
  --tblr-primary-fg: #1e293b;

  --tblr-secondary: #8b95a2;
  --tblr-secondary-rgb: 139, 149, 162;

  --tblr-body-color: #e2e8f0;
  --tblr-body-color-rgb: 226, 232, 240;
  --tblr-muted: #94a3b8;

  --tblr-blue: #60a5fa;
  --tblr-blue-rgb: 96, 165, 250;
  --tblr-cyan: #22d3ee;
  --tblr-cyan-rgb: 34, 211, 238;
  --tblr-teal: #2dd4bf;
  --tblr-teal-rgb: 45, 212, 191;
  --tblr-green: #4ade80;
  --tblr-green-rgb: 74, 222, 128;
  --tblr-red: #f87171;
  --tblr-red-rgb: 248, 113, 113;
  --tblr-orange: #fb923c;
  --tblr-orange-rgb: 251, 146, 60;
  --tblr-yellow: #facc15;
  --tblr-yellow-rgb: 250, 204, 21;
  --tblr-purple: #a78bfa;
  --tblr-purple-rgb: 167, 139, 250;
  --tblr-pink: #f472b6;
  --tblr-pink-rgb: 244, 114, 182;

  --tblr-link-color: #f8e5a9;
  --tblr-link-color-rgb: 248, 229, 169;
  --tblr-link-hover-color: #4ade80;
  --tblr-link-hover-color-rgb: 74, 222, 128;

  --tblr-navbar-bg: #021f1e;

  --tblr-body-bg: #0a1f1e;
  --tblr-bg-surface: #0f2b2a;
  --tblr-bg-surface-secondary: #0a1f1e;
  --tblr-border-color: #1a3d3b;
  --tblr-card-bg: #0f2b2a;
  --tblr-card-border-color: #1a3d3b;
}


/* ================================================================
   BADGES
   ================================================================ */
.badge {
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  font-size: 0.6875rem;
  letter-spacing: 0.02em;
  padding: 0.35em 0.65em;
  border-radius: 6px;
}

/* Light mode badges */
.badge.bg-blue { background-color: #dbeafe !important; color: #1e40af !important; }
.badge.bg-green, .badge.bg-success { background-color: #dcfce7 !important; color: #166534 !important; }
.badge.bg-red, .badge.bg-danger { background-color: #fee2e2 !important; color: #991b1b !important; }
.badge.bg-yellow, .badge.bg-warning { background-color: #fef9c3 !important; color: #854d0e !important; }
.badge.bg-orange { background-color: #fed7aa !important; color: #7c2d12 !important; border: 1px solid #fdba74; }
.badge.bg-cyan { background-color: #ccfbf1 !important; color: #115e59 !important; }
.badge.bg-secondary { background-color: #f1f5f9 !important; color: #475569 !important; }
.badge.bg-dark { background-color: #1e293b !important; color: #f1f5f9 !important; }
.badge.bg-purple { background-color: #ede9fe !important; color: #5b21b6 !important; }
.badge.bg-pink { background-color: #fce7f3 !important; color: #9d174d !important; }
.badge.bg-primary { background-color: #16a34a !important; color: #ffffff !important; }

/* Dark mode badges */
[data-bs-theme="dark"] .badge.bg-blue { background-color: rgba(96,165,250,0.15) !important; color: #93c5fd !important; }
[data-bs-theme="dark"] .badge.bg-green, [data-bs-theme="dark"] .badge.bg-success { background-color: rgba(74,222,128,0.15) !important; color: #86efac !important; }
[data-bs-theme="dark"] .badge.bg-red, [data-bs-theme="dark"] .badge.bg-danger { background-color: rgba(248,113,113,0.15) !important; color: #fca5a5 !important; }
[data-bs-theme="dark"] .badge.bg-yellow, [data-bs-theme="dark"] .badge.bg-warning { background-color: rgba(250,204,21,0.15) !important; color: #fde68a !important; }
[data-bs-theme="dark"] .badge.bg-orange { background-color: rgba(251,146,60,0.15) !important; color: #fdba74 !important; }
[data-bs-theme="dark"] .badge.bg-cyan { background-color: rgba(34,211,238,0.15) !important; color: #67e8f9 !important; }
[data-bs-theme="dark"] .badge.bg-secondary { background-color: rgba(148,163,184,0.12) !important; color: #cbd5e1 !important; }
[data-bs-theme="dark"] .badge.bg-dark { background-color: #1e293b !important; color: #cbd5e1 !important; }
[data-bs-theme="dark"] .badge.bg-purple { background-color: rgba(167,139,250,0.15) !important; color: #c4b5fd !important; }
[data-bs-theme="dark"] .badge.bg-pink { background-color: rgba(244,114,182,0.15) !important; color: #f9a8d4 !important; }
[data-bs-theme="dark"] .badge.bg-primary { background-color: rgba(248,229,169,0.2) !important; color: #f8e5a9 !important; }

/* Light variant badges */
.bg-primary-lt { background-color: rgba(22,163,74,0.08) !important; color: #16a34a !important; }
.bg-blue-lt { background-color: rgba(37,99,235,0.08) !important; color: #1e40af !important; }
[data-bs-theme="dark"] .bg-primary-lt { background-color: rgba(248,229,169,0.12) !important; color: #f8e5a9 !important; }
[data-bs-theme="dark"] .bg-blue-lt { background-color: rgba(96,165,250,0.12) !important; color: #93c5fd !important; }

/* Status dots */
.badge.bg-success.me-1, .badge.bg-danger.me-1 {
  width: 8px; height: 8px; padding: 0; display: inline-block; border-radius: 50%; vertical-align: middle;
}
.badge.bg-success.me-1 { background-color: #16a34a !important; }
.badge.bg-danger.me-1 { background-color: #dc2626 !important; }
[data-bs-theme="dark"] .badge.bg-success.me-1 { background-color: #4ade80 !important; }
[data-bs-theme="dark"] .badge.bg-danger.me-1 { background-color: #f87171 !important; }


/* ================================================================
   TYPOGRAPHY
   ================================================================ */
body {
  font-family: var(--tblr-font-sans-serif);
  color: var(--tblr-body-color);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
.page-title,
.navbar-brand {
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  letter-spacing: -0.01em;
  color: var(--tblr-body-color);
}

.page-pretitle {
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 0.7rem;
  color: var(--tblr-muted);
}

.text-secondary { color: var(--tblr-muted) !important; }


/* ================================================================
   TOP NAVBAR (.wateka-topnav) — always dark brand bg
   ================================================================ */
.wateka-topnav {
  background: #033331 !important;
}
.wateka-topnav .navbar-brand,
.wateka-topnav .navbar-brand:hover {
  color: #f8e5a9;
}

.wateka-brand {
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  font-size: 1.35rem;
  letter-spacing: 0.04em;
  color: #f8e5a9;
}

.wateka-topnav .nav-link { color: rgba(255,255,255,0.7) !important; }
.wateka-topnav .nav-link:hover,
.wateka-topnav .nav-link:focus { color: #ffffff !important; }
.wateka-topnav .nav-link .icon { color: rgba(248,229,169,0.6); }
.wateka-topnav .nav-link:hover .icon { color: #f8e5a9; }
.wateka-topnav .avatar { background-color: #105b58; color: #f8e5a9; font-weight: 600; }
.wateka-topnav .text-secondary,
.wateka-topnav .text-reset .text-secondary { color: rgba(248,229,169,0.5) !important; }
.wateka-topnav .text-reset { color: rgba(255,255,255,0.9) !important; }


/* ================================================================
   MENU BAR — base=green/gold, hover=swap to opposite accent
   ================================================================ */
.navbar-expand-md .navbar .nav-link {
  font-weight: 500;
  font-size: 0.8125rem;
  transition: color 0.2s ease, background-color 0.2s ease;
  border-radius: 4px;
  padding-top: 0.4rem;
  padding-bottom: 0.4rem;
}

/* Light: active=green, hover=gold */
.navbar-expand-md .navbar .nav-item.active > .nav-link {
  color: #16a34a;
  font-weight: 600;
}
.navbar-expand-md .navbar .nav-link:hover,
.navbar-expand-md .navbar .nav-link:focus {
  color: #b8a56a;
  background-color: rgba(184,165,106,0.08);
}

/* Dark: active=gold, hover=green */
[data-bs-theme="dark"] .navbar-expand-md .navbar .nav-item.active > .nav-link {
  color: #f8e5a9;
}
[data-bs-theme="dark"] .navbar-expand-md .navbar .nav-link:hover,
[data-bs-theme="dark"] .navbar-expand-md .navbar .nav-link:focus {
  color: #4ade80;
  background-color: rgba(74,222,128,0.08);
}


/* ================================================================
   LINKS — Light = green, Dark = medium orange
   ================================================================ */
a { color: var(--tblr-link-color); text-decoration: none; }
a:hover { color: var(--tblr-link-hover-color); }

.card a:not(.btn):not(.nav-link):not(.dropdown-item):not(.list-group-item),
.table a:not(.btn),
.page-body a:not(.btn):not(.nav-link):not(.dropdown-item):not(.list-group-item):not(.badge) {
  color: #16a34a;
}
.card a:not(.btn):not(.nav-link):not(.dropdown-item):not(.list-group-item):hover,
.table a:not(.btn):hover,
.page-body a:not(.btn):not(.nav-link):not(.dropdown-item):not(.list-group-item):not(.badge):hover {
  color: #b8a56a;
  text-decoration: underline;
}

[data-bs-theme="dark"] .card a:not(.btn):not(.nav-link):not(.dropdown-item):not(.list-group-item),
[data-bs-theme="dark"] .table a:not(.btn),
[data-bs-theme="dark"] .page-body a:not(.btn):not(.nav-link):not(.dropdown-item):not(.list-group-item):not(.badge) {
  color: #f8e5a9;
}
[data-bs-theme="dark"] .card a:not(.btn):not(.nav-link):not(.dropdown-item):not(.list-group-item):hover,
[data-bs-theme="dark"] .table a:not(.btn):hover,
[data-bs-theme="dark"] .page-body a:not(.btn):not(.nav-link):not(.dropdown-item):not(.list-group-item):not(.badge):hover {
  color: #4ade80;
}

/* Light: green → hover gold | Dark: gold → hover green */
.breadcrumb-item a { color: var(--tblr-link-color) !important; }
.breadcrumb-item a:hover { color: var(--tblr-link-hover-color) !important; }

/* Selection color swaps too */


/* ================================================================
   DROPDOWN MENUS
   ================================================================ */
.dropdown-header {
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  font-size: 0.7rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--tblr-muted);
}

/* Light: active=green, hover=gold tint */
.dropdown-item.active,
.dropdown-item:active {
  background-color: #16a34a;
  color: #ffffff;
}
.dropdown-item:hover,
.dropdown-item:focus {
  color: #b8a56a;
  background-color: rgba(184,165,106,0.08);
}

/* Dark: active=gold, hover=green tint */
[data-bs-theme="dark"] .dropdown-item.active,
[data-bs-theme="dark"] .dropdown-item:active {
  background-color: #f8e5a9;
  color: #1e293b;
}
[data-bs-theme="dark"] .dropdown-item:hover,
[data-bs-theme="dark"] .dropdown-item:focus {
  color: #4ade80;
  background-color: rgba(74,222,128,0.08);
}


/* ================================================================
   BUTTONS — base=brand accent, hover=swap to opposite accent
   Light: green → hover gold | Dark: gold → hover green
   ================================================================ */
.btn-primary {
  --tblr-btn-bg: #16a34a;
  --tblr-btn-border-color: #16a34a;
  --tblr-btn-hover-bg: #b8a56a;
  --tblr-btn-hover-border-color: #b8a56a;
  --tblr-btn-hover-color: #033331;
  --tblr-btn-active-bg: #a6944f;
  --tblr-btn-active-border-color: #a6944f;
  --tblr-btn-active-color: #033331;
  --tblr-btn-color: #ffffff;
  font-weight: 600;
}

.btn-outline-primary {
  --tblr-btn-color: #16a34a;
  --tblr-btn-border-color: #16a34a;
  --tblr-btn-hover-bg: #b8a56a;
  --tblr-btn-hover-border-color: #b8a56a;
  --tblr-btn-hover-color: #033331;
  --tblr-btn-active-bg: #a6944f;
  --tblr-btn-active-border-color: #a6944f;
  --tblr-btn-active-color: #033331;
}

[data-bs-theme="dark"] .btn-primary {
  --tblr-btn-bg: #f8e5a9;
  --tblr-btn-border-color: #f8e5a9;
  --tblr-btn-hover-bg: #16a34a;
  --tblr-btn-hover-border-color: #16a34a;
  --tblr-btn-hover-color: #ffffff;
  --tblr-btn-active-bg: #15803d;
  --tblr-btn-active-border-color: #15803d;
  --tblr-btn-color: #1e293b;
  --tblr-btn-active-color: #ffffff;
}

[data-bs-theme="dark"] .btn-outline-primary {
  --tblr-btn-color: #f8e5a9;
  --tblr-btn-border-color: #f8e5a9;
  --tblr-btn-hover-bg: #16a34a;
  --tblr-btn-hover-border-color: #16a34a;
  --tblr-btn-hover-color: #ffffff;
  --tblr-btn-active-bg: #15803d;
  --tblr-btn-active-color: #ffffff;
}

.btn-warning {
  --tblr-btn-bg: #b8a56a;
  --tblr-btn-border-color: #b8a56a;
  --tblr-btn-hover-bg: #a6944f;
  --tblr-btn-hover-border-color: #a6944f;
  --tblr-btn-color: #033331;
  font-weight: 600;
}


/* ================================================================
   CARDS
   ================================================================ */
.card {
  border-radius: 0.5rem;
  border-color: var(--tblr-border-color);
  box-shadow: 0 1px 3px rgba(0,0,0,0.04);
}
.card-header {
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
}


/* ================================================================
   TABLES
   ================================================================ */
.table thead th {
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--tblr-muted);
  border-bottom-color: var(--tblr-border-color);
}
.table td { color: var(--tblr-body-color); }


/* ================================================================
   FORM CONTROLS — Light = green focus, Dark = gold focus
   ================================================================ */
.form-control:focus,
.form-select:focus {
  border-color: #16a34a;
  box-shadow: 0 0 0 0.2rem rgba(22,163,74,0.15);
}
[data-bs-theme="dark"] .form-control:focus,
[data-bs-theme="dark"] .form-select:focus {
  border-color: #f8e5a9;
  box-shadow: 0 0 0 0.2rem rgba(248,229,169,0.15);
}

.form-check-input:checked {
  background-color: #16a34a;
  border-color: #16a34a;
}
[data-bs-theme="dark"] .form-check-input:checked {
  background-color: #f8e5a9;
  border-color: #f8e5a9;
}

.form-switch .form-check-input:checked {
  background-color: #16a34a;
  border-color: #16a34a;
}
[data-bs-theme="dark"] .form-switch .form-check-input:checked {
  background-color: #f8e5a9;
  border-color: #f8e5a9;
}

.form-label { color: var(--tblr-body-color); font-weight: 500; }


/* ================================================================
   FORM VALIDATION — clear error display
   ================================================================ */

/* Ensure error messages are always visible when field has error */
.has-error .invalid-feedback,
.has-error .help-block,
.field-has-error .invalid-feedback {
  display: block !important;
}

/* Error message styling */
.invalid-feedback {
  font-family: 'Montserrat', sans-serif;
  font-size: 0.8rem;
  font-weight: 500;
  color: #dc2626;
  margin-top: 0.35rem;
  padding: 0.25rem 0;
}

[data-bs-theme="dark"] .invalid-feedback {
  color: #fca5a5;
}

/* Red border on invalid inputs (Yii2 has-error on container) */
.has-error .form-control,
.has-error .form-select,
.form-control.is-invalid,
.form-select.is-invalid {
  border-color: #dc2626 !important;
  box-shadow: 0 0 0 0.2rem rgba(220, 38, 38, 0.1);
}

.has-error .form-control:focus,
.has-error .form-select:focus,
.form-control.is-invalid:focus,
.form-select.is-invalid:focus {
  border-color: #dc2626 !important;
  box-shadow: 0 0 0 0.2rem rgba(220, 38, 38, 0.2);
}

[data-bs-theme="dark"] .has-error .form-control,
[data-bs-theme="dark"] .has-error .form-select,
[data-bs-theme="dark"] .form-control.is-invalid,
[data-bs-theme="dark"] .form-select.is-invalid {
  border-color: #f87171 !important;
  box-shadow: 0 0 0 0.2rem rgba(248, 113, 113, 0.1);
}

/* Red label when field has error */
.has-error .form-label,
.has-error > label {
  color: #dc2626;
}

[data-bs-theme="dark"] .has-error .form-label,
[data-bs-theme="dark"] .has-error > label {
  color: #fca5a5;
}

/* Checkbox/radio error state */
.has-error .form-check-input {
  border-color: #dc2626 !important;
}

/* Success state — green check */
.has-success .form-control,
.has-success .form-select {
  border-color: #16a34a;
}
[data-bs-theme="dark"] .has-success .form-control,
[data-bs-theme="dark"] .has-success .form-select {
  border-color: #4ade80;
}

/* Error summary alert */
.alert-danger {
  --tblr-alert-bg: #fef2f2;
  --tblr-alert-border-color: #fecaca;
  --tblr-alert-color: #991b1b;
}

[data-bs-theme="dark"] .alert-danger {
  --tblr-alert-bg: rgba(248, 113, 113, 0.1);
  --tblr-alert-border-color: rgba(248, 113, 113, 0.2);
  --tblr-alert-color: #fca5a5;
}

/* Flash message alerts */
.alert-success {
  --tblr-alert-bg: #f0fdf4;
  --tblr-alert-border-color: #bbf7d0;
  --tblr-alert-color: #166534;
}

[data-bs-theme="dark"] .alert-success {
  --tblr-alert-bg: rgba(74, 222, 128, 0.1);
  --tblr-alert-border-color: rgba(74, 222, 128, 0.2);
  --tblr-alert-color: #86efac;
}


/* ================================================================
   PAGE HEADER
   ================================================================ */
.page-header { border-bottom: 1px solid var(--tblr-border-color); }
.page-title { font-size: 1.25rem; font-weight: 700; }


/* ================================================================
   AUTH PAGES
   ================================================================ */
.page-center { min-height: 100vh; }

[data-bs-theme="light"] .page-center,
body:not([data-bs-theme="dark"]) .page-center {
  background: linear-gradient(135deg, #033331 0%, #105b58 50%, #05a5a7 100%);
}
[data-bs-theme="light"] .page-center .card,
body:not([data-bs-theme="dark"]) .page-center .card {
  border: none;
  box-shadow: 0 8px 40px rgba(3,51,49,0.3);
}
[data-bs-theme="light"] .page-center .text-secondary,
body:not([data-bs-theme="dark"]) .page-center .text-secondary {
  color: rgba(255,255,255,0.7) !important;
}
[data-bs-theme="light"] .page-center .text-secondary a,
body:not([data-bs-theme="dark"]) .page-center .text-secondary a {
  color: #f8e5a9 !important;
  font-weight: 600;
}
[data-bs-theme="light"] .page-center .text-secondary a:hover,
body:not([data-bs-theme="dark"]) .page-center .text-secondary a:hover {
  color: #ffffff !important;
}

[data-bs-theme="dark"] .page-center {
  background: linear-gradient(135deg, #021f1e 0%, #0a1f1e 50%, #033331 100%);
}
[data-bs-theme="dark"] .page-center .card {
  border-color: #1a3d3b;
  box-shadow: 0 8px 40px rgba(0,0,0,0.4);
}

.wateka-auth-brand {
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  font-size: 2rem;
  letter-spacing: 0.04em;
  color: #f8e5a9;
}


/* ================================================================
   NOTIFICATION DOT
   ================================================================ */
.badge-notification { background-color: #dc2626 !important; }
[data-bs-theme="dark"] .badge-notification { background-color: #f87171 !important; }


/* ================================================================
   SCROLLBAR
   ================================================================ */
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: rgba(0,0,0,0.12); border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: rgba(0,0,0,0.2); }
[data-bs-theme="dark"] ::-webkit-scrollbar-thumb { background: rgba(255,255,255,0.1); }
[data-bs-theme="dark"] ::-webkit-scrollbar-thumb:hover { background: rgba(255,255,255,0.2); }

::selection { background-color: rgba(22,163,74,0.2); color: inherit; }
[data-bs-theme="dark"] ::selection { background-color: rgba(248,229,169,0.2); color: inherit; }


/* ================================================================
   FOOTER
   ================================================================ */
.footer { font-size: 0.8rem; }
.footer .link-secondary { color: var(--tblr-muted) !important; }
.footer .link-secondary:hover { color: var(--tblr-primary) !important; }


/* ================================================================
   MISC
   ================================================================ */
/* Light: hover=gold tint | Dark: hover=green tint */
.list-group-item-action:hover { background-color: rgba(184,165,106,0.06); }
[data-bs-theme="dark"] .list-group-item-action:hover { background-color: rgba(74,222,128,0.06); }

a, .btn, .nav-link, .dropdown-item, .form-control, .form-select {
  transition: all 0.15s ease;
}