/* static/lib/shore/shore_survey.css — 어종 분포 시트·라벨 (shore_survey.js, S11) · 글자 12px 이상 · 칩 = 라운드 박스 */
.ssv-lbl{border-style:solid}
.ssv-list{display:flex;flex-direction:column;gap:8px}
.ssv-row{display:flex;align-items:center;gap:10px;border:1px solid var(--ufs-line,#e2e8f0);border-left:4px solid var(--c);border-radius:12px;padding:10px 12px;background:#fff;cursor:pointer}
.ssv-ic{flex:none;width:36px;height:36px;border-radius:50%;background:var(--c);display:flex;align-items:center;justify-content:center}
.ssv-ic svg{width:22px;height:22px;fill:#fff}
.ssv-row .t{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.ssv-row .t b{font-size:15px;font-weight:800;color:#0f172a}
.ssv-row .t span{font-size:12px;line-height:1.5;color:#64748b}
.ssv-row .p{flex:none;width:64px;display:flex;flex-direction:column;align-items:flex-end;gap:4px}
.ssv-row .p b{font-size:16px;font-weight:900;color:var(--c)}
.ssv-row .p i{display:block;width:100%;height:5px;border-radius:3px;background:#eef2f6;overflow:hidden}
.ssv-row .p em{display:block;height:100%;background:var(--c);border-radius:3px}
.ssv-opts{display:flex;flex-direction:column;gap:8px}
.ssv-opt{display:flex;align-items:center;gap:10px;min-height:50px;padding:10px 14px;border:1.5px solid var(--ufs-line,#cbd5e1);border-radius:12px;background:#fff;font:700 14px Pretendard,system-ui,sans-serif;color:#334155;text-align:left;cursor:pointer}
.ssv-opt i{flex:none;width:22px;height:22px;border-radius:7px;border:1.5px solid #cbd5e1;display:flex;align-items:center;justify-content:center;background:#fff}
.ssv-opt i svg{width:16px;height:16px;fill:#fff;opacity:0}
.ssv-opt.on{border-color:var(--uf-sea,#0e8c8c);background:var(--uf-tint,#e5f6f4);color:var(--uf-deep,#06302f)}
.ssv-opt.on i{background:var(--uf-sea,#0e8c8c);border-color:var(--uf-sea,#0e8c8c)}
.ssv-opt.on i svg{opacity:1}
#ssvGear{gap:10px}
#ssvGear h4 small{font-size:12px;font-weight:600;color:#94a3b8}
.ssv-chips{display:flex;flex-wrap:wrap;gap:6px}
.ssv-chip{min-height:36px;padding:6px 12px;border-radius:10px;border:1.5px solid var(--ufs-line,#cbd5e1);background:#fff;font:700 13px Pretendard,system-ui,sans-serif;color:#334155;cursor:pointer;display:inline-flex;align-items:center;gap:6px}
.ssv-chip small{font-size:12px;font-weight:700;opacity:.75}
.ssv-chip.on{background:var(--uf-sea,#0e8c8c);border-color:var(--uf-sea,#0e8c8c);color:#fff}
.ssv-chip.sp i{width:10px;height:10px;border-radius:3px;background:var(--c);flex:none}
.ssv-chip.sp.on{background:var(--c);border-color:var(--c)}
.ssv-chip.sp.on i{background:#fff}
.ssv-chip.dim{opacity:.4;cursor:default}
#ssvGo{display:flex;flex-direction:column;gap:8px}
#ssvGo[hidden],#ssvGear[hidden],#ssvPick[hidden]{display:none}
.ssv-prog{display:grid;grid-template-columns:1fr auto;gap:6px;align-items:center;font-size:14px;color:#0f172a}
.ssv-prog span{font-weight:800;color:var(--uf-sea,#0e8c8c)}
.ssv-prog i{grid-column:1/3;display:block;height:6px;border-radius:3px;background:#eef2f6;overflow:hidden}
.ssv-prog em{display:block;height:100%;width:0;background:var(--uf-sea,#0e8c8c);transition:width .4s}
.ssv-toast{position:fixed;left:50%;bottom:90px;transform:translate(-50%,20px);opacity:0;z-index:4000;background:#0f172a;color:#fff;font-size:13px;font-weight:700;padding:10px 16px;border-radius:12px;transition:.25s;pointer-events:none;max-width:calc(100vw - 32px)}
.ssv-toast.on{opacity:1;transform:translate(-50%,0)}
/* S15 — 어종 여러 개 고르기 · 받은 어종 표시 */
.ssv-row .t b em{font-style:normal}
.ssv-ck{flex:none;width:22px;height:22px;border-radius:7px;border:1.5px solid #cbd5e1;display:flex;align-items:center;justify-content:center;background:#fff}
.ssv-ck i{display:flex}
.ssv-ck svg{width:16px;height:16px;fill:#fff;opacity:0}
.ssv-row.on{border-color:var(--c);background:var(--uf-tint,#e5f6f4)}
.ssv-row.on .ssv-ck{background:var(--c);border-color:var(--c)}
.ssv-row.on .ssv-ck svg{opacity:1}
.ssv-row.got .ssv-ck{visibility:hidden}
.ssv-got{display:inline-block;margin-left:4px;padding:1px 8px;border-radius:8px;font-size:12px;font-weight:800;background:var(--uf-sea,#0e8c8c);color:#fff;vertical-align:middle}
.ssv-got.run{background:#e2e8f0;color:#0f172a}
.ssv-got.wait{background:#fef3c7;color:#92400e}
#ssvPick h4 small{font-size:12px;font-weight:600;color:#94a3b8}