.attendance-workspace{display:grid;gap:22px}.attendance-filter,.attendance-actions{display:flex;align-items:end;gap:10px;flex-wrap:wrap}.attendance-filter .form-field{min-width:160px;margin:0}.attendance-layout{display:grid;grid-template-columns:minmax(200px,260px) minmax(0,1fr);gap:26px}.attendance-people{display:flex;flex-direction:column;gap:10px}.attendance-person{background:#fff;border:1px solid var(--line,#e3e8ec);border-radius:12px;padding:15px;text-align:left;color:inherit;display:grid;gap:7px;cursor:pointer}.attendance-person.selected{border-color:#315d9b;background:#f2f7fc;box-shadow:inset 3px 0 #315d9b}.attendance-person span,.attendance-person small{font-size:12px;color:var(--muted,#5b6770)}.attendance-main{min-width:0;display:grid;align-content:start;gap:18px}.attendance-main h3{margin:4px 0}.attendance-note{border:1px solid var(--line,#e3e8ec);border-radius:12px;padding:15px}.attendance-note summary{cursor:pointer;font-weight:600}.attendance-note p{color:var(--muted,#5b6770);font-size:13px;line-height:1.6}.attendance-main .data-table td{vertical-align:top}.attendance-main .text-btn{margin:3px 6px 3px 0}.attendance-main .module-intro{margin:0}.attendance-main .info-note{margin:0}#attendance-closure [name^="units_"]{min-width:110px}#attendance-closure [name^="note_"]{min-width:200px}@media(max-width:860px){.attendance-layout{grid-template-columns:1fr}.attendance-people{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.attendance-filter .form-field{min-width:120px;flex:1}.attendance-actions .btn{flex:1 1 auto}}