/* Build 051: mobile-safe, non-obstructive dispersion lab in Flow drawer. */
.dispersion-lab{display:grid;gap:.55rem;margin:.7rem 0;padding:.75rem;border:1px solid rgba(106,177,211,.24);border-radius:12px;background:rgba(8,29,46,.48);min-width:0}
.dispersion-lab h4{margin:0;color:#a4e4f9;letter-spacing:.07em;font-size:.75rem}
.dispersion-lab p{margin:.1rem 0;color:#a8c2d0;font-size:.76rem;line-height:1.45}
.dispersion-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}
.dispersion-controls label{display:grid;gap:.3rem;min-width:0;font-size:.75rem;color:#bed9e6}
.dispersion-controls select{min-width:0;width:100%;max-width:100%}
.dispersion-controls .dispersion-switch{grid-column:1/-1;display:flex;align-items:center;gap:.5rem}
.dispersion-switch input{accent-color:#72d9ff}
.dispersion-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem}
.dispersion-metrics>div{min-width:0;padding:.45rem .5rem;border:1px solid rgba(130,181,207,.16);border-radius:8px;background:rgba(3,15,27,.35)}
.dispersion-metrics span{display:block;font-size:.68rem;color:#a9c4d5}
.dispersion-metrics b{display:block;font-size:.85rem;color:#ecf9ff;overflow-wrap:anywhere}
#dispersion-chart{display:block;width:100%;height:112px;max-width:100%}
.dispersion-actions{display:flex;flex-wrap:wrap;gap:.4rem}
.dispersion-actions button{flex:1 1 115px;min-width:0}
@media(max-width:420px){
 .dispersion-lab{padding:.55rem;gap:.45rem}
 .dispersion-controls{gap:.35rem}
 .dispersion-metrics{gap:.35rem}
 .dispersion-metrics>div{padding:.38rem}
 .dispersion-metrics b{font-size:.78rem}
}