.at-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:22px;margin:20px 0}.at-clock-panel{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:20px;align-self:start;position:sticky;top:16px}.at-clock-panel h3{margin:0 0 20px}.at-person{font-size:17px}.at-clock{line-height:1.7;font-size:12px;color:var(--mut);margin:12px 0}.at-clock-times{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px 10px;background:var(--card2);border-radius:9px;margin:16px 0}.at-clock-times small{display:block;color:var(--mut);margin-bottom:8px;font-size:11px}.at-clock-times strong{font-variant-numeric:tabular-nums;font-size:16px}.at-punch-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:18px 0}.at-punch-buttons button{padding:12px 6px}.at-clock-panel>.muted{line-height:1.8;font-size:11px}.at-main{min-width:0}.at-filter{display:flex;align-items:end;gap:10px;flex-wrap:wrap;background:var(--card);border:1px solid var(--line);padding:14px 18px;border-radius:10px;margin-bottom:18px}.at-filter>.cx-field{margin:0}.at-filter input{width:155px}.at-filter>span{padding-bottom:10px}.at-filter select{max-width:180px}.at-dashboard{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0}.at-metric{padding:18px;background:var(--card);border:1px solid var(--line);border-radius:10px}.at-metric strong{display:block;margin:14px 0;font-size:23px;font-variant-numeric:tabular-nums}.at-metric small{color:var(--mut);font-size:11px}.at-history{padding:18px}.at-history>.muted{line-height:1.7;font-size:11px}.at-pagination{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:16px}.at-busy button{pointer-events:none;opacity:.6;cursor:progress}#atNotice:empty{display:none}.menu-perms{flex-wrap:wrap}.subnav{flex-wrap:wrap}
@media(max-width:1000px){.at-layout{grid-template-columns:220px minmax(0,1fr);gap:14px}.at-dashboard{grid-template-columns:repeat(2,minmax(0,1fr))}.at-clock-panel{padding:14px}.at-clock-times strong{font-size:14px}}
@media(max-width:700px){.at-layout{grid-template-columns:1fr}.at-clock-panel{position:static}.at-dashboard{grid-template-columns:repeat(2,minmax(0,1fr))}.at-metric{padding:12px}.at-metric strong{font-size:20px}.at-filter{padding:12px}.at-filter input{width:135px}.at-clock-panel>.muted{margin-bottom:0}}
.at-edit-modal{width:min(520px,94vw);padding:24px;border:1px solid var(--line);border-radius:12px;background:var(--card);color:var(--fg)}.at-edit-modal::backdrop{background:rgba(0,0,0,.4)}.at-edit-modal input{width:100%}.at-edit-modal .muted{font-size:11px;line-height:1.7}
.permission-groups{display:grid;gap:12px;grid-template-columns:minmax(200px,1fr) minmax(280px,2fr)}.permission-groups fieldset{margin:0;padding:12px 14px;border:1px solid var(--line);border-radius:8px;min-width:0}.permission-groups legend{padding:0 6px;color:var(--fg);font-weight:600}.permission-groups .menu-perms{gap:12px}.permission-disabled{opacity:.55}@media(max-width:800px){.permission-groups{grid-template-columns:1fr}}
.admin-table .user-menu-summary{white-space:pre-line;line-height:1.8;min-width:260px}
.at-manual-modal{max-height:90vh;overflow-y:auto}.at-manual-modal select,.at-manual-modal textarea{width:100%}.at-manual-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.at-manual-grid .cx-field{min-width:0}.at-manual-modal #atManualStatus{padding:10px 12px;background:var(--card2);border-radius:6px}@media(max-width:450px){.at-manual-grid{grid-template-columns:1fr}.at-manual-modal{padding:18px}}
.at-clock-times .at-actual-time{margin:8px 0 0;font-size:10px;line-height:1.5}.at-contract-note{font-size:11px;line-height:1.7}.at-history .at-actual-time{white-space:normal;min-width:95px;font-size:10px;color:var(--mut)}.at-late{color:var(--orange,#d45a18);font-weight:600}
#uAttendancePermissions{grid-column:1/-1;background:var(--card2)}#uAttendancePermissions .muted{font-size:11px;line-height:1.7}#uAttendancePermissions p{margin:8px 0}#uAttendancePermissions .chk{font-weight:600;white-space:nowrap;width:fit-content;max-width:100%;min-height:32px}#uAttendanceAll{width:16px;height:16px;flex:0 0 16px;padding:0}