/* ============================================================
   saas_delivery_sms_button.css — γραμμή «Μήνυμα στον πελάτη» με «Στείλε SMS» μετά την παράδοση (saas_delivery_sms_button.js)
   Ύφος docs/design/fason: ουδέτερη επιφάνεια από τα tokens της εφαρμογής, ένα μόνο χρώμα με σημασία (πράσινο = ενέργεια).
   ============================================================ */
.cfx-dsb {
  position: fixed; left: 12px; right: 12px; bottom: calc(12px + env(safe-area-inset-bottom)); z-index: 10040;
  max-width: 520px; margin: 0 auto; padding: 12px; border: 1px solid var(--border, #e5e7eb); border-radius: 14px;
  background: var(--surface, #fff); color: var(--text, #111); box-shadow: 0 6px 24px rgba(0, 0, 0, 0.18);
}
.cfx-dsb-head { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; margin-bottom: 10px; }
.cfx-dsb-title { font-family: Syne, sans-serif; font-weight: 700; font-size: 14px; white-space: nowrap; }
.cfx-dsb-phone { font-size: 13px; color: var(--muted, #6b7280); white-space: nowrap; }
.cfx-dsb-row { display: flex; gap: 8px; align-items: stretch; }
.cfx-dsb-btn {
  min-height: 44px; padding: 0 14px; border-radius: 10px; border: 1px solid var(--border, #e5e7eb); background: var(--bg, #f3f4f6);
  color: var(--text, #111); font-family: Syne, sans-serif; font-weight: 700; font-size: 13px; cursor: pointer; white-space: nowrap;
}
.cfx-dsb-sms { flex: 1 1 auto; min-width: 0; border-color: transparent; background: #639922; color: #fff; font-size: 15px; }
.cfx-dsb-viber, .cfx-dsb-close { flex: 0 0 auto; min-height: 44px; font-weight: 600; color: var(--muted, #6b7280); }