/* Keep page/map widths untouched. One compact, aligned selection workbench. */
.home-controls .weather-region-dock{display:grid!important;grid-template-columns:146px minmax(0,1fr) auto;column-gap:10px;row-gap:0;align-items:start;margin:0 0 8px!important}
.home-controls [data-map-region]{display:none!important}
.home-controls .scope-picker{display:flex;align-items:center;gap:8px;height:36px;min-width:0;margin:0;color:#627a7d;font-size:12px;white-space:nowrap}
.home-controls .scope-picker select{width:100%;min-width:0;height:36px;border:1px solid #becdce;border-radius:0;padding:4px 6px;background:#fff;color:#465b62;font:var(--product-control-font)}
.home-controls .scope-picker .interaction-native-wrap{flex:1;min-width:0}
.home-controls .product-choice-panel{display:contents}
.home-controls .scope-picker{grid-column:1;grid-row:1}
.home-controls #weather-product-categories{grid-column:2;grid-row:1;display:flex;flex-wrap:nowrap;gap:0;margin:0;padding:0;border:0;--product-accent:#bd4235}
.home-controls #weather-product-categories button{flex:0 0 auto;box-sizing:border-box;height:36px;min-height:36px;padding:5px 14px}
.home-controls #weather-product-categories button+button{margin-left:-1px}
.home-controls #weather-product-categories button.is-active{position:relative;z-index:1;background:#bd4235!important;border-color:#bd4235!important;color:white!important}
.home-controls #weather-product-browser{grid-column:1/-1;grid-row:2;box-sizing:border-box;display:flex;align-items:center;flex-wrap:nowrap;gap:8px;height:46px;min-height:46px;margin:0;padding:6px 0;border:0;background:transparent;--product-accent:#a83c31;--product-tint:#fff5f2}
.home-controls #weather-product-browser button.is-active,.home-controls #weather-product-browser button.is-active:hover{background:#f6e7e2!important;border-color:#ce9a8f!important;color:#963a30!important}
.home-controls #weather-product-browser :is(button,select){box-sizing:border-box;min-height:32px;height:32px;padding:4px 9px;font:var(--product-control-font)!important}
.home-controls #weather-product-browser .product-filter{gap:5px;min-width:0}
.home-controls #weather-product-browser .product-field-options{flex-wrap:nowrap;gap:6px}
.home-controls #weather-product-browser .product-context{display:block;margin-left:auto;flex:1;min-width:0;text-align:right;line-height:1.3;font-size:11px}
.home-controls #weather-product-browser .product-satellite-modes{margin-left:auto;gap:6px}
.home-controls #weather-export-jpg{grid-column:3;grid-row:1;box-sizing:border-box;height:36px!important;min-height:36px!important;margin:0!important;padding:5px 12px!important}
.home-controls .map-stage{margin-top:0!important}
@media(min-width:1101px){
 body.home-controls.analysis-page.unified-page{padding-top:74px}
 .home-controls.analysis-page.unified-page .panel-heading{min-height:44px;margin-bottom:8px;padding-bottom:6px}
 .home-controls.analysis-page.unified-page .map-panel{padding-top:0}
 .home-controls.analysis-page.unified-page .sounding-panel{padding-top:6px}
}
@media(min-width:651px) and (max-width:1300px){
 .home-controls .weather-region-dock{grid-template-columns:110px minmax(0,1fr) auto;column-gap:8px;row-gap:0}
 .home-controls #weather-product-categories button{padding-inline:8px}
 .home-controls #weather-export-jpg{font-size:11px!important;padding-inline:6px!important}
 .home-controls #weather-product-browser{gap:5px}
 .home-controls #weather-product-browser :is(button,select){padding-inline:6px;font-size:12px!important}
 .home-controls #weather-product-browser .product-context{font-size:10px}
}
@media(max-width:650px){
 .home-controls .weather-region-dock{grid-template-columns:1fr 1fr;gap:8px}
 .home-controls .scope-picker{grid-column:1;grid-row:1}
 .home-controls #weather-export-jpg{grid-column:2;grid-row:1;font-size:12px!important}
 .home-controls #weather-product-categories{grid-column:1/-1;grid-row:2}
 .home-controls #weather-product-browser{grid-column:1/-1;grid-row:3;height:auto;min-height:88px;flex-wrap:wrap}
 .home-controls #weather-product-browser .product-context{flex:1 1 100%;text-align:right}
 .home-controls #weather-product-browser .product-filter{flex:1 1 45%}
 .home-controls #weather-product-browser .product-field-options{flex:1 1 100%;flex-wrap:wrap}
}
/* Short desktop windows need one toolbar row, not a smaller/cropped map. */
@media(min-width:1101px) and (max-height:1100px) and (min-aspect-ratio:16/10){
 body.home-controls.analysis-page.unified-page{padding-top:64px}
 .home-controls.analysis-page.unified-page .panel-heading{min-height:35px;padding-bottom:0;margin-bottom:2px}
 .home-controls.analysis-page.unified-page .archive-picker{row-gap:2px}
 .home-controls.analysis-page.unified-page .archive-picker :is(small,.archive-picker__label){line-height:1.2}
 .home-controls.analysis-page.unified-page .archive-picker__controls{box-sizing:border-box;height:32px;min-height:32px;padding:2px 4px}
 .home-controls.analysis-page.unified-page .archive-picker__controls :is(button,input){min-height:0;height:26px;padding-block:2px}
 .home-controls .weather-region-dock{grid-template-columns:105px 230px minmax(0,1fr) auto;gap:8px;margin-bottom:2px!important}
 .home-controls .product-choice-panel{display:contents}
 .home-controls .scope-picker{grid-column:1;grid-row:1;height:32px}
 .home-controls .scope-picker select{height:32px}
 .home-controls #weather-product-categories{grid-column:2;grid-row:1}
 .home-controls #weather-product-categories button{padding:4px 6px;height:32px;min-height:32px}
 .home-controls #weather-product-browser{grid-column:3;grid-row:1;border:0;height:32px;min-height:32px;padding:1px 0;gap:5px}
 .home-controls #weather-product-browser :is(button,select){height:28px;min-height:28px;padding:2px 6px}
 .home-controls #weather-product-browser .product-context{font-size:10px}
 .home-controls #weather-export-jpg{grid-column:4;grid-row:1;width:auto;height:32px!important;min-height:32px!important;font-size:12px!important}
 .home-controls .map-stage{margin-top:0!important}
}