/* 지도 기체 패널 탭 (features/ac-tabs · 2026-09-27) — 규칙·이유는 ac-tabs.js 머리말이 정본이다.
   ⛔ #acBody.actab-on 아래에서만 건다 — 조회 결과·공항판·함께 고른 기체 카드는 종전 그대로다. */

/* 탭 줄 — 본문 스크롤과 함께 올라가지 않고 맨 위에 붙는다.
   #acBody 위 여백(12px)만큼 끌어올려 붙인다(top:-12px) — 안 그러면 스크롤할 때 그 틈으로 글자가 비친다. */
#acBody.actab-on > .actab-bar {
  position: sticky; top: -12px; z-index: 3; flex: none;
  display: flex; gap: 4px; flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none;
  margin: -12px 0 8px; padding: 10px 0 8px;
  background: var(--bg-surface-elevated); border-bottom: 1px solid var(--border-subtle);
}
#acBody.actab-on > .actab-bar::-webkit-scrollbar { display: none; }
/* 탭 줄에서는 아이콘을 뺀다 — 패널 폭 330px에 여섯 칸이 아이콘까지 들어가지 않아 GNSS가 옆으로 밀려
   안 보였다(실측). 가로 스크롤은 남겨 두되(글자 크기를 키운 사용자) 기본 폭에서는 한 줄에 다 보이게. */
#acBody.actab-on > .actab-bar .ui-ico { display: none; }
#acBody.actab-on > .actab-bar .pbtn {
  flex: 0 0 auto; margin: 0; padding: 5px 8px; white-space: nowrap;
  background: transparent; border-color: transparent; color: var(--text-secondary); font-weight: 700;
}
#acBody.actab-on > .actab-bar .pbtn:hover { color: var(--text-primary); background: var(--bg-hover); }
#acBody.actab-on > .actab-bar .pbtn.on {
  background: var(--primary); border-color: var(--primary); color: #ffffff;
}
#acBody.actab-on > .actab-bar .pbtn:focus-visible { outline: 2px solid var(--primary); outline-offset: 1px; }

/* 탭별로 보이는 카드 — 모르는 카드(다른 모듈이 붙인 것)는 건드리지 않도록 세 제목만 고른다 */
#acBody.actab-on[data-actab="ov"] > .ac-card[data-acard="실시간 비행 데이터"],
#acBody.actab-on[data-actab="lv"] > .ac-card[data-acard="비행 여정 진행 현황"],
#acBody.actab-on[data-actab="lv"] > .ac-card[data-acard="기체 제원"],
#acBody.actab-on:not([data-actab="ov"]):not([data-actab="lv"]) > .ac-card[data-acard="비행 여정 진행 현황"],
#acBody.actab-on:not([data-actab="ov"]):not([data-actab="lv"]) > .ac-card[data-acard="기체 제원"],
#acBody.actab-on:not([data-actab="ov"]):not([data-actab="lv"]) > .ac-card[data-acard="실시간 비행 데이터"],
#acBody.actab-on:not([data-actab="ov"]) > .actab-correction,
#acBody.actab-on:not([data-actab="ov"]) > .actab-strip.solo { display: none; }

/* 원천자료 보정 경고 — 기본 탭(개요)을 열자마자 여정 카드보다 먼저 읽히게 한다. */
#acBody.actab-on > .actab-correction {
  display: flex; align-items: flex-start; gap: 8px;
  margin: 0 0 6px; padding: 9px 11px;
  border: 1px solid var(--status-danger); border-left-width: 4px; border-radius: 8px;
  background: var(--status-danger-bg); color: var(--status-danger);
  font-size: var(--fs-sm); line-height: 1.45;
}
#acBody.actab-on > .actab-correction > strong { flex: none; white-space: nowrap; }
#acBody.actab-on > .actab-correction-detail { min-width: 0; }
#acBody.actab-on > .actab-correction-detail .v,
#acBody.actab-on > .actab-correction-detail .v span { color: var(--status-danger) !important; }

/* 고도단면 안 소탭(「고도 프로파일 / CCO」, index.html buildAcSects의 .insp-tabs) — 첫 단추가 flex 1 0 auto로
   줄을 다 먹어 「CCO」가 오른쪽 밖으로 밀렸다(가로 스크롤 막대만 보였다 · 2026-09-27 사용자 화면). 똑같이 나눈다. */
#acBody.actab-on .insp-tabs .insp-tab-btn { flex: 1 1 0; min-width: 0; }

/* 카드 접기는 탭 구성에서 쓰지 않는다 — 손잡이를 감추고 손가락 모양도 걷는다 */
#acBody.actab-on > .ac-card > .ac-cardHd { cursor: default; }
#acBody.actab-on > .ac-card > .ac-cardHd .cardCaret { display: none; }

/* 개요 한 줄 — 고도·속도·트랙 */
#acBody.actab-on .actab-strip {
  display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 14px;
  margin-top: 10px; padding-top: 9px; border-top: 1px dashed var(--border-subtle);
  font-variant-numeric: tabular-nums;
}
#acBody.actab-on .actab-strip.solo { margin: 0 0 10px; padding: 0 2px 9px; border-top: 0; border-bottom: 1px dashed var(--border-subtle); }
#acBody.actab-on .actab-si { display: inline-flex; align-items: baseline; gap: 5px; }
#acBody.actab-on .actab-si .v { font-weight: 700; }
#acBody.actab-on .actab-sl { font-size: 11.5px; color: var(--text-secondary); }

/* 동작 단추 줄(경로·홀딩·AI) — 맨 아래에 붙어 있다. 내용이 짧으면 제자리, 길면 바닥에 붙는다 */
#acBody.actab-on > .acActs {
  position: sticky; bottom: -16px; z-index: 2; flex: none;
  margin: 6px 0 -16px !important; padding: 8px 0 12px;
  background: var(--bg-surface-elevated); border-top: 1px solid var(--border-subtle);
}
#acBody.actab-on > .acActs.actab-empty { display: none; }
/* 폰(시트)은 요약 높이(화면 35%)로 열린다 — 바닥에 붙이면 그 좁은 창의 3분의 1을 단추가 먹는다(실측 390px).
   좁은 화면에서는 제자리(내용 끝)에 둔다. 761px↑는 위 규칙 그대로(shell.css 폰 구간 경계와 같다). */
@media (max-width: 760px) {
  #acBody.actab-on > .acActs { position: static; margin: 6px 0 0 !important; padding: 8px 0 0; }
}
#acBody.actab-on > .actab-none { padding: 14px 2px; color: var(--text-secondary); font-size: var(--fs-sm); }