/* =========================
   ROSTER UX POLISH
========================= */

.employee-row {
  transition: background 0.15s ease;
}

.employee-row:hover {
  background: #f9fafb;
}

.employee-row .row-actions {
  opacity: 0;
  transform: translateX(6px);
  transition: opacity 0.15s ease, transform 0.15s ease;
}

.employee-row:hover .row-actions {
  opacity: 1;
  transform: translateX(0);
}

/* =========================
   MINI BUTTONS
========================= */

.mini-btn {
  font-size: 11px;
  padding: 4px 8px;
  border-radius: 6px;
  border: 1px solid #e5e7eb;
  background: white;
  cursor: pointer;
}

.mini-btn:hover {
  background: #f3f4f6;
}

.mini-btn.danger {
  color: #b91c1c;
  border-color: #fecaca;
}

.mini-btn.danger:hover {
  background: #fee2e2;
}

/* =========================
   STATUS BADGES (OPTIONAL POLISH)
========================= */

.badge {
  padding: 3px 8px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 600;
}

.badge.success {
  background: #dcfce7;
  color: #166534;
}

.badge.warning {
  background: #fef3c7;
  color: #92400e;
}

.badge.danger {
  background: #fee2e2;
  color: #991b1b;
}