
/* MANHJ teacher timetable • dedicated role tab, multi-school lessons and reminders */
.bottom-nav #weeklyScheduleNav{position:relative}
.bottom-nav #weeklyScheduleNav span{display:block;font-size:1.3rem;line-height:1.3;font-weight:900}
.bottom-nav #weeklyScheduleNav small{font-weight:900!important}
.bottom-nav #weeklyScheduleNav.active{color:var(--primary,#2454a4);background:color-mix(in srgb,var(--primary,#2454a4) 13%,var(--surface,#fff))}
#schedulePage>.page-toolbar>#ms-open-btn{min-height:45px;font-weight:900;border-radius:13px;white-space:normal;text-align:center}
#schedulePage .teacher-schedule-overview{display:grid;gap:14px;margin:0 0 20px;padding:18px;border-radius:22px;
  border:1px solid var(--border,#dfe6f1);background:var(--surface,#fff);box-shadow:0 8px 30px rgba(20,45,87,.055)}
#schedulePage .teacher-schedule-overview.hidden{display:none!important}
.teacher-schedule-overview-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.teacher-schedule-overview-head small{font-size:11px;color:var(--muted,#64748b)}
.teacher-schedule-overview-head h3{font-size:19px;margin:3px 0 0;line-height:1.4}
#teacherScheduleOverviewState{display:inline-flex;border-radius:100px;padding:6px 10px;border:1px solid var(--border,#d9e2eb);
  font-weight:800;font-size:11px;background:var(--surface-2,#f8fafc)}
.teacher-schedule-overview-feature{border-radius:18px;padding:18px;display:flex;gap:14px;align-items:center;flex-wrap:wrap;
  background:linear-gradient(120deg,#0b3271,#145bb1 65%,#2582bc);color:#fff}
.teacher-schedule-next-icon{width:50px;height:50px;border:1px solid #ffffff38;border-radius:15px;background:#ffffff24;
  display:grid;place-items:center;font-size:24px;flex-shrink:0}
.teacher-schedule-next-copy{flex:1;min-width:155px;display:grid;gap:6px}
.teacher-schedule-next-copy b{color:#fff;font-size:17px}
.teacher-schedule-next-copy small{color:#e2f1ff;line-height:1.6;font-size:12px}
#teacherScheduleNextCountdown{font-size:15px;border:1px solid #ffffff52;background:#ffffff20;border-radius:14px;padding:11px 13px;min-width:90px;text-align:center}
.teacher-schedule-upcoming{display:grid;gap:7px}
.tsh-lesson{display:flex;align-items:center;gap:12px;padding:11px 13px;border-radius:13px;background:var(--surface-2,#f8fafc);
  border:1px solid var(--border,#e5ecf5)}
.tsh-lesson-time{min-width:71px;display:grid;gap:4px;font-variant-numeric:tabular-nums}
.tsh-lesson-time b{font-size:14px}
.tsh-lesson-time small{font-size:11px;color:var(--muted,#64748b)}
.tsh-lesson-subject{display:grid;gap:4px;flex:1;min-width:0}
.tsh-lesson-subject strong{font-size:13px;overflow-wrap:anywhere}
.tsh-lesson-subject small{font-size:11px;color:var(--muted,#64748b);line-height:1.5}
.tsh-lesson-distance{font-size:11px;font-weight:900;white-space:nowrap;border-radius:100px;padding:7px 10px;
  color:var(--primary,#2454a4);background:color-mix(in srgb,var(--primary,#2454a4) 9%,var(--surface,#fff))}
.teacher-schedule-settings{display:flex;align-items:center;gap:8px;flex-wrap:wrap;background:var(--surface-2,#f8fafc);
  border:1px solid var(--border,#dde6ee);border-radius:15px;padding:11px}
.teacher-schedule-settings label{font-size:12px;font-weight:800}
.teacher-schedule-settings select{border:1px solid var(--border,#ccd6e2);background:var(--surface,#fff);border-radius:10px;
  color:var(--text,#1c304b);padding:9px;min-height:39px;font:inherit;font-size:12px}
.teacher-schedule-reminder-hint{margin:-4px 0 0;font-size:11px;color:var(--muted,#64748b);line-height:1.65}
.tsh-week{margin-top:6px}
.tsh-week-nav{display:flex;gap:7px;overflow-x:auto;padding:0 0 10px;scrollbar-width:thin}
.tsh-week-nav .tsh-day{display:grid;gap:4px;min-width:87px;flex:1;border:1px solid var(--border,#dce5f1);
  border-radius:12px;padding:10px;background:var(--surface,#fff);color:var(--text,#162b44);
  cursor:pointer;font:inherit;font-weight:800;font-size:12px}
.tsh-day small{color:var(--muted,#697d91);font-size:10px}
.tsh-week-nav .tsh-day.active{background:var(--primary,#2454a4);border-color:var(--primary,#2454a4);color:#fff}
.tsh-week-nav .tsh-day.active small{color:#f2f7ff}
.tsh-week-list{display:grid;gap:7px;padding-top:5px}
.tsh-week-entry{display:flex;gap:12px;align-items:center;padding:12px 14px;border:1px solid var(--border,#dfe7f1);
  border-radius:13px;background:var(--surface-2,#f9fafb)}
.tsh-week-time{display:grid;gap:4px;min-width:95px}
.tsh-week-time b{font-size:13px}
.tsh-week-time small{font-size:10px;color:var(--muted,#68778b)}
.tsh-week-entry>div:last-child{display:grid;gap:4px;min-width:0}
.tsh-week-entry strong{font-size:14px}
.tsh-week-entry>div:last-child small{font-size:11px;color:var(--muted,#68778b)}
.tsh-empty-day{padding:18px 10px;text-align:center;color:var(--muted,#64748b);font-size:12px}
.tsh-home-card{display:grid;gap:12px;margin:12px 0 18px;padding:16px;border:1px solid #bdd5f2;border-radius:20px;
  background:linear-gradient(135deg,color-mix(in srgb,var(--primary,#2454a4) 10%,var(--surface,#fff)),var(--surface,#fff))}
.tsh-home-head{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
.tsh-home-head strong{font-size:14px}
.tsh-home-main{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.tsh-home-main>div{display:grid;gap:6px}
.tsh-home-main strong{font-size:14px}
.tsh-home-main h3{margin:0;font-size:21px}
.tsh-home-main p{margin:0;font-size:13px;color:var(--muted,#61758e)}
.tsh-home-main small{font-size:11px;color:var(--muted,#61758e)}
.tsh-pill{width:max-content;display:inline-flex;padding:5px 8px;background:var(--primary,#2454a4);color:white;
  border-radius:9px;font-size:10px;font-weight:900}
.tsh-home-countdown{color:var(--primary,#2454a4);background:var(--surface,#fff);border:1px solid var(--border,#d9e2eb);
  border-radius:12px;padding:12px;font-size:17px!important;font-weight:900;min-width:100px;text-align:center}
.tsh-home-following{display:flex;flex-wrap:wrap;gap:6px}
.tsh-home-following span{padding:7px 9px;border-radius:9px;background:var(--surface,#fff);
  border:1px solid var(--border,#dce4ef);font-size:11px;color:var(--muted,#62718b)}
@media(max-width:600px){
 #schedulePage .teacher-schedule-overview{padding:12px;border-radius:16px}
 .teacher-schedule-overview-feature{padding:13px}
 .teacher-schedule-next-icon{width:38px;height:38px;font-size:18px}
 #teacherScheduleNextCountdown{width:100%;font-size:14px}
 .tsh-lesson{padding:8px;gap:7px}
 .tsh-lesson-distance{padding:5px 7px}
 .teacher-schedule-settings .btn{flex:1 1 135px}
}
