/* Generated exclusively from VOLLEY ROTATION v159 original CSS color declarations. */
:root[data-theme="light"] {
  color: #16383c !important;
  background: #dff4f2 !important;
}

/* Current-only Premium components, colored exclusively with original v159 values. */
:root[data-theme="light"] .court-surface,
:root[data-theme="light"] .court-field {
  color: #16383C !important;
}

:root[data-theme="light"] .analysis-table td.analysis-rotation-pair-cell {
  background: #E7F4F4 !important;
  color: #0B5960 !important;
}

:root[data-theme="light"] .combo-menu {
  color: #457275 !important;
}

:root[data-theme="light"] body,
:root[data-theme="light"] .app-header,
:root[data-theme="light"] main,
:root[data-theme="light"] section,
:root[data-theme="light"] .roster-team,
:root[data-theme="light"] .matchup-team,
:root[data-theme="light"] .current-panel,
:root[data-theme="light"] .overview-panel,
:root[data-theme="light"] footer {
  color: #16383C !important;
}

:root[data-theme="light"] .court-field .player {
  color: #16383C !important;
}

:root[data-theme="light"] .roster-team.home .roster-team-header,
:root[data-theme="light"] .matchup-team.home {
  box-shadow: inset 3px 0 0 #0E747A !important;
}

:root[data-theme="light"] .roster-team.away .roster-team-header,
:root[data-theme="light"] .matchup-team.away {
  box-shadow: inset 3px 0 0 #D94D4D !important;
}

:root[data-theme="light"] .state-button.selected {
  box-shadow: 0 6px 16px rgba(14, 116, 122, 0.18) !important;
}

:root[data-theme="light"] .top-command-bar {
  border-color: #A7D7D4 !important;
  background: rgba(255, 255, 255, 0.86) !important;
  box-shadow: 0 12px 30px rgba(35, 109, 113, 0.08) !important;
}

:root[data-theme="light"] .section-nav a,
:root[data-theme="light"] .theme-toggle {
  color: #1D7278 !important;
}

:root[data-theme="light"] .section-nav a:hover,
:root[data-theme="light"] .section-nav a:focus-visible,
:root[data-theme="light"] .section-nav a.active {
  border-color: #0E747A !important;
  background: #E1F5F3 !important;
  color: #0B5960 !important;
}

:root[data-theme="light"] .theme-toggle {
  border-color: #A7D7D4 !important;
  background: #EDF9F8 !important;
}

:root[data-theme="light"] body {
  background: radial-gradient(circle at top right, rgba(255, 255, 255, 0.85), transparent 36rem),
    #dff4f2;
}

:root[data-theme="light"] .header-credit {
  color: #6c9ea0 !important;
}

:root[data-theme="light"] .header-credit strong {
  color: #104f54 !important;
}

:root[data-theme="light"] .game-mode-button {
  border-color: #93cfcb !important;
  background: #0e747a !important;
  color: #fff !important;
  box-shadow: 0 8px 18px rgba(14, 116, 122, 0.18) !important;
}

:root[data-theme="light"] h1 {
  color: #104f54 !important;
}

:root[data-theme="light"] h1 small {
  color: #6c9ea0 !important;
}

:root[data-theme="light"] .build-label {
  color: #579093 !important;
}

:root[data-theme="light"] .creator-label {
  color: #6c9ea0 !important;
}

:root[data-theme="light"] h2 {
  color: #174f54 !important;
}

:root[data-theme="light"] h3 {
  color: #174f54 !important;
}

:root[data-theme="light"] .eyebrow {
  color: #25838a !important;
}

:root[data-theme="light"] .status-badge,
:root[data-theme="light"] .summary-pill {
  border-color: #a7d7d4 !important;
  background: rgba(255, 255, 255, 0.68) !important;
  color: #257077 !important;
}

:root[data-theme="light"] section {
  border-color: rgba(91, 164, 166, 0.3) !important;
  background: rgba(255, 255, 255, 0.72) !important;
  box-shadow: 0 14px 35px rgba(35, 109, 113, 0.08) !important;
}

:root[data-theme="light"] .help-text {
  color: #54787a !important;
}

:root[data-theme="light"] .text-button {
  background: #e1f5f3 !important;
  color: #1d7278 !important;
}

:root[data-theme="light"] .text-button.active {
  background: #0e747a !important;
  color: #fff !important;
}

:root[data-theme="light"] .primary-button {
  background: #0e747a !important;
  color: #fff !important;
}

:root[data-theme="light"] .situation-options span {
  border-color: #b9dedd !important;
  background: #fff !important;
  color: #31777b !important;
}

:root[data-theme="light"] .situation-options input:checked + span {
  border-color: #0e747a !important;
  background: #0e747a !important;
  color: #fff !important;
}

:root[data-theme="light"] .matchup-team.home,
:root[data-theme="light"] .roster-team.home {
  background: #edf9f8 !important;
}

:root[data-theme="light"] .matchup-team.away,
:root[data-theme="light"] .roster-team.away {
  background: #fff2e8 !important;
}

:root[data-theme="light"] .roster-team-header {
  border-bottom-color: rgba(13, 104, 112, 0.14) !important;
  background: rgba(255, 255, 255, 0.42) !important;
}

:root[data-theme="light"] .roster-team-header .eyebrow,
:root[data-theme="light"] .matchup-team > .eyebrow {
  color: #0e6770 !important;
}

:root[data-theme="light"] .matchup-team label,
:root[data-theme="light"] .roster-inputs label {
  color: #457275 !important;
}

:root[data-theme="light"] .matchup-team input,
:root[data-theme="light"] .matchup-team select,
:root[data-theme="light"] .roster-inputs input {
  border-color: #c8e2e0 !important;
  background: rgba(255, 255, 255, 0.9) !important;
  color: #174f54 !important;
}

:root[data-theme="light"] .combo-arrow {
  border-left-color: rgba(14, 116, 122, 0.16) !important;
  background: rgba(231, 244, 244, 0.96) !important;
  color: #0e747a !important;
}

:root[data-theme="light"] .combo-arrow:active,
:root[data-theme="light"] .combo-arrow:focus-visible {
  background: #d6eeee !important;
  color: #075e64 !important;
}

:root[data-theme="light"] .combo-menu {
  border-color: #b7ddda !important;
  background: #fff !important;
  box-shadow: 0 14px 28px rgba(12, 76, 80, 0.16) !important;
}

:root[data-theme="light"] .combo-option {
  background: transparent !important;
  color: #174f54 !important;
}

:root[data-theme="light"] .combo-option-pair {
  border-bottom-color: rgba(14, 116, 122, 0.14) !important;
}

:root[data-theme="light"] .combo-cell {
  background: transparent !important;
  color: inherit !important;
}

:root[data-theme="light"] .combo-cell + .combo-cell {
  border-left-color: rgba(14, 116, 122, 0.16) !important;
}

:root[data-theme="light"] .combo-cell:hover,
:root[data-theme="light"] .combo-cell:focus-visible {
  background: #e7f4f4 !important;
  color: #0e747a !important;
}

:root[data-theme="light"] .combo-option:hover,
:root[data-theme="light"] .combo-option:focus-visible,
:root[data-theme="light"] .combo-option.selected {
  color: #0e747a !important;
}

:root[data-theme="light"] .combo-option.selected .combo-cell {
  color: #0e747a !important;
}

:root[data-theme="light"] .combo-empty {
  color: #7aa1a4 !important;
}

:root[data-theme="light"] .matchup-team input::placeholder {
  color: rgba(23, 79, 84, 0.62) !important;
}

:root[data-theme="light"] .matchup-team input:focus,
:root[data-theme="light"] .matchup-team select:focus,
:root[data-theme="light"] .roster-inputs input:focus {
  border-color: #0e747a !important;
  box-shadow: 0 0 0 3px rgba(14, 116, 122, 0.12) !important;
}

:root[data-theme="light"] .matchup-result {
  background: #e7f4f4 !important;
  color: #3b7376 !important;
}

:root[data-theme="light"] .matchup-panel {
  border-color: rgba(14, 116, 122, 0.46) !important;
  background: rgba(255, 255, 255, 0.9) !important;
}

:root[data-theme="light"] .matchup-analysis-panel {
  border-color: rgba(14, 116, 122, 0.46) !important;
  background: rgba(255, 255, 255, 0.9) !important;
}

:root[data-theme="light"] .analysis-front-row .front-toggle input {
  accent-color: #0e747a !important;
}

:root[data-theme="light"] .matchup-result strong {
  color: #0f676d !important;
}

:root[data-theme="light"] .analysis-tab {
  border-color: #b9dedd !important;
  background: #fff !important;
  color: #31777b !important;
}

:root[data-theme="light"] .analysis-tab.active {
  border-color: #0e747a !important;
  background: #0e747a !important;
  color: #fff !important;
}

:root[data-theme="light"] .analysis-form-grid label {
  color: #457275 !important;
}

:root[data-theme="light"] .analysis-form-grid select {
  border-color: #c8e2e0 !important;
  background: rgba(255, 255, 255, 0.94) !important;
  color: #174f54 !important;
}

:root[data-theme="light"] .analysis-form-grid .combo-input input {
  border-color: #c8e2e0 !important;
  background: rgba(255, 255, 255, 0.94) !important;
  color: #174f54 !important;
}

:root[data-theme="light"] .analysis-form-grid .combo-input input::placeholder {
  color: rgba(23, 79, 84, 0.62) !important;
}

:root[data-theme="light"] .analysis-form-grid .combo-input input:focus {
  border-color: #0e747a !important;
  box-shadow: 0 0 0 3px rgba(14, 116, 122, 0.12) !important;
}

:root[data-theme="light"] .combo-option-full {
  border-bottom-color: rgba(14, 116, 122, 0.14) !important;
}

:root[data-theme="light"] .combo-cell-full {
  color: #0e6770 !important;
}

:root[data-theme="light"] .analysis-form-grid select:focus {
  border-color: #0e747a !important;
  box-shadow: 0 0 0 3px rgba(14, 116, 122, 0.12) !important;
}

:root[data-theme="light"] .analysis-result-row {
  border-color: rgba(14, 116, 122, 0.16) !important;
  background: #f3fbfa !important;
  color: #174f54 !important;
}

:root[data-theme="light"] .analysis-result-row.selected {
  border-color: #0e747a !important;
  background: #e2f5f3 !important;
  box-shadow: inset 0 0 0 1px rgba(14, 116, 122, 0.2) !important;
}

:root[data-theme="light"] .compact-analysis-results .analysis-result-row .analysis-result-left > strong {
  color: #0b5960 !important;
}

:root[data-theme="light"] .analysis-base-position-label {
  color: #0e747a !important;
}

:root[data-theme="light"] .compact-analysis-results .analysis-result-row .analysis-summary {
  color: #0e6770 !important;
}

:root[data-theme="light"] .analysis-signal-numbers {
  color: #2d7277 !important;
}

:root[data-theme="light"] .analysis-signal-dot {
  border-color: #0e747a !important;
  background: #fff !important;
}

:root[data-theme="light"] .analysis-signal-dot.filled {
  background: #0e747a !important;
  box-shadow: 0 0 0 2px rgba(14, 116, 122, 0.12) !important;
}

:root[data-theme="light"] .analysis-summary.large {
  color: #0e6770 !important;
}

:root[data-theme="light"] .analysis-mode-label {
  color: #0e6770 !important;
}

:root[data-theme="light"] .analysis-all-card {
  border-color: rgba(14, 116, 122, 0.14) !important;
  background: #fff !important;
  color: #174f54 !important;
}

:root[data-theme="light"] .analysis-all-pairs span {
  background: #eef8f7 !important;
  color: #174f54 !important;
}

:root[data-theme="light"] .analysis-all-card:hover,
:root[data-theme="light"] .analysis-all-card:focus-visible,
:root[data-theme="light"] .analysis-all-card.selected {
  border-color: #0e747a !important;
  background: #edf9f8 !important;
}

:root[data-theme="light"] .analysis-all-count-0 .analysis-all-card-head em {
  color: #6f7f82 !important;
}

:root[data-theme="light"] .analysis-all-count-1 .analysis-all-card-head em {
  color: #b85f00 !important;
}

:root[data-theme="light"] .analysis-all-count-2 .analysis-all-card-head em {
  color: #1f5fbf !important;
}

:root[data-theme="light"] .analysis-all-count-3 .analysis-all-card-head em {
  color: #087047 !important;
}

:root[data-theme="light"] .analysis-empty {
  background: #e7f4f4 !important;
  color: #3b7376 !important;
}

:root[data-theme="light"] .analysis-applied-context {
  border-color: rgba(14, 116, 122, 0.18) !important;
  background: #eef8f7 !important;
  color: #0b5960 !important;
}

:root[data-theme="light"] .analysis-applied-context > * + *::before {
  color: #75a9aa !important;
}

:root[data-theme="light"] .analysis-applied-context strong {
  color: #0b5960 !important;
}

:root[data-theme="light"] .analysis-context-muted {
  color: #6c9ea0 !important;
}

:root[data-theme="light"] .analysis-table {
  color: #174f54 !important;
}

:root[data-theme="light"] .analysis-table th,
:root[data-theme="light"] .analysis-table td {
  border-right-color: rgba(14, 116, 122, 0.13) !important;
  border-bottom-color: rgba(14, 116, 122, 0.28) !important;
  background: rgba(255, 255, 255, 0.86) !important;
}

:root[data-theme="light"] .analysis-table th {
  background: #e7f4f4 !important;
  color: #0e6770 !important;
}

:root[data-theme="light"] .analysis-table th:first-child,
:root[data-theme="light"] .analysis-table td:first-child {
  border-left-color: rgba(14, 116, 122, 0.16) !important;
  border-right-color: rgba(14, 116, 122, 0.38) !important;
}

:root[data-theme="light"] .analysis-table tbody tr:nth-child(even) td {
  background: rgba(247, 252, 251, 0.92) !important;
}

:root[data-theme="light"] .analysis-rotation-pair-cell {
  background: #e7f4f4 !important;
  color: #0b5960 !important;
}

:root[data-theme="light"] .analysis-table tbody tr:hover td,
:root[data-theme="light"] .analysis-table tbody tr.selected-row td {
  background: #edf9f8 !important;
}

:root[data-theme="light"] .analysis-table tbody tr:hover .analysis-rotation-pair-cell,
:root[data-theme="light"] .analysis-table tbody tr.selected-row .analysis-rotation-pair-cell {
  background: #dff3f1 !important;
}

:root[data-theme="light"] .analysis-table tbody tr.selected-row td:first-child {
  color: #0b5960 !important;
  box-shadow: inset 4px 0 0 #0e747a !important;
}

:root[data-theme="light"] .analysis-table thead th {
  border-top-color: rgba(14, 116, 122, 0.16) !important;
}

:root[data-theme="light"] .analysis-grid-circle {
  border-color: #cfd8dc !important;
  background: #f3f5f5 !important;
  color: #6f7f82 !important;
}

:root[data-theme="light"] .analysis-grid-signal.count-1 .analysis-grid-circle.filled {
  border-color: #f59e0b !important;
  background: #f59e0b !important;
  color: #fff !important;
}

:root[data-theme="light"] .analysis-grid-signal.count-2 .analysis-grid-circle.filled {
  border-color: #2563eb !important;
  background: #2563eb !important;
  color: #fff !important;
}

:root[data-theme="light"] .analysis-grid-signal.count-3 .analysis-grid-circle.filled {
  border-color: #0f8a5f !important;
  background: #0f8a5f !important;
  color: #fff !important;
}

:root[data-theme="light"] .analysis-grid-count {
  color: #5d7d7e !important;
  background: transparent !important;
}

:root[data-theme="light"] .analysis-grid-count-1 {
  color: #b85f00 !important;
}

:root[data-theme="light"] .analysis-grid-count-2 {
  color: #1f5fbf !important;
}

:root[data-theme="light"] .analysis-grid-count-3 {
  color: #087047 !important;
}

:root[data-theme="light"] .analysis-cell-button {
  border-color: rgba(14, 116, 122, 0.14) !important;
  background: #fff !important;
  color: #174f54 !important;
}

:root[data-theme="light"] .analysis-cell-button:hover,
:root[data-theme="light"] .analysis-cell-button:focus-visible {
  border-color: rgba(14, 116, 122, 0.46) !important;
  background: #edf9f8 !important;
}

:root[data-theme="light"] .analysis-cell-button.selected {
  border-color: #0e747a !important;
  background: #e2f5f3 !important;
  box-shadow: inset 0 0 0 2px rgba(14, 116, 122, 0.22) !important;
}

:root[data-theme="light"] .analysis-actions .text-button:not(:disabled) {
  border-color: rgba(14, 116, 122, 0.24) !important;
}

:root[data-theme="light"] .analysis-actions .text-button:not(:disabled):hover,
:root[data-theme="light"] .analysis-actions .text-button:not(:disabled):focus-visible {
  border-color: rgba(14, 116, 122, 0.5) !important;
  background: #d7f2ef !important;
  box-shadow: 0 6px 14px rgba(14, 116, 122, 0.12) !important;
}

:root[data-theme="light"] .roster-inputs label {
  color: #0e6770 !important;
}

:root[data-theme="light"] .player-picker-field {
  color: #0e6770 !important;
}

:root[data-theme="light"] .player-picker-input,
:root[data-theme="light"] .player-picker-toggle {
  border-color: #c8e2e0 !important;
  background: rgba(255, 255, 255, 0.94) !important;
  color: #174f54 !important;
}

:root[data-theme="light"] .player-picker-toggle {
  border-left-color: #c8e2e0 !important;
  background: transparent !important;
}

:root[data-theme="light"] .player-picker-list {
  border-color: #a7d7d4 !important;
  background: rgba(250, 255, 254, 0.98) !important;
  box-shadow: 0 14px 28px rgba(35, 109, 113, 0.16) !important;
}

:root[data-theme="light"] .player-picker-option,
:root[data-theme="light"] .player-picker-empty {
  border-color: rgba(13, 104, 112, 0.16) !important;
  background: #fff !important;
  color: #174f54 !important;
}

:root[data-theme="light"] .player-picker-option:hover,
:root[data-theme="light"] .player-picker-option:focus-visible {
  background: #edf8f6 !important;
}

:root[data-theme="light"] .player-picker-option.used {
  background: #eef2f2 !important;
  color: #6d8588 !important;
}

:root[data-theme="light"] .player-picker-option.selected {
  border-color: #11888c !important;
  background: #e4f5f3 !important;
  color: #0a545a !important;
}

:root[data-theme="light"] .player-picker-position {
  border-color: #d94d4d !important;
  background: #fff !important;
  color: #d94d4d !important;
}

:root[data-theme="light"] .slot-edit-popup-overlay {
  background: rgba(9, 38, 42, 0.32) !important;
}

:root[data-theme="light"] .slot-edit-popup {
  border-color: rgba(91, 164, 166, 0.4) !important;
  background: rgba(248, 255, 254, 0.98) !important;
  box-shadow: 0 22px 48px rgba(18, 79, 84, 0.26) !important;
}

:root[data-theme="light"] .slot-name-edit {
  color: #0e6770 !important;
}

:root[data-theme="light"] .slot-name-edit input {
  border-color: #c8e2e0 !important;
  background: rgba(255, 255, 255, 0.94) !important;
  color: #174f54 !important;
}

:root[data-theme="light"] .squad-table-head {
  color: #1d7278 !important;
}

:root[data-theme="light"] .slot-popup-player {
  background: rgba(237, 249, 248, 0.76) !important;
}

:root[data-theme="light"] .slot-popup-actions-footer {
  border-top-color: rgba(13, 104, 112, 0.16) !important;
}

:root[data-theme="light"] .slot-manager {
  border-bottom-color: rgba(13, 104, 112, 0.1) !important;
}

:root[data-theme="light"] .slot-manager select,
:root[data-theme="light"] .slot-button {
  border-color: #b9dedd !important;
  background: rgba(255, 255, 255, 0.86) !important;
  color: #236c72 !important;
}

:root[data-theme="light"] .slot-button.active {
  border-color: #0e747a !important;
  background: #0e747a !important;
  color: #fff !important;
}

:root[data-theme="light"] .slot-editor {
  border-top-color: rgba(13, 104, 112, 0.16) !important;
}

:root[data-theme="light"] .slot-editor label {
  color: #31777b !important;
}

:root[data-theme="light"] .slot-editor input {
  border-color: #c8e2e0 !important;
  background: rgba(255, 255, 255, 0.92) !important;
  color: #174f54 !important;
}

:root[data-theme="light"] .squad-manager {
  border-top-color: rgba(13, 104, 112, 0.16) !important;
}

:root[data-theme="light"] .squad-heading {
  color: #1d7278 !important;
}

:root[data-theme="light"] .squad-heading span {
  color: #6f9799 !important;
}

:root[data-theme="light"] .squad-player {
  background: rgba(255, 255, 255, 0.66) !important;
  color: #174f54 !important;
}

:root[data-theme="light"] .squad-player input {
  border-color: #c8e2e0 !important;
  background: rgba(255, 255, 255, 0.94) !important;
  color: #174f54 !important;
}

:root[data-theme="light"] .rotation-jog-team {
  border-color: rgba(13, 104, 112, 0.18) !important;
}

:root[data-theme="light"] .rotation-jog-team.home {
  background: rgba(237, 249, 248, 0.92) !important;
}

:root[data-theme="light"] .rotation-jog-team.away {
  background: rgba(255, 242, 232, 0.94) !important;
}

:root[data-theme="light"] .rotation-jog-label {
  color: #1d7278 !important;
}

:root[data-theme="light"] .rotation-jog strong {
  color: #174f54 !important;
}

:root[data-theme="light"] .rotation-jog-button {
  border-color: #a7d7d4 !important;
  background: #eef9f8 !important;
  color: #1d7278 !important;
}

:root[data-theme="light"] .team-selector.home {
  background: #edf9f8 !important;
}

:root[data-theme="light"] .team-selector.away {
  background: #fff2e8 !important;
}

:root[data-theme="light"] .team-title strong {
  color: #0f6d73 !important;
}

:root[data-theme="light"] .versus {
  color: #72aeb1 !important;
}

:root[data-theme="light"] .state-button {
  border-color: transparent !important;
  background: #fff !important;
  color: #33777b !important;
}

:root[data-theme="light"] .state-button:hover:not(:disabled) {
  border-color: #3c9598 !important;
}

:root[data-theme="light"] .state-button.selected {
  border-color: #0e747a !important;
  background: #0e747a !important;
  color: #fff !important;
}

:root[data-theme="light"] .mini-toggle {
  border-color: rgba(14, 116, 122, 0.16) !important;
  background: rgba(255, 255, 255, 0.7) !important;
  color: #1d7278 !important;
}

:root[data-theme="light"] .mini-toggle i {
  background: #b8d5d4 !important;
}

:root[data-theme="light"] .mini-toggle i::after {
  background: #fff !important;
}

:root[data-theme="light"] .mini-toggle input:checked + i {
  background: #0e747a !important;
}

:root[data-theme="light"] .court-align-toggle {
  background: #e1f5f3 !important;
  color: #1d7278 !important;
}

:root[data-theme="light"] .court-align-toggle i {
  background: #b8d5d4 !important;
}

:root[data-theme="light"] .court-align-toggle i::after {
  background: #fff !important;
}

:root[data-theme="light"] .court-align-toggle input:checked + i {
  background: #0e747a !important;
}

:root[data-theme="light"] .court-card {
  background: #bdd9ee !important;
}

:root[data-theme="light"] .empty-message {
  color: #3f708d !important;
}

:root[data-theme="light"] .court-surface {
  border-color: #bdd9ee !important;
  background: #f8c9aa !important;
  box-shadow: inset 0 0 0 3px rgba(255, 255, 255, 0.98) !important;
}

:root[data-theme="light"] .court-field {
  border-color: rgba(255, 255, 255, 0.98) !important;
  background: #f8c9aa !important;
}

:root[data-theme="light"] .court-field::before,
:root[data-theme="light"] .court-field::after {
  background: rgba(255, 255, 255, 0.98) !important;
}

:root[data-theme="light"] .court-team {
  background: transparent !important;
}

:root[data-theme="light"] .court-team.away {
  background: transparent !important;
}

:root[data-theme="light"] .court-team.home {
  background: transparent !important;
}

:root[data-theme="light"] .net-divider {
  border-block-color: rgba(255, 255, 255, 1) !important;
  background: repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.95) 0 2px, transparent 2px 10px),
    #101010;
}

:root[data-theme="light"] .draggable-player {
  border-color: rgba(13, 104, 112, 0.72) !important;
  background: #fffaf5 !important;
  color: #073945 !important;
}

:root[data-theme="light"] .draggable-player.dragging {
  background: #fff !important;
  box-shadow: 0 5px 15px rgba(37, 92, 112, 0.25) !important;
}

:root[data-theme="light"] .state-strip {
  background: #bdd9ee !important;
  color: #244f68 !important;
}

:root[data-theme="light"] .ball {
  filter: drop-shadow(0 1px 2px rgba(37, 92, 112, 0.18)) !important;
}

:root[data-theme="light"] .drawing-mode-panel {
  border-color: rgba(13, 104, 112, 0.24) !important;
  background: rgba(255, 255, 255, 0.88) !important;
  box-shadow: 0 12px 26px rgba(37, 92, 112, 0.16) !important;
}

:root[data-theme="light"] .drawing-mode-panel button {
  border-color: #a7d7d4 !important;
  background: #eef9f8 !important;
  color: #174f54 !important;
}

:root[data-theme="light"] .drawing-mode-panel button.active {
  border-color: #0e747a !important;
  background: #0e747a !important;
  color: #fff !important;
}

:root[data-theme="light"] .drawing-toolbar {
  border-color: #a7d7d4 !important;
  background: rgba(255, 255, 255, 0.76) !important;
  box-shadow: 0 10px 24px rgba(37, 92, 112, 0.1) !important;
}

:root[data-theme="light"] .text-note-toolbar {
  border-color: #a7d7d4 !important;
  background: rgba(255, 255, 255, 0.76) !important;
  box-shadow: 0 10px 24px rgba(37, 92, 112, 0.1) !important;
}

:root[data-theme="light"] .toolbar-divider {
  background: rgba(13, 104, 112, 0.22) !important;
}

:root[data-theme="light"] .draw-tool {
  border-color: rgba(13, 104, 112, 0.26) !important;
  background: #eef9f8 !important;
  color: #174f54 !important;
}

:root[data-theme="light"] .draw-tool.red {
  color: #be123c !important;
}

:root[data-theme="light"] .draw-tool.blue {
  color: #1d4ed8 !important;
}

:root[data-theme="light"] .draw-tool.active {
  border-color: rgba(13, 104, 112, 0.82) !important;
  background: #0f858b !important;
  color: #fff !important;
}

:root[data-theme="light"] .color-dot {
  border-color: rgba(255, 255, 255, 0.92) !important;
  box-shadow: 0 0 0 2px rgba(13, 104, 112, 0.18) !important;
}

:root[data-theme="light"] .color-dot.black {
  background: #101010 !important;
}

:root[data-theme="light"] .color-dot.red {
  background: #e11d48 !important;
}

:root[data-theme="light"] .color-dot.blue {
  background: #2563eb !important;
}

:root[data-theme="light"] .width-label {
  color: #2d6870 !important;
}

:root[data-theme="light"] .width-line {
  background: #101010 !important;
  box-shadow: 0 0 0 2px rgba(13, 104, 112, 0.16) !important;
}

:root[data-theme="light"] .eraser-icon::before {
  border-color: rgba(13, 104, 112, 0.72) !important;
  background: #f8b4c4 !important;
}

:root[data-theme="light"] .eraser-icon::after {
  border-color: rgba(13, 104, 112, 0.72) !important;
  background: #fffaf5 !important;
}

:root[data-theme="light"] .sideout-orb {
  border-color: rgba(13, 104, 112, 0.78) !important;
  background: linear-gradient(145deg, #0e747a, #11959b) !important;
  box-shadow: 0 16px 35px rgba(14, 116, 122, 0.22) !important;
  color: #fff !important;
}

:root[data-theme="light"] .rotation-step-buttons button {
  border-color: #a7d7d4 !important;
  background: rgba(255, 255, 255, 0.82) !important;
  color: #0f676d !important;
}

:root[data-theme="light"] .court-service-ball {
  filter: drop-shadow(0 5px 10px rgba(37, 92, 112, 0.16)) !important;
}

:root[data-theme="light"] body.game-mode {
  background: radial-gradient(circle at top right, rgba(255, 255, 255, 0.72), transparent 32rem),
    #dff4f2;
}

:root[data-theme="light"] body.game-mode .current-panel,
:root[data-theme="light"] body.game-mode .overview-panel {
  background: rgba(255, 255, 255, 0.82) !important;
}

:root[data-theme="light"] body.game-mode .game-mode-button {
  background: #e11d48 !important;
  border-color: rgba(225, 29, 72, 0.34) !important;
  box-shadow: 0 8px 18px rgba(225, 29, 72, 0.18) !important;
}

:root[data-theme="light"] .rotation-card.current-overview {
  outline-color: #e11d48 !important;
  box-shadow: 0 0 0 7px rgba(225, 29, 72, 0.13) !important;
}

:root[data-theme="light"] .current-overview-badge {
  border-color: #fffaf5 !important;
  background: #e11d48 !important;
  color: #fff !important;
  box-shadow: 0 5px 12px rgba(108, 27, 54, 0.24) !important;
}

:root[data-theme="light"] .rotation-index {
  color: rgba(17, 79, 84, 0.6) !important;
}

:root[data-theme="light"] .rotation-card .player span {
  border-color: rgba(13, 104, 112, 0.72) !important;
  background: #fffaf5 !important;
  box-shadow: 0 0 0 2px rgba(255, 250, 245, 0.95) !important;
}

:root[data-theme="light"] .matchup-line-layer line {
  stroke: rgba(13, 104, 112, 0.82) !important;
}

:root[data-theme="light"] .matchup-line-handle {
  fill: #0d6870 !important;
  stroke: #fffaf5 !important;
}

:root[data-theme="light"] .text-note {
  border-color: rgba(13, 104, 112, 0.56) !important;
  background: rgba(255, 250, 245, 0.92) !important;
  box-shadow: 0 8px 18px rgba(28, 82, 91, 0.12) !important;
}

:root[data-theme="light"] .text-note textarea {
  background: transparent !important;
  color: #073945 !important;
}

:root[data-theme="light"] .text-note.editing {
  border-color: rgba(13, 104, 112, 0.92) !important;
}

:root[data-theme="light"] .text-note-resize {
  border-color: #fffaf5 !important;
  background: #0d6870 !important;
}

:root[data-theme="light"] .text-note-delete {
  border-color: #fffaf5 !important;
  background: #e11d48 !important;
  color: #fff !important;
}

:root[data-theme="light"] .text-note-move {
  border-color: #fffaf5 !important;
  background: #0d6870 !important;
  color: #fff !important;
}

:root[data-theme="light"] .rotation-card .court-surface {
  box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.98) !important;
}

:root[data-theme="light"] .rotation-card .net-divider {
  border-block-color: #101010 !important;
  background: #101010 !important;
}

:root[data-theme="light"] footer {
  color: #5e8486 !important;
}

@media (max-width: 520px) and (orientation: portrait) and (hover: none) and (pointer: coarse) {
:root[data-theme="light"] .analysis-mobile-row {
  border-color: rgba(14, 116, 122, 0.18) !important;
  background: rgba(255, 255, 255, 0.86) !important;
}

:root[data-theme="light"] .analysis-mobile-row.selected-row {
  box-shadow: inset 4px 0 0 #0e747a !important;
  background: #edf9f8 !important;
}

:root[data-theme="light"] .analysis-mobile-row-title {
  color: #0b5960 !important;
}

:root[data-theme="light"] .analysis-mobile-cell {
  border-color: rgba(14, 116, 122, 0.14) !important;
  background: #fff !important;
  color: #174f54 !important;
}

:root[data-theme="light"] .analysis-mobile-cell.selected {
  border-color: #0e747a !important;
  background: #e4f5f3 !important;
}

:root[data-theme="light"] .analysis-mobile-position {
  color: #0b5960 !important;
}

}


/* v164: keep the AWAY manual-adjustment title area continuous with its card background. */
:root[data-theme="light"] .team-selector.away .team-title {
  background: #fff2e8 !important;
}