/* saas_ti_ekopsa.css — «Τι έκοψα» (saas_ti_ekopsa.js). Ύφος: docs/design/fason. Το φόντο σελίδας είναι της
   επιχείρησης (var(--cfx-page-bg)), οι γραμμές μπαίνουν σε λευκή κάρτα. Ίδιο σε υπολογιστή και κινητό. */
.cfxtk {
  background: var(--cfx-page-bg, #F5F7FA);
  color: #0F172A;
  padding: 12px;
  border-radius: 12px;
  box-sizing: border-box;
  font-size: 15px;
  line-height: 1.4;
}
.cfxtk *, .cfxtk *::before, .cfxtk *::after { box-sizing: border-box; }
.cfxtk-back {
  min-height: 40px;
  padding: 0 4px;
  border: 0;
  background: none;
  color: #1D6FD8;
  font: inherit;
  font-weight: 600;
  cursor: pointer;
}
.cfxtk-title { margin: 4px 0 10px; font-size: 1.35rem; font-weight: 800; }
.cfxtk-bar { display: flex; align-items: center; gap: 8px; margin-bottom: 10px; }
.cfxtk-nav {
  width: 40px;
  height: 40px;
  border: 1px solid #E2E8F0;
  border-radius: 12px;
  background: #FFFFFF;
  color: #1D6FD8;
  font-size: 1.3rem;
  cursor: pointer;
}
.cfxtk-nav:disabled { color: #CBD5E1; cursor: default; }
.cfxtk-month { flex: 1; text-align: center; font-weight: 700; }
.cfxtk-note { margin: 0 0 10px; color: #64748B; font-size: .85rem; }
.cfxtk-card {
  background: #FFFFFF;
  border: 1px solid #E2E8F0;
  border-radius: 12px;
  padding: 4px 14px;
}
.cfxtk-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  padding: 10px 0;
  border-top: 1px solid #E2E8F0;
}
.cfxtk-row:first-child { border-top: 0; }
.cfxtk-left { min-width: 0; }
.cfxtk-name { font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cfxtk-date { color: #64748B; font-size: .8rem; }
.cfxtk-right { text-align: right; flex: none; }
.cfxtk-amt { font-weight: 700; }
.cfxtk-neg { color: #DC2626; }
.cfxtk-aade { color: #16A34A; font-size: .78rem; font-weight: 600; }
.cfxtk-empty { padding: 24px 0; text-align: center; color: #64748B; }
.cfxtk-err { padding: 18px 0 8px; text-align: center; color: #DC2626; }
.cfxtk-retry {
  display: block;
  margin: 0 auto 14px;
  min-height: 40px;
  padding: 0 18px;
  border: 0;
  border-radius: 12px;
  background: #1D6FD8;
  color: #FFFFFF;
  font: inherit;
  font-weight: 700;
  cursor: pointer;
}