/* ===== Estilos minimalistas, prefixados ===== */
  #jobs-app, #jobs-app * { box-sizing: border-box; }
  .jobs-container { width:100%; margin:0; padding:0; color:#0b1228; font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,"Helvetica Neue",Arial; }
  .jobs-header { display:grid; gap:10px; padding:0; }
  .jobs-controls { display:grid; gap:8px; padding:0; }
  .jobs-input-wrap { display:flex; gap:8px; min-width:0; }
  .jobs-input-wrap input { flex:1 1 auto; min-width:0; border:1px solid #ececec; border-radius:12px; padding:12px; background:#fff; color:#111; }
  .jobs-btn, .jobs-btn-outline, .jobs-btn-small { border-radius:12px; padding:10px 12px; border:none; cursor:pointer; margin-bottom:9px;}
  .jobs-btn { background:#067689; color:#fff; }
  .jobs-btn-outline { background:#fff; border:1px solid #ececec; color:#111; }
  .jobs-btn-small { background:#fff; border:1px solid #ececec; padding:8px 10px; font-size:.9rem; }
  .jobs-filters { display:grid; gap:8px; grid-template-columns:repeat(auto-fit,minmax(160px,1fr)); }
  .jobs-filters select { border:1px solid #ececec; border-radius:12px; padding:10px; background:#fff; color:#111; width:100%; }
  .jobs-status { display:flex; align-items:center; justify-content:space-between; gap:8px; flex-wrap:wrap; color:#fff; font-size:.95rem; }
  .jobs-list { display:grid; gap:10px; }
  details.jobs-card { border:1px solid #ececec; border-radius:14px; background:#fff; color:#111; overflow:hidden; }
  .jobs-summary { list-style:none; cursor:pointer; outline:none; padding:12px; }
  .jobs-summary::-webkit-details-marker { display:none; }
  .jobs-row-top { display:flex; flex-direction:column; gap:8px; min-width:0; }
  .jobs-row-top h2 { font-size:1.05rem; margin:0; color:#067689; word-break:break-word; }
  .jobs-meta { display:flex; flex-wrap:wrap; gap:6px; }
  .jobs-chip { font-size:.78rem; background:#e8f1ff; color:#0a3f7f; border-radius:999px; padding:6px 10px; }
  .jobs-chip-qty { background:#eef9f0; color:#11632c; border:1px solid #cdebd5; }
  .jobs-tags { display:flex; flex-wrap:wrap; gap:6px; }
  .jobs-tag { font-size:.72rem; border-radius:999px; padding:4px 8px; border:1px solid #ececec; background:#f8fafc; color:#334155; }
  .jobs-body { border-top:1px dashed #ececec; padding:10px 12px 12px; }
  .jobs-kv { display:grid; gap:8px; }
  .jobs-kv div { display:flex; gap:6px; align-items:flex-start; flex-wrap:wrap; }
  .jobs-kv label { min-width:120px; color:#197384; font-size:.9rem; font-weight:550; }
  .jobs-empty { text-align:center; padding:24px 6px; }
  .jobs-warn { background:#fff4e5; color:#92400e; border:1px solid #ffdfb5; border-radius:10px; padding:10px 12px; }
  @media (min-width:768px){ .jobs-filters{ grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); } }