/* Hockey HQ v5.0 — Draft Room rehearsal mode */

.mock-draft-room-page {
  gap: 14px;
}

.mock-draft-room-status {
  margin: 0;
  max-width: none;
  width: 100%;
}

.mock-draft-clock-stack {
  align-items: center;
  display: flex;
  gap: 14px;
}

.mock-draft-room-controls {
  align-items: center;
  background: rgba(8, 25, 41, .76);
  border: 1px solid rgba(153, 191, 215, .15);
  border-radius: 13px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 10px 12px;
}

.mock-draft-room-controls small {
  color: #7790a6;
  margin-left: auto;
}

.mock-draft-room-decisions {
  padding: 15px;
}

.mock-draft-room-decisions .mock-recommendation {
  text-align: left;
}

.mock-draft-room-layout {
  gap: 18px;
  margin: 0;
  max-width: none;
  padding: 0;
}

.mock-player-focus {
  margin-bottom: 0;
}

.mock-draft-room-board {
  min-width: 0;
}

.mock-draft-room-board .board-toolbar,
.mock-draft-room-board .lens-bar {
  position: relative;
  z-index: 1;
}

.mock-draft-room-board .table-scroll {
  max-height: 920px;
}

.mock-draft-room-layout .mock-draft-room-table {
  min-width: 1530px !important;
  table-layout: fixed;
}

.mock-draft-room-layout .mock-draft-room-table th {
  background: rgba(5, 19, 32, .98);
  color: #7790a6;
  font-size: 8px;
  letter-spacing: .075em;
  padding: 11px 8px;
  position: sticky;
  text-align: left;
  text-transform: uppercase;
  top: 0;
  z-index: 2;
}

.mock-draft-room-layout .mock-draft-room-table th:nth-child(1) { width: 70px; }
.mock-draft-room-layout .mock-draft-room-table th:nth-child(2) { width: 265px; }
.mock-draft-room-layout .mock-draft-room-table th:nth-child(3) { width: 92px; }
.mock-draft-room-layout .mock-draft-room-table th:nth-child(4) { width: 76px; }
.mock-draft-room-layout .mock-draft-room-table th:nth-child(5),
.mock-draft-room-layout .mock-draft-room-table th:nth-child(6),
.mock-draft-room-layout .mock-draft-room-table th:nth-child(7),
.mock-draft-room-layout .mock-draft-room-table th:nth-child(8),
.mock-draft-room-layout .mock-draft-room-table th:nth-child(9) { width: 88px; }
.mock-draft-room-layout .mock-draft-room-table th:nth-child(n+10) { width: 62px; }

.mock-draft-room-layout .mock-draft-room-table td {
  height: 72px !important;
  padding: 8px !important;
}

.mock-draft-room-layout .mock-draft-room-table .rank-cell strong {
  font-size: 19px;
}

.mock-draft-room-layout .mock-draft-room-table .mini-avatar {
  height: 44px;
  width: 44px;
}

.mock-draft-room-layout .mock-draft-room-table .player-cell strong {
  font-size: 13px;
}

.mock-draft-room-layout .mock-draft-room-table .player-cell small {
  font-size: 9px;
}

.mock-draft-room-layout .mock-draft-room-table .team-logo {
  height: 25px;
  width: 25px;
}

.mock-draft-room-layout .mock-draft-room-table .actual-stat-cell {
  font-size: 12px !important;
}

.mock-draft-room-table .adp-gap-cell.positive strong {
  color: #65d8a0;
}

.mock-draft-room-table .adp-gap-cell.negative strong {
  color: #ff9d85;
}

.mock-draft-room-rail {
  display: grid;
  gap: 0;
  overflow: auto;
}

.mock-draft-room-rail > section {
  border-bottom: 1px solid rgba(153, 191, 215, .13);
  padding: 15px;
}

.mock-draft-room-rail > section:last-child {
  border-bottom: 0;
}

.mock-draft-room-rail h3 {
  margin: 4px 0 10px;
}

.mock-rail-section > p,
.mock-current-profile small {
  color: #8fa7ba;
  font-size: 10px;
  line-height: 1.45;
}

.mock-current-profile small {
  display: block;
  margin-top: 5px;
}

.mock-draft-room-page .live-peek {
  min-height: 650px;
}

@media (max-width: 1200px) {
  .mock-draft-room-status {
    align-items: flex-start;
  }

  .mock-draft-room-layout {
    grid-template-columns: minmax(0, 1fr) 290px;
  }
}

@media (max-width: 960px) {
  .mock-draft-room-layout {
    grid-template-columns: minmax(0, 1fr);
  }

  .mock-draft-room-page .live-peek {
    min-height: 0;
  }

  .mock-draft-room-rail {
    grid-template-columns: minmax(0, 1fr);
    max-height: none;
    position: static;
  }
}

@media (max-width: 700px) {
  .mock-draft-room-status {
    width: 100%;
  }

  .mock-draft-clock-stack {
    justify-content: space-between;
    width: 100%;
  }

  .mock-draft-room-controls small {
    margin-left: 0;
    width: 100%;
  }
}