/* ============================================================
   saas_expense_capture.css — «Νέα δαπάνη για τον λογιστή» (saas_expense_capture.js)
   Ύφος docs/design/fason/forms: πεδία λευκά, περίγραμμα #CBD5E1, γωνίες 10px, ύψος ~44px, ετικέτα 13px #475569.
   Το παράθυρο (backdrop + panel + κουμπιά) είναι το κοινό cfxen-* της saas_expense_new.js· εδώ μόνο ό,τι προσθέτει η καταχώρηση.
   Φόντο σελίδας: το παράθυρο ΔΕΝ ορίζει φόντο σελίδας — το φόντο της επιχείρησης (--cfx-page-bg) φαίνεται γύρω από το λευκό
   πλαίσιο του modal· μέσα του οι κάρτες/γραμμές κρατούν δικά τους χρώματα.
   Όλοι οι selectors ξεκινούν από .cfxcap-* ώστε να μη χτυπούν άλλες σελίδες.
   ============================================================ */
.cfxcap-hint { margin: 8px 0 0; font-size: .85rem; color: #64748B; }
.cfxcap-note { margin: 8px 0 0; font-size: .85rem; color: #475569; text-align: center; }
.cfxcap-wait { margin: 0; padding: 36px 0; text-align: center; font-size: .95rem; color: #475569; }
.cfxcap-question { margin: 14px 0 0; font-size: .95rem; font-weight: 600; color: #0F172A; }
.cfxcap-err { margin: 4px 0 0; font-size: .8rem; font-weight: 600; color: #DC2626; }
.cfxcap-err.is-empty { display: none; }
.cfxen-field.has-err .cfxcap-input { border-color: #DC2626; }
.cfxcap-f .cfxen-label, .cfxcap-label { font-size: .8125rem; color: #475569; }
.cfxcap-input { border-color: #CBD5E1; }

/* Λίστα ειδών */
.cfxcap-kinds { margin-top: 6px; max-height: 38vh; overflow-y: auto; }
.cfxcap-kind { display: block; width: 100%; min-height: 48px; margin: 0; padding: 8px 4px; border: none; border-bottom: 1px solid #E2E8F0; background: #fff; font: inherit; font-size: .95rem; color: #0F172A; text-align: left; cursor: pointer; overflow-wrap: anywhere; -webkit-user-select: none; user-select: none; -webkit-touch-callout: none; }
.cfxcap-kind:hover { background: #F8FAFC; }
.cfxcap-new { margin-top: 8px; border: 1px solid #1D6FD8; border-radius: 10px; padding: 8px 12px; color: #1D6FD8; font-weight: 600; box-sizing: border-box; }
.cfxcap-new:disabled { opacity: .6; cursor: not-allowed; }

/* Είδος ως chip */
.cfxcap-chip { display: inline-flex; align-items: center; max-width: 100%; min-height: 40px; margin: 0 0 4px; padding: 6px 14px; border: 1px solid #1D6FD8; border-radius: 999px; background: #EFF6FF; font: inherit; font-size: .95rem; font-weight: 600; color: #1D6FD8; cursor: pointer; overflow-wrap: anywhere; text-align: left; }

/* Φωτογραφία (τα κουμπιά επιλογής: saas_expense_capture_sources.css) */
.cfxcap-shot { display: flex; align-items: center; gap: 12px; margin-top: 12px; }
.cfxcap-shot .cfxen-btn { flex: none; }
.cfxcap-thumb { flex: none; width: 72px; height: 72px; padding: 0; border: 1px solid #E2E8F0; border-radius: 10px; background: #F1F5F9; overflow: hidden; cursor: zoom-in; }
.cfxcap-thumb-img { display: block; width: 100%; height: 100%; object-fit: cover; }
.cfxcap-zoom { display: flex; align-items: center; justify-content: center; padding: 8px; border-radius: 12px; background: #0F172A; }
.cfxcap-zoom-img { max-width: 100%; max-height: 70vh; object-fit: contain; }

/* ΦΠΑ: τέσσερα κουμπιά — 4 σε μία γραμμή, 2 + 2 σε κινητό (χωρίς οριζόντια κύλιση) */
.cfxcap-vat-title { display: block; margin-top: 16px; }
.cfxcap-vat { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; }
.cfxcap-vat-btn, .cfxaade-btn { min-height: 44px; padding: 8px 6px; border: 1px solid #CBD5E1; border-radius: 10px; background: #fff; font: inherit; font-size: .9rem; font-weight: 600; color: #0F172A; cursor: pointer; overflow-wrap: anywhere; }
.cfxcap-vat-btn.is-on, .cfxaade-btn.is-on { border-color: #1D6FD8; background: #EFF6FF; color: #1D6FD8; }
.cfxcap-vat + .cfxen-field { margin-top: 12px; }
@media (max-width: 600px) {
  .cfxcap-vat { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .cfxen-row.cfxcap-row { grid-template-columns: 1fr; }
  .cfxcap-actions-3 { flex-direction: column-reverse; }
}

/* Καταχωρήθηκαν τώρα */
.cfxcap-fresh-title { margin-top: 20px; }
.cfxcap-fresh { list-style: none; margin: 0; padding: 0; }
.cfxcap-fresh-row { border-bottom: 1px solid #E2E8F0; }
.cfxcap-fresh-btn { display: flex; align-items: center; gap: 8px; width: 100%; min-height: 52px; padding: 6px 0; border: none; background: none; font: inherit; color: inherit; text-align: left; cursor: pointer; }
.cfxcap-fresh-main { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.cfxcap-fresh-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: .9rem; }
.cfxcap-fresh-sub { font-size: .78rem; color: #64748B; }
.cfxcap-fresh-amt { flex: none; font-weight: 600; color: #16A34A; }