.active-section,.history-section{margin:0 0 18px;border:1px solid var(--line);border-radius:13px;background:#fff;overflow:hidden}
.active-section>summary,.history-section>summary{padding:16px 18px;font-weight:800;cursor:pointer;list-style-position:inside;background:#f8fafb}
.active-section .assessment-template-grid,.history-section .assessment-template-grid{padding:16px}
.assessment-period-switch{display:flex;align-items:center;gap:10px;white-space:nowrap}
.clickable-metric{cursor:pointer;transition:border-color .15s,box-shadow .15s,transform .15s}
.clickable-metric:hover,.clickable-metric:focus{outline:none;border-color:#e7a13b;box-shadow:0 5px 18px rgba(227,155,35,.16);transform:translateY(-1px)}
.employee-metric-tools,.employee-metric-pager{display:flex;align-items:center;justify-content:space-between;gap:12px}
.employee-metric-tools{margin-bottom:14px}.employee-metric-tools .form-control{max-width:360px}
.employee-metric-pager{margin-top:14px;color:var(--muted)}.employee-metric-pager>div{display:flex;gap:8px}
.attendance-work-calendar .calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(72px,1fr));gap:8px;padding:16px}
.work-calendar-weekday{text-align:center;color:var(--muted);font-size:12px;font-weight:800;padding:4px}
.work-calendar-placeholder{min-height:68px;border-radius:9px;background:#f7f8f9}
.reset-attendance{margin-left:6px;padding:8px 10px}
@media(max-width:720px){.assessment-period-switch,.employee-metric-tools,.employee-metric-pager{align-items:stretch;flex-direction:column}.attendance-work-calendar .calendar-grid{grid-template-columns:repeat(7,minmax(38px,1fr));gap:4px;padding:10px}.attendance-work-calendar .calendar-day{min-width:0;padding:7px 2px}.attendance-work-calendar .calendar-day small{display:none}.work-calendar-placeholder{min-height:42px}.reset-attendance{margin:6px 0 0}}