@media screen {
  .backlog-pdf-cell .backlog-pdf-preview {
    display:block; width:100%; max-width:100%;
    height:var(--backlog-preview-height,192px); margin:0 0 8px;
    border-radius:8px; background:#fff;
  }
  .backlog-pdf-cell .backlog-pdf-preview img { width:100%; height:100%; object-fit:contain; }
  .backlog-preview-rail { display:flex; flex-direction:column; gap:5px; width:100%; }
  .backlog-preview-action-pair { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:5px; }
  .backlog-preview-actions, .backlog-preview-formats { display:flex; flex-direction:column; gap:5px; }
  .backlog-queue-cell .backlog-preview-rail :is(.queue-action,.backlog-delete-action,.bom-action,.backlog-merge-action,.backlog-edit-action,.cad-preview-tab) {
    display:inline-flex; justify-content:center; align-items:center; box-sizing:border-box;
    width:100%; min-width:0; height:32px; min-height:32px; margin:0;
    padding:4px; border-radius:6px; font:650 11px/1.2 "Segoe UI",sans-serif;
  }
  .backlog-preview-rail .cad-preview-tabs { display:flex; flex-direction:column; gap:5px; padding:0; }
  .backlog-preview-divider { width:100%; margin:4px 0; border:0; border-top:1px solid #9bb4d4; }
  .backlog-preview-rail [hidden] { display:none!important; }
  .backlog-pdf-cell > .backlog-preview-toolbar { vertical-align:middle; margin:4px 6px 4px 0; }
  .backlog-pdf-cell > .step-controls {
    display:inline-flex; vertical-align:middle; flex-wrap:wrap; gap:5px;
    width:auto; max-width:100%; margin:4px 0; padding:0; border:0;
  }
  .backlog-pdf-cell > .step-controls .step-button { min-height:32px; padding:4px 8px; font-size:11px; }
  .backlog-pdf-cell .drawing-revision-controls { position:relative; }
  /* Keep the original badge geometrically observable: the native revision
     inspector observes this node before its PDF text result is cached. */
  .backlog-pdf-cell .backlog-preview-rev-match-source {
    position:absolute; right:8px; bottom:24px; width:1px; height:1px;
    display:inline-block!important; min-height:0; margin:0; padding:0; border:0;
    opacity:0; overflow:hidden; white-space:nowrap; pointer-events:none;
  }
  .backlog-pdf-cell .backlog-pdf-preview { position:relative; }
  .backlog-pdf-cell .backlog-preview-rev-match {
    position:absolute; right:7px; bottom:23px; z-index:3;
    box-sizing:border-box; display:flex; align-items:center; justify-content:center;
    width:40px; height:40px; border-radius:50%; border:1px solid #064ca6;
    background:#075dcc; color:#a6ffb9; box-shadow:0 0 0 2px #fff;
    font:750 11px/1 "Segoe UI",sans-serif; white-space:nowrap;
  }
  .backlog-pdf-cell .backlog-preview-rev-match.has-long-revision { font-size:9px; white-space:normal; overflow-wrap:anywhere; text-align:center; padding:3px; line-height:1.1; }
  .backlog-pdf-cell .backlog-preview-rev-match.is-unverified {
    background:#f6a23c; color:#352004; border-color:#aa6218;
    white-space:normal; overflow-wrap:anywhere; text-align:center; padding:4px; font-size:9px; line-height:1.15;
  }
  .job-card-viewer-panel {
    min-width:0; max-width:100%; grid-template-columns:minmax(0,1fr);
  }
  .job-card-viewer-body {
    min-width:0; grid-template-columns:minmax(0,1fr); justify-items:stretch;
  }
  .job-card-viewer-panel .pdf-viewer-header { min-width:0; flex-wrap:wrap; }
  .job-card-viewer-panel .pdf-viewer-actions { flex-wrap:wrap; }
  .job-card-progress-header h3 { color:#fff; }
  .job-card-progress-header span { color:#d2e3f7; }
  .job-card-viewer-body > .job-card-progress-panel,
  .job-card-viewer-body > .pdf-card {
    box-sizing:border-box; width:min(780px,100%); max-width:100%;
    min-width:0; justify-self:center;
  }
  /* Natural-size measurements must not choose an invisible temporary scroll
     anchor while the shared day tracks are being calculated. */
  .board-wrap, .production-flow-lanes, .production-week-rows { overflow-anchor:none; }
  body:has(.board-viewport-managed.active-screen) { overflow-anchor:none; }
  .pdf-card .packet-thumb-meta-part {
    display:flex; align-items:center; justify-content:space-between; gap:8px;
  }
  .packet-thumb-meta-part > .packet-thumb-meta-item { min-width:0; flex:1; }
  .packet-thumb-meta-part > .packet-card-revision { flex:none; margin:0; white-space:nowrap; }
  .pdf-card .preview-rev-match-source { display:none!important; }
  .pdf-card .preview-rev-match {
    position:absolute; right:6px; bottom:24px; z-index:2;
    display:flex; align-items:center; gap:4px; padding:3px 6px;
    border:1px solid #81bca0; border-radius:12px; color:#176442;
    background:#effbf4; font:700 9px/1.2 "Segoe UI",sans-serif;
    pointer-events:none;
  }
  .pdf-card .preview-rev-match::before { content:""; width:7px; height:7px; border-radius:50%; background:#228252; }
  .production-card-order {
    box-sizing:border-box; display:inline-flex; align-items:center; justify-content:center;
    width:78px; min-width:78px; height:25px; min-height:25px;
    padding:3px 5px; white-space:nowrap; font-variant-numeric:tabular-nums;
  }
}
@media print { .backlog-preview-rail, .backlog-preview-rev-match { display:none!important; } }