.school-shell[data-role="student"] .student-reference-calendar{display:grid;gap:8px;min-height:calc(100vh - 92px);background:#fff}.school-shell[data-role="student"] .student-reference-calendar-toolbar{min-height:34px;display:flex;align-items:center;gap:7px}.school-shell[data-role="student"] .student-reference-calendar-views{height:30px;display:inline-flex;align-items:center;border:1px solid #e1e5eb;border-radius:5px;background:#fff;overflow:hidden}.school-shell[data-role="student"] .student-reference-calendar-views button{height:28px;min-width:42px;padding:0 8px;border:0;border-inline-end:1px solid #eceef2;background:#fff;color:#667184;font-size:7px}.school-shell[data-role="student"] .student-reference-calendar-views button:last-child{border-inline-end:0}.school-shell[data-role="student"] .student-reference-calendar-views button.is-active{background:#536ff1;color:#fff}.school-shell[data-role="student"] .student-reference-calendar-toolbar>select{width:98px;height:30px;min-height:30px;padding:0 8px;border:1px solid #d8dde6;border-radius:5px;background:#fff;color:#6e788a;font-size:7px}.school-shell[data-role="student"] .student-reference-calendar-toggle{margin-inline-start:auto;height:30px;display:inline-flex;align-items:center;border:1px solid #e0e4ea;border-radius:5px;overflow:hidden}.school-shell[data-role="student"] .student-reference-calendar-toggle button{width:31px;height:28px;border:0;background:#fff;color:#7e8797;font-size:10px}.school-shell[data-role="student"] .student-reference-calendar-toggle button.is-active{background:#536ff1;color:#fff}.school-shell[data-role="student"] .student-reference-calendar-grid{min-width:0;overflow:hidden;border:1px solid #edf0f3;border-radius:0;background:#fff}.school-shell[data-role="student"] .student-reference-calendar-grid__head{height:70px;display:grid;grid-template-columns:112px minmax(0,1fr);border-bottom:1px solid #e9ecf0;background:#fff}.school-shell[data-role="student"] .student-reference-calendar-date-nav{display:flex;align-items:center;justify-content:center;gap:6px;border-inline-end:1px solid #e9ecf0;color:#667186}.school-shell[data-role="student"] .student-reference-calendar-date-nav button{width:20px;height:20px;display:grid;place-items:center;border:0;border-radius:50%;background:#f6f7f8;color:#858e9e;font-size:12px}.school-shell[data-role="student"] .student-reference-calendar-date-nav>span{color:#536ff1;font-size:9px}.school-shell[data-role="student"] .student-reference-calendar-date-nav strong{font-size:7px;font-weight:650}.school-shell[data-role="student"] .student-reference-calendar-day{display:grid;place-items:center;align-content:center;gap:3px;color:#5e687c}.school-shell[data-role="student"] .student-reference-calendar-day strong{color:#536ff1;font-size:15px;line-height:1}.school-shell[data-role="student"] .student-reference-calendar-day span{font-size:7px;font-weight:650}.school-shell[data-role="student"] .student-reference-calendar-hours{display:grid}.school-shell[data-role="student"] .student-reference-calendar-hour{min-height:70px;display:grid;grid-template-columns:112px minmax(0,1fr);border-bottom:1px solid #e9ecf0}.school-shell[data-role="student"] .student-reference-calendar-hour:last-child{border-bottom:0}.school-shell[data-role="student"] .student-reference-calendar-hour>time{display:flex;align-items:flex-start;justify-content:center;padding-top:13px;border-inline-end:1px solid #e9ecf0;color:#59647a;font-size:7px;font-weight:600}.school-shell[data-role="student"] .student-reference-calendar-slot{position:relative;min-width:0;padding:4px 6px;background-image:linear-gradient(to bottom,transparent 49%,#f6f7f9 50%,transparent 51%);background-size:100% 35px}.school-shell[data-role="student"] .student-reference-calendar-event{display:inline-grid;gap:2px;min-width:130px;max-width:260px;margin:2px 4px;padding:5px 7px;border-inline-start:3px solid #536ff1;border-radius:4px;background:#edf1ff;color:#354469;vertical-align:top}.school-shell[data-role="student"] .student-reference-calendar-event strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:7px}.school-shell[data-role="student"] .student-reference-calendar-event span{color:#71809c;font-size:6px}.school-shell[data-role="student"] .student-reference-calendar-state{min-height:calc(100vh - 110px);display:grid;place-items:center;align-content:center;gap:7px;color:#8c95a5;text-align:center}.school-shell[data-role="student"] .student-reference-calendar-state h2,.school-shell[data-role="student"] .student-reference-calendar-state p{margin:0}.school-shell[data-role="student"] .student-reference-calendar-state h2{color:#3a465e;font-size:9px}.school-shell[data-role="student"] .student-reference-calendar-state p{font-size:7px}[dir="rtl"] .school-shell[data-role="student"] .student-reference-calendar-hour>time,[dir="rtl"] .school-shell[data-role="student"] .student-reference-calendar-date-nav{border-inline-end:1px solid #e9ecf0}@media(max-width:700px){.school-shell[data-role="student"] .student-reference-calendar{overflow:auto}.school-shell[data-role="student"] .student-reference-calendar-toolbar{min-width:620px}.school-shell[data-role="student"] .student-reference-calendar-grid{min-width:620px}.school-shell[data-role="student"] .student-reference-calendar-grid__head,.school-shell[data-role="student"] .student-reference-calendar-hour{grid-template-columns:85px minmax(0,1fr)}}