/* Κοινή βάση των παραθύρων δημιουργίας καρτέλας (Νέα καρτέλα, Άμεση παραλαβή, ...).
   Η κλάση .cfx-create-modal μπαίνει στο στοιχείο .modal του παραθύρου, μαζί με το .qcn. Τα ονόματα qcn-* είναι τα ίδια σε όλα.
   Φύλακας κλεισίματος: js/card/saas_create_modal_guard.js. */
.modal.cfx-create-modal [hidden]{display:none !important}
.modal.cfx-create-modal{max-width:620px;padding:0;background:#EAF3FB;border:0;border-radius:16px;color:#0F172A;font-family:inherit}

/* Κεφαλίδα */
.modal.cfx-create-modal .qcn-head{background:#0A2647;padding:10px 16px 16px}
.modal.cfx-create-modal .qcn-head-top{display:flex;align-items:center;justify-content:space-between;min-height:44px}
.modal.cfx-create-modal .qcn-head h2{margin:0;font-family:inherit;font-size:15px;font-weight:700;color:#A6D63E}
.modal.cfx-create-modal .qcn-x{flex:none;width:44px;height:44px;margin-right:-10px;padding:0;border:0;border-radius:10px;background:transparent;color:#fff;font-size:28px;line-height:1;cursor:pointer}
.modal.cfx-create-modal .qcn-cust{display:flex;align-items:center;gap:12px;margin-top:4px}
.modal.cfx-create-modal .qcn-avatar{flex:none;width:44px;height:44px;border-radius:50%;background:#A6D63E;color:#0A2647;font-size:16px;font-weight:700;display:flex;align-items:center;justify-content:center}
.modal.cfx-create-modal .qcn-cust-text{min-width:0}
.modal.cfx-create-modal .qcn-cust-name{font-size:20px;font-weight:700;color:#fff;line-height:1.2;overflow-wrap:anywhere}
.modal.cfx-create-modal .qcn-cust-phone{font-size:14px;color:#C7D4E4;margin-top:2px}

/* Σώμα και κάρτες */
.modal.cfx-create-modal .qcn-body{display:flex;flex-direction:column;gap:12px;padding:12px}
.modal.cfx-create-modal .qcn-card{background:#fff;border:1px solid #D5E2EF;border-radius:12px;padding:12px}
.modal.cfx-create-modal .qcn-card-type{border:1.5px solid #16A34A}
.modal.cfx-create-modal .qcn-label{display:block;font-size:13px;font-weight:700;color:#475569;margin:0 0 8px}
.modal.cfx-create-modal .qcn-label-green{color:#15803D}
.modal.cfx-create-modal .qcn-select,.modal.cfx-create-modal .qcn-opt{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;min-height:44px;padding:0 14px;background:#F5F9FD;border:1px solid #C9D8E8;border-radius:10px;color:#1D4ED8;font:inherit;font-size:17px;text-align:left;cursor:pointer}
.modal.cfx-create-modal .qcn-select svg{flex:none;width:18px;height:18px;fill:none;stroke:#1D4ED8;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.modal.cfx-create-modal .qcn-opts{margin-top:8px;display:flex;flex-direction:column;gap:6px}
.modal.cfx-create-modal .qcn-opt{justify-content:flex-start}
.modal.cfx-create-modal .qcn-card-note textarea{display:block;width:100%;box-sizing:border-box;min-height:44px;padding:10px 12px;border:1px solid #C9D8E8;border-radius:10px;background:#fff;color:#0F172A;font:inherit;font-size:16px;line-height:1.4;resize:none;overflow:hidden;outline:none}
.modal.cfx-create-modal .qcn-card-note textarea:focus{border-color:#1D6FD8;box-shadow:0 0 0 2px #BFD9F7}

/* Ερώτηση πριν το κλείσιμο */
.modal.cfx-create-modal .qcn-unsaved{background:#FEF3C7;border:2px solid #92400E;border-radius:12px;padding:12px}
.modal.cfx-create-modal .qcn-unsaved-txt{font-size:14px;font-weight:700;color:#78350F;line-height:1.45;margin-bottom:10px}
.modal.cfx-create-modal .qcn-unsaved-row{display:flex;flex-wrap:wrap;gap:8px}
.modal.cfx-create-modal .qcn-unsaved-row button{flex:1 1 120px;min-height:44px;padding:8px 10px;border-radius:10px;font:inherit;font-size:14px;font-weight:700;cursor:pointer}
.modal.cfx-create-modal .qcn-u-save{background:#1D6FD8;color:#fff;border:0}
.modal.cfx-create-modal .qcn-u-discard{background:#fff;color:#C0392B;border:1.5px solid #C0392B}
.modal.cfx-create-modal .qcn-u-cancel{background:transparent;color:#78350F;border:1.5px solid #92400E}

/* Κουμπιά */
.modal.cfx-create-modal .qcn-actions{display:flex;gap:10px;margin:0}
.modal.cfx-create-modal .qcn-actions .btn{min-height:48px;margin:0;border-radius:10px;font-size:16px;font-weight:700;cursor:pointer}
.modal.cfx-create-modal .qcn-btn-cancel{flex:1;background:#fff;border:1px solid #C9D8E8;color:#0F172A}
.modal.cfx-create-modal .qcn-btn-save{flex:1.4;background:#1D6FD8;border:0;color:#fff;opacity:1 !important}
.modal.cfx-create-modal .qcn-btn-save:disabled{background:#CBD5E1;color:#475569;cursor:not-allowed !important}

/* Μικρή ζώνη: γραμμές ≥44px με διαχωριστικό, ετικέτα αριστερά και τιμή ή διακόπτης δεξιά */
.modal.cfx-create-modal .qcn-zone{background:#DCE8F4;border-radius:10px;padding:0 12px}
.modal.cfx-create-modal .qcn-zone-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px 10px;min-height:44px;padding:4px 0;border-top:1px solid #C9D8E8}
.modal.cfx-create-modal .qcn-zone-row:first-child{border-top:0}
.modal.cfx-create-modal .qcn-zone-label{display:flex;align-items:center;gap:10px;margin:0;font-size:15px;font-weight:600;color:#0F172A;white-space:nowrap;cursor:pointer}
.modal.cfx-create-modal .qcn-zone-label svg{flex:none;width:18px;height:18px;fill:none;stroke:#475569;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.modal.cfx-create-modal .qcn-pills{display:flex;flex-wrap:wrap;gap:6px}
.modal.cfx-create-modal .qcn-pill{display:inline-flex;align-items:center;min-height:32px;padding:0 12px;border-radius:999px;color:#475569;font-size:14px;font-weight:600;white-space:nowrap}
.modal.cfx-create-modal .qcn-pill-on{background:#fff;color:#1D4ED8}