/* shared/push-notify.css - 쪽지 화면 "🔔 알림 받기" 카드 (shared/push-notify.js, 192번 SQL) */
[data-lw-notify] { margin: 0 0 16px; }
.lwn { border: 1px solid var(--line-card); border-radius: var(--radius-card); background: #fff; box-shadow: var(--shadow-card-soft); }
.lwn > summary { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px; min-height: 48px; padding: 10px 16px; cursor: pointer; list-style: none; }
.lwn > summary::-webkit-details-marker { display: none; }
.lwn > summary b { font-size: 16px; font-weight: 900; color: var(--ink-heading); }
.lwn-sum { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 6px; margin-left: auto; }
.lwn-sum::after { content: '▾'; margin-left: 2px; color: var(--ink-500); }
.lwn[open] .lwn-sum::after { content: '▴'; }
.lwn[open] > summary { border-bottom: 1px solid var(--line-card); }
.lwn-lead { margin: 12px 16px 4px; font-size: 14.5px; line-height: 1.55; color: var(--ink-700); }
.lwn-row { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 14px; padding: 10px 16px; }
.lwn-label { flex: 0 0 120px; font-size: 14.5px; font-weight: 800; color: var(--ink-heading); }
.lwn-ctl { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; flex: 1 1 260px; min-width: 0; }
.lwn-btn { display: inline-flex; align-items: center; justify-content: center; min-height: 42px; padding: 8px 18px; border: 1.5px solid var(--line-card); border-radius: 999px; background: #fff; font: inherit; font-size: 14.5px; font-weight: 800; color: var(--brand-600); cursor: pointer; }
.lwn-btn.is-primary { border-color: transparent; background: var(--brand-600); color: #fff; }
.lwn-btn.is-quiet { color: var(--ink-700); }
.lwn-btn:disabled { opacity: .6; cursor: default; }
.lwn-check { display: inline-flex; align-items: center; gap: 8px; min-height: 42px; font-size: 14.5px; color: var(--ink-700); cursor: pointer; }
.lwn-check input { width: 20px; height: 20px; flex: 0 0 auto; }
.lwn-check small { color: var(--ink-500); }
.lwn-note { margin: 0 16px 8px; font-size: 13.5px; line-height: 1.5; color: var(--ink-500); }
.lwn-ctl .lwn-note { margin: 0; flex: 1 1 100%; }
.lwn-note.is-warn { padding: 8px 12px; border-radius: var(--radius-sm); background: var(--warn-soft); color: var(--warn-ink); }
.lwn > .lwn-note.is-warn { margin: 0 16px 12px; }
/* 휴대폰으로 받는 방법 (11-13 사용자: "이 기기" 를 휴대폰에 어떻게 연결하나) */
.lwn-how { margin: 4px 16px 14px; border: 1px solid var(--line-card); border-radius: var(--radius-sm); background: var(--brand-50); }
.lwn-how > summary { display: flex; align-items: center; min-height: 44px; padding: 8px 14px; font-size: 14.5px; font-weight: 800; color: var(--brand-700); cursor: pointer; }
.lwn-how-body { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 12px 20px; padding: 0 14px 14px; }
.lwn-how ol { flex: 1 1 320px; min-width: 0; margin: 0; padding-left: 20px; font-size: 14px; line-height: 1.6; color: var(--ink-700); }
.lwn-how li + li { margin-top: 6px; }
.lwn-qr { flex: 0 0 auto; padding: 8px; border-radius: 12px; background: #fff; box-shadow: var(--shadow-card-soft); }
.lwn-qr img, .lwn-qr canvas { width: 150px; height: 150px; }
@media (max-width: 600px) {
    .lwn-label { flex-basis: 100%; }
    .lwn-ctl .lwn-btn { flex: 1 1 auto; }
}