/* saas_fixed_meter.css — μετρητές παγίων (saas_fixed_meter.js / saas_fixed_meter_dialogs.js).
   Ύφος docs/design/fason: λευκές κάρτες πάνω στο φόντο σελίδας της επιχείρησης (κανένα σταθερό χρώμα φόντου σελίδας),
   chips κατάστασης, ετικέτα πάνω από το πεδίο, παράθυρα που στο κινητό γίνονται bottom sheet (από το saas_fixed.css). */

/* Chips: «Έληξε» (κόκκινο) και «Μοιρασμένη» / «Εκτίμηση» (μπλε) δίπλα στα υπάρχοντα πορτοκαλί / πράσινο. */
.cfxfx-chip-late { background: #FEF2F2; color: #B91C1C; border-color: #FECACA; }
.cfxfx-chip-blue { background: #EFF6FF; color: #1D6FD8; border-color: #BFDBFE; }

/* «← Πάγια» πάνω από την οθόνη του μετρητή. */
.cfxmt-back { min-height: 44px; margin-bottom: 4px; padding: 0 4px; border: 0; background: none; color: #1D6FD8; font: inherit; font-weight: 700; cursor: pointer; }

/* Κεφαλίδα μετρητή. */
.cfxmt-mode { display: flex; align-items: center; flex-wrap: wrap; gap: 4px 10px; margin-top: 4px; }
.cfxmt-inline { min-height: 44px; padding: 0 4px; border: 0; background: none; color: #1D6FD8; font: inherit; font-weight: 700; font-size: .9rem; cursor: pointer; }
.cfxmt-acts { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 8px; }
.cfxmt-acts .cfxfin-btn, .cfxmt-acts .cfxfin-btn-p { flex: 1 1 140px; min-height: 44px; }

/* Γραμμές μήνα, ένδειξης, λογαριασμού: κείμενο αριστερά (σπάει σε πολλές γραμμές), chip / ετικέτα δεξιά. */
.cfxmt-row { display: flex; align-items: center; justify-content: space-between; gap: 8px; width: 100%; padding: 10px 0; border: 0; border-top: 1px solid #E2E8F0; background: none; color: inherit; font: inherit; text-align: left; }
.cfxmt-tap { cursor: pointer; min-height: 44px; }
.cfxmt-main { flex: 1 1 auto; min-width: 0; }
.cfxmt-t { flex: 1 1 auto; min-width: 0; font-weight: 600; overflow-wrap: anywhere; }
.cfxmt-row .cfxfx-chip, .cfxmt-row > .cfxfin-sub { flex: none; }

/* Κάρτα παγίου στη λίστα: γραμμές κατανάλωσης και «Η καταμέτρηση του μήνα δεν έχει μπει.». */
.cfxmt-line { margin-top: 6px; overflow-wrap: anywhere; }
.cfxmt-missing { display: flex; align-items: center; flex-wrap: wrap; gap: 0 10px; margin-top: 4px; }

/* Παράθυρα: κατανάλωση, επιλογή τρόπου μέτρησης, γραμμή «Μετρητής» της Ρύθμισης παγίου. */
.cfxmt-cons { margin-top: 12px; font-weight: 700; }
.cfxmt-radio { display: flex; align-items: center; gap: 10px; min-height: 44px; cursor: pointer; }
.cfxmt-radio input { width: 20px; height: 20px; flex: none; }
.cfxmt-setup { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: 14px; padding-top: 6px; border-top: 1px solid #E2E8F0; }
.cfxmt-setup-t { font-weight: 600; overflow-wrap: anywhere; }
.cfxmt-link.cfxmt-link { width: auto; flex: none; border-top: 0; padding: 0 4px; min-height: 44px; }

/* Ένδειξη με φωτογραφία (saas_fixed_meter_reading.js): κουμπί / μικρογραφία, ημερομηνία + ώρα δίπλα-δίπλα, εικονίδιο στη γραμμή. */
.cfxmt-photo { display: flex; align-items: center; flex-wrap: wrap; gap: 6px 12px; margin-top: 12px; }
.cfxmt-pick { width: 100%; min-height: 48px; }
.cfxmt-thumb { width: 96px; height: 96px; max-width: 100%; object-fit: cover; border: 1px solid #E2E8F0; border-radius: 10px; background: #fff; }
.cfxmt-dt { display: flex; gap: 10px; }
.cfxmt-dt-col { flex: 1 1 0; min-width: 0; }
.cfxmt-dt-col .cfxfin-input { width: 100%; box-sizing: border-box; min-width: 0; text-align: left; min-height: 44px; }
.cfxmt-side { display: flex; align-items: center; gap: 8px; flex: none; }
.cfxmt-cam { color: #475569; flex: none; }

/* Φωτογραφία ένδειξης ολόκληρη: σκούρο φόντο, λεζάντα, «Διαγραφή ένδειξης». */
.cfxmt-viewer { position: fixed; inset: 0; z-index: 1300; display: flex; flex-direction: column; background: rgba(15, 23, 42, .94); color: #fff; padding: 8px 16px 16px; box-sizing: border-box; }
.cfxmt-viewer-x { align-self: flex-end; color: #fff; background: rgba(255, 255, 255, .14); border: 0; border-radius: 10px; min-width: 44px; min-height: 44px; font-size: 1.4rem; cursor: pointer; }
.cfxmt-viewer-stage { flex: 1 1 auto; min-height: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.cfxmt-viewer-img { max-width: 100%; max-height: 100%; object-fit: contain; border-radius: 8px; }
.cfxmt-viewer-note { margin-top: 8px; text-align: center; overflow-wrap: anywhere; }
.cfxmt-viewer-cap { margin-top: 10px; text-align: center; font-weight: 700; }
.cfxmt-viewer-acts { display: flex; justify-content: center; margin-top: 10px; }
.cfxmt-viewer-acts .cfxfin-btn { min-height: 44px; }
.cfxmt-viewer-acts .cfxfin-confirm { color: #fff; }