/* saas_staffpay_ended.css — ενότητα «Έχουν φύγει» της καρτέλας «Προσωπικό» (saas_staffpay_ended.js). Κλάσεις με πρόθεμα cfxsp-e-.
   Ύφος docs/design/fason: λευκή κάρτα (#FFF, περίγραμμα #E2E8F0, γωνίες 12px) πάνω στο φόντο της επιχείρησης (κανένα σταθερό φόντο σελίδας).
   Χωρίς emoji· το βέλος είναι σχήμα CSS. Στόχοι αφής ≥ 44px. Ίδιο ύφος σε υπολογιστή και κινητό (έως 600px: μία κάρτα ανά άνθρωπο). */

.cfxsp-ended { padding: 0; }
.cfxsp-e-toggle { width: 100%; min-height: 56px; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 16px; background: transparent; border: 0; border-radius: 12px; text-align: left; color: #0F172A; font: inherit; cursor: pointer; }
.cfxsp-e-toggle:hover { background: #F8FAFC; }
.cfxsp-e-toggle-t { min-width: 0; display: block; }
.cfxsp-e-caret { flex: 0 0 auto; width: 10px; height: 10px; border-right: 2px solid #64748B; border-bottom: 2px solid #64748B; transform: rotate(45deg); margin-right: 4px; }
.cfxsp-e-caret-up { transform: rotate(-135deg); }
.cfxsp-e-body { padding: 0 16px 14px; }

.cfxsp-e-head, .cfxsp-e-row { display: grid; grid-template-columns: minmax(0, 2.2fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1.6fr) minmax(0, 1.3fr); gap: 8px; align-items: center; }
.cfxsp-e-head { font-size: .78rem; font-weight: 700; color: #64748B; border-bottom: 1px solid #E2E8F0; padding: 8px 4px; }
.cfxsp-e-row { width: 100%; min-height: 56px; padding: 8px 4px; background: transparent; border: 0; border-bottom: 1px solid #E2E8F0; text-align: left; color: #0F172A; font: inherit; }
.cfxsp-e-lab { display: none; }
.cfxsp-e-cost { white-space: nowrap; }
.cfxsp-e-none { color: #64748B; font-weight: 400; }
.cfxsp-e-why { margin: 0; padding: 4px 4px 10px; border-bottom: 1px solid #E2E8F0; }
.cfxsp-e-detail { margin-bottom: 4px; }
.cfxsp-e-notes { margin-top: 8px; }
.cfxsp-e-notes .cfxsp-sub { margin: 4px 0 0; }

@media (max-width: 600px) {
  .cfxsp-e-toggle { padding: 12px 14px; }
  .cfxsp-e-body { padding: 0 12px 12px; }
  .cfxsp-e-head { display: none; }
  .cfxsp-e-table .cfxsp-emp { border: 1px solid #E2E8F0; border-radius: 12px; margin-top: 10px; background: #fff; }
  .cfxsp-e-row { grid-template-columns: auto minmax(0, 1fr); gap: 4px 12px; border-bottom: 0; padding: 12px; }
  .cfxsp-e-row .cfxsp-name { grid-column: 1 / -1; }
  .cfxsp-e-lab { display: inline; color: #64748B; font-size: .85rem; }
  .cfxsp-e-from, .cfxsp-e-to { font-size: .9rem; }
  .cfxsp-e-stay { grid-column: 1 / -1; font-size: .9rem; }
  .cfxsp-e-cost { grid-column: 1 / -1; text-align: left; font-size: 1.1rem; font-weight: 800; }
  .cfxsp-e-cost .cfxsp-e-lab { font-weight: 400; }
  .cfxsp-e-none { font-size: .95rem; }
  .cfxsp-e-why { padding: 0 12px 12px; border-bottom: 0; }
  .cfxsp-e-table .cfxsp-detail { margin: 0; border-radius: 0 0 12px 12px; }
}