/* Export jobs dialog surfaces that used to ship as an injected <style>.
   scripts/build.mjs ensure: views-export-jobs hashes this file and links it
   AFTER views-admin — the cascade position that <style> had — so
   equal-specificity rules still win. Dev, with no hashed link yet,
   appends <link href="styles/views-export-jobs.css">.
   Status fallbacks #e5484d and #30a46c stay literal. */

.modal.export-jobs-modal{width:min(760px,calc(100vw - 32px))}
.xj-hint{margin:0 0 10px;color:var(--text-2);font-size:0.8rem;line-height:1.4}
.xj-list{display:flex;flex-direction:column;gap:8px;max-height:min(60vh,520px);overflow:auto}
.xj-row{display:grid;grid-template-columns:1fr auto;gap:4px 12px;padding:8px 10px;border:1px solid var(--border-subtle);border-radius:var(--r-sm);background:var(--bg-2)}
.xj-what{font-weight:600;color:var(--text-1);min-width:0;overflow-wrap:anywhere}
.xj-meta{grid-column:1;color:var(--text-2);font-size:0.78rem;overflow-wrap:anywhere}
.xj-status{grid-column:1;font-size:0.8rem;color:var(--text-1)}
.xj-status.is-failed{color:var(--danger, #e5484d)}
.xj-status.is-done{color:var(--ok, #30a46c)}
.xj-actions{grid-column:2;grid-row:1 / span 4;display:flex;flex-direction:column;gap:6px;align-self:center}
.xj-empty{color:var(--text-2);font-size:0.85rem;padding:8px 0}
@media (max-width:520px){.xj-row{grid-template-columns:1fr}.xj-actions{grid-column:1;grid-row:auto;flex-direction:row}}