/* Keep the paired downloads quiet, aligned and readable on every customer surface. */
.reconstruction-report-action {
  display: inline-flex;
  flex-direction: column;
  align-items: stretch;
  gap: 6px;
  width: 136px;
  margin-inline-start: 8px;
  vertical-align: top;
  text-align: left;
}
.reconstruction-report-action small {
  font-size: 11px;
  line-height: 1.45;
  color: var(--muted);
  white-space: normal;
}
.reconstruction-report-action small:empty { display: none; }

.overview-jobs-table th:nth-child(5),
.overview-jobs-table td:nth-child(5) { width: 320px; }
.overview-jobs-table td:nth-child(5) { white-space: nowrap; }
.jobs-table :is(th, td).jobs-action-cell { width: 320px; }
.jobs-table .jobs-action-cell .row-actions { align-items: flex-start; gap: 8px; }
.jobs-action-cell .reconstruction-report-action { margin: 0; flex: 0 0 136px; }

.overview-jobs-table .current-job-download,
.jobs-table .jobs-action-cell button[data-download],
.reconstruction-report-action .btn,
#job-download-secondary {
  box-sizing: border-box;
  width: 136px;
  min-width: 136px;
  height: 36px;
  min-height: 36px;
  padding: 0 12px;
  border: 1px solid var(--btn-line);
  border-radius: 8px;
  font-size: 12.5px;
  font-weight: 500;
  line-height: 1;
  white-space: nowrap;
  justify-content: center;
  vertical-align: top;
  text-align: center;
  box-shadow: none;
  transform: none;
}
.overview-jobs-table .current-job-download,
.jobs-table .jobs-action-cell button[data-download],
#job-download-secondary { background: var(--btn-ghost-hover); color: var(--ink); }
.reconstruction-report-action .btn { background: transparent; color: var(--ink-2); }
.reconstruction-report-action .btn:disabled { opacity: .55; cursor: not-allowed; }
:is(.current-job-download, .reconstruction-report-action .btn, #job-download-secondary):focus-visible,
.jobs-action-cell button[data-download]:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }
@media (hover: hover) {
  .overview-jobs-table .current-job-download:hover,
  .jobs-table .jobs-action-cell button[data-download]:hover,
  #job-download-secondary:hover,
  .reconstruction-report-action .btn:not(:disabled):hover {
    background: var(--btn-ghost-hover);
    border-color: var(--accent);
    color: var(--ink);
    transform: none;
  }
}
.job-view-actions { align-items: flex-start; }
.job-view-actions .reconstruction-report-action { margin: 0; }
.job-view-actions #job-download { width: 136px; min-height: 36px; height: 36px; padding: 0 12px; font-size: 12.5px; white-space: nowrap; }

@media (max-width: 1200px) {
  .overview-jobs-table th:nth-child(5),
  .overview-jobs-table td:nth-child(5),
  .jobs-table :is(th, td).jobs-action-cell { width: 176px; }
  .overview-jobs-table td:nth-child(5) > .reconstruction-report-action { display: flex; margin: 8px 0 0 auto; }
  .jobs-table .jobs-action-cell .row-actions { flex-direction: column; align-items: flex-end; }
  .jobs-action-cell .reconstruction-report-action { flex-basis: auto; }
}
@media (max-width: 860px) {
  .current-job-mobile-details > .reconstruction-report-action { display: flex; margin: 8px 0 0; }
}
@media (max-width: 640px) {
  #job-report-download-secondary { display: block; margin-top: 8px; }
  #job-report-download-secondary .reconstruction-report-action { margin: 0; }
  .current-job-mobile-details .current-job-download,
  .current-job-mobile-details .reconstruction-report-action .btn,
  .jobs-table .jobs-action-cell button[data-download],
  .jobs-table .jobs-action-cell .reconstruction-report-action .btn,
  .job-view-actions #job-download,
  .job-view-actions .reconstruction-report-action .btn { min-height: 40px; }
}