/* Keep the student's next action in front; setup remains available on demand. */
.app-shell [data-view="planner"] .planner-page-header { align-items: center; gap: 20px; flex-wrap: wrap; margin-bottom: 18px; padding-bottom: 16px; }
.app-shell [data-view="planner"] .planner-page-header h1 { margin-bottom: 6px; }
.planner-day-summary { margin: 0; color: var(--mc-ink-secondary); font-size: .875rem; line-height: 1.5; }
.app-shell [data-view="planner"] .planner-date-nav { display: flex; flex-wrap: wrap; gap: 8px; }
.app-shell [data-view="planner"] [data-planner-previous] svg { transform: rotate(180deg); }
.app-shell [data-view="planner"] [data-planner-next] svg { transform: none; }
.app-shell [data-view="planner"] .plan-view-controls { display: flex; align-items: center; gap: 8px; margin: 0; font-size: .8125rem; }
.plan-view-select { min-height: 44px; border: 1px solid var(--mc-line-strong); border-radius: 12px; padding: 8px 28px 8px 12px; font: inherit; font-size: 1rem; }
.app-shell [data-view="planner"] .planner-command-strip { background: transparent; border: 0; box-shadow: none; margin: 0 0 18px; padding: 0; backdrop-filter: none; -webkit-backdrop-filter: none; }
.app-shell [data-view="planner"] .planner-command-strip__actions { display: flex; flex-wrap: wrap; justify-content: flex-start; width: 100%; gap: 10px; }
.app-shell [data-view="planner"] .planner-command-strip__actions > .mc-button { width: auto; min-height: 48px; }
.app-shell [data-view="planner"] .planner-tasks-card > .section-heading { margin-bottom: 0; }
.planner-secondary { margin-top: 18px; min-width: 0; border: 1px solid var(--mc-line); border-radius: 16px; background: var(--mc-surface); }
.planner-secondary > summary { cursor: pointer; padding: 16px 18px; min-height: 48px; font-weight: 600; color: var(--mc-ink-secondary); }
.planner-secondary[open] > summary { color: var(--mc-ink); border-bottom: 1px solid var(--mc-line); }
.planner-secondary__content { display: grid; gap: 18px; padding: 18px; min-width: 0; }
.planner-extra-actions { display: flex; flex-wrap: wrap; gap: 10px; }
.planner-secondary__content > .mc-day-route { margin: 0; }
.app-shell [data-view="planner"] :is(select,summary,button):focus-visible { outline: 3px solid var(--mc-blue); outline-offset: 3px; }
@media(max-width:700px){
 .app-shell [data-view="planner"] .planner-page-header { gap: 14px; }
 .app-shell [data-view="planner"] .planner-date-nav { display: grid; grid-template-columns: 44px minmax(0,1fr) 44px; width: 100%; }
 .app-shell [data-view="planner"] .plan-view-controls { grid-column: 1 / span 2; grid-row: 1; width: auto; max-width: calc(100% - 32px); flex-wrap: nowrap; }
 .app-shell [data-view="planner"] .plan-view-select { margin-left: 0; }
 .app-shell [data-view="planner"] [data-planner-today] { grid-column: 3; grid-row: 1; justify-self: end; width: auto; }
 .app-shell [data-view="planner"] [data-planner-previous] { grid-column: 1; grid-row: 2; }
 .app-shell [data-view="planner"] .planner-date-picker { grid-column: 2; grid-row: 2; min-width: 0; width: 100%; }
 .app-shell [data-view="planner"] [data-planner-next] { grid-column: 3; grid-row: 2; }
 .app-shell [data-view="planner"] .planner-command-strip__actions { display: grid; grid-template-columns: 1fr 1fr; }
 .app-shell [data-view="planner"] .planner-command-strip__actions > .mc-button { width: 100%; grid-column: auto; white-space: normal; font-size: .875rem; }
 .planner-secondary__content { padding: 14px; }
 .planner-secondary__content > .mc-card { padding: 16px; }
 .planner-extra-actions > button { width: 100%; white-space: normal; }
}