.board-correlations[hidden] { display: none; }
.board-correlations { position: fixed; inset: 5vh max(4vw, calc((100vw - 920px) / 2)); z-index: 1000; overflow: auto; padding: 26px; border-radius: 14px;
  color: var(--text, #ddd); background: var(--bg, #10151b); border: 1px solid var(--gold, #c4a35a);
  box-shadow: 0 20px 80px #0009; }
.board-correlations > header { position: sticky; top: 0; z-index: 2; background: var(--bg, #10151b);
  display: flex; justify-content: space-between; align-items: center; gap: 12px; padding-bottom: 12px; margin-bottom: 16px; }
.board-correlations h2 { margin: 0; color: var(--gold, #c4a35a); }
.board-correlations #correlationRevision { color: var(--gold); font-weight: 650; }
.board-correlations button, .board-correlations input, .board-correlations select {
  font: inherit; color: inherit; background: var(--bg, #10151b); border: 1px solid var(--gold, #c4a35a); padding: 8px; }
.board-correlations label { display: flex; flex-direction: column; gap: 6px; margin: 6px 0; font-size: .85rem; }
.board-correlations label:has(input[type="checkbox"]) { flex-direction: row; align-items: center; }
.board-correlations .correlation-selectors { display: grid; grid-template-columns: 1fr 1fr; gap: 12px 22px; }
.board-correlations fieldset { display: grid; grid-template-columns: 1fr; gap: 16px; }
.board-correlations input, .board-correlations select { min-width: 0; max-width: 100%; }
.board-correlations .inline-actions { grid-column: 1 / -1; display: flex; gap: 8px; }
.board-correlations button[type="submit"] { background: var(--gold,#c4a35a); color:#10151b; font-weight:700; padding:10px 18px; border-radius:7px; }
.board-correlations #correlationReload { border-color: #8885; border-radius:7px; }
.board-correlations details { margin: 12px 0; font-size: .85rem; }
.board-correlations summary { cursor: pointer; color: var(--gold); }
.board-correlations .correlation-history { overflow: auto; }
.board-correlations th, .board-correlations td { padding: 8px; text-align: left; border-bottom: 1px solid #8884; }
.board-correlations fieldset { border: 1px solid #8884; }
#jumpCorrelations:disabled { opacity: .45; }
@media (max-width: 640px) { .board-correlations { inset: 1vh 2vw; padding: 14px; }
  .board-correlations .correlation-selectors, .board-correlations fieldset { grid-template-columns: 1fr; } }