/* 데모 표시 (원래 app.css 와 겹치지 않게 esd- 앞머리) */
.esd-badge {
  position: fixed; right: 16px; bottom: 16px; z-index: 9999;
  display: flex; align-items: center; gap: 10px; max-width: calc(100vw - 32px);
  padding: 8px 8px 8px 14px; border-radius: 999px;
  background: rgba(17, 24, 39, .92); color: #f9fafb; font-size: 13px; line-height: 1.35;
  box-shadow: 0 6px 20px rgba(0, 0, 0, .18);
}
.esd-badge b { color: #fcd34d; font-weight: 700; white-space: nowrap; }
.esd-badge .esd-text { min-width: 0; }
.esd-badge button {
  border: 0; cursor: pointer; font: inherit; white-space: nowrap;
  border-radius: 999px; padding: 5px 11px; background: #374151; color: #f9fafb;
}
.esd-badge button:hover { background: #4b5563; }
.esd-badge .esd-close { padding: 5px 9px; background: transparent; font-size: 16px; line-height: 1; }
@media (max-width: 640px) {
  .esd-badge { left: 10px; right: 10px; bottom: 10px; border-radius: 14px; font-size: 12px; gap: 8px; }
  .esd-badge .esd-text { flex: 1; }
}
@media print { .esd-badge { display: none; } }

/* 원본 화면의 휴대폰 넘침 두 곳을 데모에서만 바로잡는다 (원본 프로젝트에도 같은 수정이 필요 — README '원본에 알릴 것')
   1) 보내기(/shares): 공유 카드가 든 격자 칸이 줄어들지 않아 긴 주소만큼 화면이 옆으로 밀렸다 */
#share-list { min-width: 0; }
/* 2) 정산(/settlement): 기간 입력칸이 360px 에서 2px 넘쳤다 */
.field-inline { max-width: 100%; min-width: 0; }
.field-inline .input { min-width: 0; max-width: 100%; }