/* ============================================================
   SpineDecision — Custom Styles
   ============================================================ */

/* Navy navbar */
.bg-navy {
  background-color: #0d1b3e !important;
}

/* Body / layout */
body {
  background-color: #f5f7fa;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

main.container-xl {
  flex: 1;
}

/* Accordion */
.accordion-button {
  background-color: #fff;
}
.accordion-button:not(.collapsed) {
  background-color: #e8f0fe;
  color: #1a56db;
  box-shadow: none;
}
.accordion-item {
  border-radius: 0.5rem !important;
  overflow: hidden;
}

/* Cards */
.card {
  border-radius: 0.5rem;
}

/* Badge subtle (Bootstrap 5.3 compatibility) */
.bg-success-subtle { background-color: #d1fae5; }
.bg-secondary-subtle { background-color: #f1f5f9; }
.text-success { color: #065f46 !important; }

/* Progress bar thin */
.progress { border-radius: 4px; }

/* Letter-spacing utility */
.tracking-wide { letter-spacing: 0.05em; }

/* Table inside card */
.card .table th {
  font-size: 0.82rem;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: #64748b;
}

/* Navbar link active state */
.navbar-dark .navbar-nav .nav-link:hover {
  color: #93c5fd;
}

/* Footer */
.footer {
  margin-top: auto;
}