/* MedicalTV Bootstrap→Tailwind tightening layer
 * Goal: make Bootstrap-based pages visually match the Tailwind UI language (index / tw_header)
 * Non-breaking: only overrides Bootstrap components and only inside mtv-body scope.
 */

:root{
  --mtv-shadow: 0 18px 55px rgba(0,0,0,.32);
  --mtv-shadow-soft: 0 10px 30px rgba(0,0,0,.22);
}

/* Match Tailwind max-w-6xl feel for Bootstrap containers */
body.mtv-body .container{ max-width: 72rem; }

/* Navbar: pill links + subtle hover surface */
.mtv-nav .nav-link{
  padding: .5rem .75rem !important;
  border-radius: 12px !important;
  transition: background-color .15s ease, color .15s ease, border-color .15s ease;
}
.mtv-nav .nav-link:hover{
  background: rgba(255,255,255,.08) !important;
}
.mtv-nav .navbar-nav .nav-item{ margin-right: .25rem; }
.mtv-nav .navbar-brand{
  font-weight: 950 !important;
  letter-spacing: -.01em;
}

/* Navbar toggler: match Tailwind button feel */
.mtv-nav .navbar-toggler{
  border-radius: 12px !important;
  padding: .5rem .65rem !important;
  background: rgba(148,163,184,.08) !important;
}
.mtv-nav .navbar-toggler:hover{ background: rgba(148,163,184,.14) !important; }

/* Surfaces: add Tailwind-like depth */
body.mtv-body .bg-white.border,
body.mtv-body .card{
  box-shadow: var(--mtv-shadow) !important;
}
body.mtv-body .mtv-panel,
body.mtv-body .mtv-hero{
  box-shadow: var(--mtv-shadow) !important;
}

/* Buttons: fill missing variants so pages don't look "Bootstrap default" */
.btn-outline-primary{
  border-color: rgba(99,102,241,.45) !important;
  color: rgba(199,210,254,.95) !important;
  background: rgba(99,102,241,.10) !important;
}
.btn-outline-primary:hover{
  background: rgba(99,102,241,.18) !important;
  color: #fff !important;
}

.btn-outline-light{
  border-color: rgba(148,163,184,.25) !important;
  color: rgba(226,232,240,.92) !important;
  background: rgba(148,163,184,.08) !important;
}
.btn-outline-light:hover{
  background: rgba(148,163,184,.14) !important;
  color: #fff !important;
}

.btn-outline-warning{
  border-color: rgba(245,158,11,.35) !important;
  color: rgba(255,251,235,.95) !important;
  background: rgba(245,158,11,.10) !important;
}
.btn-outline-warning:hover{ background: rgba(245,158,11,.18) !important; }

/* Alerts: differentiate success/danger more like Tailwind */
.alert-success{
  background: rgba(22,163,74,.12) !important;
  border-color: rgba(22,163,74,.28) !important;
}
.alert-danger{
  background: rgba(239,68,68,.12) !important;
  border-color: rgba(239,68,68,.28) !important;
}
.alert-secondary{
  background: rgba(148,163,184,.10) !important;
  border-color: rgba(148,163,184,.22) !important;
}

/* Form switches/checkbox: match darker Tailwind look */
.form-check-input{
  background-color: rgba(2,6,23,.55) !important;
  border: 1px solid rgba(148,163,184,.30) !important;
}
.form-check-input:focus{
  border-color: rgba(99,102,241,.85) !important;
  box-shadow: 0 0 0 .25rem rgba(99,102,241,.16) !important;
}
.form-check-input:checked{
  background-color: rgba(79,70,229,.92) !important;
  border-color: rgba(79,70,229,.92) !important;
}
.form-switch .form-check-input{
  width: 2.5em !important;
  border-radius: 999px !important;
}

/* Pagination: dark pills */
.pagination{ gap: .35rem; }
.pagination .page-link{
  background: rgba(2,6,23,.45) !important;
  border: 1px solid rgba(148,163,184,.22) !important;
  color: rgba(226,232,240,.90) !important;
  border-radius: 999px !important;
  min-width: 2.25rem;
  text-align: center;
  box-shadow: var(--mtv-shadow-soft);
}
.pagination .page-link:hover{
  background: rgba(148,163,184,.12) !important;
  color: #fff !important;
}
.pagination .page-item.active .page-link{
  background: rgba(99,102,241,.22) !important;
  border-color: rgba(99,102,241,.35) !important;
  color: #fff !important;
}
.pagination .page-item.disabled .page-link{
  opacity: .55 !important;
}

/* Dropdown items */
.dropdown-menu{ box-shadow: var(--mtv-shadow-soft) !important; }
.dropdown-item{ color: rgba(226,232,240,.88) !important; }
.dropdown-item:hover{ background: rgba(255,255,255,.08) !important; color:#fff !important; }

/* Small: make hr spacing/contrast more Tailwind-like */
hr{ margin: 1.25rem 0; }