/* Shared screen palette. Loaded automatically for the system theme, or explicitly by the account. */
@media screen {
:root:where(:not([data-theme="light"])) {color-scheme: dark;--close-filter: invert(1) grayscale(1) brightness(1.8);--brand-default-display: none;--brand-inverse-display: block;--primary: #8bbcff;--primary-rgb: 139, 188, 255;--primary-hover: #b6d5ff;--primary-strong: #a7ceff;--primary-light: #20395b;--background: #101827;--body-bg: var(--background);--surface: #182437;--surface-secondary: #1d2c42;--surface-muted: #26374d;--border: #8295ad;--border-strong: #9db0c8;--border-color: var(--border);--text: #f1f5fb;--text-primary: var(--text);--text-secondary: #c5d1df;--text-muted: #b3c1d3;--success: #8ae0b1;--success-light: #183d30;--warning: #ffda85;--warning-light: #43351c;--danger: #ffadb5;--danger-light: #462631;--focus: #a7ceff;--accent: var(--primary);--accent-light: var(--primary-light);--shadow-soft: 0 12px 30px rgb(0 0 0 / .25);--shadow-sidebar: 0 18px 38px rgb(0 0 0 / .3);--sidebar-bg: var(--surface);--sidebar-bg-elevated: var(--surface-secondary);--sidebar-muted: var(--text-muted);--button-fill: var(--primary);--button-ink: #10213a;--semantic-ink: var(--button-ink);--danger-ink: var(--button-ink);--check-fill: #2864a3;--select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23c5d1df' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E");--purple: #d3b7ff;--purple-soft: #35294c;--cyan: #94dce9;--cyan-soft: #193b45;--bs-body-bg: var(--background);--bs-body-color: var(--text);--bs-border-color: var(--border);--bs-primary: var(--primary);--bs-primary-rgb: 139,188,255;--bs-success: var(--success);--bs-success-rgb: 138,224,177;--bs-warning: var(--warning);--bs-warning-rgb: 255,218,133;--bs-danger: var(--danger);--bs-danger-rgb: 255,173,181;--bs-secondary-rgb: 179,193,211;--editor-bg: var(--background);--editor-panel: var(--surface);--editor-ink: var(--text);--editor-muted: var(--text-muted);--editor-line: var(--border);--editor-primary: var(--primary);--editor-primary-soft: var(--primary-light);--editor-danger: var(--danger);}
:where(:root:not([data-theme="light"])) body {color: var(--text);background: var(--background);}
:where(:root:not([data-theme="light"])) .context-selector {background: var(--surface);}
:where(:root:not([data-theme="light"])) .player-profile-header {background: var(--surface);}
:where(:root:not([data-theme="light"])) .player-measurement-summary div {background: var(--surface);}
:where(:root:not([data-theme="light"])) .player-kpi-item {background: var(--surface);}
:where(:root:not([data-theme="light"])) .training-advanced-section {background: var(--surface);}
:where(:root:not([data-theme="light"])) .training-required-field {background: var(--surface);}
:where(:root:not([data-theme="light"])) .training-quick-summary {background: var(--surface);}
:where(:root:not([data-theme="light"])) .training-exercise-card {background: var(--surface);}
:where(:root:not([data-theme="light"])) .training-player-manager {background: var(--surface);}
:where(:root:not([data-theme="light"])) .training-microcycle-day {background: var(--surface);}
:where(:root:not([data-theme="light"])) .library-favorite-toggle {background: var(--surface);}
:where(:root:not([data-theme="light"])) .pregame-issue {background: var(--surface);}
:where(:root:not([data-theme="light"])) .pregame-issue > i {background: var(--surface);}
:where(:root:not([data-theme="light"])) .training-calendar-item:hover {background: var(--surface);}
:where(:root:not([data-theme="light"])) .calendar-month .calendar-quick[open] .calendar-actions {background: var(--surface);}
:where(:root:not([data-theme="light"])) .calendar-month .training-calendar-item:hover {background: var(--surface);}
:where(:root:not([data-theme="light"])) .calendar-month .training-calendar-item:focus-within {background: var(--surface);}
:where(:root:not([data-theme="light"])) .training-library-preview {background: var(--surface-muted);}
:where(:root:not([data-theme="light"])) .training-exercise-preview {background: var(--surface-muted);}
:where(:root:not([data-theme="light"])) .exercise-folder-cover {background: linear-gradient(135deg, color-mix(in srgb, var(--folder-accent) 20%, var(--surface)), var(--surface-secondary));}
:where(:root:not([data-theme="light"])) .calendar-month .calendar-current-week {background: var(--primary-light);}
:where(:root:not([data-theme="light"])) .calendar-conflict {color: var(--warning);background: var(--warning-light);}
:where(:root:not([data-theme="light"])) .calendar-training {border-left-color: var(--success);}
:where(:root:not([data-theme="light"])) .calendar-game {border-left-color: var(--purple);}
:where(:root:not([data-theme="light"])) .command-result:hover {color: var(--primary-hover);background: var(--primary-light);border-color: var(--primary);}
:where(:root:not([data-theme="light"])) .command-result:focus-visible {color: var(--primary-hover);background: var(--primary-light);border-color: var(--primary);}
:where(:root:not([data-theme="light"])) .dropdown-item.active {text-decoration: underline;text-underline-offset: .2em;text-decoration-thickness: 2px;}
:where(:root:not([data-theme="light"])) .nav-pills .nav-link.active {text-decoration: underline;text-underline-offset: .2em;text-decoration-thickness: 2px;}
:where(:root:not([data-theme="light"])) .training-name-preview {border-color: var(--primary);}
:where(:root:not([data-theme="light"])) .code-pill {border-color: var(--primary);}
:where(:root:not([data-theme="light"])) .command-result {color: var(--text-secondary);}
:where(:root:not([data-theme="light"])) .library-favorite-toggle {color: var(--text-secondary);}
:where(:root:not([data-theme="light"])) .calendar-month .calendar-event-count {color: var(--button-ink);}
:where(:root:not([data-theme="light"])) .session-favorite.is-favorite {color: var(--warning);background: var(--warning-light);}
:where(:root:not([data-theme="light"])) .library-favorite-toggle.is-favorite {color: var(--warning);background: var(--warning-light);}
:where(:root:not([data-theme="light"])) .training-session-row .training-session-completed-label {color: var(--success);}
:where(:root:not([data-theme="light"])) .training-session-completed i {color: var(--success);}
:where(:root:not([data-theme="light"])) .attendance-grid tbody tr:hover td {background: var(--surface-secondary);}
:where(:root:not([data-theme="light"])) .attendance-grid tbody tr:hover .attendance-player-column {background: var(--surface-secondary);}
:where(:root:not([data-theme="light"])) .club-form .form-control::placeholder {opacity: 1;}
:where(:root:not([data-theme="light"])) :focus-visible {outline: 3px solid var(--focus);outline-offset: 3px;}
:where(:root:not([data-theme="light"])) .ft-notification__action:focus-visible {outline: 3px solid var(--focus);outline-offset: 3px;}
:where(:root:not([data-theme="light"])) .ft-notification__close:focus-visible {outline: 3px solid var(--focus);outline-offset: 3px;}
:where(:root:not([data-theme="light"])) .command-result:focus-visible {outline: 3px solid var(--focus);}
:where(:root:not([data-theme="light"])) .post-match-event-help:focus-visible {outline: 3px solid var(--focus);}
:where(:root:not([data-theme="light"])) .matchday-flow-event.is-editable .matchday-flow-main:focus-visible {outline: 3px solid var(--focus);}
:where(:root:not([data-theme="light"])) .command-palette {color: var(--text);background: var(--surface);border-color: var(--border);}
:where(:root:not([data-theme="light"])) .navbar-toggler-icon {filter: invert(1) grayscale(1) brightness(1.8);}
:where(:root:not([data-theme="light"])) .accordion-button::after {filter: invert(1) grayscale(1) brightness(1.8);}
:where(:root:not([data-theme="light"])) .email-template-tree {color: var(--text);background-color: var(--surface-secondary) !important;}
:where(:root:not([data-theme="light"])) .email-template-variables {color: var(--text);background-color: var(--surface-secondary) !important;}
:where(:root:not([data-theme="light"])) .email-template-tree .bg-primary.text-white {color: var(--button-ink) !important;text-decoration: underline !important;text-underline-offset: .2em;}
:where(:root:not([data-theme="light"])) .email-template-variables code {color: inherit;}
:where(:root:not([data-theme="light"])) .email-template-dialog {color: var(--text);background-color: var(--surface);}
:where(:root:not([data-theme="light"])) .email-template-dialog .bg-body-secondary {background-color: var(--surface-secondary) !important;}
:where(:root:not([data-theme="light"])) .badge:is(.bg-primary, .bg-success, .bg-danger, .bg-warning, .bg-info, .bg-secondary) {color: var(--button-ink);}
:where(:root:not([data-theme="light"])) .calendar-month .calendar-event-count {color: var(--button-ink);}
:where(:root:not([data-theme="light"])) .nav-pills .nav-link.active {color: var(--button-ink);}
:where(:root:not([data-theme="light"])) .competition-badge {color: var(--text);background: var(--surface-muted);border-color: var(--border-strong);}
:where(:root:not([data-theme="light"])) .competition-badge {box-shadow: inset 3px 0 0 var(--competition-color, var(--primary));}
:where(:root:not([data-theme="light"])) .match-state-preparation {color: var(--warning);background: var(--warning-light);}
:where(:root:not([data-theme="light"])) .match-state-halftime {color: var(--warning);background: var(--warning-light);}
:where(:root:not([data-theme="light"])) .match-state-callup {color: var(--purple);background: var(--purple-soft);}
:where(:root:not([data-theme="light"])) .match-state-analysis {color: var(--purple);background: var(--purple-soft);}
:where(:root:not([data-theme="light"])) .match-state-ready {color: var(--success);background: var(--success-light);}
:where(:root:not([data-theme="light"])) .match-state-finished {color: var(--success);background: var(--success-light);}
:where(:root:not([data-theme="light"])) .match-state-live {color: var(--danger);background: var(--danger-light);}
:where(:root:not([data-theme="light"])) .match-state-cancelled {color: var(--danger);background: var(--danger-light);}
:where(:root:not([data-theme="light"])) .availability-ready {color: var(--success);background: var(--success-light);}
:where(:root:not([data-theme="light"])) .availability-limited {color: var(--warning);background: var(--warning-light);}
:where(:root:not([data-theme="light"])) .availability-atrisk {color: var(--warning);background: var(--warning-light);}
:where(:root:not([data-theme="light"])) .availability-unavailable {color: var(--danger);background: var(--danger-light);}
:where(:root:not([data-theme="light"])) .availability-nodata {color: var(--text-muted);background: var(--surface-muted);}
:where(:root:not([data-theme="light"])) .attendance-state.is-present {color: var(--success);background: var(--success-light);border-color: var(--success);}
:where(:root:not([data-theme="light"])) .attendance-total.is-green {color: var(--success);background: var(--success-light);border-color: var(--success);}
:where(:root:not([data-theme="light"])) .attendance-state.is-absent {color: var(--danger);background: var(--danger-light);border-color: var(--danger);}
:where(:root:not([data-theme="light"])) .attendance-total.is-red {color: var(--danger);background: var(--danger-light);border-color: var(--danger);}
:where(:root:not([data-theme="light"])) .attendance-state.is-injury {color: var(--purple);background: var(--purple-soft);border-color: var(--purple);}
:where(:root:not([data-theme="light"])) .attendance-state.is-limited {color: var(--warning);background: var(--warning-light);border-color: var(--warning);}
:where(:root:not([data-theme="light"])) .attendance-total.is-orange {color: var(--warning);background: var(--warning-light);border-color: var(--warning);}
:where(:root:not([data-theme="light"])) .attendance-total.is-yellow {color: var(--warning);background: var(--warning-light);border-color: var(--warning);}
:where(:root:not([data-theme="light"])) .attendance-state.is-recovery {color: var(--cyan);background: var(--cyan-soft);border-color: var(--cyan);}
:where(:root:not([data-theme="light"])) .attendance-state.is-called {border-color: var(--primary);}
:where(:root:not([data-theme="light"])) .attendance-legend-icon.is-limited {color: var(--warning);}
:where(:root:not([data-theme="light"])) .attendance-legend-icon.is-injury {color: var(--purple);}
:where(:root:not([data-theme="light"])) .attendance-legend-icon.is-recovery {color: var(--cyan);}
:where(:root:not([data-theme="light"])) .workspace-header-controls {color: var(--text);background: var(--surface-secondary);}
:where(:root:not([data-theme="light"])) .workspace-hero {background: #0b2b6f;}
:where(:root:not([data-theme="light"])) .workspace-hero .match-state {background: var(--surface);}
:where(:root:not([data-theme="light"])) .workspace-hero .competition-badge {color: var(--text);background: var(--surface);}
:where(:root:not([data-theme="light"])) .workspace-score {background: var(--surface);border-color: var(--border-strong);}
:where(:root:not([data-theme="light"])) .club-avatar {background: var(--surface-secondary);}
:where(:root:not([data-theme="light"])) .club-rule-group summary {background: var(--surface-secondary);}
:where(:root:not([data-theme="light"])) .club-status.is-active {color: var(--success);background: var(--success-light);}
:where(:root:not([data-theme="light"])) .club-rule-group summary > i:first-child {color: var(--text-muted);background: var(--surface-secondary);}
:where(:root:not([data-theme="light"])) .club-logo-stage i {color: var(--text-muted);}
:where(:root:not([data-theme="light"])) .tool-group {border-color: var(--border);}
:where(:root:not([data-theme="light"])) .advanced-section {border-color: var(--border);}
:where(:root:not([data-theme="light"])) .manipulation-group {border-color: var(--border);}
:where(:root:not([data-theme="light"])) .context-menu-section {border-color: var(--border);}
:where(:root:not([data-theme="light"])) .editor-tools-sticky {border-color: var(--border);}
:where(:root:not([data-theme="light"])) .editor-topbar {background: var(--surface);color: var(--text);border-color: var(--border);}
:where(:root:not([data-theme="light"])) .editor-help-strip {background: var(--surface);color: var(--text);border-color: var(--border);}
:where(:root:not([data-theme="light"])) .editor-context-menu {background: var(--surface);color: var(--text);border-color: var(--border);}
:where(:root:not([data-theme="light"])) .editor-preview-dialog {background: var(--surface);color: var(--text);border-color: var(--border);}
:where(:root:not([data-theme="light"])) .editor-feedback {background: var(--surface);color: var(--text);border-color: var(--border);}
:where(:root:not([data-theme="light"])) .tool-button {background: var(--surface);color: var(--text);border-color: var(--border);}
:where(:root:not([data-theme="light"])) .tool-preview-popover {background: var(--surface);color: var(--text);border-color: var(--border);}
:where(:root:not([data-theme="light"])) .tool-group-heading:hover {background: var(--surface-secondary);}
:where(:root:not([data-theme="light"])) .advanced-button {background: var(--surface-secondary);}
:where(:root:not([data-theme="light"])) .version-button {background: var(--surface-secondary);}
:where(:root:not([data-theme="light"])) .metric-item {background: var(--surface-secondary);}
:where(:root:not([data-theme="light"])) .editor-search {background: var(--surface-secondary);}
:where(:root:not([data-theme="light"])) .properties-empty {background: var(--surface-secondary);}
:where(:root:not([data-theme="light"])) .editor-stage-viewport {background-color: var(--background);}
:where(:root:not([data-theme="light"])) .tool-group-count {color: var(--text-muted);}
:where(:root:not([data-theme="light"])) .tool-empty-hint {color: var(--text-muted);}
:where(:root:not([data-theme="light"])) .tool-preview-popover > span {color: var(--text-muted);}
:where(:root:not([data-theme="light"])) .tool-group-count {background: var(--surface-muted);}
:where(:root:not([data-theme="light"])) .tool-favorite {color: var(--text-muted);}
:where(:root:not([data-theme="light"])) .tool-favorite:hover {color: var(--warning);background: var(--warning-light);}
:where(:root:not([data-theme="light"])) .tool-favorite[aria-pressed="true"] {color: var(--warning);background: var(--warning-light);}
:where(:root:not([data-theme="light"])) .editor-title-input:focus-visible {outline: 3px solid var(--focus);outline-offset: 2px;}
:where(:root:not([data-theme="light"])) .tool-button:focus-visible {outline: 3px solid var(--focus);outline-offset: 2px;}
:where(:root:not([data-theme="light"])) .tool-group-heading:focus-visible {outline: 3px solid var(--focus);outline-offset: 2px;}
:where(:root:not([data-theme="light"])) [data-stage]:focus-visible {outline: 3px solid var(--focus);outline-offset: 2px;}
:where(:root:not([data-theme="light"])) .tool-favorite:focus-visible {outline: 3px solid var(--focus);outline-offset: 2px;}
:where(:root:not([data-theme="light"])) .editor-save-state.is-dirty {color: var(--warning);background: var(--warning-light);}
:where(:root:not([data-theme="light"])) .editor-save-state.is-saving {color: var(--primary-hover);background: var(--primary-light);}
:where(:root:not([data-theme="light"])) .editor-save-state.is-error {color: var(--danger);background: var(--danger-light);}
:where(:root:not([data-theme="light"])) .exercise-details-status.is-error {color: var(--danger);background: var(--danger-light);}
:where(:root:not([data-theme="light"])) .editor-save-state.is-saved {color: var(--success);background: var(--success-light);}
    /* The pitch, kit colours, SVG strokes and stored diagram colours are deliberately untouched. */


}