:root{
  --bg: #ffffff;
  --fg: #1e1e1e;
  --card: #ffffff;
  --muted: #6c757d;
}
body.dark {
  --bg: #0b1a0c;
  --fg: #e6e6e6;
  --card: #0d2411;
  --muted: #a7b0a7;
  background-color: var(--bg);
  color: var(--fg);
}
body.light { background-color: var(--bg); color: var(--fg); }

.card { background-color: var(--card); }
.text-muted { color: var(--muted) !important; }

/* Tables: no-wrap, horizontal scroll on mobile */
.table-responsive { overflow-x: auto; }
table td, table th { white-space: nowrap; }

/* Auto-hide navbar on mobile when clicked */
@media (max-width: 576px) {
  #main-menu .nav-link { padding: .5rem .75rem; }
}

/* Spinner overlay for long actions (optional, we use modal progress) */

.dropdown-submenu {
  position: relative;
}

.dropdown-submenu .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -1px;
}