/* Base look for all next-step cards */
.next-step-card {
  cursor: pointer;
  border: 1px solid rgba(0,0,0,.1);
  border-radius: .75rem;
  padding: .75rem 1rem;
  background: #f8f9fa;
  box-shadow: 0 .125rem .25rem rgba(0,0,0,.05);
  transition: transform .12s ease, box-shadow .12s ease, border-color .12s ease, background-color .12s ease;
}
.next-step-card:hover {
  transform: scale(1.01);
  box-shadow: 0 .35rem .8rem rgba(0,0,0,.08);
  border-color: rgba(0,0,0,.18);
}
.next-step-card.selected {
  background: #e7f1ff;
  border-color: #0d6efd;
  box-shadow: 0 0 0 .25rem rgba(13,110,253,.25);
}
.next-step-card .selected-badge { display: none !important; }
.next-step-card.selected .selected-badge { display: inline-flex !important; }

.next-step-card.disciplinary { background-color:#f8d7da; }
.next-step-card.incapacity   { background-color:#fff3cd; }
.next-step-card.performance  { background-color:#d1e7dd; }
.next-step-card.investigate  { background-color:#cff4fc; }

.category-card {
  border-radius: 8px;
  transition: all 0.15s ease;
}

.category-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* =========================================================
   Escalation / Category cards (match Add Incident colours)
   ========================================================= */

.category-card.absenteeism  { background:#ffc107; color:#1b1b1b; }
.category-card.breach       { background:#6c757d; color:#fff; }
.category-card.good         { background:#198754; color:#fff; }
.category-card.health       { background:#0d6efd; color:#fff; }
.category-card.incapacity   { background:#6c757d; color:#fff; }
.category-card.misconduct   { background:#dc3545; color:#fff; }
.category-card.protected    { background:#ffffff; color:#1b1b1b; border:1px solid #ddd; }
.category-card.retrench     { background:#6c757d; color:#fff; }
.category-card.theft        { background:#212529; color:#fff; }

/* make help button visible on dark cards */
.category-card .help-btn {
  background: rgba(255,255,255,0.25);
  border: none;
}