.app-view[data-view="planning"] .day-nav { display: none; }
#planningOverview { min-width: 0; }
#planningOverview .learning-planner, #planningOverview .planner-top-modes { max-width: 100%; }
#planningOverview .planner-top-modes { margin-bottom: 14px; padding-bottom: 4px; }
#planningOverview .learning-planner[data-planner-view="week"] { max-width: none; gap: 12px; }
#planningOverview .planner-week-toolbar { border: 0; padding: 0; gap: 12px; flex-wrap: wrap; }
#planningOverview .planner-week-navigation { gap: 6px; flex-wrap: wrap; }
#planningOverview .planner-week-navigation h3 { margin: 0 10px; font-size: 17px; letter-spacing: -.02em; }
#planningOverview .planner-week-navigation > .button { margin: 0; min-width: 40px; font-size: 12px; }
#planningOverview .planner-heading-actions { gap: 8px; }
.planner-filter-choice select { font: inherit; font-size: 12px; min-height: 40px; max-width: 180px; padding: 8px 24px 8px 10px; border: 1px solid var(--line); border-radius: 8px; color: var(--ink); background: var(--surface-solid); cursor: pointer; }
.planner-heading-actions > .planner-add-menu { flex-shrink: 0; }
.planner-heading-actions > .planner-add-menu > summary { white-space: nowrap; }
.planner-organize-menu > div { min-width: 225px; }
.planner-organize-menu > div > .button { justify-content: flex-start; text-align: left; text-decoration: none; color: var(--ink); }
.planner-preview-actions { display: flex; gap: 8px; flex-wrap: wrap; justify-content: flex-end; }
#planningOverview .planner-week-layout { gap: 10px 16px; grid-template-columns: minmax(0, 1fr); }
#planningOverview .planner-task-tray { width: fit-content; min-width: 190px; border-radius: 8px; background: var(--surface-solid); }
#planningOverview .planner-task-tray > details > summary { min-height: 40px; padding: 8px 12px; font-size: 12px; }
#planningOverview .planner-task-tray > details > summary::before { content: '›'; color: var(--muted); font-size: 18px; transition: transform .15s; }
#planningOverview .planner-task-tray > details[open] > summary::before { transform: rotate(90deg); }
#planningOverview .planner-task-tray:has(details[open]) { width: 100%; }
#planningOverview .planner-hour-calendar { height: clamp(420px, calc(100dvh / var(--interface-scale, 1) - 335px), 720px); max-height: calc(90dvh / var(--interface-scale, 1)); }
.planner-week-summary { border-top: 1px solid var(--line); padding-top: 4px; }
.planner-week-summary > summary { display: flex; gap: 12px; align-items: baseline; padding: 12px 0; cursor: pointer; font-size: 12px; color: var(--ink); }
.planner-week-summary > summary::before { content: '›'; color: var(--muted); }
.planner-week-summary[open] > summary::before { content: '⌄'; }
.planner-week-summary > summary > span { margin-left: auto; color: var(--muted); font-size: 11px; }
#planningOverview .planner-week-summary .planner-overview { margin: 8px 0 16px; }
#planningOverview .planner-week-summary .planner-overview > div { padding: 12px; }
#planningOverview .planner-week-summary .planner-overview strong { font-size: 21px; }
#planningOverview .planner-week-summary .planner-footer { gap: 8px; padding: 0 0 12px; }
@media (min-width: 1101px) {
  #planningOverview .planner-week-layout:has([data-tray-disclosure][open]) { grid-template-columns: 216px minmax(0, 1fr); }
}
@media (max-width: 760px) {
  #planningOverview .planner-week-toolbar { display: flex; align-items: stretch; flex-direction: column; }
  #planningOverview .planner-heading-actions { justify-content: flex-end; flex-wrap: nowrap; }
  #planningOverview .planner-week-navigation { justify-content: flex-start; }
  #planningOverview .planner-week-navigation h3 { flex: 1; text-align: right; font-size: 13px; margin-right: 0; }
  #planningOverview .planner-heading-actions .button { padding-inline: 12px; }
  .planner-filter-choice { margin-right: auto; min-width: 0; }
  .planner-filter-choice select { font-size: 16px; width: 100%; max-width: 180px; min-height: 44px; }
  #planningOverview .planner-hour-calendar { height: 64dvh; max-height: 78dvh; }
  #planningOverview .planner-task-tray > details > summary { min-height: 44px; }
  .planner-week-summary > summary { min-height: 44px; }
  #planningOverview .planner-week-summary .planner-overview { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (prefers-reduced-motion: reduce) { #planningOverview .planner-task-tray > details > summary::before { transition: none; } }
.sport-planning-shortcut { display: flex; justify-content: flex-end; margin: -4px 0 16px; }
.sport-planning-shortcut button { min-height: 44px; }
.planner-linked-activity { display: grid; gap: 12px; padding: 18px; border: 1px solid var(--line); border-radius: 16px; background: color-mix(in srgb, var(--surface-solid) 82%, transparent); }
.planner-linked-activity-eyebrow { display: block; margin-bottom: 5px; color: var(--muted); font-size: 11px; letter-spacing: .08em; text-transform: uppercase; }
.planner-linked-activity strong { display: block; overflow-wrap: anywhere; }
.planner-linked-activity p { margin: 6px 0 0; color: var(--muted); font-size: 13px; line-height: 1.5; }
@media (max-width: 760px) {
  .app-view .primary-navigation { grid-template-columns: repeat(7,minmax(44px,1fr)); overflow-x: auto; }
  .app-view .primary-navigation button { font-size: 9px; }
}

/* Completion stays visible across domains, palettes and compact zoom levels. */
#planningOverview .planner-session.is-done {
  --planner-done: #34785b;
  border-color: color-mix(in srgb, var(--planner-done) 48%, var(--line));
  border-left-color: var(--planner-done);
  background: color-mix(in srgb, var(--planner-done) 20%, var(--surface-solid));
}
#planningOverview .planner-session.is-done:hover { background: color-mix(in srgb, var(--planner-done) 28%, var(--surface-solid)); }
#planningOverview .planner-session.is-done > strong::before { content: '✓ '; font-weight: 750; }
#planningOverview .planner-session.is-partial {
  border-left-color: #ba8739;
  background: color-mix(in srgb, #ba8739 14%, var(--surface-solid));
}