/* Shared selector row: fixed tabs/action, flexible label + dropdown.
   Applies to current Area reviews; preserves archived reference layouts. */
body[data-area-toolbar-review]{--area-toolbar-action-width:224px}
body[data-area-toolbar-review] main :is(.school-explorer-toolbar,.place-review-toolbar,.county-review-toolbar,.county-explorer-toolbar){width:100%;max-width:none;box-sizing:border-box}
body[data-area-toolbar-review] main :is(.school-view-tabs,.offices-view-tabs){flex:0 0 auto}
body[data-area-toolbar-review] main :is(.school-view-tabs,.offices-view-tabs)>button{width:80px;min-width:80px;flex:0 0 80px;box-sizing:border-box}
/* School-style rows wrap their label/select and action in one flexible group. */
body[data-area-toolbar-review] main .school-explorer-toolbar{display:flex;flex-wrap:nowrap;gap:20px}
body[data-area-toolbar-review] main .school-explorer-toolbar .city-picker-actions{display:flex;flex:1 1 0;flex-wrap:nowrap;width:auto;min-width:0;margin:0;gap:12px}
body[data-area-toolbar-review] main .school-explorer-toolbar label{display:flex;flex:1 1 0;min-width:0;width:auto;margin:0;gap:12px;align-items:center}
body[data-area-toolbar-review] main .school-explorer-toolbar select{flex:1 1 0;width:100%;min-width:0;max-width:none}
/* Place rows nest the label/control pair; ward rows put them beside the tabs. */
body[data-area-toolbar-review] main .place-review-toolbar>.place-explorer-toolbar{display:grid;grid-template-columns:max-content minmax(0,1fr);align-items:center;gap:12px;flex:1 1 0;min-width:0}
body[data-area-toolbar-review] main .place-review-toolbar:has(>label){display:grid;grid-template-columns:166px max-content minmax(0,1fr);align-items:center;gap:20px}
body[data-area-toolbar-review] main :is(.place-review-toolbar,.place-explorer-toolbar) .place-picker-control{display:grid;grid-template-columns:minmax(0,1fr) var(--area-toolbar-action-width);align-items:end;gap:12px;min-width:0;width:100%;max-width:none}
body[data-area-toolbar-review] main .place-picker-control select{width:100%;min-width:0;max-width:none;box-sizing:border-box}
/* State and county pickers also consume all available space. */
body[data-area-toolbar-review] main .county-explorer-toolbar{display:grid;grid-template-columns:max-content minmax(0,1fr);align-items:center;gap:12px}
body[data-area-toolbar-review] main .county-picker-control{display:grid;grid-template-columns:minmax(0,1fr) var(--area-toolbar-action-width);align-items:end;min-width:0;gap:12px}
body[data-area-toolbar-review] main .county-picker-control select{width:100%;max-width:none;min-width:0;box-sizing:border-box}
body[data-area-toolbar-review] main .county-review-toolbar .county-map-picker{flex:1 1 0;min-width:0;margin:0}
body[data-area-toolbar-review] main .county-review-toolbar select{width:100%;max-width:none;min-width:0}
body[data-area-toolbar-review] main :is(.city-picker-actions,.place-picker-control,.county-picker-control) :is(.city-picker-open,.place-picker-open,.county-picker-open){flex:0 0 var(--area-toolbar-action-width);width:var(--area-toolbar-action-width);min-width:0;max-width:none;height:44px;min-height:44px;box-sizing:border-box;margin-bottom:3px;align-self:end;white-space:nowrap}
body[data-area-toolbar-review] main :is(.city-picker-actions,.place-picker-control,.county-picker-control) select{height:47px;min-height:47px;box-sizing:border-box}
@media(max-width:900px){
 body[data-area-toolbar-review] main .school-explorer-toolbar{flex-wrap:wrap}
 body[data-area-toolbar-review] main .school-explorer-toolbar :is(.city-picker-actions,label){flex-basis:100%;width:100%}
 body[data-area-toolbar-review] main .place-review-toolbar>.place-explorer-toolbar{flex-basis:100%}
 body[data-area-toolbar-review] main .place-review-toolbar:has(>label){grid-template-columns:max-content minmax(0,1fr)}
 body[data-area-toolbar-review] main .place-review-toolbar:has(>label)>.offices-view-tabs{grid-column:1/-1}
 body[data-area-toolbar-review] main .county-review-toolbar .county-map-picker{flex-basis:100%}
}
@media(max-width:600px){
 body[data-area-toolbar-review] main :is(.place-review-toolbar:has(>label),.place-review-toolbar>.place-explorer-toolbar,.county-explorer-toolbar,.place-picker-control,.county-picker-control){grid-template-columns:minmax(0,1fr)}
 body[data-area-toolbar-review] main .school-explorer-toolbar .city-picker-actions{flex-wrap:wrap}
 body[data-area-toolbar-review] main .school-explorer-toolbar label{display:grid;grid-template-columns:minmax(0,1fr)}
 body[data-area-toolbar-review] main :is(.city-picker-actions,.place-picker-control,.county-picker-control) :is(.city-picker-open,.place-picker-open,.county-picker-open){flex-basis:100%;width:100%}
}