html,body
{
  
  font: 1rem/1.5 var(--tblr-font-sans-serif);
  font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-size: 0.9rem;
  font-style: normal; 
}

.page-wrapper {
  position: relative;
  overflow-x: hidden;
}

.page-wrapper::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(
    180deg,
    #e6eff3 0%,
    #dbe9ee 100%
  );
}


/* Page background – dark mode */
[data-bs-theme="dark"] .page-wrapper {
  background: linear-gradient(
    180deg,
    #0b1a1f 0%,
    #0e252c 100%
  );
}

/* ======================================================
   TOP NAVBAR (Primary Header)
   ====================================================== */
header.navbar.sticky-top {
  background: linear-gradient(
    180deg,
    #0b5f73 0%,
    #094c5c 100%
  );
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

/* Text & icons */
header.navbar.sticky-top .nav-link,
header.navbar.sticky-top .navbar-brand,
header.navbar.sticky-top .icon {
  color: #ffffff;
}

/* Hover */
header.navbar.sticky-top .nav-link:hover {
  color: #d7f0f6;
}



/* Dropdown menus */
.dropdown-menu {
  background-color: #0e252c;
  border-color: #13424f;
}

.dropdown-item {
  color: #dce6ea;
}

.dropdown-item:hover {
  background-color: rgba(255, 255, 255, 0.08);
  color: #ffffff;
}

/* Dark mode navbar refinement */
[data-bs-theme="dark"] header.navbar.sticky-top {
  background: linear-gradient(
    180deg,
    #0e252c 0%,
    #0b1a1f 100%
  );
}

[data-bs-theme="dark"] header.navbar-expand-md .navbar {
  background-color: #06161b;
}

header.navbar-expand-md {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

.table.card-padding td,
.table.card-padding th {
  padding: 0.50rem 1rem;
}