/* Αρχική διαχείρισης: κάρτα «Αιτήματα κλήσης» (Δείγματα 7). Ύφος docs/design/fason: λευκή κάρτα, περίγραμμα #E2E8F0, γωνίες 12px, μπλε βασική ενέργεια. */
.cfx-cb-card { background: #fff; border: 1px solid #E2E8F0; border-radius: 12px; padding: 16px; margin: 12px 0; min-width: 0; }
.cfx-cb-head { display: flex; align-items: center; gap: 8px; }
.cfx-cb-title { margin: 0; font-size: 1rem; font-weight: 800; color: #0F172A; }
.cfx-cb-badge { min-width: 22px; height: 22px; padding: 0 7px; box-sizing: border-box; border-radius: 999px; background: #DC2626; color: #fff; font-size: 0.78rem; font-weight: 800; line-height: 22px; text-align: center; white-space: nowrap; }
.cfx-cb-sub { margin: 4px 0 12px; font-size: 0.85rem; line-height: 1.4; color: #475569; }
.cfx-cb-empty { margin: 0; font-size: 0.9rem; color: #475569; }
.cfx-cb-item { border-top: 1px solid #E2E8F0; padding: 12px 0; display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.cfx-cb-item.is-done { opacity: 0.55; }
.cfx-cb-top { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; }
.cfx-cb-name { font-size: 0.95rem; font-weight: 700; color: #0F172A; overflow-wrap: anywhere; }
.cfx-cb-when { font-size: 0.8rem; color: #475569; white-space: nowrap; flex: none; }
.cfx-cb-phone { font-size: 0.95rem; font-weight: 600; color: #0F172A; white-space: nowrap; }
.cfx-cb-note { font-size: 0.85rem; color: #334155; overflow-wrap: anywhere; }
.cfx-cb-done { font-size: 0.85rem; font-weight: 700; color: #15803D; }
.cfx-cb-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 6px; }
.cfx-cb-call, .cfx-cb-ok, .cfx-cb-more { min-height: 44px; box-sizing: border-box; padding: 0 16px; border-radius: 8px; font-size: 0.9rem; font-weight: 700; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; white-space: nowrap; text-decoration: none; }
.cfx-cb-call { background: var(--accent, #2563EB); color: #fff; border: 1px solid var(--accent, #2563EB); }
.cfx-cb-ok { background: #fff; color: #0F172A; border: 1px solid #CBD5E1; }
.cfx-cb-ok:disabled { opacity: 0.6; cursor: default; }
.cfx-cb-more { margin-top: 8px; background: transparent; color: var(--accent, #2563EB); border: 0; padding: 0; justify-content: flex-start; }
