.is-progressive-teacher > :not(.observation-heading):not(#teacherWorkspace):not(.observation-workspace) { display: none !important; }
.is-progressive-teacher .observation-workspace { display: none; }
.is-progressive-teacher.tw-show-detail .observation-workspace { display: block; min-height: 0; border: 0; }
.is-progressive-teacher .student-records { display: none; }
.is-progressive-teacher .observation-heading { align-items: center; }
.is-progressive-teacher .observation-heading h1, .is-progressive-teacher .observation-heading p { display: none; }
.is-progressive-teacher .observation-heading span { margin-top: 0; overflow-wrap: anywhere; }
.is-progressive-teacher .record-detail { padding: 16px 0; }
#teacherWorkspace { background: var(--white); padding: 20px 24px; min-width: 0; }
#teacherWorkspace button { color: var(--cyan); background: transparent; box-shadow: none; font-weight: 500; text-align: left; }
#teacherWorkspace button:focus-visible { outline: 2px solid var(--blue); outline-offset: 2px; }
#teacherWorkspace button:hover { background: #edf6f7; }
#teacherWorkspace h2 { font-size: 25px; margin: 4px 0; overflow-wrap: anywhere; }
#teacherWorkspace h3 { font-size: 17px; margin: 12px 0; }
#teacherWorkspace .tw-nav { display: flex; gap: 8px; flex-wrap: wrap; border-bottom: 1px solid var(--line); }
#teacherWorkspace .tw-nav button { font-size: 14px; padding: 8px 10px; }
#teacherWorkspace .tw-crumbs { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; font-size: 12px; color: var(--muted); margin: 12px 0; }
#teacherWorkspace .tw-crumbs button { font-size: 12px; padding: 6px; }
#teacherWorkspace .tw-back { width: 42px; text-align: center; }
#teacherWorkspace .tw-title, #teacherWorkspace .tw-section { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; }
#teacherWorkspace .tw-title > div:first-child { min-width: 0; flex: 1 1 230px; }
#teacherWorkspace .tw-title > div > span { color: var(--muted); font-size: 12px; }
#teacherWorkspace .tw-tools { display: flex; gap: 10px; align-items: flex-end; }
#teacherWorkspace label { font-weight: 500; font-size: 12px; }
#teacherWorkspace select { max-width: 210px; font-size: 16px; }
#teacherWorkspace .tw-metrics { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 16px; border-bottom: 1px solid var(--line); padding: 20px 0; margin-bottom: 12px; }
#teacherWorkspace .tw-metrics span { display: block; font-size: 12px; color: var(--muted); }
#teacherWorkspace .tw-metrics strong { display: block; font-size: 29px; font-weight: 600; font-variant-numeric: tabular-nums; }
#teacherWorkspace .tw-metrics small { display: block; font-size: 12px; font-weight: 400; color: var(--muted); }
#teacherWorkspace .tw-tabs { display: flex; gap: 4px; flex-wrap: wrap; }
#teacherWorkspace .tw-tabs button { font-size: 13px; padding: 7px 9px; }
#teacherWorkspace .tw-tabs button[aria-pressed="true"] { background: #e4f2f3; color: #076d77; }
#teacherWorkspace .tw-chart-head { display: flex; justify-content: space-between; gap: 12px; font-size: 12px; color: var(--muted); margin: 12px 0 4px; }
#teacherWorkspace .tw-bar { display: grid; width: 100%; grid-template-columns: minmax(120px,180px) minmax(0,1fr) 40px 12px; gap: 12px; align-items: center; min-height: 66px; padding: 10px 4px; border: 0; border-bottom: 1px solid var(--line); border-radius: 0; color: var(--ink); }
#teacherWorkspace .tw-bar > span:first-child { font-size: 14px; overflow-wrap: anywhere; }
#teacherWorkspace .tw-bar small, #teacherWorkspace .tw-record small { display: block; color: var(--muted); font-size: 12px; margin-top: 4px; font-weight: 400; }
#teacherWorkspace .tw-bar strong { font-weight: 500; text-align: right; font-variant-numeric: tabular-nums; }
#teacherWorkspace .tw-track { display: flex; height: 17px; background: #edf3f5; border-radius: 2px; overflow: hidden; }
#teacherWorkspace .tw-fill { display: block; height: 100%; }
#teacherWorkspace .audio { background: #148c8d; }
#teacherWorkspace .midi { background: #5d80bd; }
#teacherWorkspace .video { background: #a67a9b; }
#teacherWorkspace .other { background: #7b858b; }
#teacherWorkspace .tw-note { color: var(--muted); font-size: 12px; line-height: 1.6; }
#teacherWorkspace .tw-scope { margin-bottom: 0; }
#teacherWorkspace .tw-legend { display: flex; flex-wrap: wrap; gap: 15px; font-size: 12px; color: var(--muted); margin: 12px 0; }
#teacherWorkspace .tw-legend i { display: inline-block; width: 9px; height: 9px; margin-right: 6px; }
#teacherWorkspace .tw-trend { display: grid; grid-template-columns: repeat(var(--tw-bins), minmax(0,1fr)); gap: 8px; padding: 14px 0; }
#teacherWorkspace .tw-trend > div { display: flex; flex-direction: column; align-items: center; justify-content: flex-end; height: 160px; gap: 6px; min-width: 0; }
#teacherWorkspace .tw-trend strong, #teacherWorkspace .tw-trend small { font-size: 12px; font-weight: 400; }
#teacherWorkspace .tw-trend > div > span { display: block; width: 60%; max-width: 42px; background: #148c8d; }
#teacherWorkspace .tw-record { display: grid; grid-template-columns: minmax(0,1fr) auto 12px; align-items: center; gap: 12px; width: 100%; padding: 16px 4px; border: 0; border-bottom: 1px solid var(--line); border-radius: 0; color: var(--ink); }
#teacherWorkspace .tw-record > span { min-width: 0; overflow-wrap: anywhere; }
#teacherWorkspace .tw-record strong { font-weight: 500; }
#teacherWorkspace .tw-status { font-size: 12px; color: #8c6126; max-width: 120px; }
#teacherWorkspace .tw-pagination { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 12px; font-size: 13px; margin-top: 12px; }
.is-progressive-teacher .teacher-optional-review { border-top: 1px solid var(--line); padding: 12px 0; }
.is-progressive-teacher .teacher-optional-review summary { color: var(--cyan); cursor: pointer; padding: 12px 0; }
@media (max-width: 600px) {
  #teacherWorkspace { padding: 16px 12px; }
  #teacherWorkspace .tw-bar { grid-template-columns: 98px minmax(0,1fr) 28px 10px; gap: 8px; }
  #teacherWorkspace .tw-record { grid-template-columns: minmax(0,1fr) 90px 10px; gap: 8px; }
  #teacherWorkspace .tw-metrics { gap: 8px; }
  #teacherWorkspace .tw-metrics strong { font-size: 26px; }
  #teacherWorkspace h2 { font-size: 22px; }
  .is-progressive-teacher .observation-heading { flex-wrap: wrap; }
  .is-progressive-teacher .heading-actions { flex-direction: row; flex-wrap: wrap; }
}