/* Lesson overview band (app-wide redesign step 2). Colours come from tokens.css. */
.lesson-overview{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,340px);gap:12px;align-items:stretch;flex:1;min-width:0}
.ov-flights{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px;min-width:0}
.ov-flight{border:1px solid var(--edge,#dde2e6);border-left:4px solid var(--flight-1);border-radius:8px;padding:8px 10px;background:var(--surface,#fff);min-width:0}
.ov-flight.f2{border-left-color:var(--flight-2)}
.ov-flight header{display:flex;gap:8px;align-items:baseline;justify-content:space-between}
.ov-tag{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--flight-1)}
.ov-flight.f2 .ov-tag{color:var(--flight-2)}
.ov-from{font-size:11px;color:var(--secondary,#5c6670)}
.ov-route{margin:3px 0 6px;font-size:15px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ov-route small{font-size:12px;font-weight:400;color:var(--secondary,#5c6670)}
.ov-vals{display:flex;flex-wrap:wrap;gap:4px 14px}
.ov-val{display:flex;flex-direction:column;line-height:1.25}
.ov-val small{font-size:10px;color:var(--secondary,#5c6670);text-transform:uppercase;letter-spacing:.05em}
.ov-val b{font-size:13px;font-weight:600}
.ov-val i{font-style:normal;font-weight:400;font-size:11px;margin-left:2px;color:var(--secondary,#5c6670)}
.lesson-overview .missing,.ov-val.missing b{color:var(--missing)}
.ov-wx{margin:6px 0 0;font-size:12px;display:flex;gap:6px;align-items:center;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ov-wx span{background:var(--wx-bar);color:var(--wx-ink);font-size:10px;font-weight:700;padding:1px 5px;border-radius:3px}
.ov-wx.missing{color:var(--missing)}
.ov-side{display:flex;flex-direction:column;gap:6px;min-width:0}
.ov-profile{border:1px solid var(--edge,#dde2e6);border-radius:8px;background:var(--surface,#fff);padding:4px;flex:1;min-height:64px}
.ov-mini{width:100%;height:64px;display:block;overflow:visible}
.ov-mini path{fill:none;stroke:var(--flight-1);stroke-width:1.6;vector-effect:non-scaling-stroke}
.ov-mini .ov-ground{stroke:var(--edge,#c9d0d6);vector-effect:non-scaling-stroke}
.ov-mini circle{fill:var(--surface,#fff);stroke:var(--flight-1);stroke-width:1.2;cursor:pointer;vector-effect:non-scaling-stroke}
.ov-mini circle.sel{fill:var(--mandatory);stroke:var(--mandatory)}
.ov-mini circle:hover{fill:var(--flight-1)}
.ov-meter{display:grid;grid-template-columns:auto 1fr;gap:3px 10px;align-items:center;font-size:12px}
.ov-meter>span:first-child{white-space:nowrap}.ov-meter b{font-weight:700}
.ov-bar{height:6px;border-radius:3px;background:var(--edge,#e3e7ea);overflow:hidden}
.ov-bar i{display:block;height:100%;background:var(--locked)}
.ov-meter.over .ov-bar i{background:var(--lpc)}
.ov-meter.over b{color:var(--lpc)}
.ov-meter small{grid-column:1/-1;color:var(--secondary,#5c6670)}
.summary .setup-overview:has(.lesson-overview){display:flex;gap:12px;align-items:flex-start}
.setup-overview-band{padding:12px 14px;margin:0 auto 14px;max-width:1100px}
@media(max-width:850px){.lesson-overview{grid-template-columns:1fr}.summary .setup-overview:has(.lesson-overview){flex-direction:column;align-items:stretch}}
@media(max-width:500px){.ov-flights{grid-template-columns:1fr}.ov-route{font-size:14px}.setup-overview-band{padding:10px}}
.setup-overview-band.draft-overview-band{max-width:none;margin:0 0 12px}
/* Exercises page: Sheet | Detailed switch next to the main tabs (redesign step 3). */
.exercise-mode-switch{display:inline-flex;border:1px solid var(--edge,#d5dbe0);border-radius:7px;overflow:hidden;margin-left:12px;align-self:center}
.exercise-mode-switch button{min-height:30px;padding:4px 12px;border:0;border-radius:0;background:transparent;font-size:13px;color:var(--secondary,#5c6670)}
.exercise-mode-switch button[aria-current=page]{background:var(--navy);color:#fff;font-weight:600}
:root[data-theme=dark] .exercise-mode-switch button[aria-current=page]{color:#0d1726}
@media(max-width:500px){.exercise-mode-switch{margin-left:6px}.exercise-mode-switch button{padding:4px 8px;font-size:12px}}
@media(max-width:600px){.nav:has(.exercise-mode-switch){flex-wrap:wrap}.exercise-mode-switch{order:5;margin:4px 0 2px;width:100%}.exercise-mode-switch button{flex:1}}
/* Phones: the Exercises pane opens on the list; the overview band moves to the Flight chart pane with the chart. */
@media(max-width:640px),(max-width:950px) and (max-height:500px) and (any-pointer:coarse){.lesson-workbench[data-phone-pane=exercises] .lesson-setup-container{display:none}}