/* Direct Tall/Grid choices: two comfortable targets in one compact control. */
#shell #collection-panel .browse-toolbar .layout-choice{display:flex;position:relative;isolation:isolate;gap:0;padding:2px;width:auto;flex:0 0 auto;min-height:48px;border:1px solid #aac9ce52;border-radius:12px;background:#102b3d;box-shadow:inset 0 1px 3px #05182766}
#shell #collection-panel .browse-toolbar .layout-choice::before{content:'';position:absolute;inset:2px auto 2px 2px;width:calc((100% - 4px)/2);border-radius:9px;background:linear-gradient(#e4f4e9,#aed8d2);box-shadow:inset 0 1px #fff9,0 2px 4px #06172755;transition:translate 180ms cubic-bezier(.2,.75,.2,1);pointer-events:none;z-index:-1}
#shell #collection-panel .browse-toolbar .layout-choice[data-view=grid]::before{translate:100% 0}
#shell #collection-panel .browse-toolbar :is(#collection-views,#store-views) button{position:relative;flex:1 0 48px;width:48px;min-width:48px;min-height:44px;height:44px;padding:6px;margin:0;border:0;border-radius:9px;background:transparent!important;box-shadow:none;transform:none;color:#c5dadf!important;line-height:1.2;font-size:.8rem;font-weight:650}
#shell #collection-panel .browse-toolbar :is(#collection-views,#store-views) button[aria-pressed=true]{color:#123948!important;background:transparent!important}
#shell #collection-panel .browse-toolbar .layout-choice button:focus-visible{outline:2px solid #fff0b8;outline-offset:-3px}
#shell #collection-panel .browse-toolbar .layout-choice button:active{filter:brightness(1.25)}
#shell:is([data-text-size=large],[data-text-size=extra]) #collection-panel .browse-toolbar .layout-choice{width:auto;flex-basis:auto;min-height:52px}
#shell:is([data-text-size=large],[data-text-size=extra]) #collection-panel .browse-toolbar .layout-choice button{min-width:60px;width:60px;min-height:48px;height:48px}
#shell[data-screen-motion=off] #collection-panel .layout-choice::before{transition:none}
@media(prefers-reduced-motion:reduce){#shell #collection-panel .layout-choice::before{transition:none}}
@media(forced-colors:active){
 #shell #collection-panel .browse-toolbar .layout-choice::before{background:Highlight}
 #shell #collection-panel .browse-toolbar :is(#collection-views,#store-views) button{color:ButtonText!important;forced-color-adjust:none}
 #shell #collection-panel .browse-toolbar :is(#collection-views,#store-views) button[aria-pressed=true]{color:HighlightText!important;outline:2px solid Highlight;outline-offset:-2px}
}