feat(pnl): 임시저장·등록 분리 · 자동 기입 칸 테두리 · 납기 임박 7일 · 단추 정렬

[Jay722J]

① 임시저장 / 등록

「접기」를 빼고 두 단추를 둔다.

단추	발행일	결과
임시저장	없어도 된다	적은 것을 붙잡아 두고 줄은 「입력 필요」에 그대로 남는다
등록	있어야 한다	아래 그 달 표로 내려간다

임시저장한 값은 다시 열면 그대로 열린다(사업자명·캐피탈·입금일·원가·비고).
적어 두고 다시 못 보면 임시저장이 뜻이 없다 — 목록 응답(pending[].draft)에 함께 싣는다.

안내 문구도 갈았다 — 카드 머리의 긴 문장은 빼고, 폼 아래는
「세금계산서 발행일을 입력해야 등록 가능합니다」로.

② 자동 기입 칸 — 테두리를 두른다

테두리가 없으니 적는 칸들 사이에서 글자만 떠 있어 정돈되지 않아 보였다.
테두리만 두르고 속은 채우지 않는다 — 채우면 「비활성」처럼 보여 값이 없는 칸과 헷갈린다.
「입력 필요」 폼에만 해당하고, 월별 표(휴대폰 카드 포함)는 그대로다.

곁들여 값이 칸보다 길 때 왼쪽으로 새어 나가 카드 밖까지 나가던 것을 고쳤다(제보).
justify-content: flex-end 는 넘칠 때 시작 쪽으로 새어 나간다 — flex 를 걷고 글줄로 두면 칸 안에 머문다.
수익·수익률도 한 칸에 「금액 · %」로 붙이던 것을 갈랐다(휴대폰에서 삐져나갔다).

③ 납기 임박 = 7일 전

DUE_SOON_DAYS 3 → 7. 여유는 8일 이상. 한 곳을 고치면 화면·알림이 모두 따라온다
(재촉 알림도 임박 첫날 하루만 — 이제 7일 전).

대시보드 「납기 경과·임박」에서 아직 안 지난 건은 초록(브랜드), 지난 건만 빨강이다 —
둘 다 빨가면 어느 것이 이미 늦은 건지 한눈에 안 갈린다.

④ 단추 정렬

목록 줄의 「입력」 단추가 앞 글자 길이에 따라 좌우로 흔들렸다.
오른쪽 끝에 붙여 세로로 한 줄이 되게 한다(실측: 네 줄 모두 left 818 · right 860).
앞으로 목록 줄에 붙는 단추도 이렇게 한다 — 자리를 내용이 정하게 두지 않는다.

DB

변경 없음.

검증

• 백엔드 927개 · shared 347개 전부 통과 — 임시저장 왕복 검사 추가
  (발행일 없이 저장하면 「입력 필요」에 남고 적어 둔 값이 실려 오는지, 발행일을 적으면 그 값 그대로 내려가는지)
• 휴대폰 폭에서 카드 밖으로 새는 요소 0건 실측
• 프론트 빌드·타입·영문화·접근성·UI 규칙 통과

🤖 Generated with Claude Code

Closes #469