:root {
  --sc-primary: #0d6efd;
}

body {
  min-height: 100vh;
  padding-bottom: env(safe-area-inset-bottom);
}

.bottom-nav .nav-link {
  color: #6c757d;
  font-size: 0.7rem;
}
.bottom-nav .nav-link:hover,
.bottom-nav .nav-link.active {
  color: var(--sc-primary);
}

.card-stat {
  border: none;
  border-radius: 0.75rem;
  transition: transform 0.15s;
}
.card-stat:active {
  transform: scale(0.98);
}

.badge-status-available { background-color: #198754; }
.badge-status-checked_out { background-color: #fd7e14; }
.badge-status-maintenance { background-color: #dc3545; }
.badge-status-retired { background-color: #6c757d; }

.badge-status-planned { background-color: #0dcaf0; color: #000; }
.badge-status-active { background-color: #198754; }
.badge-status-completed { background-color: #6c757d; }
.badge-status-cancelled { background-color: #dc3545; }

.badge-status-pending { background-color: #ffc107; color: #000; }
.badge-status-approved { background-color: #198754; }
.badge-status-rejected { background-color: #dc3545; }

.list-group-item-action:active {
  background-color: #e9ecef;
}

/* Larger touch targets on mobile */
@media (max-width: 991.98px) {
  .btn, .form-control, .form-select {
    min-height: 44px;
  }
  .table-responsive {
    font-size: 0.9rem;
  }
}

.equipment-checkbox-list {
  max-height: 320px;
  overflow-y: auto;
  border: 1px solid #dee2e6;
  border-radius: 0.375rem;
  padding: 0.5rem;
}

.login-card {
  max-width: 400px;
  margin: 0 auto;
  border: none;
  border-radius: 1rem;
  box-shadow: 0 0.5rem 1.5rem rgba(0,0,0,0.1);
}