/* discharge-calculator.css - 공개 도구 "전역일 계산기" 조각(WEB-INF/jsp/homepage/tool/dischargeCalculator.jsp)의 스타일.
   2026.10.14 도구 개편 : P1 계산형 뼈대로 옮겼다(본보기는 loan-calculator.css).

   뿌리 : <div class="nxt nxt-discharge-calculator nxt-normal nxt-light" …>
   걸리는 순서 : tool-common.css(토큰 · 2단 · 패널) → tool-parts.css(공통 부품) → 이 파일
                 (tool-calc.css · sols-tool-guide.css 는 걸지 않는다)

   [이 파일에 두는 것] 이 도구만의 것뿐이다. 전환 단추(.nxt-seg-grid · .nxt-seg-sub) · 입력칸 · 접이식 · 결과 영역 · 꼬리표 · 진행 막대(.nxt-progress*) · 상세 행 ·
     토스트 · 안내 본문의 모양은 tool-parts.css 가 정한다 - 여기 다시 적지 않는다.
     ① 주 결과(날짜형)의 요일 자리 - 시안 renewal.css ④ 전역일 그대로
     ② 진급 예정일 제목 옆의 설명
   [지운 것] 옛 규칙 전부 : .branch-row · .branch-btn, .custom-field(.show), .field-row 의 2칸 줄, .status-banner(.upcoming · .done),
     .result-box · .result-label · .result-date · .result-ddays, .rate-row · .rate-num · .rate-bar · .rate-fill, .rank-table · .rank-head · .rank-row · .rk-* · .rank-note,
     .msg-line(응원 문구), #resultBox 의 .show 를 보고 바꾸던 빈 상태 규칙(오류 때 계급표 · 문구를 !important 로 감추던 줄 포함 -
     이제 결과 전체가 div.nxt-result 한 덩어리라 hidden 하나로 함께 사라진다).
   [규칙] 전부 .nxt-light.nxt-discharge-calculator 로 범위를 한정한다. 틀 요소(.bbs-*, body, main)를 건드리지 않는다. 색은 --nxt-* 토큰만 쓴다.
   [명도 대비] 옅은 파랑(--nxt-tint) 위 주 결과 숫자 --nxt-primary 5.5 / 흰 패널 위 설명 글 --nxt-text-3 7.6 */

/* ============ 군별 단추 ============ */
/* 단추가 5개라 2열 격자의 끝 칸이 빈다 - [기타]를 한 줄로 펼친다 */
.nxt-light.nxt-discharge-calculator .nxt-seg-grid>button[data-months="custom"]{grid-column:1 / -1}

/* ============ ① 주 결과 ============ */
/* 주 결과 = 법정 전역일(날짜형이라 .nxt-hero-2). 요일은 단위 자리(.nxt-hero-unit)에, D-값은 꼬리표(.nxt-badge)로
   <strong class="nxt-hero-num"><span>2027.07.04</span><span class="nxt-hero-unit">(일)</span></strong> */
.nxt-light.nxt-discharge-calculator .nxt-hero-unit{margin-left:8px}

/* ============ ② 진급 예정일 제목 ============ */
/* <p class="nxt-rows-title">진급 예정일 <span class="nxt-opt">최저복무기간 기준 예정일(진급심사 통과 시)</span></p>
   설명은 제목보다 가볍게(13px). 좁은 칸에서는 통째로 다음 줄로 넘어간다(넘어간 줄의 왼쪽이 제목과 맞게 margin 대신 gap 으로 띄운다) */
.nxt-light.nxt-discharge-calculator .nxt-rows-title{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 6px}
.nxt-light.nxt-discharge-calculator .nxt-rows-title>.nxt-opt{margin-left:0;font-size:13px}