.attendance-staff-map-page[data-v-8152d408]{height:calc(100% - 24px);min-height:0;margin:12px;padding:16px;display:flex;flex-direction:column;background:#fff;border-radius:2px;box-shadow:0 2px 4px 0 hsla(0,0%,60.4%,.5);color:#242f57;box-sizing:border-box;overflow:hidden}.map-header[data-v-8152d408]{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}.page-title[data-v-8152d408]{font-size:20px;line-height:28px;font-weight:600}.page-subtitle[data-v-8152d408]{margin-top:2px;color:#8c94a8;font-size:13px;line-height:20px}.summary-list[data-v-8152d408]{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.summary-item[data-v-8152d408]{min-width:82px;height:46px;padding:6px 12px;border:1px solid #edf0f5;border-radius:2px;background:#fafbfc;box-sizing:border-box}.summary-label[data-v-8152d408]{display:block;color:#8c94a8;font-size:12px;line-height:16px}.summary-value[data-v-8152d408]{display:block;color:#242f57;font-size:18px;line-height:22px;font-weight:600}.summary-item.is-normal .summary-value[data-v-8152d408]{color:#04a777}.summary-item.is-late .summary-value[data-v-8152d408]{color:#e59b00}.summary-item.is-missing .summary-value[data-v-8152d408]{color:#ef2f6e}.summary-item.is-off .summary-value[data-v-8152d408]{color:#697386}.map-workspace[data-v-8152d408]{flex:1;min-height:0;display:flex;border:1px solid #e7e9ec;overflow:hidden;background:#f5f7fa}.map-shell[data-v-8152d408]{position:relative;flex:1;min-width:0;overflow:hidden;background:#eef2f6}.attendance-map[data-v-8152d408]{width:100%;height:100%}.staff-panel[data-v-8152d408]{width:360px;flex:0 0 360px;min-height:0;display:flex;flex-direction:column;background:#fff;border-left:1px solid #e7e9ec}.panel-title[data-v-8152d408]{height:52px;padding:0 16px;display:flex;align-items:center;border-bottom:1px solid #e7e9ec;font-size:14px;font-weight:600}.staff-list[data-v-8152d408]{flex:1;min-height:0;overflow-y:auto;padding:8px}.staff-row[data-v-8152d408]{width:100%;min-height:66px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px;border:1px solid transparent;border-radius:2px;background:#fff;text-align:left;cursor:pointer}.staff-row.active[data-v-8152d408],.staff-row[data-v-8152d408]:hover{border-color:#d7e7ff;background:#f5f9ff}.staff-main[data-v-8152d408],.staff-meta[data-v-8152d408]{min-width:0;display:flex;flex-direction:column}.staff-name[data-v-8152d408]{color:#242f57;font-size:14px;line-height:22px;font-weight:600}.staff-post[data-v-8152d408]{max-width:178px;color:#8c94a8;font-size:12px;line-height:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.staff-meta[data-v-8152d408]{align-items:flex-end;flex:0 0 auto}.status-text[data-v-8152d408]{display:inline-flex;align-items:center;gap:6px;color:#242f57;font-size:13px;line-height:20px}.status-point[data-v-8152d408]{width:7px;height:7px;border-radius:50%;background:#04a777}.status-text.is-late .status-point[data-v-8152d408]{background:#e59b00}.status-text.is-missing .status-point[data-v-8152d408]{background:#ef2f6e}.status-text.is-off .status-point[data-v-8152d408]{background:#697386}.clock-time[data-v-8152d408]{color:#8c94a8;font-size:12px;line-height:18px}.staff-detail[data-v-8152d408]{flex:0 0 auto;padding:14px 16px 16px;border-top:1px solid #e7e9ec;background:#fafbfc}.detail-name[data-v-8152d408]{margin-bottom:10px;color:#242f57;font-size:16px;line-height:24px;font-weight:600}.detail-grid[data-v-8152d408]{display:grid;grid-template-columns:1fr;gap:8px;color:#242f57;font-size:13px;line-height:20px}.detail-label[data-v-8152d408]{display:inline-block;width:44px;color:#8c94a8}@media (max-width:1100px){.map-workspace[data-v-8152d408]{flex-direction:column}.map-shell[data-v-8152d408]{min-height:0}.staff-panel[data-v-8152d408]{width:100%;flex:0 0 300px;border-left:0;border-top:1px solid #e7e9ec}}@media (max-width:768px){.attendance-staff-map-page[data-v-8152d408]{height:calc(100% - 16px);margin:8px;padding:12px}.map-header[data-v-8152d408]{align-items:flex-start;flex-direction:column}.summary-list[data-v-8152d408]{justify-content:flex-start}.summary-item[data-v-8152d408]{min-width:76px}}