.attendance-filter{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:12px;align-items:end;margin-bottom:18px}.attendance-filter label{margin:0}.attendance-filter .btn{width:auto;margin:0}.attendance-list{display:grid;gap:14px}.attendance-card{display:grid;gap:16px}.attendance-main{display:grid;grid-template-columns:92px 1fr;gap:18px;align-items:center}.attendance-main h2{margin:3px 0 10px}.attendance-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.attendance-actions form{display:grid;gap:6px}.attendance-btn{min-height:54px;border:2px solid var(--blue-200);border-radius:16px;background:#fff;color:var(--text);font-weight:900;cursor:pointer}.attendance-btn[aria-pressed=true]{background:var(--blue-600);color:#fff}.attendance-btn.izin{border-color:#f1c84b}.attendance-btn.sakit{border-color:#b397e8}.attendance-btn.alpa{border-color:#ef91a2}.badge.saved{background:#e1f8ef;color:#087354}.package-summary{margin:9px 0 0;color:var(--muted);font-weight:700}.correction-reason{min-height:40px;margin:0}.complete-form{display:flex;justify-content:flex-end}.complete-form .btn{width:auto;margin:0}@media(max-width:760px){.attendance-filter{grid-template-columns:1fr}.attendance-filter .btn{width:100%}.attendance-main{grid-template-columns:70px 1fr;gap:12px}.attendance-card{padding:16px}.attendance-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.attendance-btn{min-height:58px}.complete-form .btn{width:100%}}