.attendance-page{max-width:1600px;margin:0 auto;padding-bottom:32px;color:#23364a}.attendance-page .card{padding:20px;margin-bottom:16px}.attendance-page h3{margin:0 0 14px;font-size:16px}.att-controls,.att-categories,.att-section{display:flex;align-items:end;gap:12px;flex-wrap:wrap}.att-controls label,.att-modal>label{display:flex;flex-direction:column;gap:6px;font-size:13px}.att-controls input,.att-controls select,.att-modal input,.att-modal select,.att-modal textarea{border:1px solid #bdcbd7;border-radius:6px;padding:8px;background:#fff;color:#23364a;max-width:100%}.att-controls label:has(input[type=checkbox]){flex-direction:row;align-items:center;padding:9px}.att-grow{flex:1;min-width:200px}.att-categories .selected{background:#244e70;color:white;border-color:#244e70}.att-help{color:#5c6c7d;font-size:13px;line-height:1.6;margin:10px 0}.att-live,.att-notice{padding:12px;background:#eef7f2;border-radius:7px;color:#246345;font-size:13px}.att-error{padding:12px;background:#fff0ee;color:#9d2921;border-radius:7px;overflow-wrap:anywhere}.att-warning{color:#915606}.att-table{overflow:auto;max-width:100%;margin-top:12px}.att-table table{width:100%;border-collapse:collapse;font-size:13px;white-space:nowrap}.att-table th,.att-table td{padding:10px 12px;border-bottom:1px solid #e5eaf0;text-align:left}.att-table th{background:#f3f6f9;font-weight:600}.att-notes{white-space:normal;min-width:180px;max-width:400px;overflow-wrap:anywhere}.att-section{justify-content:space-between;align-items:center}.att-section h3{margin:0}.att-change{display:flex;gap:16px;justify-content:space-between;padding:14px 0;border-bottom:1px solid #e5eaf0;font-size:13px}.att-change p{margin:6px 0;overflow-wrap:anywhere}.att-modal{width:min(620px,95vw)!important;max-height:90vh;overflow:auto;padding:24px!important;display:flex;flex-direction:column;gap:14px}.att-modal textarea{min-height:70px}.att-modal .att-controls{justify-content:flex-end}.att-modal .att-controls label{flex:1}.attendance-page .btn:disabled{opacity:.5;cursor:not-allowed}@media(max-width:700px){.attendance-page .card{padding:14px}.att-controls>label{width:100%}.att-controls .btn{flex:1}.att-change{flex-direction:column}.att-table table{font-size:12px}.att-categories .btn{flex:1 0 28%}}

.attendance-page .page-heading>div{display:block!important;min-width:0}.attendance-page .page-heading p{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;line-height:1.6;margin:6px 0}.attendance-page .page-heading{height:auto!important;align-items:flex-start!important}