/*  ★ 글자 링크처럼 보이는 단추 (2026-08-11) — 설문 보기·참여는 화면을 떠나는
    링크가 아니라 **층을 여는 단추**다. 몸짓은 링크와 같게 두되 button 으로 둔다. */
.linkish{border:0;background:none;padding:0;font:inherit;color:var(--water);
  cursor:pointer;text-decoration:underline;text-underline-offset:2px}
.linkish:hover{color:var(--sonar-ink)}
/*  My 설문 한 줄 — 이름·항구·답 수와 '설문 수정' */
.msv{align-items:center;gap:8px;padding:8px 0;border-top:1px solid var(--line)}
.msv:first-child{border-top:0}
/*  ★ 선박지수가 **없을 때** — 점선 빈 별 다섯 (2026-09-02 지시).
    데스크톱(layout/_survey.php 의 `.rep .stars.none`)과 **같은 값**이다:
    바탕 없음 · 점선 · 그늘 없음 · 살짝 흐리게. 조황지수 빈 그래프와 같은 어휘다. */
.stars.none{color:var(--dim);opacity:.85;line-height:1;display:inline-flex}
.stars.none .dash{display:inline-flex;align-items:center;gap:1px}
.stars.none svg{display:block;vertical-align:middle}
.msv .nm{font-size:14px}
/*  ★ 「나」 관심선박 줄의 「조과 예측」도 **같은 파랑**이다 (2026-08-13 지정).
    앞서는 흰 단추였다 — 같은 곳으로 가는 문이 화면마다 다르게 생겼었다. */
/*  ★ 두 단추 앞의 아이콘 (2026-09-02). 그림만 작게 두고 **손가락 표적은
    44px** 로 지킨다 — 보이는 크기와 누르는 크기는 다른 일이다.
    ★ 관심선박 줄은 단추가 둘이라 좁은 폰에서 접힐 수 있다 — 접히게 둔다.
      잘리는 것보다 낫고, 배 이름이 먼저 읽혀야 한다. */
.msv{flex-wrap:wrap}
/*  ★ 값은 **한 벌**이다 — layout/_boattrend.php 의 `--btbtn-*` 를 쓴다.
    네 화면(onfishing 데스크톱·폰, naksigo 데스크톱·폰)이 같은 높이로 선다.
    보이는 박스만 낮추고 누르는 넓이는 `::before` 누름판으로 44px 을 남긴다. */
.msv .mini .rfcico{width:var(--btbtn-ico,11px);height:var(--btbtn-ico,11px);
  flex:0 0 auto;margin-right:4px}
.msv .mini{display:inline-flex;align-items:center;position:relative;line-height:1.3;
  min-height:var(--btbtn-h,26px);
  padding:var(--btbtn-pad-y,2px) var(--btbtn-pad-x,9px)}
.msv .mini::before{content:'';position:absolute;left:0;right:0;top:50%;
  transform:translateY(-50%);height:var(--btbtn-tap,44px)}
/*  제목 옆 「전부」 — 담은 배를 한 판에 겹쳐 견주는 문. */
/*  ★ 제목 줄 — 이름은 왼쪽, 「전부」는 오른쪽 끝. `h2.t` 와 특정도를 맞춰야
    이긴다(그 규칙이 뒤에 서 있다 — onfishing 폰에서 겪은 그대로다). */
h2.t.favhead{display:flex;align-items:center;gap:6px}
h2.t.favhead #favAll{margin-left:auto}
.btall{margin-left:0;display:inline-flex;align-items:center;gap:5px;
  vertical-align:middle;min-height:34px;padding:4px 9px;cursor:pointer;
  border:1px solid var(--line);border-radius:9px;background:var(--card);
  color:var(--ink);font-family:var(--ui);font-size:11.5px;font-weight:700}
.btall .rfcico{width:var(--btbtn-ico,11px);height:var(--btbtn-ico,11px);flex:0 0 auto}
.btall s{all:unset;font-size:10px;font-weight:400;color:var(--muted,#8aa)}

/*  ══ 배경색 — **이 화면만의 값** (2026-09-02 지시) ═══════════════════════════
    *"m.naksigo.com/#me 의 관심선박에서 조과분석 전부와 개별 조과 분석 아이콘의
     배경색을 #F7C284 로 변경해"*

    ★★ **어디에 무슨 색인지** — 곳마다 다르다. 통일해 버리면 지시가 무너진다:
      · m.naksigo.com/#me       … **#F7C284**(주황) — **「전부」와 「개별 조과
                                  분석」 둘만**. ★ **「조과 예측」은 지시에 없다** —
                                  이름을 콕 집어 둘만 말했으므로 그대로 둔다.
      · m.naksigo.com/#ask RANK … **같은 #F7C284** — 줄마다의 **「분석」 알약**
                                  (2026-09-03 지시: "아이콘 배경색은 #F7C284").
                                  ★ 값을 또 적지 않고 아래 `--favbtn-*` 를
                                    가리켜 쓴다(`.rank .fcmini.btmini`).
                                  ★ 옆의 「예측」은 파랑(--fc) 그대로다 —
                                    이번에도 「분석」만 말했다.
      · naksigo.com/favorites   … #EFB6D8(분홍) — 조과 분석·조과 예측(+전부)
      · m.onfishing.net/#me · onfishing.net/?reopen=fav … 색 지시 없음, 그대로
      ★ **높이·여백·아이콘 크기(--btbtn-*)는 네 곳이 한 벌**이고 **색만 갈린다.**
    ▣ ★ 색은 **여기 한 곳**에만 적는다 — 흩어 적으면 다음에 바꿀 때 하나가 남는다.
    ▣ ★ **글자색을 못 박는다.** #F7C284 는 밝은 주황이고 이 화면에는 어두운
      테마가 있다 — `--ink` 를 그대로 쓰면 흰 글씨가 주황 위에 묻힌다
      (대비 1.61:1). 어두운 글자색을 값으로 박아 실측 대비 **8.61:1**
      (WCAG AA 4.5:1 · AAA 7:1 을 모두 넘는다). 폰은 **햇빛 아래**에서 보는
      화면이라 이 여유가 특히 값지다.
    ▣ ★ 키보드 포커스 테도 이 배경 위에서 보여야 한다 — 글자색과 같은 어두운 테. */
/*  ★ 값은 **한 곳**이다. 「전부」는 제목(h2) 안에 있고 개별은 #favs 안에 있어
    조상이 갈리므로, 둘이 함께 닿는 :root 에 둔다.
    ★ 2026-09-03 부터 **「질의」 탭 RANK 줄의 「분석」 알약**도 이 값을 쓴다
      (같은 색을 두 곳에 적지 않으려고 이름을 가리켜 쓴다). 그래서 이 이름은
      이제 이 파일 안에서 **두 자리**가 본다 — 바꾸면 둘 다 바뀐다. */
:root{--favbtn-bg:#F7C284; --favbtn-fg:#12303A}
#favs .msv .mini.bt,
.btall{background:var(--favbtn-bg);color:var(--favbtn-fg);
  border:1px solid rgba(18,48,58,.28);box-shadow:none}
#favs .msv .mini.bt:hover,.btall:hover{filter:brightness(.96)}
#favs .msv .mini.bt:focus-visible,
.btall:focus-visible{outline:2px solid var(--favbtn-fg);outline-offset:2px}
/*  ★ 안쪽 여백은 **한 벌 값**(--btbtn-pad-*)이 정한다 — 여기서 또 적으면
    이 규칙이 뒤에 서 있어 그 값을 도로 가져간다(실측 2026-09-02: 이 화면만
    30px, 나머지 셋은 26px 였다). 높이에 관한 것은 위 `.msv .mini` 한 곳뿐이다. */
.msv .mini{flex:0 0 auto;border:1px solid transparent;background:var(--fc);
  color:var(--on-fc);border-radius:8px;font-size:12px;cursor:pointer;
  font-family:var(--ui);font-weight:700;
  box-shadow:inset 0 -1.5px 0 rgba(8,50,90,.34)}
.msv .mini:hover{filter:brightness(1.08)}