/* ════════════════════════════════════════════════════════════════════
   Polish pass (2026-11-07).
   Job detail (/dashboard/jobs/<id>) now renders as a view inside the app
   shell (.dash-view[data-view="job"], renderJobDetailPage in app.js)
   instead of a standalone centered page. Theme tokens only.
   ════════════════════════════════════════════════════════════════════ */

.dash-view[data-view="job"] { max-width: 980px; }

.jdp-back {
  display: inline-flex; align-items: center; gap: 6px;
  margin: 0 0 12px; padding: 4px 8px 4px 6px; border-radius: 6px;
  font-size: 13px; color: var(--text-muted); text-decoration: none;
}
.jdp-back:hover { color: var(--text); background: var(--navy-800); }
.jdp-back:focus-visible { outline: 2px solid var(--emerald); outline-offset: 2px; }

.jdp-body.card-drawer-body { padding: 20px 22px; min-width: 0; }
.jdp-body .jdp-title { min-width: 0; }
.jdp-body .jdp-title .mono { overflow-wrap: anywhere; min-width: 0; }

@media (max-width: 640px) {
  .jdp-body.card-drawer-body { padding: 16px 14px; }
  .jdp-body .jdp-actions { margin-left: 0; flex-wrap: wrap; }
}