/* Native controls use the shared Dash theme; no framework runtime is required. */
select { font: inherit; cursor: pointer; }
.mode-switch { border: 0; margin: 0; min-width: 0; }
.scope-toolbar > span { font-size: 12px; font-weight: 600; }
.scope-inputs { display: flex; align-items: center; gap: 8px; flex: 1; }
.scope-inputs input { width: 65px; font-variant-numeric: tabular-nums; }
.direction-section { border-left: 0; border-right: 0; border-bottom: 0; padding-left: 0; padding-right: 0; }
.direction-section legend { font-size: 12px; font-weight: 600; padding: 0 8px 0 0; }
.loading-state { position: absolute; top: 12px; left: 12px; z-index: 5; }
[hidden] { display: none !important; }
.graph-frame[aria-busy="true"] #topology-graph { opacity: .35; }
.save-limit-experiment { margin-top: 4px; }
.app-footer a { color: var(--blue); text-underline-offset: 3px; }
@media (max-width: 700px) {
  .scope-toolbar { flex-wrap: wrap; }
  .scope-inputs { flex: 1; }
  .scope-inputs input { width: 48px; padding: 2px 5px; }
  .scope-toolbar .button { padding: 2px 8px; }
}