/* W33e-a — stronger selected-row signal */
    .job-row-current { border-left: 4px solid #4a90d9; padding-left: 5px; background: #dbeafe; }
    .job-row-current .job-row-tail { color: #1d4ed8; font-weight: 900; }
    .job-row-current:hover  { background: #c8dcf7; }
    .job-row-current:active { background: #b8cff0; }
    .job-row-current:focus-visible { outline: 2px solid #4a90d9; outline-offset: -2px; border-radius: 4px; }

    /* W21 — jobs history */
    #recent-jobs-card { padding: 12px 12px 10px; }
    #recent-jobs-body { padding-top: 2px; }
    .jobs-search {
      width: 100%;
      min-height: 42px;
      padding: 10px 12px;
      border: 1px solid #d7dbe4;
      border-radius: 8px;
      font-size: 13px;
      font-family: inherit;
      color: #111827;
      background: #f8fafc;
      margin-bottom: 10px;
      transition: border-color 0.15s ease, background 0.15s ease, box-shadow 0.15s ease;
    }
    .jobs-search::placeholder { color: #94a3b8; }
    .jobs-search:focus { outline: none; border-color: #94a3b8; background: #fff; box-shadow: 0 0 0 3px rgba(148,163,184,0.15); }
    .jobs-scroller { max-height: 220px; overflow-y: auto; padding-right: 2px; }
    #start-new-job-btn {
      width: 100%;
      min-height: 44px;
      margin-bottom: 10px;
      padding: 10px 14px;
      border: 1px solid #111;
      border-radius: 8px;
      background: #111;
      color: #fff;
      font-size: 13px;
      font-weight: 700;
      cursor: pointer;
    }
    #start-new-job-btn:hover { background: #333; border-color: #333; }
    .job-row {
      display: block;
      padding: 11px 10px;
      border-radius: 8px;
      cursor: pointer;
      border-bottom: 1px solid #f0f0f3;
    }
    .job-row:last-child { border-bottom: none; }
    .job-row:hover  { background: #f8fafc; }
    .job-row:active { background: #eef2f7; }
    .job-row:focus-visible { outline: 2px solid #4a90d9; outline-offset: -2px; border-radius: 4px; }
    .job-row-tail { font-weight: 800; font-family: monospace; font-size: 14px; letter-spacing: -0.01em; color: #111827; flex-shrink: 0; }
    .job-row-meta { flex: 1; font-size: 11px; color: #999; font-family: monospace; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .job-row-date { font-size: 11px; color: #94a3b8; flex-shrink: 0; white-space: nowrap; }
    .job-row-tech-name { font-size: 11px; color: #a3a3a3; flex-shrink: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 84px; }
    .job-row-update-ready { flex-shrink: 0; border-radius: 3px; background: #111; color: #fff; font-size: 10px; font-weight: 800; line-height: 1.3; padding: 2px 5px; white-space: nowrap; }
    .job-row-main { display: flex; align-items: center; gap: 8px; margin-bottom: 4px; min-width: 0; }
    .job-row-statuses { margin-left: auto; display: inline-flex; align-items: center; justify-content: flex-end; gap: 6px; flex-shrink: 0; }
    .job-row-jobid { font-size: 11px; color: #c4c4cc; font-family: monospace; flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .job-row-sub { display: flex; align-items: center; gap: 8px; min-width: 0; }
    .job-row-tech { font-size: 12px; color: #475569; font-weight: 600; flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .jobs-empty { font-size: 13px; color: #bbb; font-style: italic; padding: 6px 0; }
    /* W28d-b — job row ack indicator + row delete affordance */
    .job-row-ack { font-size: 11px; color: #16a34a; font-weight: 700; flex-shrink: 0; padding: 1px 4px; line-height: 1.4; }
    .job-row-del { background: none; border: 1px solid #f5c6cb; border-radius: 3px; color: #b91c1c; font-size: 11px; padding: 1px 5px; cursor: pointer; flex-shrink: 0; line-height: 1.4; }
    .job-row-del:hover { background: #fff5f5; border-color: #f5b7bb; color: #9b1c1c; }
    @media (max-width: 600px) {
      #recent-jobs-card { padding: 10px 10px 8px; }
      .jobs-scroller { max-height: 200px; }
      .job-row { padding: 10px 8px; }
      .job-row-main { gap: 6px; }
      .job-row-sub { gap: 6px; }
      .job-row-tech-name { max-width: 68px; }
    }