.collector-hero { padding: 60px 0 32px; }
.eyebrow { font-size: .78rem; letter-spacing: .16em; font-weight: 700; color: var(--red); text-transform: uppercase; margin-bottom: 18px; }
.collector-hero h1 { max-width: 850px; font-size: clamp(2.4rem,6.5vw,4.7rem); }
.collector-hero .lead { font-size: 1.15rem; max-width: 670px; margin: 24px 0; color: #54545e; }
.actions { display:flex; flex-wrap:wrap; gap:12px; align-items:center; margin:16px 0; }
.btn.secondary { color:var(--ink); background:#fff; border:1px solid #bcbcc5; }
.btn.secondary:hover { background:var(--bg-raised); }
.collector-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; margin:32px 0; }
.collector-grid .number { font-size:3.5rem; font-weight:800; line-height:1; color:var(--red); margin-bottom:28px; }
.collector-grid .card { display:flex; flex-direction:column; }
.collector-grid .card p { flex:1; }
.collector-grid .card strong { margin-top:20px; }
.fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; margin:20px 0; }
.fields label { display:flex; flex-direction:column; gap:6px; font-size:.94rem; }
.fields input,.fields select { width:100%; min-width:0; }
.fields .wide { grid-column:1/-1; }
fieldset { border:0; padding:0; margin:20px 0; min-width:0; }
legend { font-weight:800; }
.filterbar { display:flex; flex-wrap:wrap; gap:16px; align-items:end; }
.filterbar label { display:flex; flex-direction:column; gap:4px; }
.filterbar input,.filterbar select { max-width:100%; padding:10px; border:1px solid #bcbcc5; border-radius:8px; font:inherit; }
.collection-item { border-bottom:1px solid var(--line); padding:22px 0; overflow-wrap:anywhere; }
.collection-item .btn { padding:7px 18px; font-size:.9rem; }
.tool-message { color:var(--accent-strong); min-height:1.7em; margin:12px 0; }
.shelf-plan { position:relative; width:min(100%,600px); max-width:100%; border:2px solid var(--ink); margin:20px 0; background:var(--bg-raised); overflow:hidden; }
.plan-item { position:absolute; border:2px solid white; background:var(--red); opacity:.8; }
.tool input[type=checkbox] { width:20px; height:20px; vertical-align:middle; }
.import-label { display:block; margin-top:18px; }
.import-label input { display:block; max-width:100%; margin-top:8px; }
.collector-related { margin-top:35px; }
@media(max-width:760px) { .collector-grid { grid-template-columns:1fr; } .collector-grid .number{font-size:2.5rem;margin-bottom:16px;} .fields{grid-template-columns:1fr;} .tool{padding:20px;} }
