.mv-research-panel { margin-top: 12px; }
.mv-research-panel .mv-row { align-items: end; gap: 9px; margin: 9px 0; }
.mv-research-panel label { display: flex; flex-direction: column; gap: 4px; font-size: 12px; }
.mv-research-panel select { max-width: 100%; min-height: 30px; }
.mv-research-panel svg { width: 100%; max-height: 220px; display: block; }
.mv-research-scroll { max-height: 270px; overflow: auto; resize: vertical; }
.mv-research-scroll table { min-width: 560px; width: 100%; border-collapse: collapse; font-size: 12px; }
.mv-research-scroll th { position: sticky; top: 0; background: #eef4f6; text-align: left; }
.mv-research-scroll th, .mv-research-scroll td { border-bottom: 1px solid #dbe5e9; padding: 7px; }
.mv-research-legend { display: flex; flex-wrap: wrap; gap: 5px 14px; font-size: 12px; padding: 0 10px 8px; }
.mv-research-panel fieldset { border: 1px solid #dbe5e9; border-radius: 8px; }
.research-coordinate { display: grid; grid-template-columns: repeat(auto-fit,minmax(130px,1fr)); border: 1px solid #dbe5e9; border-radius: 8px; padding: .7rem; margin: .5rem 0; align-items: end; gap: .6rem; }
.research-coordinate input, .research-coordinate select { min-width: 0; width: 100%; box-sizing: border-box; }
@media (max-width: 620px) { .mv-research-panel .mv-row { align-items: stretch; } .mv-research-panel .mv-btn { white-space: normal; } }