/* Preserve readable diagonal shapes; vary only the horizontal slot spacing. */
html.adaptive-mode-flags #lab-controls #filter-strips{width:100%!important;max-width:100%!important;box-sizing:border-box!important;flex-wrap:nowrap!important;padding:4px 12px 4px 4px!important;gap:12px!important;justify-content:flex-start!important;overflow-x:auto!important;overflow-y:hidden!important}
html.adaptive-mode-flags #lab-controls #filter-strips[data-flag-overflow="false"]{justify-content:center!important}
html.adaptive-mode-flags #lab-controls #general-filters{flex:0 0 auto!important;min-width:0!important;width:max-content!important;padding-right:calc(var(--equal-tag-width,83px)*.7071067812 + 8px)!important}
html.adaptive-mode-flags #lab-controls :is(#aspect-buttons,#media-buttons,#cluster-buttons){grid-auto-columns:var(--mode-flag-pitch,38px)!important}
html.adaptive-mode-flags #lab-controls #cluster-buttons{padding-right:calc(var(--equal-tag-width,83px)*.7071067812 + 8px)!important}
html.adaptive-mode-flags #lab-controls #cluster-scroll{flex:0 0 auto!important;min-width:0!important;width:max-content!important}
/* Review: instruction text is removed only from the flag area. */
#lab-controls #gesture-hint{display:none!important}
html.desktop-cvb-refinement #lab-controls #filter-panel .diagonal,
html.desktop-cvb-refinement #lab-controls #cluster-buttons button{width:var(--flag-width,var(--equal-tag-width))!important;min-width:var(--flag-width,var(--equal-tag-width))!important;max-width:var(--flag-width,var(--equal-tag-width))!important}
html.adaptive-mode-flags #lab-controls #filter-strips{padding-block:5px 2px!important;gap:12px!important;height:calc(var(--flag-reserve)*.7072 + 20px)!important}
html.adaptive-mode-flags #lab-controls :is(#general-filters,#aspect-buttons,#media-buttons,#cluster-buttons){height:calc(var(--flag-reserve)*.7072 + 13px)!important;grid-template-rows:calc(var(--flag-reserve)*.7072 + 13px)!important}
html.phone-layout #phone-browse-sheet #lab-controls #filter-panel button{min-width:var(--flag-width,var(--equal-tag-width))!important;padding-inline:8px!important}
html.phone-layout #phone-browse-sheet #lab-controls #filter-panel{padding-block:3px!important}

/* Phone Categories sheet: ordinary Landscape width, full words on two lines for All labels only. */
html.phone-layout #phone-browse-sheet #lab-controls #filter-panel :is(#all-clusters,#all-formats){width:var(--ordinary-flag-width)!important;min-width:var(--ordinary-flag-width)!important;max-width:var(--ordinary-flag-width)!important;height:44px!important;min-height:44px!important;max-height:44px!important;white-space:normal!important;word-break:normal;overflow-wrap:normal;line-height:13px!important;justify-content:center;flex:0 0 var(--ordinary-flag-width)!important}
