/* Background */
body {
  background-color: #f2f2f2; /* soft gray */
}

/* Cards / Panels */
.card {
  background-color: #f7f3e9 !important;
  background-image: 
    radial-gradient(circle at 1px 1px, rgba(0,0,0,0.05) 1px, transparent 0);
  background-size: 4px 4px; /* tiny grain */
  border: 1px solid #d6c9a8;
  box-shadow: 0 1px 3px rgba(0,0,0,0.15);
}


/* Table styling */
.table-striped tbody tr:nth-of-type(odd) {
  background-color: #f9f9f9;
}

.table th, .table td {
  border-color: #ddd;
}

/* Compact inputs like the GUI */
.form-control,
.form-select {
  font-size: 0.9rem;
  padding: 0.35rem 0.5rem;
}

/* Primary buttons → Navy Blue */
.btn-primary {
  background-color: #2d62b3 !important;   /* deep navy */
  border-color: #2d62b3 !important;
  color: #ffffff !important;
}

.btn-primary:hover,
.btn-primary:focus {
  background-color: #48732d !important;   /* lighter navy */
  border-color: #48732d !important;
}

/* Outline primary buttons */
.btn-outline-primary {
  color: #0a1a3c !important;
  border-color: #0a1a3c !important;
}

.btn-outline-primary:hover {
  background-color: #0a1a3c !important;
  color: #ffffff !important;
}


/* Subtle shadows */
.card,
.table {
  box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}

.btn-secondary {
  background-color: #48732d !important; /* slate navy */
  border-color: #48732d !important;
  color: #fff !important;
}

.btn-secondary:hover {
  background-color: #34495e !important;
}


/* NAVBAR — GUI‑style light theme */
.navbar {
  background-color: #e6e6e6 !important; /* soft gray */
  border-bottom: 1px solid #ccc;
  box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}

/* Navbar brand text */
.navbar-brand {
  color: #333 !important;
  font-weight: 600;
}

/* Navbar links */
.nav-link {
  color: #333 !important;
  padding: 0.5rem 1rem;
  font-size: 0.95rem;
}

.nav-link:hover,
.nav-link:focus {
  background-color: #d9d9d9;
  border-radius: 4px;
  color: #000 !important;
}

/* Active link highlight */
.nav-link.active {
  background-color: #cfcfcf;
  border-radius: 4px;
  font-weight: 600;
}

/* Dropdown menu */
.dropdown-menu {
  background-color: #f2f2f2;
  border: 1px solid #ccc;
}

.dropdown-item:hover {
  background-color: #e0e0e0;
}

.btn-danger { background-color: #b32d39; } 
.btn-warning { background-color: #ffc107; }


/* Lighten the blue used in table row backgrounds */
.table-primary,
.table-primary > th,
.table-primary > td {
  background-color: #dce6f7 !important; /* soft light blue */
  color: #000 !important;
}

/* If you're using striped tables */
.table-striped > tbody > tr:nth-of-type(odd).table-primary {
  background-color: #e6eefb !important;
}

/* ACCORDION — match the navbar theme */
.accordion-item {
  background-color: #e6e6e6 !important; /* same soft gray as navbar */
  border: 1px solid #ccc !important;
  border-radius: 4px;
  margin-bottom: 6px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.08);
}

/* Accordion header */
.accordion-header {
  background-color: #e6e6e6 !important;
}

/* Accordion button (collapsed and expanded) */
.accordion-button {
  background-color: #e6e6e6 !important;
  color: #333 !important;
  font-weight: 500;
  border-radius: 4px;
  box-shadow: none !important;
}

/* Hover effect similar to navbar links */
.accordion-button:hover {
  background-color: #d9d9d9 !important;
  color: #000 !important;
}

/* Expanded state */
.accordion-button:not(.collapsed) {
  background-color: #cfcfcf !important; /* matches active nav link */
  color: #000 !important;
  box-shadow: inset 0 -1px 0 rgba(0,0,0,0.1) !important;
}

/* Accordion body */
.accordion-body {
  background-color: #f2f2f2 !important; /* matches dropdown menu */
  border-top: 1px solid #ccc;
  color: #333;
}