/* Keep the active visibility choice available while setup controls are closed. */
.quick-car-visibility { display: inline-flex; align-items: center; gap: 5px; min-width: 0; flex: 0 1 auto; }
.quick-car-visibility > span { color: var(--muted); font-size: 9px; }
.quick-car-visibility select { min-width: 80px; max-width: 190px; height: 25px; padding: 2px 20px 2px 6px; border: 1px solid var(--line); border-radius: 5px; color: var(--text); background: var(--surface); font: inherit; font-size: 10px; text-overflow: ellipsis; }
.quick-car-visibility select.is-filtered { color: var(--accent); border-color: color-mix(in srgb,var(--accent) 50%,var(--line)); }
.quick-car-visibility select:focus-visible { outline: 2px solid var(--accent); outline-offset: 1px; }
@media (min-width: 761px) {
  .tt-field-group:first-child .tt-field-group-options { grid-template-columns: repeat(7,minmax(0,1fr)); }
  body[data-configuring="true"] .tt-field-group:first-child .tt-field-option { gap: 6px; padding-left: 7px; padding-right: 7px; font-size: 11px; }
}
@media (max-width: 760px) {
  .quick-car-visibility { flex: 1; }
  .quick-car-visibility select { width: 100%; min-width: 0; max-width: 150px; font-size: 10px; }
  body[data-view="timing"] #view-context, body[data-view="map"] #view-context { display: none; }
}
@media (max-width: 360px) {
  .quick-car-visibility > span { display: none; }
  .quick-car-visibility select { padding-left: 4px; font-size: 9px; }
}