.skib-teacher-portal { --skib-blue: #135e96; --skib-border: #dcdcde; }
.skib-teacher-portal h2, .skib-teacher-portal h3 { margin-top: 0; }
.skib-teacher-form, .skib-teacher-filter, .skib-teacher-calendar, .skib-teacher-bookings { margin: 1.25rem 0; padding: 1rem; border: 1px solid var(--skib-border); border-radius: 6px; background: #fff; }
.skib-teacher-form { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1rem; align-items: end; }
.skib-teacher-form label, .skib-teacher-filter label { font-weight: 600; }
.skib-teacher-form label > select, .skib-teacher-form label > input, .skib-teacher-filter label > select, .skib-teacher-filter label > input { display: block; width: 100%; margin-top: .35rem; }
.skib-teacher-form fieldset { grid-column: span 3; padding: .75rem; border: 1px solid var(--skib-border); }
.skib-teacher-form fieldset label { display: inline-block; margin: .25rem .9rem .25rem 0; font-weight: 400; }
.skib-teacher-filter { display: flex; flex-wrap: wrap; gap: 1rem; align-items: end; }
.skib-teacher-calendar-grid { display: grid; grid-template-columns: repeat(7,minmax(54px,1fr)); gap: 4px; }
.skib-teacher-weekday { padding: .4rem; text-align: center; color: #fff; background: var(--skib-blue); }
.skib-teacher-day { min-height: 75px; padding: .4rem; border: 1px solid var(--skib-border); }
.skib-teacher-day > div { margin-top: .65rem; }
.skib-teacher-slot { display: inline-block; min-width: 25px; margin-right: .25rem; padding: .2rem; text-align: center; border-radius: 3px; background: #dcdcde; }
.skib-teacher-slot.skib-available { color: #fff; background: #008a20; }
.skib-teacher-slot.skib-booked { color: #fff; background: #b32d2e; }
.skib-teacher-slot.skib-held { color: #1d2327; background: #f0c33c; }
.skib-teacher-legend { margin-bottom: 0; font-size: .9rem; }
.skib-table-scroll { overflow-x: auto; }
.skib-teacher-bookings table { width: 100%; border-collapse: collapse; }
.skib-teacher-bookings th, .skib-teacher-bookings td { padding: .65rem; text-align: left; border-bottom: 1px solid var(--skib-border); }
@media (max-width: 760px) {
	.skib-teacher-form { grid-template-columns: 1fr; }
	.skib-teacher-form fieldset { grid-column: 1; }
	.skib-teacher-calendar-grid { display: block; }
	.skib-teacher-weekday, .skib-teacher-calendar-grid > span:empty { display: none; }
	.skib-teacher-day { display: flex; justify-content: space-between; align-items: center; min-height: 0; margin-bottom: .35rem; }
	.skib-teacher-day > div { margin-top: 0; }
}