/* 꼬리 버튼·공유 창·재설명 펜 끝 창·결과 창 — 2026-10-31 구조 정리로 index.html <style> 1451~1495줄에서 옮김. 파일 번호 순서대로 읽어야 함(뒤 규칙이 앞 규칙을 덮음) */
/* ==========================================================================
   ★ 재설명 (2026-10-24 Ⓒ 결정 — 예전 만족/불만족·돋보기 검토)
   ========================================================================== */
/* 꼬리 버튼 [재설명][공유하기][내려받기] — 처음엔 첫 버튼만 메뉴 색 면, 누른 버튼이 면(늘 하나) · 크기는 백업 버튼과 같게(0.82rem·8px), 폭은 글자 수에 맞게 */
.share-btn.rp-btn.is-off,.share-btn.rp-btn:disabled{opacity:.4;cursor:default;border:1px solid var(--rc);color:var(--rc);background:var(--surface);box-shadow:none;filter:none}
/* 공유 창 [공유][저장]: 같은 규칙(처음엔 [공유]만 면), 폭은 글자 수에 맞게 가운데 — 높이·글자는 제목 있는 창 공통(0.9rem·11px) */
.share-ov[class*=" rk-"] .share-actions{justify-content:center}
.share-ov[class*=" rk-"] .share-card{padding-bottom:24px} /* 2026-10-31 21:39 안 1: 버튼 아래 ~ 창 아래 24px (백업 창은 그대로) */
.share-ov[class*=" rk-"] .share-msg{position:absolute;left:16px;right:16px;bottom:5px;margin:0;min-height:0} /* 공유 실패 안내 한 줄은 그 24px 안에 겹쳐 띄움 */
.share-ov[class*=" rk-"] .share-actions button{flex:0 0 auto;min-width:96px;padding-left:24px;padding-right:24px}
.share-ov[class*=" rk-"] .share-actions button.is-line{background:var(--surface);color:var(--rc);box-shadow:inset 0 0 0 1px var(--rc)}
/* 펜 끝 창: 안내 + [재설명 요청] n / 3 [취소] — 펜 위쪽 끝에 창의 왼쪽 아래 모서리 (위치는 fb-loupe.js) */
.fb-panel{position:fixed;left:0;top:0;z-index:47;box-sizing:border-box;width:max-content;max-width:calc(100vw - 16px);padding:10px 12px;background:#fff;color:var(--ink);border:1px solid var(--rc-line,var(--line));border-radius:14px;box-shadow:0 8px 22px rgba(0,0,0,.18);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .15s,visibility 0s .15s}
.fb-panel.is-on{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .15s}
.fb-panel.is-dock{left:50%!important;top:auto!important;bottom:calc(12px + env(safe-area-inset-bottom,0px));transform:translateX(-50%)}
.fb-panel-msg{margin:0 0 8px;font-size:.84rem;line-height:1.45;word-break:keep-all;color:var(--muted)} /* 2026-10-25 ⓔ: 안내문 = "/3" = 1:1 안내 문구와 같은 회색 */
.fb-panel-row{display:flex;align-items:center;gap:8px}
.fb-panel .share-btn.rp-btn{padding:8px 14px;font-size:.82rem}
.fb-panel .share-btn.rp-btn:disabled{opacity:.4}
.fb-panel-cnt{font-size:.84rem;font-weight:400;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;padding:0 2px}
.fb-panel-cnt .fb-n,.chat-left .chat-n{color:var(--rc,var(--accent));font-weight:700} /* 2026-10-25 ⓔ: n만 메뉴 색·굵게, "/3"은 회색·보통 굵기 */
.chat-left{font-weight:400}.chat-left.is-done{opacity:.4} /* ⓖ 다 쓰면 "3/3" 전체 흐리게 (비활성) */
@media (max-width:420px){.fb-panel .share-btn.rp-btn{padding:8px 12px;font-size:.78rem}}
@media (prefers-reduced-motion:reduce){.fb-panel,.fb-panel.is-on{transition:none}}
/* 진행·결과 창: 보고서 받을 때와 같은 창, 결과는 같은 창이 커짐(화면 가운데 + 가림막) — 색은 그 보고서 메뉴 색 */
.ex-ov{--accent:var(--rc);--acc-top:var(--rc-top);--acc-bot:var(--rc-bot);--on-accent:#fff}
.load-card.ex-card.is-ex{width:min(420px,100%);max-height:calc(100vh - 32px);overflow:auto;text-align:left;align-items:stretch;padding-top:20px}
.load-card.ex-card.is-ex .load-text{text-align:center;font-weight:700;padding-top:0}
.ex-list{display:flex;flex-direction:column;gap:12px}
.ex-list[hidden]{display:none}
.ex-item{padding:12px 14px;border-radius:12px;background:var(--bg);font-size:.86rem;line-height:1.6;word-break:keep-all}
.ex-item p{margin:0}
.ex-head b{color:var(--rc,var(--accent))}
.ex-item.ex-v-ok .ex-head b{color:var(--muted)}
.ex-before,.ex-after{margin-top:4px!important;display:flex;gap:8px}
.ex-before{color:var(--muted)}
.ex-lab{flex:none;font-size:.74rem;font-weight:700;line-height:1.9;color:var(--muted)}
.ex-after .ex-lab{color:var(--rc,var(--accent))}
.load-card.ex-card.is-ex .pop-btn{width:calc(75% + 31.5px);max-width:100%;margin:0 auto}
/* 2026-10-30 3단계 12·13번: 판정 이름 옆 괄호 설명(회색 작은 글씨)·사유는 다음 줄 / "후" 문장과 [적용] 뒤 본문의 바뀐 문장에 메뉴 색 밑줄(글자색·굵기 그대로) */
.ex-why{margin-left:4px;font-size:.76rem;font-weight:400;color:var(--muted)}
.ex-reason{margin-top:2px!important;color:var(--ink)}
.ex-after .ex-txt,.ex-mark{-webkit-text-decoration-line:underline;text-decoration-line:underline;-webkit-text-decoration-style:solid;text-decoration-style:solid;-webkit-text-decoration-color:var(--rc,var(--accent));text-decoration-color:var(--rc,var(--accent));text-decoration-thickness:2px;text-underline-offset:3px;-webkit-text-decoration-skip:none;text-decoration-skip-ink:none}
body:not([data-view="vault"]) .load-overlay[data-from="vault"]{display:none!important}
/* 1:1 입력칸 안 남은 질문 "3/3" = 안내 문구 = 입력 글자 크기 (2026-10-24 05 뒤 결정) */
.chat-left{font-size:.95rem}
@media (pointer:coarse){.chat-left{font-size:16px}}