/* ВП01: дополнения к общему стилю игровой лабораторной (ВП03, ВП06–ВП07, ВП12) — таблица автомата, контур навигации */
.dock table.fsm td, .dock table.fsm th { text-align: left; }
.dock table.fsm select { width: 100%; }
.loop { display: flex; align-items: stretch; gap: 4px; margin: 10px 0 6px; flex-wrap: wrap; }
.loop i { align-self: center; color: var(--muted); font-style: normal; }
.loop-b { flex: 1 1 70px; min-width: 70px; border: 1px solid var(--line); border-radius: 8px; padding: 4px 6px; font-size: 12px; background: var(--soft); }
.loop-b b { display: block; font-size: 11.5px; color: var(--accent); }
.loop-b span { font-variant-numeric: tabular-nums; }
.fsm-states { display: flex; flex-wrap: wrap; gap: 4px; margin: 6px 0; }
.fsm-states span { font-size: 12px; padding: 3px 8px; border-radius: 999px; border: 1px solid var(--line); color: var(--muted); }
.fsm-states span.on { background: var(--accent); border-color: var(--accent); color: var(--t-accent-ink); }
.fsm-states #fs_crash.on { background: var(--bad); border-color: var(--bad); }
#camLabel { font-variant-numeric: tabular-nums; font-size: 12px; color: var(--muted); }
@media (max-width: 900px) {
  .cam-feed { display: block; left: 8px; top: 214px; bottom: auto; width: 162px; padding: 5px; }
  .cam-feed canvas { width: 150px; height: 112px; }
  #camLabel { font-size: 10.5px; }
  .cam-feed[hidden] { display: none; }
}