/* Keep the controls compact and give the scrolling player list the remaining height. */
#srccBoard .mbPanel:has(#mbAttendancePanel){padding:16px;overflow:hidden}
#srccBoard .mbPanelCard:has(#mbAttendancePanel){display:flex;flex-direction:column;overflow:hidden;max-width:760px;height:min(820px,calc(100dvh - 32px));max-height:calc(100dvh - 32px);padding:20px 22px 12px;box-sizing:border-box}
#srccBoard #mbAttendancePanel{display:flex;flex:1;flex-direction:column;min-height:0}
#srccBoard .mbAttendanceHeader{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-right:48px;flex-shrink:0}
#srccBoard #mbAttendancePanel h2{font-size:26px;margin:0;line-height:44px}
#srccBoard #mbAttendancePanel .mbAttendanceQr{margin:0;min-height:44px;padding:8px 12px;white-space:nowrap;background:#f3ead6;border-color:#d8c38e;font-size:13px}
#srccBoard #mbAttendancePanel .mbSearch{display:flex;gap:8px;margin:10px 0 6px;flex-shrink:0}
#srccBoard #mbAttendanceSearch{border:0;font-size:16px;padding:8px 0;height:44px}
#srccBoard #mbAttendancePanel .mbFilters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;flex-shrink:0;margin:0 0 6px}
#srccBoard #mbAttendancePanel .mbFilters button{min-height:44px;font-size:12px;padding:6px 4px;white-space:nowrap}
#srccBoard .mbAttendanceList{flex:1;overflow-y:auto;overscroll-behavior:contain;overflow-anchor:none;min-height:0;scrollbar-gutter:stable}
#srccBoard .mbAttendanceRow{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:7px 2px;border-top:1px solid var(--mb-line);min-height:60px;box-sizing:border-box}
#srccBoard .mbAttendanceName{min-width:0;flex:1}
#srccBoard .mbAttendanceName strong{display:block;overflow-wrap:anywhere;font-size:15px;line-height:1.3}
#srccBoard .mbAttendanceName small{display:block;margin-top:2px;font-size:11px;line-height:1.3;color:var(--mb-muted)}
#srccBoard .mbAttendanceButtons{display:flex;gap:6px;flex-shrink:0}
#srccBoard .mbAttendanceButtons button{min-height:44px;min-width:82px;border-radius:10px;font-size:13px;padding:8px 10px;background:transparent}
#srccBoard .mbAttendanceButtons [data-state=present][aria-pressed=true]{background:var(--mb-navy);border-color:var(--mb-navy);color:#fff}
#srccBoard .mbAttendanceButtons [data-state=absent][aria-pressed=true]{background:#efe1dc;border-color:#916956;color:#613c2a}
#srccBoard .mbAttendanceFooter{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-shrink:0;border-top:1px solid var(--mb-line);padding-top:8px}
#srccBoard .mbAttendanceFooter small{font-size:11px;line-height:1.4;color:var(--mb-muted)}
#srccBoard .mbAttendanceTeams{margin:0;min-height:44px;flex-shrink:0;padding:8px 12px;font-size:13px}
#srccBoard #mbAttendancePanel~.mbStatus{position:static;display:block;flex-shrink:0;min-height:20px;margin:0;padding:2px 0 0;font-size:11px;line-height:18px}
@media(max-width:680px){
 #srccBoard .mbPanel:has(#mbAttendancePanel){padding:8px}
 #srccBoard .mbPanelCard:has(#mbAttendancePanel){padding:12px 12px max(8px,env(safe-area-inset-bottom));height:calc(100dvh - 16px);max-height:calc(100dvh - 16px);border-radius:18px}
 #srccBoard .mbPanelCard:has(#mbAttendancePanel) .mbPanelClose{top:12px;right:12px}
 #srccBoard #mbAttendancePanel h2{font-size:22px}
 #srccBoard .mbAttendanceHeader{gap:8px}
 #srccBoard #mbAttendancePanel .mbAttendanceQr{font-size:12px;padding-inline:8px}
 #srccBoard .mbAttendanceRow{gap:6px}
 #srccBoard .mbAttendanceButtons{gap:4px}
 #srccBoard .mbAttendanceButtons button{min-width:68px;font-size:12px;padding:8px 6px}
 #srccBoard #mbAttendancePanel .mbFilters{gap:2px}
 #srccBoard #mbAttendancePanel .mbFilters button{font-size:11px;padding-inline:2px}
}
@media(max-width:360px){
 #srccBoard #mbAttendancePanel h2{font-size:20px}
 #srccBoard #mbAttendancePanel .mbFilters button{font-size:10px;white-space:normal;line-height:1.2}
 #srccBoard .mbAttendanceButtons button{min-width:60px;font-size:11px;padding-inline:5px}
 #srccBoard .mbAttendanceName strong{font-size:14px}
}