/* ВП06: дополнения к общему стилю игровой лабораторной ВП03 (../vp03/lab.css) — график Аллана, легенда следов, проверки детектора */
.chart.tall { height: 230px; }
.dock details { margin: 6px 0; font-size: 13px; }
.dock details table { margin-top: 4px; }
.dock .row.left { justify-content: flex-start; }
.dock button[aria-pressed="true"], .bar-row button[aria-pressed="true"] { background: var(--accent); border-color: var(--accent); color: var(--t-accent-ink); }
.legend { display: grid; gap: 4px; margin: 8px 0; font-size: 13.5px; }
.legend label, .dock label.check { display: flex; align-items: center; gap: 8px; }
.legend .sw { display: inline-block; width: 14px; height: 4px; border-radius: 2px; }
.bar-row { display: flex; gap: 6px; align-items: center; flex-wrap: wrap; font-size: 13px; color: var(--muted); }
.bar-row button { padding: 4px 9px; font-size: 13px; }
.dock select { padding: 3px 6px; font-size: 13px; }
.field { grid-template-columns: 1fr 120px auto; }
@media (max-width: 520px) {
  .hud-tr { display: none; }
  .hud-bc { top: 8px; max-width: calc(100vw - 16px); overflow-x: auto; }
  .hud-bc button { padding: 6px 8px; font-size: 12px; }
  .hud-tl { top: 56px; padding: 6px 10px; } .hud-tl .t { font-size: 16px; }
  .hud-tools { top: 136px; flex-wrap: wrap; justify-content: center; width: calc(100vw - 16px); }
  .hud-bl { max-width: calc(100vw - 32px); flex-wrap: nowrap; overflow-x: auto; gap: 6px; } .gauge { min-width: 0; padding: 5px 8px; flex: 0 0 auto; } .gauge .v { font-size: 14px; } .gauge .l { font-size: 10px; white-space: nowrap; }
  .dock { bottom: 84px; max-height: 46vh; }
  .hud-br { max-width: calc(100vw - 32px); bottom: auto; top: 222px; }
  .field { grid-template-columns: 1fr 96px auto; } .field input { width: 96px; }
}
@media (max-width: 760px) { #title { background: rgba(var(--shade), .82); } .title-box { margin-left: 0; } }