/* =========================================================
   OptiWake — jednolite przyciski PC
   LIVE / LAB / TRASA
   ========================================================= */

@media (min-width: 821px) {
  :root {
    --ow-pc-blue: #0057b8;
    --ow-pc-navy: #0b1d3a;
    --ow-pc-turquoise: #00d4c6;

    --ow-pc-blue-soft: #e3f1fb;
    --ow-pc-turquoise-soft: #d9f8f4;
    --ow-pc-red-soft: #f8e4e2;
    --ow-pc-red: #a3332d;

    --ow-pc-green-soft: #dff3e7;
    --ow-pc-green: #0d6d3d;

    --ow-pc-yellow-soft: #fff0c3;
    --ow-pc-yellow: #8a5800;

    --ow-pc-purple-soft: #ede1ff;
    --ow-pc-purple: #6530b8;

    --ow-pc-border: #b9ccd9;
    --ow-pc-disabled: #e8eef2;
  }

  /*
   * Wspólny wygląd wszystkich przycisków.
   */

  .training-button,
  .simulator-button,
  .course-button,
  .live-action-button {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-height: 42px !important;
    height: 42px !important;

    padding: 0 14px !important;
    margin: 0 !important;

    border:
      1px solid var(--ow-pc-border) !important;

    border-radius: 10px !important;

    background: #ffffff !important;
    color: var(--ow-pc-navy) !important;

    box-shadow: none !important;

    font-size: 12px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    letter-spacing: 0.1px !important;

    animation: none !important;
    transform: none !important;

    box-sizing: border-box !important;
  }

  /*
   * Brak przesuwania i animacji.
   */

  .training-button:hover,
  .training-button:active,
  .simulator-button:hover,
  .simulator-button:active,
  .course-button:hover,
  .course-button:active,
  .live-action-button:hover,
  .live-action-button:active {
    transform: none !important;
  }

  /*
   * Główne akcje: rozpoczęcie.
   */

  .training-button.start,
  .simulator-button.start,
  .live-action-button.start {
    border-color: #4fded3 !important;
    background: var(--ow-pc-turquoise-soft) !important;
    color: #006c65 !important;
  }

  .training-button.start:hover:not(:disabled),
  .simulator-button.start:hover:not(:disabled),
  .live-action-button.start:hover:not(:disabled) {
    background: #c9f4ef !important;
  }

  /*
   * Zatrzymanie i zakończenie.
   */

  .training-button.finish,
  .simulator-button.stop,
  .live-action-button.stop {
    border-color: #e6aaa6 !important;
    background: var(--ow-pc-red-soft) !important;
    color: var(--ow-pc-red) !important;
  }

  .training-button.finish:hover:not(:disabled),
  .simulator-button.stop:hover:not(:disabled),
  .live-action-button.stop:hover:not(:disabled) {
    background: #f4d4d1 !important;
  }

  /*
   * Przejście do Race Lab i akcje pomocnicze.
   */

  .live-action-button.lab,
  .live-action-button.race-lab,
  .course-button.reload {
    border-color: #8ebee0 !important;
    background: var(--ow-pc-blue-soft) !important;
    color: var(--ow-pc-blue) !important;
  }

  .live-action-button.lab:hover:not(:disabled),
  .live-action-button.race-lab:hover:not(:disabled),
  .course-button.reload:hover:not(:disabled) {
    background: #d4eaf8 !important;
  }

  /*
   * Elementy trasy.
   */

  .course-button.start {
    border-color: #7bc79c !important;
    background: var(--ow-pc-green-soft) !important;
    color: var(--ow-pc-green) !important;
  }

  .course-button.finish {
    border-color: #e79b96 !important;
    background: #fae3e1 !important;
    color: #a12d27 !important;
  }

  .course-button.mark {
    border-color: #e7bf5e !important;
    background: var(--ow-pc-yellow-soft) !important;
    color: var(--ow-pc-yellow) !important;
  }

  .course-button.gate {
    border-color: #bfa0ee !important;
    background: var(--ow-pc-purple-soft) !important;
    color: var(--ow-pc-purple) !important;
  }

  .course-button.delete {
    border-color: #c4d0d9 !important;
    background: #edf2f5 !important;
    color: #52687a !important;
  }

  .course-button.save {
    border-color: #4fded3 !important;
    background: var(--ow-pc-turquoise-soft) !important;
    color: #006c65 !important;
  }

  /*
   * Przyciski nieaktywne pozostają czytelne.
   */

  .training-button:disabled,
  .simulator-button:disabled,
  .course-button:disabled,
  .live-action-button:disabled {
    border-color: #cbd7df !important;
    background: var(--ow-pc-disabled) !important;
    color: #718493 !important;

    opacity: 1 !important;
    cursor: not-allowed !important;
  }

  /*
   * Równe odstępy w grupach.
   */

  .training-actions,
  .simulator-controls,
  .live-simulator-actions,
  .course-editor-controls {
    gap: 9px !important;
  }

  /*
   * Karty i panele z wyraźniejszym obramowaniem.
   */

  .app-module-card,
  .training-panel,
  .course-editor,
  .app-placeholder {
    border-color: #bfd0dc !important;
    background: #ffffff !important;

    box-shadow:
      0 3px 12px
      rgba(11, 29, 58, 0.07) !important;
  }

  /*
   * Statusy i komunikaty.
   */

  .training-state,
  .simulator-state,
  .live-simulator-status,
  .course-status {
    border-color: #c6d4de !important;
    background: #edf3f7 !important;
    color: #40566b !important;
  }
}