/* G2 출발 시간 콤보 펼침 목록(TICKET-330, PRD-018/AC-9) —
   doc/design/board/screens/G2r-참고-출발시간도움말.html의 펼친 목록 인라인 스타일을 값 그대로
   클래스로 옮기고 색만 토큰 변수로 치환했다. 닫힌 콤보 버튼은 board.css `.g2-combo__btn`.
   board.css 끝을 병렬 티켓(333·334)과 같이 고치지 않으려고 별도 파일로 둔다. */
.g2-combo__btn[aria-expanded="true"] { border-color: var(--board-accent); }
.g2-combo__list {
  position: absolute; left: 0; right: 0; top: 50px; box-sizing: border-box; white-space: nowrap;
  margin: 0; padding: 4px; list-style: none; background: var(--board-divider);
  border: 1px solid var(--board-surface-border); border-radius: 12px;
  box-shadow: 0 10px 24px var(--board-shadow); z-index: 8; /* 하단 고정 영역(.bot z 5) 위, 다이얼로그(z 10) 아래(TICKET-356, R7) */
}
.g2-combo__list[hidden] { display: none; }
.g2-combo__opt {
  height: 40px; display: flex; align-items: center; gap: 6px; padding: 0 8px; border-radius: 8px;
  color: var(--board-text); font-family: 'Chakra Petch', sans-serif; font-weight: 700; font-size: 15px;
  cursor: pointer;
}
/* 출발 시간이 하나도 없을 때(PRD-042/AC-5) — 콤보는 막고 아래 안내 한 줄만 보인다. 새 부품 없이 기존 회색 `.board-hint`. */
.g2-combo__btn:disabled { opacity: .35; cursor: not-allowed; }
.g2-depart-none { padding: 0 0 12px; border-bottom: 1px solid var(--board-divider); }
.g2-depart-none[hidden] { display: none; }
.g2-combo__opt--now { font-family: 'Gothic A1', sans-serif; font-size: 14px; }
.g2-combo__opt[aria-selected="true"] {
  background: var(--board-accent-tint); color: var(--board-accent); font-weight: 800;
}
.g2-combo__chk { flex-shrink: 0; }
.g2-combo__blank { width: 14px; flex-shrink: 0; }
.g2-combo__ampm {
  font-family: 'Gothic A1', sans-serif; font-size: 13px; font-weight: 700;
  color: var(--board-text-dim); margin-right: 4px;
}
.g2-combo__opt[aria-selected="true"] .g2-combo__ampm { color: inherit; }

/* 200px 뷰포트 가로 넘침 방지(TICKET-356, PRD-020 §5 엣지) — 카드 안쪽 폭(120px)보다 콤보 116px·스테퍼 128px가
   넓어 `.g2-row`가 문서를 230px로 밀었다. 줄바꿈을 허용해 좁은 폭에서는 컨트롤이 제목 아래로 내려간다.
   390px에서는 한 줄에 들어가 모양이 그대로다. board.css는 병렬 티켓과 겹치지 않게 건드리지 않는다. */
.g2-row { flex-wrap: wrap; row-gap: 4px; }
/* 스테퍼가 카드 안쪽 폭(120px)보다 8px 넓다 — 좁은 폭에서만 버튼·간격을 줄여 116px로 맞춘다. */
@media (max-width: 239px) {
  .g2-stp { gap: 4px; }
  .g2-stp button { width: 40px; }
}
/* 헤더 닉네임 칩도 200px에서 문서를 넘겼다(로고 + 칩 > 152px). G2 헤더 안에서만 칩을 말줄임한다
   (공통 `.top`은 다른 화면·병렬 티켓 영역이라 건드리지 않고, 다른 화면에도 필요하면 별도 티켓). */
#board-new-form .top { gap: 8px; }
#board-new-form .top .board-nickname-chip { min-width: 0; max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }