/* League Stats > NHL (js/league-nhl.js). */
#stat-rank-overlay.srk-nhl-mode .srk-nhl-hide { display: none !important; }
.srk-nhl-toolbar {
  display: flex; align-items: center; gap: 0.5rem; flex-wrap: wrap;
  padding: 0.45rem 0.25rem; flex-shrink: 0;
}
.srk-nhl-lbl { font-size: 0.75rem; color: var(--text2); }
.srk-nhl-pills { display: flex; gap: 4px; }
#srk-nhl-report { min-width: 250px; }
#srk-nhl-controls { display: none; align-items: center; gap: 0.5rem; padding-left: 0.75rem; border-left: 1px solid var(--border); }
#stat-rank-overlay.srk-nhl-mode #srk-nhl-controls { display: flex; }
.srk-nhl-msg { padding: 3rem; text-align: center; color: var(--text3); font-size: 0.85rem; }
.srk-nhl-scroll { flex: 1; min-height: 0; overflow: auto; overscroll-behavior: contain; padding-top: 0.35rem; }
.srk-nhl-table { margin: 0 auto; border-collapse: separate; border-spacing: 0; font-family: 'Rubik', sans-serif; font-size: 0.8rem; white-space: nowrap; }
.srk-nhl-table th, .srk-nhl-table td { padding: 0.32rem 0.55rem; text-align: center; border-bottom: 1px solid var(--border); }
/* fitRows() (js/league-nhl.js) sets the row height so all 32 teams fit. */
.srk-nhl-table td { box-sizing: border-box; height: var(--srk-nhl-row-h, auto); }
.srk-nhl-table[style*="--srk-nhl-row-h"] td { padding-top: 0; padding-bottom: 0; }
.srk-nhl-table.compact { font-size: 0.74rem; }
.srk-nhl-table th {
  position: sticky; top: 0; text-align: center; z-index: 2; background: var(--surface);
  font-size: 0.66rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.04em;
  color: var(--text3); cursor: pointer; user-select: none; vertical-align: bottom;
}
.srk-nhl-table th:hover, .srk-nhl-table th.sorted { color: var(--accent); }
.srk-nhl-table th.sorted { border-bottom: 2px solid var(--accent); }
.srk-nhl-table td { color: var(--text2); }
.srk-nhl-table td.sorted { color: var(--text); font-weight: 700; }
.srk-nhl-table td.good { color: var(--good-text); }
.srk-nhl-table td.bad { color: var(--bad-text); }
.srk-nhl-table .srk-nhl-pos { text-align: right; color: var(--text3); width: 1.6rem; position: sticky; left: 0; z-index: 1; background: var(--surface); }
.srk-nhl-table .srk-nhl-team { text-align: left; position: sticky; left: calc(1.6rem + 1.1rem); z-index: 1; background: var(--surface); color: var(--text); min-width: 210px; }
.srk-nhl-table th.srk-nhl-pos, .srk-nhl-table th.srk-nhl-team { z-index: 3; }
.srk-nhl-table tbody tr:nth-child(even) td { background: var(--surface2); }
.srk-nhl-table tbody tr.selected td { background: rgba(0,102,204,0.16); font-weight: 700; }
.srk-nhl-table tbody tr.selected td.srk-nhl-team { color: var(--accent); }
.srk-nhl-table tbody tr.selected td.srk-nhl-pos { box-shadow: inset 3px 0 0 var(--accent); }

@media screen and (max-width: 700px), screen and (max-height: 500px) and (pointer: coarse) {
  #srk-nhl-report { min-width: 0; max-width: 100%; }
  .srk-nhl-table .srk-nhl-team { min-width: 0; }
  .srk-nhl-scroll { max-height: none; }
}