.sc-toolbar { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; padding: 14px 16px; border-bottom: 1px solid var(--ms-border-subtle); }
.sc-toolbar .ms-input-group { width: 280px; }
.sc-toolbar .ms-select { width: auto; min-width: 150px; }
.sc-toolbar__count { margin-left: auto; font-size: 12.5px; color: var(--ms-text-light); white-space: nowrap; }
.sc-toolbar__count strong { color: var(--ms-ink-950); }

.sc-table tbody tr { cursor: pointer; }
.sc-table tbody tr.is-static { cursor: default; }
.sc-table .cell-strong { white-space: nowrap; }
.sc-thumb { width: 44px; height: 44px; border-radius: 8px; object-fit: cover; display: grid; place-items: center; background: var(--ms-bg-subtle); border: 1px solid var(--ms-border-subtle); color: var(--ms-text-light); }
.sc-thumb--rejected { background: #fff; color: var(--ms-danger-text); border-color: var(--ms-danger-border); }
.sc-thumb--processing { border-color: var(--ms-primary-500); color: var(--ms-primary-500); }
.sc-mix { display: flex; flex-direction: column; gap: 5px; min-width: 150px; }
.sc-mix .ms-split-bar { height: 7px; width: 140px; }
.sc-mix .ms-species { font-size: 12px; }
.sc-review { display: flex; flex-direction: column; gap: 5px; min-width: 120px; }
.sc-review .ms-progress { width: 110px; }
.sc-review__text { font-size: 11.5px; color: var(--ms-text-light); }
.sc-review__text strong { color: var(--ms-ink-950); }
.sc-reason { display: block; font-size: 11.5px; color: var(--ms-danger-text); margin-top: 1px; }
.sc-table tr.is-rejected td { color: var(--ms-text-muted); }

.rq-tabs { margin-bottom: 18px; }
.rq-panel[hidden] { display: none; }
.rq-list { display: flex; flex-direction: column; gap: 16px; }

.rq-plate__head { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; padding: 14px 18px; border-bottom: 1px solid var(--ms-border-subtle); }
.rq-plate__thumb { width: 52px; height: 52px; border-radius: 10px; object-fit: cover; border: 1px solid var(--ms-border-subtle); background: var(--ms-bg-subtle); }
.rq-plate__title { font-family: var(--ms-font-display); font-weight: 800; font-size: 16px; color: var(--ms-ink-950); display: flex; align-items: center; gap: 8px; }
.rq-plate__meta { font-size: 12px; color: var(--ms-text-light); margin-top: 2px; }
.rq-plate__progress { width: 180px; }
.rq-plate__actions { margin-left: auto; display: flex; gap: 8px; }

.rq-tiles { display: grid; grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); gap: 12px; padding: 16px 18px 18px; }
.rq-tile {
  display: flex; flex-direction: column; text-align: left; overflow: hidden; color: inherit;
  background: #fff; border: 1px solid var(--ms-border-subtle); border-radius: var(--ms-radius-md);
  transition: border-color var(--ms-dur-fast), box-shadow var(--ms-dur-fast), transform var(--ms-dur-fast);
}
.rq-tile:hover { color: inherit; border-color: var(--ms-primary-100); box-shadow: var(--ms-shadow-md); transform: translateY(-1px); }
.rq-tile__img { position: relative; aspect-ratio: 1; background: var(--ms-bg-subtle); overflow: hidden; }
.rq-tile__img img { width: 100%; height: 100%; object-fit: cover; }
.rq-tile__img .ms-specimen__serial { left: 8px; top: 8px; }
.rq-tile__img .ms-conf { position: absolute; right: 8px; top: 8px; box-shadow: var(--ms-shadow-sm); }
.rq-tile__body { padding: 10px 11px 11px; display: flex; flex-direction: column; gap: 4px; }
.rq-tile__ai { font-size: 12.5px; }
.rq-tile__alt { font-size: 11.5px; color: var(--ms-text-light); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.rq-tile__alt b { color: var(--ms-text-muted); font-weight: 700; }

.rq-row { display: grid; grid-template-columns: 52px minmax(0, 1.4fr) minmax(0, 1fr) 200px auto; gap: 16px; align-items: center; padding: 12px 18px; border-bottom: 1px solid var(--ms-border-subtle); color: inherit; }
.rq-row:last-child { border-bottom: 0; }
.rq-row:hover { background: var(--ms-bg-hover); color: inherit; }
.rq-row__title { font-weight: 800; color: var(--ms-ink-950); font-size: 13.5px; }
.rq-row__sub { font-size: 11.5px; color: var(--ms-text-light); }

@media (max-width: 900px) {
  .sc-toolbar .ms-input-group { width: 100%; }
  .sc-toolbar__count { margin-left: 0; width: 100%; }
  .rq-plate__actions { margin-left: 0; width: 100%; }
  .rq-plate__progress { width: 100%; }
  .rq-row { grid-template-columns: 44px minmax(0, 1fr) auto; }
  .rq-row > :nth-child(3), .rq-row > :nth-child(4) { display: none; }
}

/* A long file name under the plate ID is cut with … (the whole name shows on hover). */
.sc-file { max-width: 220px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }