.collection-card { padding-bottom: 22px; }
.collection-card .folder-icon { margin-bottom: 14px; }
.collection-card > p { margin-bottom: 16px; }
.collection-card > small { display: block; padding-right: 18px; overflow-wrap: anywhere; }
.collection-card .arrow { top: 29px; bottom: auto; }
.collection-status { display: block; margin-top: 20px; padding-top: 16px; border-top: 1px solid #e0eaf0; color: #365b70; }
.collection-status-top { display: flex; justify-content: space-between; align-items: center; gap: 10px; flex-wrap: wrap; }
.collection-status-scope { font-size: 11px; font-weight: 550; letter-spacing: .2px; }
.collection-status-badge { display: inline-flex; align-items: center; border-radius: 30px; padding: 6px 11px; font-size: 12px; line-height: 1.3; font-weight: 650; background: #edf3f7; color: #36566c; }
.collection-status-track { display: grid; grid-template-columns: repeat(4, 1fr); gap: 5px; margin: 12px 0 9px; }
.collection-status-segment { height: 5px; border-radius: 5px; background: #e6eef3; }
.collection-status-segment.filled { background: #91aab9; }
.collection-status-caption, .collection-status-checked { display: block; font-size: 12px; line-height: 1.5; overflow-wrap: anywhere; }
.collection-status-checked { font-size: 10px; color: #617786; margin-top: 6px; }
.collection-status-checked:empty { display: none; }
[data-status="uploading"] .collection-status-badge { color: #075d76; background: #dff5fa; }
[data-status="uploading"] .filled { background: #13a4c3; }
[data-status="verifying"] .collection-status-badge { color: #3f4698; background: #eceefe; }
[data-status="verifying"] .filled { background: #777bca; }
[data-status="completed"] .collection-status-badge { color: #126441; background: #e1f5e9; }
[data-status="completed"] .filled { background: #32a979; }
[data-status="attention"] .collection-status-badge { color: #814808; background: #fff0d6; }
[data-status="attention"] .collection-status-segment { background: #f1d2a7; }
[data-status="unavailable"] .collection-status-badge { color: #5b5269; background: #f1eef5; }
.collection-status-help { margin: -7px 0 18px; font-size: 12px; color: #617786; }
.collection-card:focus-visible { outline: 3px solid #1386a2; outline-offset: 3px; }
@media (max-width: 400px) {
  .collection-card { padding: 20px; }
  .collection-status-top { gap: 7px; }
  .collection-status-badge { font-size: 11px; }
}
@media (max-width: 360px) {
  #operator-shell > aside { flex-wrap: wrap; gap: 12px; }
  #operator-shell > aside nav { width: 100%; }
}
@media (forced-colors: active) {
  .collection-status-badge { border: 1px solid ButtonText; }
  .collection-status-segment { border: 1px solid GrayText; }
  .collection-status-segment.filled { background: Highlight; forced-color-adjust: none; }
}