/* BEGIN: CaptureList */
.capture-list { display: grid; gap: var(--s16); margin-top: var(--s24); }
.capture-list__row { display: grid; grid-template-columns: var(--s80) minmax(0, 1fr); gap: var(--s16); align-items: center; padding: var(--s20); background: var(--white); border: 1px solid var(--border); border-radius: var(--radius-card); transition: border-color var(--transition), box-shadow var(--transition); }
.capture-list__row:hover { border-color: var(--orange); box-shadow: var(--shadow-soft); }
.capture-list__preview { position: relative; align-self: start; }
.capture-list__preview img { width: var(--s80); height: var(--s80); border-radius: var(--radius-control); background: var(--surface); }
.capture-list__type { display: block; margin-top: var(--s8); text-align: center; font-size: var(--tiny-size); color: var(--muted); }
.capture-list__main { min-width: 0; }
.capture-list__main h2 { font-size: var(--body-size); line-height: var(--body-line); }
.capture-list__main p { margin-top: var(--s6); font-size: var(--caption-size); }
.capture-list__status { display: inline-block; margin-top: var(--s12); padding: var(--s4) var(--s8); border-radius: var(--radius-sm); background: var(--surface); font-size: var(--tiny-size); font-weight: var(--weight-medium); }
.capture-list__status span { color: var(--muted); }
.capture-list__status--unmatched { color: var(--orange-hover); background: var(--orange-soft); }
.capture-list__field { display: grid; gap: var(--s4); }
.capture-list__field > span { color: var(--muted); font-size: var(--tiny-size); }
.capture-list__field strong { font-size: var(--caption-size); font-weight: var(--weight-medium); }
.capture-list__field small { color: var(--muted); font-size: var(--tiny-size); }
.capture-list__open { grid-column: 1 / -1; display: flex; justify-content: space-between; align-items: center; padding-top: var(--s12); border-top: 1px solid var(--border); color: var(--orange-hover); font-size: var(--caption-size); font-weight: var(--weight-medium); }
@media (min-width: 768px) {
.capture-list__row { grid-template-columns: var(--s80) minmax(0, 1fr) minmax(120px, .55fr) minmax(90px, .35fr); gap: var(--s24); }
}
@media (min-width: 1280px) {
.capture-list__row { grid-template-columns: var(--s80) minmax(0, 1fr) minmax(140px, .5fr) minmax(90px, .3fr) auto; }
.capture-list__open { grid-column: auto; gap: var(--s16); border: 0; padding: 0; }
}
/* END: CaptureList */