/* V13 — approved paired report alignment and one-current-image component workflow. */
:root{
  --v13-blue:#0a6ba8;
  --v13-blue-dark:#07527f;
  --v13-blue-soft:#edf7fc;
  --v13-ink:#17243a;
  --v13-muted:#6b7b90;
  --v13-line:#d8e2ec;
  --v13-panel:#ffffff;
  --v13-bg:#f3f6fa;
  --v13-green:#16845e;
  --v13-orange:#d96c25;
}

/* Exact two-column report pairing on desktop/tablet. */
.paired-column-headings{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:16px;
  padding:14px 20px 0;
  background:#fff;
}
.paired-column-headings>div{
  padding:11px 13px;
  border:1px solid var(--v13-line);
  border-radius:12px 12px 5px 5px;
  background:linear-gradient(180deg,#f8fbfd,#f2f7fa);
}
.paired-column-headings b{display:block;color:var(--v13-blue-dark);font-size:13px}
.paired-column-headings small{display:block;margin-top:3px;color:var(--v13-muted);font-size:10px}
.form-grid.paired-report-grid{
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  grid-auto-flow:row!important;
  align-items:start;
  padding-top:12px!important;
}
.form-grid.paired-report-grid .touch-field{
  min-width:0;
  align-self:start;
}
.form-grid.paired-report-grid .touch-field.wide{grid-column:1/-1}
.form-grid.paired-report-grid .field-meta{min-height:18px}

/* Storage hierarchy is visible but quiet. */
.storage-hierarchy{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin:10px 0 12px;
  padding:8px 10px;
  border:1px solid #d9e8f1;
  border-radius:10px;
  background:var(--v13-blue-soft);
  color:#52677c;
  font-size:9px;
  letter-spacing:.02em;
}
.storage-hierarchy span{white-space:nowrap;font-weight:700}
.storage-hierarchy b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--v13-blue-dark);font-size:9px}
.storage-hierarchy.evidence{background:#f7f5fc;border-color:#e4def4}
.storage-hierarchy.evidence b{color:#7259a8}
.capture-card[data-current-only="true"] .capture-count:after{content:" current";font-size:8px;text-transform:uppercase;letter-spacing:.05em}
.capture-card[data-current-only="true"] .server-preview-strip figure{width:min(100%,220px)}
.capture-card[data-current-only="true"] .capture-feedback:before{content:"One current image · ";font-weight:800;color:var(--v13-blue-dark)}

/* Replacement decision dialog. */
.replacement-modal[hidden]{display:none!important}
.replacement-modal{
  position:fixed;
  inset:0;
  z-index:1200;
  display:grid;
  place-items:center;
  padding:18px;
  background:rgba(9,18,28,.58);
  backdrop-filter:blur(10px);
}
.replacement-dialog{
  width:min(760px,100%);
  max-height:92vh;
  overflow:auto;
  border:1px solid #d8e2ec;
  border-radius:22px;
  background:#fff;
  color:var(--v13-ink);
  box-shadow:0 28px 90px rgba(22,42,65,.24);
}
.replacement-dialog>header{padding:22px 22px 14px;border-bottom:1px solid #e4eaf0}
.replacement-dialog h2{margin:4px 0 6px;font-size:24px}
.replacement-dialog header p:not(.eyebrow){margin:0;color:var(--v13-muted);line-height:1.5}
.replacement-compare{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:18px 22px}
.replacement-compare article{position:relative;padding:11px;border:1px solid #dce4ec;border-radius:16px;background:#f8fafc}
.replacement-compare article.latest{border-color:#abd4e8;background:#f2f9fd}
.replacement-compare span{display:block;margin-bottom:8px;color:#67798e;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.replacement-compare img{display:block;width:100%;aspect-ratio:4/3;object-fit:contain;border-radius:11px;background:#e9eef3}
.replacement-compare b{display:block;margin-top:9px;font-size:11px;color:#35485f}
.replacement-actions{display:flex;justify-content:flex-end;gap:10px;padding:0 22px 14px}
.replacement-note{display:block;padding:12px 22px 20px;border-top:1px solid #e7edf2;color:#758399;line-height:1.5}

/* Component cards are visually distinct from multi-photo evidence groups. */
.plate-grid .capture-card{border-top:3px solid var(--v13-blue)}
.evidence-grid-capture .capture-card{border-top:3px solid #8c75c8}
.plate-grid .capture-actions .button{flex:1}

@media(max-width:760px){
  .paired-column-headings{display:none}
  .form-grid.paired-report-grid{grid-template-columns:1fr!important;padding-top:13px!important}
  .storage-hierarchy{align-items:flex-start;flex-direction:column;gap:3px}
  .storage-hierarchy b{max-width:100%}
  .replacement-modal{padding:0;align-items:end}
  .replacement-dialog{width:100%;max-height:94vh;border-radius:22px 22px 0 0;border-bottom:0}
  .replacement-compare{grid-template-columns:1fr 1fr;padding:14px;gap:9px}
  .replacement-dialog>header{padding:18px 16px 12px}
  .replacement-dialog h2{font-size:20px}
  .replacement-actions{display:grid;grid-template-columns:1fr;padding:0 14px 12px}
  .replacement-actions .button{width:100%;min-height:50px}
  .replacement-note{padding:10px 14px 18px}
}
@media(max-width:430px){
  .replacement-compare{grid-template-columns:1fr 1fr}
  .replacement-compare article{padding:8px}
  .replacement-compare b{font-size:9px}
}