/* css/medical-website.css */

.medical-wrapper {
  background-color: #ffffff;
  color: #0f172a;
}

.medical-card {
  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
  border: 1px solid #cbd5e1;
}

.medical-card:hover {
  transform: translateY(-6px);
  border-color: #0f172a;
  box-shadow: 0 20px 40px -15px rgba(15, 23, 42, 0.08);
}

.badge-active {
  background-color: #0f172a;
  color: #ffffff;
}

.badge-inactive {
  background-color: #f1f5f9;
  color: #94a3b8;
}

/* Medical specific visual accents */
.accent-dot {
  width: 8px;
  height: 8px;
  background-color: #0f172a;
  border-radius: 50%;
}