.collection-controls,.collection-statistics{max-width:1240px;margin:0 auto 18px;border:1px solid #8190a23d;border-radius:9px;background:#101926;padding:16px;color:#d2dbe9}
.collection-controls{display:flex;align-items:end;gap:12px;flex-wrap:wrap}
.collection-controls>label{display:flex;flex-direction:column;gap:6px;font-size:12px;min-width:0;flex:1 1 150px}
.collection-controls .collection-search{flex:2 1 220px}
.collection-controls input[type=search],.collection-controls select{width:100%;min-width:0;border:1px solid #8190a266;border-radius:6px;background:#202c3d;color:#f7f9ff;padding:10px;font:inherit;min-height:42px}
.collection-controls .collection-check{flex:0 1 auto;flex-direction:row;align-items:center;min-height:42px}
.collection-controls input[type=checkbox]{width:18px;height:18px;accent-color:#f2d13e;flex-shrink:0}
.collection-controls button{min-height:42px}
.collection-controls :is(input,select,button):focus-visible,.binder-favorite:focus-visible{outline:2px solid #ffd66b;outline-offset:3px}
.collection-statistics{display:flex;gap:12px 22px;flex-wrap:wrap;align-items:center;font-size:12px;line-height:1.6}
.collection-statistics .collection-progress{display:grid;gap:4px;min-width:140px;flex:1}
.collection-progress progress{width:100%;height:8px;accent-color:#82a8d5}
.collection-progress.shiny-progress progress{accent-color:#f2d13e}
#collection-summary{flex:2 1 240px;margin:0}
.collection-statistics .collection-species{flex-basis:100%;min-width:0;font-size:14px;font-weight:750}
.collection-species progress{accent-color:#86d2a0;height:12px}
.binder-copy-note{margin:7px 0 0;line-height:1.4;text-align:center;font-size:12px;color:#c4d0df;overflow-wrap:anywhere}
.binder-copy-note.is-duplicate{color:#ffe194;font-weight:750}
.binder-favorite{display:block;position:relative;z-index:1;width:100%;min-height:36px;margin-top:9px;padding:6px;border:1px solid #8190a255;border-radius:5px;background:#202c3d;color:#d2dbe9;font-size:12px}
.binder-favorite[aria-pressed=true]{color:#ffe194;border-color:#d9bc6377;background:#3a3426}
.binder-no-results{grid-column:1 / -1;padding:35px 15px;text-align:center;color:#c4d0df;line-height:1.7}
@media(max-width:600px){.collection-controls,.collection-statistics{padding:13px;gap:10px}.collection-controls>label{flex-basis:calc(50% - 10px)}.collection-controls .collection-search{flex-basis:100%}.collection-controls .collection-check{flex-basis:calc(50% - 10px)}.collection-controls button{width:100%}.collection-statistics .collection-progress{min-width:100px}}