/* Resultados de espécies: hierarquia visual, espaçamento e acessibilidade. */
.species-search-results{display:grid;gap:8px;margin:10px 0 16px;padding:8px;max-height:min(360px,48vh);overflow-y:auto;overscroll-behavior:contain;background:#071521;border:1px solid #526a7e;border-radius:12px}
.species-search-results[hidden]{display:none!important}
.species-search-results .species-result{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 16px;width:100%;min-width:0;min-height:68px;margin:0;padding:12px 14px;border:1px solid #294355;border-radius:9px;background:#0b1b29;color:#f7fbff;text-align:left;line-height:1.4;white-space:normal;cursor:pointer;transition:background-color .15s ease,border-color .15s ease}
.species-search-results .species-result:hover{background:#123047;border-color:#20c6d5}
.species-search-results .species-result:focus-visible{outline:3px solid #20d8e8;outline-offset:2px}
.species-search-results .species-result>span:first-child{display:flex;flex-direction:column;gap:5px;min-width:0;font-size:14px;font-weight:750;overflow-wrap:anywhere}
.species-search-results .species-result>span:first-child small{display:block;margin:0;color:#b8ccdc;font-size:12px;font-weight:500;line-height:1.5;overflow-wrap:anywhere}
.species-search-results .species-result>span:last-child{display:inline-flex;align-items:center;justify-content:center;min-width:86px;min-height:34px;padding:6px 10px;border:1px solid #287b8b;border-radius:999px;background:#0d2b3a;color:#75f0f5;font-size:12px;font-weight:800;text-align:center;white-space:nowrap}
.species-search-status{line-height:1.5;overflow-wrap:anywhere}
@media(max-width:430px){.species-search-results{padding:6px;gap:7px}.species-search-results .species-result{grid-template-columns:minmax(0,1fr);gap:10px;padding:12px;min-height:0}.species-search-results .species-result>span:last-child{justify-self:start;min-width:0;padding:5px 12px}}
@media(prefers-reduced-motion:reduce){.species-search-results .species-result{transition:none}}

/* O seletor nativo permanece como estado interno; a escolha visível é feita pela busca dinâmica. */
.species-picker .selected-species-label{display:flex;align-items:center;gap:10px;min-height:44px;margin-top:6px;padding:10px 12px;border:1px solid #2b5268;border-radius:10px;background:#091a27;color:#eaf7ff;font-weight:700;overflow-wrap:anywhere}
.species-picker .selected-species-label::before{content:"Peixe-alvo";flex:0 0 auto;color:#72eaf2;font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.species-picker .selected-species-label[data-empty="true"]{color:#b8ccdc;font-weight:500}
.species-search-row input{min-width:0;min-height:48px}
.species-search-row button{min-width:84px;min-height:44px}
.species-search-status{min-height:1.5em;margin-top:6px;color:#b8ccdc;font-size:12px}
.species-picker .species-search-results{margin-top:8px}
@media(max-width:430px){.species-search-row{align-items:stretch;gap:8px}.species-search-row button{min-width:72px;padding-inline:12px}.species-picker .selected-species-label{align-items:flex-start;flex-direction:column;gap:4px}}


/* Estados didáticos da busca: cor complementar, mensagem sempre explícita. */
.species-search-status{display:block;padding:10px 12px;border:1px solid #294355;border-left:3px solid #6c91a8;border-radius:8px;background:#0a1926;color:#d5e4ef;font-size:13px;line-height:1.55;transition:border-color .15s ease,background-color .15s ease}
.species-search-status:empty{display:none}
.species-search-status[data-state="loading"]{border-left-color:#58c7f4;background:#0b2030}
.species-search-status[data-state="success"]{border-left-color:#45e0a8;background:#0a211f}
.species-search-status[data-state="selected"]{border-left-color:#00e5ff;background:#09242c;color:#effdff}
.species-search-status[data-state="empty"]{border-left-color:#ffd166;background:#241f13;color:#fff1c7}
.species-search-status[data-state="error"]{border-left-color:#ff7185;background:#28171e;color:#ffe4e8}
@media(prefers-reduced-motion:reduce){.species-search-status{transition:none}}