.collection-tools{display:flex;align-items:end;flex-wrap:wrap;gap:12px;margin:0 0 16px}.collection-tools label{display:grid;gap:6px;font-size:.8125rem}.collection-tools select{min-height:44px}.collection-selection{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:12px 0;border-block:1px solid var(--line);margin-bottom:16px}.collection-selection p{flex-basis:100%;font-size:.8125rem;margin:0;color:var(--muted)}.collection-selection button{min-height:44px}.collection-select{display:flex;align-items:center;gap:8px;min-height:44px;font-size:.8125rem;cursor:pointer}.card>.collection-select{padding:4px 18px;background:var(--surface)}.collection-select input{width:18px;height:18px;accent-color:var(--accent);margin:0}.card.collection-selected{border-color:var(--accent)}.collection-date{font-size:.75rem;color:var(--muted);margin:0 0 12px}.bulk-editor{border:1px solid var(--line);border-radius:12px;background:var(--surface);padding:20px;margin-bottom:20px}.bulk-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.bulk-fields label{display:grid;gap:6px;font-size:.875rem}.bulk-fields input,.bulk-fields select{width:100%;min-width:0}.bulk-editor p{max-width:72ch;font-size:.875rem}.bulk-editor .actions{margin-top:16px}#bulk-review{max-height:160px;overflow:auto;padding-left:24px;font-size:.8125rem}#collection-toolbar[hidden],#collection-selection[hidden],#bulk-editor[hidden]{display:none}.collection-select:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:-2px}@media(max-width:600px){.collection-tools label{flex:1;min-width:190px}.bulk-fields{grid-template-columns:1fr}.bulk-editor{padding:16px}.collection-selection button{flex:1 1 auto}}@media print{.collection-tools,.collection-selection,.collection-select,.bulk-editor{display:none!important}}
.collection-spool-ids { margin: 10px 0 12px; min-width: 0; font-size: .8125rem; white-space: normal; }
.collection-spool-caption { display: block; color: var(--muted); margin-bottom: 4px; }
.collection-spool-links { display: flex; flex-wrap: wrap; gap: 4px 8px; }
.collection-spool-links a { display: inline-flex; align-items: center; min-height: 32px; font-weight: 600; font-variant-numeric: tabular-nums; white-space: nowrap; text-underline-offset: .2em; }
.collection-spool-ids summary { cursor: pointer; padding: 6px 0; color: var(--accent); }
@media (max-width: 600px) { .collection-spool-links a,.collection-spool-ids summary { min-height: 44px; } }
