.attendance-group-panel{margin-bottom:18px;overflow:hidden}
.attendance-group-panel>summary{padding:16px 18px;font-weight:800;cursor:pointer;background:#f8fafb}
.attendance-group-panel>.panel-head{padding:14px 18px;border-top:1px solid var(--line)}
.attendance-group-summary{margin-left:auto;text-align:right;color:var(--muted);font-weight:500;max-width:70%}
.attendance-self-group{margin-left:auto;display:flex;flex-direction:column;align-items:flex-end;gap:3px;max-width:48%;text-align:right}
.attendance-self-group small{color:var(--muted);line-height:1.4}
.network-enforcement-state{display:inline-flex;align-items:center;padding:8px 10px;border-radius:9px;background:#f4f6f8;color:var(--muted);font-size:12px;white-space:nowrap}
.network-warning{padding:9px 11px;margin-bottom:9px;border-radius:9px;background:#fff1e6;color:#9a4b00;font-size:12px;line-height:1.5}
.employee-directory-table .attendance-group-select{min-width:120px}
@media(max-width:720px){.attendance-group-summary,.attendance-self-group{max-width:100%;margin:8px 0 0;align-items:flex-start;text-align:left}.attendance-date-calendar .output-calendar-head{align-items:stretch}.attendance-date-calendar .output-calendar-head .button-row{flex-wrap:wrap}.network-enforcement-state{width:100%;justify-content:center}}