/* Fixed weekly overview: the complete timetable always fits the home viewport. */
body{padding-bottom:calc(82px + env(safe-area-inset-bottom));overflow:hidden}
.app-shell{height:calc(100dvh - 82px - env(safe-area-inset-bottom));max-height:920px;display:grid;grid-template-rows:auto auto minmax(0,1fr);padding-top:18px;padding-bottom:8px}
.context-strip{margin:14px 0 12px;padding:10px 13px}
.schedule-frame{min-height:0;display:grid;grid-template-rows:38px minmax(0,1fr);border-radius:14px}
.schedule-toolbar{height:38px;padding-inline:12px}
.schedule-viewport{height:100%;min-height:0;overflow:hidden;touch-action:auto}
.schedule-canvas{position:relative;inset:auto;width:100%;height:100%;min-height:0;transform:none!important;grid-template-columns:42px repeat(5,minmax(0,1fr));grid-template-rows:42px minmax(0,1fr);will-change:auto}
.schedule-rows{height:100%;min-height:0;grid-template-columns:42px repeat(5,minmax(0,1fr));grid-template-rows:repeat(8,minmax(0,1fr))}
.day-head{font-size:19px}.day-head small{margin-top:2px;font-size:8px}
.corner-cell{font-size:10px}.corner-cell span{margin-top:2px}
.slot{min-width:0;min-height:0;padding:4px}
.course{min-width:0;padding:5px;border-radius:8px;gap:1px;overflow:hidden}
.course strong,.course small{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.course strong{font-size:11px}.course small{font-size:8px}
.course.current:after,.course.changed:after{right:5px;top:3px;font-size:7px}
@media(max-width:560px){
  .app-shell{height:calc(100dvh - 78px - env(safe-area-inset-bottom));padding:12px 7px 4px}
  .topbar{align-items:center}.topbar h1{font-size:23px}.topbar>div>p:last-child{font-size:11px}.eyebrow{margin-bottom:3px;font-size:9px}
  .top-actions .glass-button{padding:7px 8px;font-size:10px}
  .context-strip{margin:8px 0;padding:8px 10px;gap:9px;border-radius:10px}.context-orb{width:23px;height:23px}.context-strip small{font-size:9px}.context-strip strong{font-size:10px}
  .schedule-frame{grid-template-rows:32px minmax(0,1fr);border-radius:10px}.schedule-toolbar{height:32px;padding-inline:8px}.legend{font-size:8px}
  .schedule-canvas{grid-template-columns:30px repeat(5,minmax(0,1fr));grid-template-rows:34px minmax(0,1fr)}
  .schedule-rows{grid-template-columns:30px repeat(5,minmax(0,1fr))}
  .day-head{font-size:16px}.day-head small{font-size:7px}.period{font-size:11px}.slot{padding:2px}
  .course{padding:3px 2px;border-radius:6px;text-align:center;align-items:center}.course strong{font-size:9px}.course small{font-size:7px}
}