.csb-wrap{max-width:520px;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#1a1a1a}
.csb-title{font-size:20px;font-weight:600;margin:0 0 4px;color:#1a1a1a}
.csb-sub{font-size:14px;color:#777;margin:0 0 20px}
.csb-field{margin-bottom:14px}
.csb-field>label{display:block;font-size:13px;font-weight:500;margin-bottom:5px;color:#333}
.csb-req{color:#d85a30}
.csb-opt{font-weight:400;color:#999}
.csb-field input,.csb-field select,.csb-field textarea{width:100%;padding:10px 14px;font-size:14px;border:1px solid #ddd;border-radius:6px;box-sizing:border-box;font-family:inherit;background:#fff}
.csb-field textarea{resize:vertical}
.csb-dob{display:grid;grid-template-columns:1fr 1.4fr 1fr;gap:8px}
.csb-dob select{padding:10px 8px}
.csb-date-status{margin-top:6px;font-size:12px;font-weight:500}
.csb-btn{width:100%;padding:13px;font-size:15px;font-weight:600;border:none;border-radius:6px;cursor:pointer;font-family:inherit;display:flex;align-items:center;justify-content:center;gap:8px}
.csb-btn:disabled{opacity:.6;cursor:default}
.csb-btn-primary{background:#1D9E75;color:#fff;margin-bottom:4px}
.csb-btn-primary:hover:not(:disabled){background:#178a65}
.csb-btn-wa{background:#25D366;color:#fff}
.csb-btn-wa:hover:not(:disabled){background:#1fbb59}
.csb-or{display:flex;align-items:center;text-align:center;color:#bbb;font-size:12px;margin:12px 0}
.csb-or::before,.csb-or::after{content:'';flex:1;border-bottom:1px solid #eee}
.csb-or span{padding:0 10px}
.csb-msg{margin-top:12px;font-size:13px;font-weight:500;min-height:1em}
.csb-ok{color:#1D9E75}
.csb-err{color:#d85a30}
.csb-footer{margin-top:20px;padding-top:16px;border-top:1px solid #eee;font-size:12px;color:#aaa}
.csb-footer strong{color:#888}

/* ---- Calendar ---- */
.csb-calendar{border:1px solid #e2e2e2;border-radius:8px;padding:12px;background:#fff}
.csb-cal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.csb-cal-label{font-size:14px;font-weight:600;color:#1a1a1a}
.csb-cal-nav{border:1px solid #ddd;background:#fff;border-radius:6px;width:30px;height:30px;font-size:18px;line-height:1;cursor:pointer;color:#1D9E75}
.csb-cal-nav:disabled{opacity:.3;cursor:default}
.csb-cal-dow{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:4px}
.csb-cal-dow span{text-align:center;font-size:11px;font-weight:600;color:#999}
.csb-cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}
.csb-cal-cell{aspect-ratio:1;border:1px solid transparent;border-radius:6px;background:#f3faf7;color:#1a1a1a;font-size:13px;cursor:pointer;font-family:inherit;padding:0}
.csb-cal-cell {
  min-width: 0 !important;
  width: 100% !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.csb-cal-cell:hover:not(:disabled):not(.csb-cal-empty){border-color:#1D9E75;background:#e1f5ee}
.csb-cal-empty{background:transparent;border:none;cursor:default}
.csb-cal-disabled{background:#fafafa;color:#ccc;cursor:not-allowed;text-decoration:line-through}
.csb-cal-selected{background:#1D9E75 !important;color:#fff !important;border-color:#1D9E75 !important;font-weight:600}

/* ---- Slot grid ---- */
.csb-slot-hint{font-size:12px;color:#999;margin:0 0 8px}
.csb-slots-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.csb-slot{padding:8px 4px;font-size:12px;border:1px solid #ddd;border-radius:6px;background:#fff;color:#333;cursor:pointer;text-align:center;font-family:inherit;transition:all .15s}
.csb-slot:hover:not(:disabled){border-color:#1D9E75;background:#f0faf5}
.csb-slot-selected{background:#1D9E75 !important;color:#fff !important;border-color:#1D9E75 !important;font-weight:600}
.csb-slot-booked{background:#f5f5f3;color:#ccc;border-color:#eee;cursor:not-allowed;text-decoration:line-through}

/* ---- Legend ---- */
.csb-legend{display:flex;gap:14px;flex-wrap:wrap;margin:10px 0 16px}
.csb-legend span{display:flex;align-items:center;gap:5px;font-size:11px;color:#666}
.csb-dot{width:10px;height:10px;border-radius:50%;display:inline-block}
.csb-dot-avail{background:#1D9E75}
.csb-dot-limited{background:#EF9F27}
.csb-dot-full{background:#E24B4A}

/* ---- Done screen ---- */
.csb-done{max-width:520px;text-align:center;padding:32px 20px;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
.csb-done-tick{width:64px;height:64px;line-height:64px;margin:0 auto 16px;border-radius:50%;background:#1D9E75;color:#fff;font-size:34px}
.csb-done-title{font-size:22px;font-weight:600;color:#1a1a1a;margin:0 0 8px}
.csb-done-detail{font-size:15px;color:#333;font-weight:500;margin:0 0 6px}
.csb-done-sub{font-size:14px;color:#777;margin:0}

/* ---- Done screen: consent box ---- */
.csb-done-box{background:#f3faf7;border:1px solid #d3ece1;border-radius:8px;padding:18px;margin:18px auto 0;max-width:420px;text-align:left}
.csb-done-box-title{font-size:14px;font-weight:600;color:#0F6E56;margin:0 0 6px}
.csb-done-box p{font-size:13px;color:#555;line-height:1.5;margin:0 0 10px}
.csb-done-link{display:inline-flex;text-decoration:none;max-width:220px;margin:4px 0 12px}
.csb-done-bring{font-size:12px !important;color:#777 !important;margin:8px 0 0 !important}