/* ═══════════════════════════════════════════════════════════════
   StaffHub – Company Payslips Tab CSS (embedded in company-dashboard)
   Minimal — leverages existing company-dashboard.css classes
   ═══════════════════════════════════════════════════════════════ */

/* ── Payslip Cards in View tab ───────────────────────────── */
.ps-payslip-card {
  cursor: pointer;
  transition: all 0.2s ease;
  border-left: 3px solid #16a34a;
}
.ps-payslip-card:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  transform: translateY(-1px);
}

/* ── Confirm bar positioning ─────────────────────────────── */
#ps-confirmBar {
  transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}