/* page-attset.css —— 「出勤設定」頁 #attset（打卡批次 3／5；定稿 design/mockups/salon_attendance_v1.html V5）
   ⚠ 必須排在 index.html 的 main.css 之後（8-1）。全部限定在 .ats-wrap 之下、class 一律 ats- 前綴
   （mockup 的 .row / .k / .h / .note / .pill / .inp 與全站通用 class 撞名）。色彩一律 token，亮暗各自跟著 [data-theme]。 */
.ats-wrap { max-width: 860px; }
.ats-wrap .ats-top { display: flex; justify-content: space-between; align-items: center; gap: 14px; margin-bottom: 10px; }
.ats-wrap .ats-sub { margin: 0; font-size: 12px; color: var(--lhrm-text-dim); line-height: 1.6; }
.ats-wrap .ats-lab { margin: 24px 0 2px; font-family: var(--lhrm-font-mono); font-size: 10px; letter-spacing: 2px; color: var(--lhrm-text-faint); }
.ats-wrap .ats-row { display: flex; justify-content: space-between; align-items: center; gap: 20px; padding: 15px 0; border-bottom: 1px solid var(--lhrm-border); }
.ats-wrap .ats-l { min-width: 0; }
.ats-wrap .ats-k { font-size: 13px; color: var(--lhrm-text); margin-bottom: 3px; }
.ats-wrap .ats-h { font-size: 11px; color: var(--lhrm-text-dim); line-height: 1.6; }
.ats-wrap .ats-r { flex: 0 0 auto; display: flex; gap: 8px; align-items: center; flex-wrap: wrap; justify-content: flex-end; }
.ats-wrap .ats-z { color: var(--lhrm-text-faint); }
.ats-wrap .ats-ip { font-size: 16px; letter-spacing: 1px; color: var(--lhrm-text); }
.ats-wrap .ats-warn { color: var(--c-warning); }
.ats-wrap .ats-a { color: var(--lhrm-gold-text); text-decoration: underline; text-underline-offset: 3px; }
.ats-wrap .ats-pill { font-family: var(--lhrm-font-mono); font-size: 11px; padding: 2px 8px; border-radius: 999px; border: 1px solid var(--c-success); color: var(--c-success); white-space: nowrap; }
/* 輸入框 16px：iOS 對 < 16px 的輸入框聚焦會放大整頁且不還原（同 page-line.css 的理由） */
.ats-wrap .ats-inp {
  box-sizing: border-box; width: 96px; padding: 7px 9px; font-size: 16px; text-align: center;
  color: var(--lhrm-text); background: var(--lhrm-input-bg); border: 1px solid var(--lhrm-border-2); border-radius: 3px;
}
.ats-wrap select.ats-inp { width: 104px; }
.ats-wrap select.ats-inp option { color: var(--lhrm-text); background-color: var(--lhrm-surface); }
.ats-wrap .ats-inp:focus { outline: none; border-color: var(--lhrm-gold); }
.ats-wrap .ats-lbl { width: 150px; text-align: left; font-family: var(--lhrm-font-sans); }
/* 5a GPS：座標框收「緯度, 經度」一格；半徑 30–1000 m */
.ats-wrap .ats-geo { width: 200px; text-align: left; }
.ats-wrap .ats-rad { width: 84px; }
.ats-wrap .ats-note {
  margin-top: 22px; padding: 12px 14px; font-size: 12px; line-height: 1.75; color: var(--lhrm-text-dim);
  background: var(--lhrm-surface-2); border: 1px solid var(--lhrm-border-2); border-left: 2px solid var(--lhrm-gold); border-radius: 3px;
}
.ats-wrap .ats-note b { color: var(--lhrm-text); font-weight: 500; }
@media (max-width: 760px) {
  .ats-wrap .ats-row { flex-direction: column; align-items: stretch; gap: 10px; }
  .ats-wrap .ats-r { justify-content: flex-start; }
}