.tl-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:14px}.tl-head h2{margin:3px 0}.tl-daybadge{min-width:88px;border:1px solid var(--line);padding:12px;text-align:center;font-weight:900;background:rgba(255,120,184,.08)}.tl-daybadge small{display:block;color:var(--muted);margin-top:4px}.tl-meter-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:12px}.tl-meter{border:1px solid var(--line);background:var(--panel);padding:10px}.tl-meter span,.tl-meter strong{display:block}.tl-meter span{font-size:.6rem;color:var(--muted)}.tl-meter i{display:block;height:4px;background:#171b1c;margin-top:7px}.tl-meter b{display:block;height:100%;background:var(--green2)}.tl-tabs{display:flex;gap:6px;overflow:auto;padding-bottom:10px}.tl-tabs button{white-space:nowrap;background:#101314;border:1px solid var(--line);color:var(--muted);padding:10px}.tl-tabs button.active{color:var(--green2);border-color:var(--green2)}.tl-now{display:flex;justify-content:space-between;align-items:center;gap:12px;border:1px solid var(--line);border-left:4px solid var(--green2);padding:18px;background:linear-gradient(135deg,rgba(255,120,184,.08),transparent),var(--panel);margin-bottom:12px}.tl-now span{color:var(--green2);font-weight:900}.tl-schedule{display:grid;gap:6px}.tl-schedule button{display:grid;grid-template-columns:60px 1fr auto;align-items:center;text-align:left;background:#0d1011;border:1px solid var(--line);color:var(--text);padding:10px}.tl-schedule button.current{border-color:var(--green2)}.tl-schedule button.done{opacity:.55}.tl-schedule small{color:var(--muted)}.tl-room-shell{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:12px}.tl-board{grid-column:1/-1;display:flex;align-items:center;gap:12px;background:#101b16;border:1px solid #315341;padding:14px}.tl-board span{color:var(--green2)}.tl-board strong{flex:1}.tl-classroom{min-height:560px;border:1px solid var(--line);padding:16px;background:linear-gradient(#111615,#0c0f10);display:flex;flex-direction:column;gap:18px}.tl-front,.tl-back{display:flex;justify-content:space-between;gap:8px}.tl-front>div,.tl-back button{border:1px solid var(--line);padding:12px;background:#171b1c;color:var(--text);font-size:.65rem}.tl-rug{flex:2;text-align:center}.tl-library,.tl-calm{flex:1}.tl-desks{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;flex:1;align-content:center}.tl-desk{min-height:72px;background:#191513;border:1px solid #5b473c;color:#f4eee9;padding:8px}.tl-desk span,.tl-desk i{display:block}.tl-desk i{font-size:.55rem;color:#d2a875;margin-top:6px}.tl-desk.absent{opacity:.35}.tl-observation{border:1px solid var(--line);background:var(--panel);padding:14px}.tl-student-signals{display:flex;flex-wrap:wrap;gap:5px}.tl-student-signals span{border:1px solid var(--line);padding:5px;font-size:.6rem}.tl-action-grid{display:grid;gap:6px}.tl-action-grid button,.tl-activity button{background:#111516;border:1px solid var(--line);color:var(--text);padding:10px;text-align:left}.tl-calendar{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.tl-calendar article{border:1px solid var(--line);padding:12px;background:#101314}.tl-calendar article.today{border-color:var(--green2)}.tl-calendar article.past{opacity:.5}.tl-calendar span,.tl-calendar small{font-size:.6rem;color:var(--muted)}.tl-calendar strong{display:block;margin:6px 0}.tl-roster,.tl-work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.tl-roster button,.tl-work-grid button{background:#101314;border:1px solid var(--line);color:var(--text);padding:12px;text-align:left}.tl-roster span,.tl-roster small,.tl-work-grid span,.tl-work-grid small{display:block;color:var(--muted);margin-top:5px}.tl-work-grid .done{opacity:.45}.tl-activity>div{display:grid;gap:8px}.tl-timeline{border-left:2px solid var(--line);margin-left:8px;padding-left:14px}.tl-timeline article{margin-bottom:16px}.tl-timeline span{font-size:.6rem;color:var(--green2)}.tl-toggle{display:flex!important;gap:8px;align-items:center;margin:14px 0}.tl-toggle input{width:auto!important}
@media(max-width:760px){.tl-meter-row{grid-template-columns:repeat(2,1fr)}.tl-room-shell{grid-template-columns:1fr}.tl-observation{grid-row:3}.tl-desks{grid-template-columns:repeat(3,1fr)}.tl-calendar,.tl-roster,.tl-work-grid{grid-template-columns:1fr}.tl-now{align-items:flex-start;flex-direction:column}.tl-schedule button{grid-template-columns:50px 1fr}.tl-schedule small{display:none}.tl-head{flex-direction:column}.tl-daybadge{align-self:stretch}.tl-classroom{min-height:650px}}