.lesson-timeline-launcher{margin:12px 0;padding:12px 14px;border:1px solid #c9c0e2;border-radius:14px;background:#f8f6ff}.lesson-timeline-launcher .section-title{display:flex;justify-content:space-between;gap:12px;align-items:center}.lesson-timeline-launcher p{margin:6px 0 4px;color:#5c5875}.lesson-timeline-launcher small{color:#5c5875}.lesson-timeline-launcher small.is-ready{color:#18794e}.lesson-timeline-launcher small.is-blocked{color:#a12a2a}
.lesson-timeline-layer{position:absolute;inset:0;z-index:48;pointer-events:none}.lesson-timeline{position:absolute;right:12px;top:12px;width:min(760px,calc(100% - 24px));max-height:calc(100% - 24px);overflow:auto;padding:22px;border:1px solid #c9c0e2;border-radius:18px;background:#fcfbff;color:#38334f;box-shadow:0 18px 60px rgb(62 49 111/.2);pointer-events:auto}.lesson-timeline h2{margin:0 0 8px}.lesson-timeline__warning{margin:0 0 14px;padding:10px 12px;border-radius:10px;background:#f0edff;color:#50477d;font-size:.9rem}.lesson-timeline__summary{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:12px;padding:12px;border-radius:12px;background:#f2f0fa}.lesson-timeline__summary strong{font-size:1.05rem}.lesson-timeline__controls{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:12px}.lesson-timeline button{min-height:40px;padding:8px 12px;border:1px solid #aaa0c8;border-radius:9px;background:#fff;color:#38334f;cursor:pointer}.lesson-timeline button:hover,.lesson-timeline button:focus-visible{border-color:#6655a1;outline:2px solid #b9abeb;outline-offset:2px}.lesson-timeline button.is-primary{margin-top:8px;border-color:#6655a1;background:#6655a1;color:#fff}.lesson-timeline__list{display:grid;gap:8px;margin:0 0 12px;padding-left:24px}.lesson-timeline__list li{padding:10px;border:1px solid #c9c0e2;border-radius:10px;background:#fff}.lesson-timeline__list li.is-approved{border-left:5px solid #18794e;background:#f2fbf5}.lesson-timeline__list small{display:block;margin-top:4px;color:#6e6790}.lesson-timeline__help{color:#6e6790}
@media (max-width:640px){.lesson-timeline{right:8px;top:8px;width:calc(100% - 16px);max-height:calc(100% - 16px);padding:16px}.lesson-timeline__summary{align-items:flex-start;flex-direction:column}}
@media (forced-colors:active){.lesson-timeline,.lesson-timeline__list li,.lesson-timeline button{border:1px solid CanvasText;background:Canvas;color:CanvasText}.lesson-timeline button:focus-visible{outline-color:Highlight}}
@media print{.lesson-timeline-layer,.lesson-timeline-launcher{display:none!important}}