html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.2rem rgba(37, 140, 251, 0.35);
}

/* Fix browser autofill styling for dark mode */
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 40px #2a2a2a inset !important;
  -webkit-text-fill-color: #ffffff !important;
  caret-color: #ffffff !important;
  transition: background-color 5000s ease-in-out 0s;
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}

/* ========================================================
   BẢNG DỮ LIỆU SỌC CHẴN/LẺ (ODD / EVEN TABLE STRIPING)
   Tối ưu độ tương phản cho Bootstrap 5 Dark Mode
   ======================================================== */
[data-bs-theme="dark"] .table-striped > tbody > tr:nth-of-type(odd):not(.table-active) > *,
.table-striped > tbody > tr:nth-of-type(odd):not(.table-active) > * {
  --bs-table-bg-type: #171f2a;
}

[data-bs-theme="dark"] .table-striped > tbody > tr:nth-of-type(even):not(.table-active) > *,
.table-striped > tbody > tr:nth-of-type(even):not(.table-active) > * {
  --bs-table-bg-type: #202b3b;
}

[data-bs-theme="dark"] .table-hover > tbody > tr:hover:not(.table-active) > *,
.table-hover > tbody > tr:hover:not(.table-active) > * {
  --bs-table-bg-state: #2b3b52 !important;
}