/* De breedte van het formulier bepaalt het aantal kaarten, niet de schermbreedte. */
.species-full-width{grid-column:1/-1!important;min-width:0;width:100%;box-sizing:border-box}
.report-species-picker{min-width:0;width:100%;box-sizing:border-box;margin:12px 0;border:0;padding:0}
.report-species-picker legend{font-weight:bold}
.report-species-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(185px,100%),1fr));gap:14px;align-items:stretch}
.report-species-grid .report-species-card{font:inherit;display:flex;flex-direction:column;gap:8px;margin:0;padding:12px;background:#fff;color:#172b35;border:2px solid #a6b5ba;border-radius:12px;text-align:left;cursor:pointer;min-width:0;box-sizing:border-box;overflow-wrap:break-word}
.report-species-card img{display:block;width:100%;height:155px;object-fit:contain;background:#f2f4f4;border-radius:7px}
.report-species-card strong{font-size:1rem;line-height:1.35}
.report-species-card i{font-size:.9rem;line-height:1.4;font-weight:normal}
.report-species-card input[type=radio]{width:22px;height:22px;margin:0;accent-color:#172b35;flex:none}
.report-species-card.species-selected{border-color:#172b35;box-shadow:0 0 0 2px #172b35}
.report-species-card:focus-within{outline:2px solid #172b35;outline-offset:3px}
.report-species-card[hidden],input[hidden],select[hidden]{display:none!important}
@media(max-width:540px){.report-species-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.report-species-grid .report-species-card{padding:9px}.report-species-card img{height:115px}}
@media(max-width:340px){.report-species-grid{grid-template-columns:1fr}}

.species-custom{margin:16px 0;max-width:650px}.species-custom[hidden]{display:none!important}.species-custom label{display:block;margin-bottom:6px}.species-custom input{box-sizing:border-box;width:100%;min-height:44px}
html[data-theme="dark"] .report-species-grid .report-species-card{background:#2b3238!important;color:#f3f5f7!important;border-color:#778692!important}
html[data-theme="dark"] .report-species-picker .report-species-grid .report-species-card :is(strong,i){color:#f3f5f7!important;background:transparent!important}
html[data-theme="dark"] .report-species-card img{background:#1c2227}
html[data-theme="dark"] .report-species-grid .report-species-card.species-selected{border-color:#b9e5ff!important;box-shadow:0 0 0 2px #b9e5ff}
html[data-theme="dark"] .report-species-card:focus-within{outline-color:#b9e5ff}
html[data-theme="dark"] .report-species-card input[type=radio]{accent-color:#b9e5ff}
html[data-theme="dark"] .species-custom input{background:#20262b!important;color:#f3f5f7!important;border-color:#778692!important}
html[data-theme="dark"] .species-custom input::placeholder{color:#c0cad2!important}