#native-attendance{padding:20px;background:var(--navy-mid,#fff);border-radius:12px}#native-attendance h2{margin-bottom:10px}#native-attendance p{margin:12px 0}.attendance-controls{display:flex;align-items:end;gap:12px;flex-wrap:wrap}.attendance-controls label,#native-attendance details label{display:flex;flex-direction:column;gap:6px;font-size:13px}.attendance-controls input,.attendance-controls select,#native-attendance details select{padding:10px;border:1px solid #ccd3dc;border-radius:7px;background:white;color:#20252a}#native-attendance button{border:1px solid #ccd3dc;border-radius:7px;background:white;padding:10px 14px;color:#20252a;cursor:pointer}.attendance-controls button[type=submit]{background:#ec1b24!important;color:white!important}.attendance-table{overflow:auto;max-height:65vh}.attendance-table table{width:100%;border-collapse:collapse;font-size:13px}.attendance-table td,.attendance-table th{padding:12px;text-align:left;border-bottom:1px solid #e1e5eb;vertical-align:top}.attendance-table th{background:#f1f3f6;color:#222;position:sticky;top:0}.attendance-table td button{margin:2px!important}#native-attendance details label{margin:12px 0;max-width:420px}dialog:has(form){max-width:min(550px,92vw);border:1px solid #ccd3dc;border-radius:12px;padding:24px}dialog:has(form) label{display:flex;flex-direction:column;gap:6px;margin:14px 0}dialog::backdrop{background:#0008}

#native-attendance .attendance-picker{position:relative;min-width:230px;max-width:100%;border:1px solid #ccd3dc;border-radius:7px;background:white;padding:10px;color:#20252a}#native-attendance .attendance-picker>summary{cursor:pointer;font-size:13px}#native-attendance .attendance-picker>input{width:100%;margin:10px 0;box-sizing:border-box}#native-attendance .attendance-picker>div:last-child{max-height:260px;overflow:auto;margin-top:8px}#native-attendance .attendance-picker label{display:flex;flex-direction:row;align-items:center;gap:8px;margin:0;padding:8px;font-size:13px;max-width:none}#native-attendance .attendance-picker label[hidden]{display:none}#native-attendance .attendance-picker input[type=checkbox]{width:18px;height:18px;accent-color:#ec1b24;flex-shrink:0}#native-attendance .attendance-picker button{padding:6px 10px;margin-right:6px}