/* 설문 결과 집계판 — 막대는 HTML/CSS(라이브러리 없음) */
[data-app="survey-summary"]{ display:flex; flex-direction:column; gap:10px; }
[data-app="survey-summary"] .ss-in{ display:flex; flex-direction:column; gap:6px; min-width:0; padding:10px; border:1px solid #E6E7EB; border-radius:12px; background:#F8F9FB; }
[data-app="survey-summary"] .ss-tr{ display:flex; align-items:center; gap:8px; min-width:0; }
[data-app="survey-summary"] .ss-tr .ndt-k{ flex:none; }
[data-app="survey-summary"] .ss-title{ flex:1 1 auto; width:auto; min-width:0; background:#fff; font-weight:700; }
[data-app="survey-summary"] .ss-ph{ display:flex; align-items:flex-start; justify-content:space-between; gap:8px; }
[data-app="survey-summary"] .ss-help{ margin:0; min-width:0; font-size:13px; line-height:1.55; color:#4B5059; }
[data-app="survey-summary"] .ss-help b{ color:#1A1A1A; }
[data-app="survey-summary"] .ss-clear{ flex:none; min-width:68px; }   /* 「한 번 더 누르면 비워요」가 「한 번 더 / 누르면 / 비워요」 세 줄로 읽히게(좁으면 「더」만 한 줄) */
[data-app="survey-summary"] .ss-text{ min-height:120px; background:#fff; font-size:13px; line-height:1.55; white-space:pre; overflow:auto; overflow-wrap:normal; tab-size:16; -moz-tab-size:16; }
[data-app="survey-summary"] .ss-out{ display:flex; flex-direction:column; gap:10px; min-width:0; }
[data-app="survey-summary"] .ss-head{ display:flex; flex-direction:column; gap:2px; min-width:0; }
[data-app="survey-summary"] .ss-ttl{ margin:0; font-size:17px; font-weight:900; letter-spacing:-.02em; line-height:1.35; overflow-wrap:anywhere; }
[data-app="survey-summary"] .ss-stat{ margin:0; font-size:13.5px; color:#33373D; overflow-wrap:anywhere; }
[data-app="survey-summary"] .ss-stat b{ font-size:15.5px; font-weight:900; color:#1A1A1A; font-variant-numeric:tabular-nums; }
[data-app="survey-summary"] .ss-skip{ margin:0; font-size:12.5px; color:#6B717B; overflow-wrap:anywhere; }
[data-app="survey-summary"] .ss-date{ display:none; }
[data-app="survey-summary"] .ss-none{ margin:0; padding:22px 12px; border:1px dashed #D6D8DD; border-radius:12px; text-align:center; font-size:13.5px; color:#6B717B; }
[data-app="survey-summary"] .ss-qs{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; align-items:start; }
[data-app="survey-summary"] .ss-qs > .ss-none{ grid-column:1 / -1; }
[data-app="survey-summary"] .ss-q{ min-width:0; padding:12px; border:1px solid #E6E7EB; border-radius:12px; background:#fff; }
[data-app="survey-summary"] .ss-qh{ display:flex; align-items:flex-start; gap:8px; }
[data-app="survey-summary"] .ss-no{ flex:none; display:inline-flex; align-items:center; justify-content:center; min-width:24px; height:24px; padding:0 6px; border-radius:7px; background:#1A1A1A; color:#fff; font-size:12.5px; font-weight:900; }
[data-app="survey-summary"] .ss-qt{ flex:1 1 auto; min-width:0; margin:1px 0 0; font-size:14.5px; font-weight:800; line-height:1.45; overflow-wrap:anywhere; }
[data-app="survey-summary"] .ss-avg{ flex:none; display:flex; flex-direction:column; align-items:flex-end; margin:0; line-height:1.1; }
[data-app="survey-summary"] .ss-avg b{ font-size:24px; font-weight:900; color:#0D7A43; font-variant-numeric:tabular-nums; }
[data-app="survey-summary"] .ss-avg small{ font-size:11px; font-weight:700; color:#6B717B; white-space:nowrap; }
[data-app="survey-summary"] .ss-meta{ display:flex; flex-wrap:wrap; align-items:center; gap:4px 8px; margin:8px 0 10px; font-size:12.5px; line-height:1.45; color:#4B5059; overflow-wrap:anywhere; }
[data-app="survey-summary"] .ss-meta > span:last-child{ min-width:0; }
[data-app="survey-summary"] .ss-type{ flex:none; padding:1px 8px; border-radius:999px; font-size:11.5px; font-weight:800; }
[data-app="survey-summary"] .ss-type.ss-t-scale{ background:#E7F6EC; color:#0D6B3B; }
[data-app="survey-summary"] .ss-type.ss-t-choice{ background:#E9EEFA; color:#314B86; }
[data-app="survey-summary"] .ss-type.ss-t-multi{ background:#F1EAFB; color:#5B3A97; }
[data-app="survey-summary"] .ss-type.ss-t-open{ background:#F0F1F3; color:#4B5059; }
[data-app="survey-summary"] .ss-type.ss-t-empty{ background:#FDEEEC; color:#B42318; }
/* 막대 */
[data-app="survey-summary"] .ss-bars{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:8px; }
[data-app="survey-summary"] .ss-bl{ display:flex; justify-content:space-between; align-items:baseline; gap:8px; font-size:13px; line-height:1.4; }
[data-app="survey-summary"] .ss-lab{ min-width:0; font-weight:600; overflow-wrap:anywhere; }
[data-app="survey-summary"] .ss-lab small{ font-size:11px; font-weight:700; color:#8A8F98; }
[data-app="survey-summary"] .ss-bars li.ss-best .ss-lab{ font-weight:800; }
[data-app="survey-summary"] .ss-val{ flex:none; font-size:12.5px; font-weight:700; color:#33373D; font-variant-numeric:tabular-nums; white-space:nowrap; }
[data-app="survey-summary"] .ss-track{ height:10px; margin-top:3px; border-radius:5px; background:#EEF0F3; overflow:hidden; }
[data-app="survey-summary"] .ss-fill{ display:block; height:100%; min-width:0; border-radius:5px; background:#8FA8E6; }
[data-app="survey-summary"] .ss-bars li.ss-best .ss-fill{ background:#2F5BD3; }
[data-app="survey-summary"] .ss-fill.ss-g5{ background:#0D7A43; }
[data-app="survey-summary"] .ss-fill.ss-g4{ background:#4CA672; }
[data-app="survey-summary"] .ss-fill.ss-g3{ background:#C9A227; }
[data-app="survey-summary"] .ss-fill.ss-g2{ background:#E0823D; }
[data-app="survey-summary"] .ss-fill.ss-g1{ background:#C0392B; }
/* 주관식 모아 보기 */
[data-app="survey-summary"] .ss-open{ list-style:none; margin:0; padding:0; max-height:260px; overflow:auto; display:flex; flex-direction:column; gap:4px; }
[data-app="survey-summary"] .ss-open li{ padding:6px 9px; border-radius:9px; background:#F5F6F8; font-size:13px; line-height:1.5; overflow-wrap:anywhere; }
[data-app="survey-summary"] .ss-x{ display:inline-block; margin-left:6px; padding:0 6px; border-radius:6px; background:#1A1A1A; color:#fff; font-size:11px; font-weight:800; line-height:1.6; white-space:nowrap; }
/* 「없음」 같은 답은 맨 아래 한 줄(회색) */
[data-app="survey-summary"] .ss-open li.ss-nonel{ background:#fff; border:1px dashed #D6D8DD; color:#6B717B; font-weight:700; }
[data-app="survey-summary"] .ss-nonel .ss-x{ background:#8A8F98; }
[data-app="survey-summary"] .ss-nonel small{ display:block; font-size:11.5px; font-weight:500; color:#8A8F98; }
[data-app="survey-summary"] .ss-more{ margin:6px 0 0; }
[data-app="survey-summary"] .ss-btns{ margin-top:2px; }
[data-app="survey-summary"] .ss-note{ margin:0; }
[data-app="survey-summary"] .ss-note.ss-warn{ padding:8px 10px; border-radius:10px; background:#FEF3F2; color:#912018; font-size:13px; font-weight:700; }
[data-app="survey-summary"] .ss-fbw:empty{ display:none; }
@media (max-width:640px){
  [data-app="survey-summary"] .ss-qs{ grid-template-columns:minmax(0,1fr); }
}
@media (max-width:520px){
  /* 휴대폰: 16px 미만 입력칸은 누를 때 화면이 확대됨 */
  [data-app="survey-summary"] .ss-text, [data-app="survey-summary"] .ss-title{ font-size:16px; }
}
/* 인쇄 — NDT.print 가 이 카드만 복사해 찍음(입력칸·단추는 빠짐) */
@media print{
  [data-app="survey-summary"]{ border:0; padding:0; gap:8px; }
  [data-app="survey-summary"] .ss-ttl{ display:none; }   /* 인쇄본 머리 제목은 NDT.print(root, 설문 이름)이 붙임 — 같은 글 두 번 안 찍히게 */
  [data-app="survey-summary"] .ss-date{ display:block; margin:0; font-size:12px; color:#444; }
  [data-app="survey-summary"] .ss-qs{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  [data-app="survey-summary"] .ss-q{ break-inside:avoid; page-break-inside:avoid; }
  [data-app="survey-summary"] .ss-open{ max-height:none; overflow:visible; }
  /* 「PDF로 저장」한 뒤 글자를 복사해도 숫자가 빠지지 않게(고정폭 숫자 글꼴 기능은 PDF 글자층에서 숫자를 잃음) */
  [data-app="survey-summary"] *{ font-variant-numeric:normal !important; }
  [data-app="survey-summary"] .ss-track, [data-app="survey-summary"] .ss-fill, [data-app="survey-summary"] .ss-no, [data-app="survey-summary"] .ss-type, [data-app="survey-summary"] .ss-x, [data-app="survey-summary"] .ss-open li{ -webkit-print-color-adjust:exact; print-color-adjust:exact; }
}