/* saas_fixed_owner_ins.css — «Ασφαλιστικές εισφορές ιδιοκτήτη (e-ΕΦΚΑ)»: η γραμμή της Ρύθμισης παγίου και το παράθυρο επιλογής.
   Κλάσεις με πρόθεμα cfxoi-. Ίδιο ύφος σε desktop και κινητό· στο κινητό οι επιλογές μπαίνουν η μία κάτω από την άλλη
   (είναι ήδη σε στήλη), χωρίς οριζόντια κύλιση. Ενεργή επιλογή = μπλε (#1D6FD8), ποτέ μαύρη. */
.cfxoi-line { display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: wrap; margin-top: 6px; padding: 10px 12px; border: 1px solid #E2E8F0; border-radius: 10px; background: #fff; }
.cfxoi-line-t { flex: 1 1 200px; min-width: 0; font-size: .9rem; color: #0F172A; overflow-wrap: anywhere; }
.cfxoi-open { flex: 0 0 auto; }

.cfxoi-sub { margin: 0 0 10px; font-size: .9rem; color: #64748B; }
.cfxoi-help { margin: 0 0 12px; padding: 10px 12px; border-radius: 10px; background: #E6F0FB; border: 1px solid #C5DAF2; color: #1B4F8C; font-size: .84rem; }
.cfxoi-person { margin-bottom: 14px; padding-bottom: 6px; }
.cfxoi-person + .cfxoi-person { padding-top: 12px; border-top: 1px solid #E2E8F0; }
.cfxoi-person-t { font-weight: 700; font-size: .95rem; color: #0F172A; }
.cfxoi-sec { margin-top: 14px; font-weight: 700; font-size: .92rem; color: #0F172A; }
.cfxoi-input { width: 100%; box-sizing: border-box; min-width: 0; min-height: 44px; text-align: left; }

.cfxoi-opts { display: flex; flex-direction: column; gap: 6px; margin-top: 8px; }
.cfxoi-opt { position: relative; display: flex; align-items: center; justify-content: space-between; gap: 10px; min-height: 44px; box-sizing: border-box; padding: 8px 12px; border: 1px solid #CBD5E1; border-radius: 10px; background: #fff; color: #0F172A; cursor: pointer; font-size: .9rem; }
.cfxoi-opt input { position: absolute; opacity: 0; width: 1px; height: 1px; pointer-events: none; }
.cfxoi-opt-l { min-width: 0; overflow-wrap: anywhere; }
.cfxoi-opt-v { flex: 0 0 auto; font-weight: 600; text-align: right; }
.cfxoi-on { background: #1D6FD8; border-color: #1D6FD8; color: #fff; }
.cfxoi-opt:focus-within { outline: 2px solid #1D6FD8; outline-offset: 2px; }
.cfxoi-fixed { cursor: default; background: #F1F5F9; }

.cfxoi-totals { margin-top: 14px; }
.cfxoi-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; padding: 8px 0; border-top: 1px solid #E2E8F0; font-size: .9rem; }
.cfxoi-row-l { flex: 1 1 auto; min-width: 0; overflow-wrap: anywhere; }
.cfxoi-row-v { flex: 0 0 auto; font-weight: 600; text-align: right; }
.cfxoi-row-total { font-weight: 700; }
.cfxoi-foot { margin-top: 10px; font-size: .78rem; color: #64748B; }
.cfxoi-acts .cfxfin-btn, .cfxoi-acts .cfxfin-btn-p { flex: 1 1 140px; min-height: 44px; }