/* #152: read-only salon views.  This file deliberately only styles review and
   spectator pages, so the live game controls remain governed by salon.css. */
.qgo-review-salon .qgo-game-sidebar,
.qgo-watch-salon .qgo-game-sidebar {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.qgo-review-playback { border-top: 1px solid var(--qgo-line); padding: 17px 0 7px; }
.qgo-review-playback input[type="range"] { accent-color: var(--qgo-accent); min-height: 32px; padding: 0; }
.qgo-review-history .qgo-history,
.qgo-watch-history .qgo-history { max-height: 335px; padding-left: 0; list-style: none; }
.qgo-history-entry {
  width: 100%; min-height: 39px; padding: 8px 10px; border: 0; border-radius: 4px;
  background: transparent; color: var(--qgo-text); text-align: left; font: inherit;
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace; cursor: pointer;
}
.qgo-history-entry:hover { background: #39453e; }
.qgo-history-current { background: #4a554b; color: #fff; }
.qgo-history-locked { box-shadow: inset 3px 0 var(--qgo-copper); }
.qgo-watch-history .qgo-history li { padding: 8px 10px; }
.qgo-review-chat textarea,
.qgo-watch-chat textarea { background: #19221d; color: var(--qgo-text); border-color: var(--qgo-line); }
.qgo-review-chat #chat { min-height: 190px; }
.qgo-watch-chat { min-width: 0; }
.qgo-watch-chat > div { min-width: 0; }
.qgo-watch-chat input { background: #19221d; color: var(--qgo-text); border: 1px solid var(--qgo-line); border-radius: 5px; padding: 10px 12px; }
.qgo-watch-chat button { border: 1px solid var(--qgo-line); border-radius: 5px; background: transparent; color: var(--qgo-text); min-height: 40px; padding: 8px 12px; }
@media (max-width: 760px) {
  .qgo-review-history .qgo-history,
  .qgo-watch-history .qgo-history { max-height: 260px; }
  .qgo-review-playback { padding-top: 14px; }
}