/* 入口頁與共用資料維護頁自己的版面（shared/docs/ui.md：app 的樣式只放版面，顏色與尺寸用 var(--ui-*)） */
.entry-actions { display: grid; gap: 10px; margin-top: 16px; }
.entry-note { margin-top: 12px; font-size: var(--ui-text-sm); line-height: 1.7; color: var(--ui-muted-fg); }
.entry-foot { display: flex; justify-content: center; margin-top: 28px; }
.entry-back { justify-self: start; }

/* 人員頁（/shared/people/）：搜尋與「在職、已離職」切換；表單裡兩個一排的欄位（日期、休息日）；異動紀錄最後一行 */
.people-tools { display: grid; gap: 12px; margin-bottom: 16px; }
@media (min-width: 900px) { .people-tools { grid-template-columns: minmax(0, 1fr) auto; align-items: end; } }
/* 兩個一排；字放大（em 跟著字級）擠不下時自動變一欄，不把日期截掉 */
.people-form-row { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 9em), 1fr)); gap: 12px; }
/* 到職日、離職日：離職日的 ✕ 疊在框裡、右邊佔掉約 46px，iPhone 顯示「2026年12月31日」要約 130px，
   一格至少 12em 才放得下（手機一律上下排、一樣寬；電腦的面板夠寬就並排） */
.people-form-row-dates { grid-template-columns: repeat(auto-fit, minmax(min(100%, 12em), 1fr)); }
.people-history-foot { margin-top: 12px; }

/* 公司帳戶頁（/shared/bank-accounts/）：銀行代碼（3 位數，窄）與銀行並排 */
.bank-form-code { display: grid; grid-template-columns: minmax(6.5em, 7em) minmax(0, 1fr); gap: 12px; }

/* 假日頁（/shared/holidays/）：上面切年份 */
.holidays-tools { margin-bottom: 16px; }