/* S삼성 — 질문답변 「답변 알림」 모양(W-295 · 2026-10-06)                                             assets/ask-notify.css
   · 글 쓰는 칸의 한 줄(#ssq-ntfw — 보내기 단추 바로 위 · 접힌 꼴) · 글 보기 화면의 한 줄(.ssq-ntf — 글 관리 바로 위) · 「받았습니다」 카드의 한 줄(#ssq-ntfd)
   · 관리자로 연 글의 「여기부터 새 댓글」 가로줄(.ssq-newl)
   · 색 · 글꼴은 ask.css 의 값(--navy · --copper · --line · --paper · --ink-soft) 그대로 · 누르는 곳은 높이 48px 이상 · 글자는 1rem 이상 */
.ssq-ntfw { margin: 14px 0 0; padding: 4px 12px; border: 2px solid var(--line); border-radius: 14px; background: var(--paper); }
.ssq-ntfw:has(#ssq-ntf-on:checked) { border-color: var(--navy); background: #fff; padding-bottom: 12px; }
/* 수정하는 중에는 감춤 — 알림은 글을 연 화면에서 켜고 끔 */
#ssq-edbar:not([hidden]) ~ .ssq-ntfw { display: none; }
.ssq-ntf__c { display: flex; align-items: center; gap: 10px; min-height: 48px; margin: 0; cursor: pointer; font-size: 1.0625rem; line-height: 1.4; font-weight: 700; color: var(--navy); }
.ssq-ntf__c b { color: var(--copper); }
.ssq-ntf__c input { appearance: none; -webkit-appearance: none; flex: none; width: 30px; height: 30px; margin: 0; padding: 0; border: 2px solid var(--navy); border-radius: 8px; background: #fff; cursor: pointer; }
.ssq-ntf__c input:checked { background: var(--navy) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' d='M5 12.5l4.5 4.5L19 7'/%3E%3C/svg%3E") center / 20px 20px no-repeat; }
.ssq-ntf__c input:focus-visible { outline: 3px solid var(--copper); outline-offset: 2px; }
.ssq-ntf__f { margin: 6px 0 0; }
.ssq-ntf__f[hidden] { display: none; }
.ssq-ntf__l { display: block; margin: 0 0 4px; font-size: 1rem; font-weight: 700; color: var(--ink); }
.ssq-ntf__f input[type="tel"] { display: block; width: 100%; max-width: 320px; height: 52px; margin: 0; padding: 0 14px; border: 2px solid var(--line); border-radius: 12px; background: #fff; color: var(--ink); font: 700 1.25rem/1 var(--font); letter-spacing: .02em; }
.ssq-ntf__f input[type="tel"]:focus { border-color: var(--navy); outline: none; }
.ssq-ntf__f input[type="tel"].is-bad { border-color: var(--copper); }
.ssq-ntf__a { margin: 8px 0 0; font-size: 1rem; line-height: 1.5; color: var(--ink-soft); }
.ssq-ntf__r { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.ssq-ntf__r input[type="tel"] { flex: 1 1 200px; }
.ssq-ntf__r .dx-b { flex: none; min-height: 52px; margin: 0; }

/* 글 보기 화면 · 「받았습니다」 카드 */
.ssq-ntf { margin: 14px 0 0; padding: 4px 12px; border: 1.5px solid var(--line); border-radius: 14px; background: #fff; text-align: left; }
.ssq-ntf:has(.ssq-ntf__ck:checked) { padding-bottom: 12px; border-color: var(--navy); }
.ssq-ntf--done { margin-top: 12px; }
.ssq-ntfd[hidden] { display: none; }
.ssq-ntf__on, .ssq-ntf__w { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 10px; min-height: 48px; margin: 0; font-size: 1rem; line-height: 1.45; font-weight: 700; color: var(--navy); }
.ssq-ntf__on span { flex: 1 1 0; min-width: 11em; }
.ssq-ntf__w { font-weight: 400; color: var(--ink-soft); }
.ssq-ntf__on + .ssq-ntf__w, .ssq-ntf__c + .ssq-ntf__f + .ssq-ntf__w { border-top: 1.5px dashed var(--line); }
.ssq-ntf__i { flex: none; width: 22px; height: 22px; color: var(--copper); vertical-align: -5px; }
.ssq-ntf__off, .ssq-ntf__woff, .ssq-ntf__wb { display: inline-flex; align-items: center; gap: 6px; min-height: 48px; margin: 0; padding: 0 6px; border: 0; border-radius: 8px; background: none; color: var(--copper); font: 700 1rem/1.2 var(--font); text-decoration: underline; text-decoration-color: var(--copper); text-underline-offset: 4px; cursor: pointer; white-space: nowrap; }
.ssq-ntf__wb { padding-left: 0; color: var(--navy); text-decoration-color: var(--navy); }
.ssq-ntf__off:focus-visible, .ssq-ntf__woff:focus-visible, .ssq-ntf__wb:focus-visible { outline: 3px solid var(--navy); outline-offset: 2px; }
.ssq-ntf__off:disabled, .ssq-ntf__woff:disabled, .ssq-ntf__wb:disabled { opacity: .5; cursor: default; }
.ssq-ntf__won { color: var(--navy); font-weight: 700; }
.ssq-ntf__m { margin: 0; padding: 0 0 8px; font-size: 1rem; line-height: 1.5; font-weight: 700; color: var(--copper); }
.ssq-ntf__m:empty { display: none; }

/* 관리자로 연 글 — 「카톡 알림 신청함」 · 「여기부터 새 댓글」 가로줄 */
.ssq-adm__ntf { font-weight: 700; color: var(--navy); white-space: nowrap; }
.ssq-newl { display: flex; align-items: center; gap: 10px; justify-self: stretch; width: 100%; margin: 6px 0 2px; font-size: 1rem; line-height: 1.4; font-weight: 700; color: var(--copper); scroll-margin-top: 120px; }
.ssq-newl::before, .ssq-newl::after { content: ""; flex: 1; height: 2px; border-radius: 2px; background: var(--copper); opacity: .55; }
.ssq-newl:focus { outline: none; }
/* (W-297) 번호 한 번 더 */
.ssq-ntf__l2 { margin-top: 10px; }
/* W-295 완료 */