/* 고객 공유 모달 — 브랜드 규칙(THEBODA): Brand Deep #1a3669, radius 14/8px, 4배수 스페이싱 */
.cs-overlay {
  position: fixed; inset: 0; background: rgba(10, 22, 40, .5);
  display: flex; align-items: center; justify-content: center; z-index: 1000;
}
.cs-overlay[hidden] { display: none !important; }
.cs-modal {
  background: #fff; border-radius: 14px; width: min(480px, 92vw); padding: 24px;
  box-shadow: 0 8px 32px rgba(10, 22, 40, .2);
  font-family: 'Pretendard Variable', 'Noto Sans KR', sans-serif; color: #0a1628;
}
.cs-modal-head { display: flex; justify-content: space-between; align-items: center; margin-bottom: 16px; }
.cs-modal-title { font-size: 18px; font-weight: 700; margin: 0; color: #1a3669; }
.cs-x { border: 0; background: none; font-size: 24px; line-height: 1; cursor: pointer; color: #4a6a8a; }
.cs-modal-body p { color: #4a6a8a; line-height: 1.6; margin: 0 0 12px; }
.cs-modal-body b { color: #0a1628; }
.cs-muted { color: #4a6a8a; }
/* input.cs-link (0,1,1) — 메인앱 다크테마 input[type="text"](0,1,1, --text-primary 흰색)을
   동일 우선순위 + 나중 로드로 이김. 흰 모달 위에서 링크가 안 보이던 버그 fix. */
input.cs-link {
  width: 100%; box-sizing: border-box; padding: 8px 12px; border: 1px solid #d6e0ee;
  border-radius: 8px; font-size: 13px; background: #f4f7fb; color: #0a1628; margin-bottom: 8px;
}
.cs-expiry { font-size: 12px; color: #4a6a8a; margin: 0 0 8px; }
.cs-msg { margin: 8px 0; padding: 8px 12px; border-radius: 8px; font-size: 13px; background: #f0fff4; color: #27ae60; }
.cs-msg-error { background: #fff0f0; color: #c0392b; }
.cs-actions { display: flex; gap: 8px; justify-content: flex-end; flex-wrap: wrap; margin-top: 16px; }
.cs-danger { color: #c0392b; }
/* .cs-modal .btn-secondary (0,2,0) — 메인앱 다크테마 .btn-secondary(--bg-card/--text-secondary
   /--border 가 흰 모달 위에서 거의 안 보임)를 모달 안에서만 밝은 테마로 덮음. '내용 갱신(재공유)' 등. */
.cs-modal .btn-secondary {
  background: #f4f7fb; color: #1a3669; border: 1px solid #d6e0ee;
}
.cs-modal .btn-secondary:hover { background: #e7eef7; color: #0a1628; border-color: #b9cbe2; }
@media print { .cs-overlay { display: none !important; } }