.school-shell[data-role="student"] .student-reference-records{min-height:calc(100vh - 92px);display:grid;grid-template-rows:auto auto 1fr;gap:12px;background:#fff}.school-shell[data-role="student"] .student-reference-records__top{display:flex;align-items:center;justify-content:space-between;gap:12px}.school-shell[data-role="student"] .student-reference-records__top h2{margin:0;color:#20283b;font-size:13px;font-weight:740}.school-shell[data-role="student"] .student-reference-records__top>span{color:#8b94a4;font-size:7px}.school-shell[data-role="student"] .student-reference-filterbar{min-height:64px;display:flex;align-items:center;gap:7px;padding:12px 18px;border-radius:7px;background:#fafafa}.school-shell[data-role="student"] .student-reference-filterbar select{width:100px;height:30px;min-height:30px;padding:0 8px;background:#fff;font-size:7px}.school-shell[data-role="student"] .student-reference-date-filter{height:30px;min-width:94px;display:inline-flex;align-items:center;justify-content:space-between;gap:8px;padding:0 9px;border:1px solid #dfe3e9;border-radius:5px;background:#fff;color:#424c60;font-size:7px}.school-shell[data-role="student"] .student-reference-filterbar .school-button{min-width:68px;height:30px;min-height:30px}.school-shell[data-role="student"] .student-reference-record-table{align-self:start;overflow:auto;border:1px solid #e5e8ed;border-radius:6px;background:#fff}.school-shell[data-role="student"] .student-reference-record-table table{width:100%;border-collapse:collapse}.school-shell[data-role="student"] .student-reference-record-table th{height:34px;padding:0 11px;border-bottom:1px solid #e7e9ed;color:#778195;font-size:7px;text-align:start}.school-shell[data-role="student"] .student-reference-record-table td{height:42px;padding:7px 11px;border-bottom:1px solid #eef0f3;color:#566176;font-size:7px}.school-shell[data-role="student"] .student-reference-record-table tr:last-child td{border-bottom:0}.school-shell[data-role="student"] .student-reference-status{display:inline-flex;align-items:center;min-height:18px;padding:2px 6px;border-radius:999px;background:#f2f4f7;color:#627086;font-size:6px}.school-shell[data-role="student"] .student-reference-record-empty{min-height:calc(100vh - 210px);display:grid;place-items:center;align-content:center;gap:8px;padding-bottom:75px;color:#222a38;text-align:center}.school-shell[data-role="student"] .student-reference-record-empty__icon{width:34px;height:34px;display:grid;place-items:center;color:#c8ccd4;font-size:24px}.school-shell[data-role="student"] .student-reference-record-empty strong{font-size:7px;font-weight:650}.school-shell[data-role="student"] .student-reference-record-state{min-height:calc(100vh - 110px);display:grid;place-items:center;align-content:center;gap:7px;color:#8b94a4;text-align:center}.school-shell[data-role="student"] .student-reference-record-state h2,.school-shell[data-role="student"] .student-reference-record-state p{margin:0}.school-shell[data-role="student"] .student-reference-record-state h2{color:#3b465d;font-size:9px}.school-shell[data-role="student"] .student-reference-record-state p{font-size:7px}[dir="rtl"] .school-shell[data-role="student"] .student-reference-record-table th,[dir="rtl"] .school-shell[data-role="student"] .student-reference-record-table td{text-align:right}@media(max-width:620px){.school-shell[data-role="student"] .student-reference-filterbar{align-items:stretch;flex-wrap:wrap;padding:10px}.school-shell[data-role="student"] .student-reference-filterbar select,.school-shell[data-role="student"] .student-reference-date-filter{flex:1;min-width:120px}.school-shell[data-role="student"] .student-reference-filterbar .school-button{min-width:90px}.school-shell[data-role="student"] .student-reference-record-empty{min-height:420px}}