/*
 * 疾風ポータル UI Completion Phase 1B
 *
 * 既存admin.cssを上書きせず、
 * 試合結果編集UIに必要な追加スタイルだけを定義する。
 */

.hayate-game-edit-button {
  min-width: 104px;
}

.hayate-game-edit-overlay {
  z-index: 1450;
}

.hayate-game-edit-panel {
  width: min(620px, calc(100vw - 28px));
}

.hayate-game-edit-message {
  margin-top: 16px;
}

.hayate-game-edit-actions {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.35fr);
  gap: 10px;
  margin-top: 20px;
}

.hayate-game-edit-actions > button {
  width: 100%;
  min-height: 48px;
}

.hayate-game-edit-dialog [aria-busy="true"] {
  cursor: wait;
}

@media (max-width: 560px) {
  .hayate-game-edit-panel {
    width: min(100%, calc(100vw - 18px));
    max-height: calc(
      100dvh -
      env(safe-area-inset-top, 0px) -
      env(safe-area-inset-bottom, 0px) -
      18px
    );
  }

  .hayate-game-edit-actions {
    grid-template-columns: 1fr;
  }

  .hayate-game-edit-actions .admin-primary-button {
    order: -1;
  }
}

@media (prefers-reduced-motion: reduce) {
  .hayate-game-edit-overlay,
  .hayate-game-edit-panel {
    scroll-behavior: auto;
  }
}