/* EVOLVE 049 — compact responsive conservation diagnostics. */
.conservation-panel{border-color:#315666}
.conservation-controls,.conservation-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:12px 0}
.conservation-controls label{display:flex;align-items:center;gap:7px;font-size:.78rem;color:#b8d5e2}
.conservation-controls input[type=number]{width:78px;min-height:36px;background:#0b1d2b;color:#e2f6ff;border:1px solid #416476;border-radius:7px;padding:5px}
.conservation-actions button{min-height:40px;padding:8px 12px;border:1px solid #476d7c;background:#122b3a;color:#d2f1f5;border-radius:7px;font-weight:650;cursor:pointer}
.conservation-actions button:focus-visible,.conservation-controls input:focus-visible{outline:2px solid #8de5e0;outline-offset:3px}
.conservation-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(225px,.7fr);gap:18px}
#conservation-chart{width:100%;height:auto;border:1px solid #284c5c;border-radius:8px;display:block}
.conservation-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.conservation-stats>div{padding:9px;background:#102735;border:1px solid #2c4a58;border-radius:7px;min-width:0}
.conservation-stats span{display:block;color:#93b8c9;font-size:.65rem;letter-spacing:.06em}
.conservation-stats strong{display:block;font:600 .95rem ui-monospace,SFMono-Regular,Consolas,monospace;overflow-wrap:anywhere;color:#c4f4e6;margin-top:5px}
@media(max-width:720px){.conservation-layout{grid-template-columns:1fr}.conservation-controls{gap:9px}.conservation-actions button{flex:1 1 40%}}
@media(prefers-reduced-motion:reduce){.conservation-panel *{scroll-behavior:auto}}