/* Mission Control lives in the workspace shell. Keep its markup adjustments
   scoped here; colors, forms, buttons and tables use the shared workspace CSS. */
.workspace .jobs-dashboard { min-width: 0; }
.workspace .jobs-dashboard:focus { outline: none; }
.workspace .jobs-navigation { display: flex; flex-wrap: wrap; gap: .5rem; margin-bottom: 1.5rem; }
.workspace .jobs-navigation a { padding: .625rem .75rem; border-bottom: 3px solid transparent; text-decoration: none; }
.workspace .jobs-navigation a[aria-current="page"] { border-color: currentColor; font-weight: 700; }
.workspace .jobs-dashboard .level,
.workspace .jobs-dashboard .level-left,
.workspace .jobs-dashboard .level-right,
.workspace .jobs-dashboard .buttons { display: flex; flex-wrap: wrap; align-items: center; gap: .75rem; }
.workspace .jobs-dashboard .level { justify-content: space-between; margin-bottom: 1rem; }
.workspace .jobs-dashboard .is-right { justify-content: flex-end; }
.workspace .jobs-dashboard .filter { flex: 1 1 35rem; min-width: 0; }
.workspace .jobs-dashboard .field { display: flex; flex-wrap: wrap; align-items: flex-end; gap: .75rem; }
.workspace .jobs-dashboard .control { flex: 1 1 12rem; min-width: 0; }
.workspace .jobs-dashboard .control:last-child { display: flex; flex-wrap: wrap; gap: .75rem; }
.workspace .jobs-dashboard label { display: block; }
.workspace .jobs-dashboard table { margin-block: 1rem; border: 1px solid var(--line); border-radius: var(--card-radius); background: var(--surface); box-shadow: var(--card-shadow); }
.workspace .jobs-dashboard th,
.workspace .jobs-dashboard td { overflow-wrap: anywhere; }
.workspace .jobs-dashboard .has-text-grey { color: var(--muted); }
.workspace .jobs-dashboard .is-size-7 { margin-top: .375rem; font-size: .75rem; }
.workspace .jobs-dashboard .is-family-monospace,
.workspace .jobs-dashboard pre { font-family: ui-monospace, monospace; }
.workspace .jobs-dashboard pre { padding: 1rem; border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface); white-space: pre-wrap; overflow-wrap: anywhere; }
.workspace .jobs-dashboard .tag { display: inline-block; margin-inline: .375rem; padding: .25rem .5rem; border: 1px solid var(--border); border-radius: var(--radius); font-size: .75rem; font-weight: 600; }
.workspace .jobs-dashboard .is-danger { color: var(--error); border-color: var(--error); background: var(--surface); }
.workspace .jobs-dashboard .button[aria-disabled="true"] { color: var(--muted); background: var(--canvas); border-color: var(--line); cursor: default; }
.workspace .jobs-dashboard .tabs ul { display: flex; flex-wrap: wrap; gap: 1rem; padding: 0; list-style: none; }
.workspace .jobs-dashboard .tabs .is-active { font-weight: 700; }

@media (width < 48rem) {
  .workspace .jobs-dashboard th,
  .workspace .jobs-dashboard td { padding: .5rem; }
  .workspace .jobs-dashboard .is-right { justify-content: flex-start; }
  .workspace .jobs-dashboard .buttons .button { padding-inline: .625rem; }
}