/* This file may be used for providing additional customizations to the Trestle
 * admin. It will be automatically included within all admin pages.
 *
 * For organizational purposes, you may wish to define your customizations
 * within individual partials in this folder and they'll be required below.
 *
 *= require_tree .
*/

/* Real-time Presence Animations */
.counter-updating {
  transition: all 0.3s ease;
  color: #007bff !important;
}

.counter-updated {
  animation: highlight 1s ease;
}

@keyframes highlight {
  0% { background-color: transparent; }
  50% { background-color: rgba(40, 167, 69, 0.2); }
  100% { background-color: transparent; }
}

/* Presence card border flash */
.border-success {
  border: 2px solid #28a745 !important;
  transition: border 0.3s ease;
}

/* Status badges */
.badge-success {
  background-color: #28a745;
}

.badge-danger {
  background-color: #dc3545;
}

/* Stat box improvements */
.stat-box {
  padding: 1rem;
  border-radius: 0.25rem;
  transition: background-color 0.3s ease;
}

.stat-number {
  font-size: 2rem;
  font-weight: bold;
  margin-bottom: 0.25rem;
  transition: color 0.3s ease;
}

.stat-label {
  font-size: 0.875rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: #6c757d;
}