/* Six functional brain regions */
.brain-regions-panel{margin-top:14px}
.brain-regions-note{font-size:11px;line-height:1.7;color:#9bafcc;margin:9px 0 17px}
.brain-regions-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0}
.brain-region-card{--region-color:#a6bfff;border:1px solid #30415e;border-radius:12px;background:#101b2e;padding:14px;transition:border-color .15s,background .15s}
.brain-region-card.active{border-color:var(--region-color);background:#1b2b43}
.brain-region-card-title{display:flex;align-items:center;gap:8px}
.brain-region-color{display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--region-color);box-shadow:0 0 12px var(--region-color);flex:none}
.brain-region-card-title strong{font-size:13px;color:#e8f0ff}
.brain-region-count{font-size:10px;color:#9caec9;margin-left:auto;white-space:nowrap}
.brain-region-role{font-size:10px;color:#8fa4c4;line-height:1.5;min-height:28px;margin:10px 0}
.brain-region-data{display:flex;justify-content:space-between;gap:6px;flex-wrap:wrap;color:#9cb0ce;font-size:10px;margin:12px 0}
.brain-region-data b{color:#edf4ff}
.brain-region-actions{display:flex;gap:7px}
.brain-region-actions button{font-size:10px;padding:9px 10px;flex:1;min-width:0}
.brain-regions-controls{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:16px 0 24px;padding:14px;border:1px solid #283c58;border-radius:11px;background:#0d182a}
.brain-regions-controls label{display:flex;align-items:center;gap:12px;color:#b6c9e5;font-size:11px;flex:1}
.brain-regions-controls input{min-width:100px;flex:1;accent-color:#88a8ff}
.brain-regions-controls button{font-size:10px;padding:10px}
.brain-regions-chart-head{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:12px}
.brain-regions-chart-head strong{font-size:13px}
.brain-regions-chart-head span{font-size:10px;color:#8498b8}
#brain-regions-chart{display:block;width:100%;height:210px;border-radius:10px;background:#0b1424}
.brain3d-legend.regions{max-width:60%;justify-content:flex-end;gap:7px 11px}
@media(max-width:1050px){.brain-regions-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.brain-regions-grid{grid-template-columns:1fr}.brain3d-legend.regions{max-width:78%;font-size:8px}}