.attendance-workspace .hrm-tabs a:first-child{border:0;color:#505050}.attendance-workspace .hrm-tabs a.active{border-bottom:4px solid #54ab83;color:#54ab83}.attendance-filter section{padding:20px 24px}.attendance-search{position:relative}.attendance-search input{width:100%;height:40px;border:1px solid #ddd;border-radius:3px;padding:8px 36px 8px 12px}.attendance-search svg{width:16px;height:16px;position:absolute;right:12px;top:12px;fill:none;stroke:#aaa;stroke-width:1.5}.attendance-filter section.attendance-calendar{padding:10px 18px 18px;background:white}.attendance-calendar-header{display:flex;align-items:center;justify-content:space-between;gap:5px}.attendance-calendar-header button{border:0;background:white;padding:4px;min-height:30px;color:#555;font-size:14px}.attendance-calendar table{width:252px;max-width:100%;table-layout:fixed;border-collapse:collapse;margin:auto}.attendance-calendar th{font-size:16px;height:30px;font-weight:400;text-align:center}.attendance-calendar td{height:30px;padding:0;text-align:center}.attendance-calendar td button{border:0;background:white;border-radius:2px;min-height:26px;height:26px;width:26px;padding:0;color:#444;font-size:14px}.attendance-calendar td button.outside{color:#bbb}.attendance-calendar td button.selected{background:#54ab83;color:white}.attendance-calendar button:disabled{opacity:.4}.attendance-calendar-choices{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:15px 0}.attendance-calendar-choices button{background:white;border:0;min-height:40px;font-size:13px}.attendance-tools{display:flex;justify-content:flex-end;padding:16px 0}.attendance-tools button{height:40px;width:40px;background:white;border:1px solid #d9d9d9;border-radius:3px;color:#777}.attendance-table-scroll{overflow:auto;max-height:calc(100vh - 320px)}.attendance-table-scroll table{border-collapse:collapse;min-width:865px;width:100%;table-layout:fixed;background:white}.attendance-table-scroll th{height:41px;background:#54ab83;color:white;font-size:12px;font-weight:400;text-align:center;padding:8px}.attendance-table-scroll th:first-child{width:7%}.attendance-table-scroll th:nth-child(2){width:16%}.attendance-table-scroll th:nth-child(3){width:27%}.attendance-table-scroll th:nth-child(4),.attendance-table-scroll th:nth-child(5){width:18%}.attendance-table-scroll th:last-child{width:14%}.attendance-table-scroll thead{position:sticky;top:0;z-index:2}.attendance-table-scroll td{height:76px;padding:12px 10px;border-bottom:1px solid #ddd;text-align:center;font-size:13px}.attendance-table-scroll td:nth-child(3){text-align:left}.attendance-table-scroll .hrm-person>div{max-width:none;overflow-wrap:anywhere}.attendance-table-scroll .hrm-person small{margin-top:4px}.attendance-time{display:flex;flex-direction:column;gap:3px;align-items:center}.attendance-time input{height:30px;min-height:30px;border:1px solid #ddd;border-radius:3px;background:white;width:100px;text-align:center;font-size:13px}.attendance-time button{border:0;background:transparent;min-height:20px;padding:0;color:#999;font-size:12px}.attendance-status{display:inline-block;background:#f5f5f5;color:#888;border-radius:3px;padding:3px 8px;font-size:12px}.attendance-calendar button:focus-visible{outline:2px solid #24784e;outline-offset:1px}
.attendance-filter section.attendance-calendar{background:#e9e9e9;padding:24px 18px 30px}.attendance-calendar-header{justify-content:flex-end;margin-bottom:10px}.attendance-calendar-header [data-journal-view="months"]{margin-right:auto}.attendance-calendar-header button{background:transparent;font-size:16px}.attendance-calendar td button{background:transparent;font-size:16px}.attendance-calendar td button.selected{background:#faad14;color:white}.attendance-table-scroll td{height:66px}.attendance-time{flex-direction:row;gap:8px;justify-content:center}.attendance-time input{width:50px;flex:0 0 50px}.attendance-time button{white-space:nowrap}.attendance-status{background:#ed575b;color:white;padding:9px 12px}.attendance-table-scroll .hrm-person>div{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attendance-table-scroll .hrm-person small{overflow:hidden;text-overflow:ellipsis}
.attendance-tools{position:absolute;right:15px;top:178px;padding:0}.attendance-workspace>.structure-error:empty{display:none}.attendance-workspace .hrm-subtabs{padding-right:65px;margin-bottom:24px}.attendance-table-scroll table{min-width:760px}
.attendance-status.arrived{background:#54ab83}.attendance-error{display:block;color:#b52323;white-space:normal;font-size:11px;line-height:16px;margin-top:4px}.attendance-error:empty{display:none}.attendance-time button:enabled{color:#777;cursor:pointer}.attendance-time input:focus-visible{outline:2px solid #54ab83;outline-offset:1px}
.work-time-columns button.selected{background:#e6f7ff;color:#1890ff;font-weight:600}
.attendance-time input{padding:3px 2px;font-size:12px;text-align:center;font-variant-numeric:tabular-nums}