:root{--bg:#f5f3eb;--paper:#fffef9;--ink:#304737;--muted:#7b8676;--line:#e0e5d9;--green:#315d48;--red:#995f50}
.collection-filters{display:flex;gap:14px;align-items:center;clear:both}.collection-filters>label:first-child{flex:1;max-width:300px}.collection-filters .toggle{font-size:12px;white-space:nowrap}.trash-row>span:first-child{min-width:0;overflow-wrap:anywhere}.trash-actions{display:flex;gap:6px;align-items:center;flex-shrink:0}.trash-actions button{font-size:11px;padding:7px}.trash-row{align-items:center}.trash-row .danger{white-space:nowrap}#purgeStatus{color:#995f50;font-size:12px}
body{background:var(--bg)}.topbar{background:#f5f3ebed}.brand strong{letter-spacing:.04em}.shell{max-width:960px}main{padding:18px}.tabs{margin-top:12px;background:#e5eadd;gap:5px;padding:5px}.tabs button{font-size:13px;border-radius:9px;min-width:0;padding:8px 6px}.tabs .selected{background:#315d48;color:#fff;border-color:#315d48;box-shadow:0 2px 8px #233d3020}.toolbar{margin:8px 0}.stat{background:#fffef9}.label-tool{float:right;margin-top:9px;min-height:30px;padding:3px 8px;font-size:11px}.beetle-row{background:#fffef9}.beetle-info small{font-size:12px}.beetle-meta strong{font-variant-numeric:tabular-nums}.page-heading{flex-wrap:wrap;justify-content:flex-start}.page-heading h2{flex:1}.page-heading button{font-size:12px}.details-grid{gap:12px}.card{padding:16px;background:var(--paper)}.optional-fields{padding:10px 12px;background:#eaf0e5;border:1px solid var(--line);border-radius:11px;margin-top:12px}.optional-fields summary{font-size:12px}.form-grid{align-items:start}.form-actions{background:var(--bg);gap:10px}.dialog-actions button{text-align:left;padding:12px 15px}.label-picker{max-height:50dvh;overflow:auto}.label-picker label{display:flex;align-items:center;gap:9px;border-bottom:1px solid var(--line);padding:9px 0;margin:0}.specimen-grid#beetles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;max-width:none;clear:both}.specimen{text-align:left;padding:0;overflow:hidden;background:var(--paper);border-radius:12px;border-color:#d8dfcf;min-width:0;box-shadow:0 4px 12px #29452e06}.specimen>img,.specimen-empty{width:100%;height:200px;object-fit:contain;background:#e8ecdf;display:block}.specimen-empty{display:flex;flex-direction:column;justify-content:center;align-items:center;background:linear-gradient(145deg,#e3e8db,#f2efdf);color:#6d8065;letter-spacing:2px;font-family:Georgia,serif;font-size:14px}.specimen-empty small{margin-top:15px;font-family:inherit;font-size:11px;letter-spacing:3px}.specimen-caption{display:grid;gap:5px;padding:14px}.specimen-caption small{font-size:10px;color:#849078;letter-spacing:.07em}.specimen-caption strong{font-size:14px;overflow-wrap:anywhere}.specimen-caption>span{font-size:11px;color:#78836f}.specimen.departed .specimen-caption small{color:#9b8566}.collection-preview{padding:12px;background:#e3e8dd;border-radius:12px;text-align:center;margin:12px 0}.collection-preview img{display:block;width:100%;max-width:350px;height:auto;margin:auto;box-shadow:0 7px 18px #1b37232b}.card-controls label{margin:8px 0}.label-preview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:15px 0}.container-label{border:1px solid #93a489;background:#fffef8;padding:12px;border-radius:7px;overflow-wrap:anywhere}.container-label header{display:flex;justify-content:space-between;font-size:17px}.container-label .label-species{font-weight:600;font-size:12px;margin:5px 0}.container-label small{display:block;font-size:10px}.container-label footer{font-size:8px;color:#8b947e;margin-top:7px}.print-frame{position:fixed;width:1px;height:1px;bottom:0;left:0;border:0;opacity:0}.history-row summary{line-height:1.6}.photos{margin:12px 0 20px}.photos img{background:#e7ecdf}
@media(max-width:600px){main{padding:12px}.specimen-grid#beetles{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.specimen>img,.specimen-empty{height:155px}.specimen-caption{padding:10px}.specimen-caption strong{font-size:12px}.specimen-caption>span{font-size:10px}.toolbar{grid-template-columns:minmax(0,1fr) auto auto}.toolbar button{font-size:11px;padding:7px}.beetle-info small{font-size:10px}.page-heading h2{font-size:16px}.details-grid{font-size:13px}.stat strong{font-size:20px}}
@media(max-width:380px){.toolbar{grid-template-columns:1fr 1fr}.toolbar input{grid-column:1/-1}.tabs button{font-size:12px}.form-grid{grid-template-columns:1fr}.label-preview{grid-template-columns:1fr}.beetle-row{gap:6px;padding:8px}.specimen>img,.specimen-empty{height:130px}}