/* CP 공통 상단 탭 / 사용 화면: 등록·메인·지난내역 / 원본: CP intro.css의 조회 버튼 색상.
 * 모바일과 PC 모두 같은 세 탭을 사용하고 등록 본문의 디자인은 유지한다. */
.cp-navigation {position: relative; z-index: 30; background: transparent;}
.cp-navigation-inner {display: flex; gap: 24px; max-width: 1120px; margin: 0 auto; padding: 0 24px; box-sizing: border-box; background: transparent;}
.cp-navigation .cp-navigation-tab {appearance: none; flex: 1; min-width: 0; min-height: 56px; margin: 0; padding: 16px 8px; border: 0; border-bottom: 2px solid transparent; border-radius: 0; background: transparent; color: #222; font-family: inherit; font-size: 16px; font-weight: 500; line-height: 1.4; text-align: center; cursor: pointer;}
.cp-navigation-tab > span {color: inherit; font: inherit;}
/* 선택 탭의 밑줄은 조회 버튼과 같은 채널 색상의 2px 선으로 표시한다. */
.cp-navigation .cp-navigation-tab.is-active:not(:disabled) {border-bottom-color: var(--main-color, #006cd2); color: var(--main-color, #006cd2); font-weight: 700;}
.cp-navigation .cp-navigation-tab:hover:not(:disabled) {color: var(--main-color, #006cd2);}
.cp-navigation button:focus-visible {outline: 2px solid var(--main-color, #006cd2); outline-offset: 2px;}
/* 비활성 탭은 회색 밑줄을 유지하고 글자에만 알파 35%를 적용한다. */
.cp-navigation .cp-navigation-tab:disabled {border-bottom-color: #d0d5dd; background: transparent; color: #222; opacity: 1; cursor: default;}
.cp-navigation .cp-navigation-tab:disabled > span {opacity: .35;}
/* 통신 실패는 차량 없음과 구분하며, 세 탭 밖의 안내에서만 재시도를 제공한다. */
.cp-navigation-feedback {display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 8px; padding: 10px 16px;}
.cp-navigation-feedback[hidden] {display: none;}
.cp-navigation-status {margin: 0; color: #667085; font-size: 14px; line-height: 1.5;}
.cp-navigation .cp-navigation-retry {margin: 0; padding: 4px 8px; border: 0; background: transparent; color: var(--main-color, #006cd2); font: inherit; font-size: 14px; text-decoration: underline; cursor: pointer;}
/* 모바일에서도 햄버거 없이 세 탭을 한 줄에 배치한다. */
@media (max-width: 640px) {
    .cp-navigation-inner {gap: 12px; padding: 0 16px;}
    .cp-navigation .cp-navigation-tab {min-height: 52px; padding: 14px 4px; font-size: 15px;}
}
/* CP 반려 수정: 사진 업로드 중에는 사진 선택·순서 변경을 잠시 막는다. */
.cp-uploading {pointer-events: none; opacity: .6;}