/* Driver Seat shared layout CSS — auto-generated.
 * Per-zone Grid + responsive viewport rules.
 * Patent: N14 (Job-First Dynamic Driver Seat Synthesis).
 */
.driver-seat { display: grid; gap: 8px; padding: 12px; }
.ds-zone-focus { grid-area: focus; }
.ds-zone-state { grid-area: state; }
.ds-zone-action { grid-area: action; }
.ds-zone-mirror_left { grid-area: mirror_left; }
.ds-zone-mirror_right { grid-area: mirror_right; }
.ds-zone-path_hint { grid-area: path_hint; }
.ds-zone-sentinel { grid-area: sentinel; }

@media (min-width: 1024px) {
  .driver-seat {
    grid-template-columns: 200px 1fr 200px;
    grid-template-rows: auto 60vh auto auto auto;
    grid-template-areas:
      "state state state"
      "mirror_left focus mirror_right"
      "path_hint focus mirror_right"
      "action action action"
      "sentinel sentinel sentinel";
  }
}

@media (max-width: 1023px) {
  .driver-seat {
    grid-template-columns: 1fr;
    grid-template-areas:
      "state"
      "focus"
      "path_hint"
      "action"
      "mirror_left"
      "mirror_right"
      "sentinel";
  }
}

.ds-block { display: flex; flex-wrap: wrap; gap: 6px; }
.ds-element { max-width: 100%; height: auto; }