/* ─── Clinic Admin Panel Styles ─── */

body {
  background-color: #f4f6f9;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.login-page {
  background: linear-gradient(135deg, #1a237e 0%, #0d47a1 50%, #01579b 100%);
  min-height: 100vh;
}

.login-page .card {
  border: none;
  border-radius: 12px;
}

.navbar {
  box-shadow: 0 2px 4px rgba(0,0,0,.1);
}

.card {
  border: none;
  border-radius: 8px;
  transition: box-shadow 0.2s;
}

.card:hover {
  box-shadow: 0 4px 12px rgba(0,0,0,.1);
}

.card-header {
  border-radius: 8px 8px 0 0 !important;
}

.table th {
  font-weight: 600;
}

.badge {
  font-weight: 500;
}

.btn-group .btn {
  border-radius: 0;
}

.btn-group .btn:first-child {
  border-radius: 4px 0 0 4px;
}

.btn-group .btn:last-child,
.btn-group form:last-child .btn {
  border-radius: 0 4px 4px 0;
}

/* Status colors */
.status-onboarded { color: #198754; }
.status-active { color: #0d6efd; }
.status-pending { color: #6c757d; }
.status-suspended { color: #dc3545; }

/* Responsive table */
@media (max-width: 768px) {
  .table-responsive {
    font-size: 0.85rem;
  }
}

/* Dashboard cards animation */
.col-md-3 .card {
  transition: transform 0.2s;
}

.col-md-3 .card:hover {
  transform: translateY(-2px);
}