/* Kursk units — on top of style.css. Side takes the explorer's two validated series
 * slots (blue German, orange Soviet); magnitude (men on hand) rides circle area, and a
 * missing personnel return draws hollow, so neither depends on colour. */

:root { --side-german: var(--series-7th); --side-soviet: var(--series-96th); }

.dot.german { background: var(--side-german); }
.dot.soviet { background: var(--side-soviet); }
.toggle { cursor: pointer; }
.toggle input { margin: 0; accent-color: var(--text-secondary); }

.day-bar { display: flex; align-items: center; gap: 10px; margin-bottom: 10px; }
.day-bar input[type="range"] { flex: 1; accent-color: var(--text-primary); }
.day-bar output { min-width: 112px; font-weight: 620; font-variant-numeric: tabular-nums; }
.play {
  width: 32px; height: 28px; font: inherit; cursor: pointer;
  color: var(--text-primary); background: var(--surface-2);
  border: 1px solid var(--border); border-radius: 6px;
}

#eng-lane { position: relative; height: 30px; margin-right: 112px; margin-left: 42px; }
.eng {
  position: absolute; height: 24px; padding: 0 6px; font: inherit; font-size: 11px;
  text-align: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
  color: var(--text-primary); background: var(--surface-2);
  border: 1px solid var(--border-strong); border-radius: 4px; cursor: pointer;
}
.eng.active { background: var(--text-primary); color: var(--surface-1); }
.eng:focus-visible { outline: 2px solid var(--text-primary); outline-offset: 1px; }

.side-chip {
  display: inline-block; padding: 1px 7px; border-radius: 9px; font-size: 11px;
  color: #fff; margin-right: 6px;
}
.side-chip.German { background: var(--side-german); }
.side-chip.Soviet { background: var(--side-soviet); }
a.unit-link { color: var(--text-primary); cursor: pointer; text-decoration: underline dotted; }
table.grid td.date { white-space: nowrap; }
table.grid tbody tr.today { background: var(--surface-2); }
#size-by { font: inherit; font-size: 12px; color: var(--text-primary); background: var(--surface-1);
  border: 1px solid var(--border); border-radius: 4px; padding: 1px 4px; }