/* Clear white working surfaces within the restored dark navigation. Scoped tokens also
   travel with the planning export clone, which is appended outside the page. */
#agenda, #planning, .planning-export-clone {
    --app-bg: #ffffff;
    --app-surface: #ffffff;
    --app-surface-rgb: 255 255 255;
    --app-surface-raised: #f0f0f0;
    --app-border: #d0d0d0;
    --app-text: #292929;
    --app-text-secondary: #414141;
    --app-text-muted: #505050;
    --app-accent: #737373;
    --app-accent-strong: #454545;
    --app-accent-hover: #333333;
    --app-accent-text: #454545;
    --app-accent-soft: #f0f0f0;
    --app-accent-border: #aaaaaa;
    --planning-line: var(--app-border);
    --schedule-today: #f3efe1;
    color: var(--app-text);
    color-scheme: light;
}
.platform-ui #app-container > main:has(> :is(#agenda, #planning):not(.hidden)) {
    background: #ffffff;
}
.platform-ui :is(#agenda, #planning) .page-title { color: var(--app-text); }
.platform-ui :is(#agenda, #planning) .page-title::before { background: #737373; box-shadow: none; }
.platform-ui :is(#agenda, #planning) :is(.page-title + p, .agenda-description, .agenda-eyebrow) { color: var(--app-text-muted); }
.platform-ui :is(#agenda, #planning) :is(input, select, textarea) { color-scheme: light; accent-color: #454545; }
.platform-ui :is(#agenda, #planning) :is(input, select, textarea)::placeholder { color: #555555; }
.platform-ui :is(#agenda, #planning) :focus-visible { outline: 2px solid #454545 !important; outline-offset: 3px; }

/* Calendar: a white grid, warm today marker and soft event categories. */
.platform-ui #agenda .agenda-panel { border-color: #d5d5d5; background: #ffffff; box-shadow: none; }
.platform-ui #agenda .agenda-button { border-color: #aaaaaa; background: #ffffff; color: #414141; }
.platform-ui #agenda .agenda-button:hover { border-color: #929292; background: #f0f0f0; color: #292929; }
.platform-ui #agenda .agenda-button-primary { background: #454545; border-color: #454545; color: #fff; box-shadow: none; }
.platform-ui #agenda .agenda-button-primary:hover { background: #333333; }
.platform-ui #agenda :is(.agenda-step-controls, .agenda-view-controls) { background: #f5f5f5; border-color: #d5d5d5; }
.platform-ui #agenda :is(.agenda-icon-button, .agenda-view-controls button) { color: #555555; }
.platform-ui #agenda :is(.agenda-icon-button, .agenda-view-controls button):hover { color: #292929; background: #e8e8e8; }
.platform-ui #agenda .agenda-view-controls button[aria-pressed="true"] { border-color: #a6a6a6; color: #333333; background: #ffffff; box-shadow: none; }
.platform-ui #agenda .agenda-period-title { color: #292929; }
.platform-ui #agenda .agenda-filter-row { border-color: #e0e0e0; }
.platform-ui #agenda :is(.agenda-filter-label, .agenda-event-count, .agenda-load-state, #agendaFilter) { color: #505050; }
.platform-ui #agenda .agenda-export-options { border-color: #d0d0d0; background: #ffffff; box-shadow: 0 12px 30px rgb(0 0 0 / .15); }
.platform-ui #agenda .agenda-export-options button { color: #292929; }
.platform-ui #agenda .agenda-export-options button:hover { background: #f0f0f0; }
.platform-ui #agenda .agenda-export-options small { color: #505050; }
.platform-ui #agenda .fc {
    --fc-border-color: #dedede;
    --fc-page-bg-color: #ffffff;
    --fc-neutral-bg-color: #f5f5f5;
    --fc-neutral-text-color: #505050;
    --fc-list-event-hover-bg-color: #f5f5f5;
    --fc-today-bg-color: var(--schedule-today);
    color: #292929;
    background: #ffffff;
}
.platform-ui #agenda .fc :is(.fc-scrollgrid, .fc-list) { border-color: #d0d0d0; }
.platform-ui #agenda .fc-theme-standard :is(td, th) { border-color: #dedede !important; }
.platform-ui #agenda .fc .fc-scrollgrid-section-header > * { background: #f5f5f5; }
.platform-ui #agenda .fc :is(.fc-col-header-cell-cushion, .fc-timegrid-axis-cushion, .fc-timegrid-slot-label-cushion, .fc-daygrid-day-number, .fc-daygrid-more-link) { color: #505050; }
.platform-ui #agenda .fc .fc-timegrid-slot-minor { border-top-color: #f5f5f5 !important; }
.platform-ui #agenda .fc .fc-day-today { background: var(--schedule-today) !important; }
.platform-ui #agenda .fc .fc-col-header .fc-day-today { background: var(--schedule-today) !important; box-shadow: inset 0 3px 0 #777777; }
.platform-ui #agenda .fc .fc-col-header .fc-day-today .fc-col-header-cell-cushion { color: #414141; font-weight: 700; }
.platform-ui #agenda .fc .fc-daygrid-day.fc-day-today .fc-daygrid-day-number { color: #fff; background: #555555; border-color: #555555; }
.platform-ui #agenda .fc :is(.fc-timegrid-now-indicator-line, .fc-timegrid-now-indicator-arrow) { border-color: #777777; }
.platform-ui #agenda .fc .fc-event {
    --event-surface: #e8edf5;
    --event-border: #b8c7dc;
    --event-accent: #536f94;
    --event-ink: #334762;
    background: var(--event-surface) !important;
    border-color: var(--event-border) !important;
    border-left: 3px solid var(--event-accent) !important;
    color: var(--event-ink) !important;
    box-shadow: none;
}
.platform-ui #agenda .fc .fc-event.agenda-event-training { --event-surface: #e5eddf; --event-border: #bacdaf; --event-accent: #688452; --event-ink: #354d2e; }
.platform-ui #agenda .fc .fc-event.agenda-event-match { --event-surface: #f4e8d2; --event-border: #d8bf8f; --event-accent: #977338; --event-ink: #654b21; }
.platform-ui #agenda .fc .fc-event:hover { border-color: var(--event-accent) !important; filter: none; }
.platform-ui #agenda :is(.agenda-event-meta, .agenda-event-title, .agenda-event-place, .agenda-event-type) { color: var(--event-ink, #414141); }
.platform-ui #agenda .agenda-event-title { font-weight: 650; }
.platform-ui #agenda .fc .fc-popover { background: #ffffff; border-color: #d0d0d0; box-shadow: 0 12px 30px rgb(0 0 0 / .15); }
.platform-ui #agenda .fc .fc-popover-header { background: #f5f5f5; }
.platform-ui #agenda .fc .fc-list { background: #ffffff; }
.platform-ui #agenda .fc .fc-list-day-cushion { background: #f5f5f5; }
.platform-ui #agenda .fc :is(.fc-list-day-text, .fc-list-event-title) { color: #292929; }
.platform-ui #agenda .fc :is(.fc-list-day-side-text, .fc-list-event-time) { color: #505050; }
.platform-ui #agenda .fc .fc-list-event { background: transparent !important; }
.platform-ui #agenda .fc .fc-list-event > td { border-bottom-color: #dedede !important; }
.platform-ui #agenda .fc .fc-list-event-dot { border-color: var(--event-accent) !important; }
.platform-ui #agenda .fc .fc-list-empty { color: #505050; background: #f7f7f7; }

/* Planning: quieter secondary actions, alternating rows and a clear today. */
.platform-ui #planning .planning-page-header h2 { font-size: 32px; font-weight: 650; letter-spacing: -.035em; }
.platform-ui #planning .planning-button { font-weight: 600; }
.platform-ui #planning .planning-button-dark { background: #ffffff; border-color: #aaaaaa; color: #414141; }
.platform-ui #planning .planning-button-dark:hover { background: #f0f0f0; }
.platform-ui #planning .planning-import-panel { background: #f0f0f0; border-color: #d0d0d0; box-shadow: none; }
.platform-ui #planning .planning-import-icon { background: #dedede; }
.platform-ui #planning .planning-toolbar { border-color: #d5d5d5; box-shadow: none; }
.platform-ui #planning .planning-table-shell { box-shadow: none; }
.platform-ui #planning .planning-table thead th { font-weight: 650; }
.platform-ui #planning .planning-cell textarea { background: #ffffff; border-color: #b5b5b5; }
.platform-ui #planning .planning-cell textarea:hover { border-color: #999999; }
.platform-ui #planning .planning-cell textarea:focus { border-color: #777777; background: #ffffff; }
.platform-ui #planning .planning-player-name { font-weight: 650; }
.platform-ui #planning .planning-table tbody tr:nth-child(even) td { background: #f7f7f7; }
.platform-ui #planning .planning-table tbody tr:hover td { background: #f0f0f0; }
.platform-ui #planning .planning-table :is(th, td).is-today { background: var(--schedule-today); }
.platform-ui #planning .planning-table th.is-today { box-shadow: inset 0 3px 0 #777777; color: #414141; }
.platform-ui #planning .planning-cell.is-today::before { color: #414141; }
.platform-ui .planning-export-clone .planning-table tbody tr:nth-child(odd) td { background: #ffffff !important; }
.platform-ui .planning-export-clone .planning-table tbody tr:nth-child(even) td { background: #f7f7f7 !important; }
@media (max-width: 1199px) {
    .platform-ui #planning .planning-table-shell { box-shadow: none; }
    .platform-ui #planningExportSurface .planning-table tbody td:first-child { background: #f0f0f0; }
}

.platform-ui #planning .planning-eyebrow { font-weight: 600; letter-spacing: .14em; }
.platform-ui #planning .planning-page-header > div:first-child { min-width: 0; flex: 1; }
.platform-ui #planning .planning-table tbody tr td.is-today { background: var(--schedule-today); }
@media (min-width: 1100px) {
    .platform-ui #planning .planning-header-actions { flex: 0 0 auto; flex-wrap: nowrap; }
}
@media (min-width: 768px) and (max-width: 1099px) {
    .platform-ui #planning .planning-page-header { flex-direction: column; align-items: flex-start; }
}
@media (max-width: 767px) {
    .platform-ui #planning .planning-page-header h2 { font-size: 26px; }
}

.platform-ui #agenda .fc-list .agenda-event-type { color: var(--event-ink, #414141); }