/* Existing Mac diagonal flags: one compact, horizontally scrollable strip on iPad.
   Activation excludes phone and pointer-only desktop. No control cloning/hiding. */
html.tablet-compact-controls #lab-controls #filter-strips{display:flex!important;flex-wrap:nowrap!important;align-items:flex-start!important;justify-content:flex-start!important;height:calc(var(--equal-tag-width,82px)*.7072 + 28px)!important;min-height:0!important;max-height:none!important;gap:12px!important;padding:4px 12px 4px 0!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:auto;touch-action:pan-x}
html.tablet-compact-controls #lab-controls #general-filters{display:flex!important;flex:0 0 auto!important;flex-wrap:nowrap!important;width:max-content!important;height:calc(var(--equal-tag-width,82px)*.7072 + 24px)!important;padding:0 calc(var(--equal-tag-width,82px)*.7072 + 8px) 0 0!important;gap:0!important}
html.tablet-compact-controls #lab-controls #general-filters::after{display:none}
html.tablet-compact-controls #lab-controls :is(#aspect-buttons,#media-buttons){display:grid!important;grid-auto-flow:column!important;grid-auto-columns:38px!important;flex:none!important;height:calc(var(--equal-tag-width,82px)*.7072 + 24px)!important;gap:0!important}
html.tablet-compact-controls #lab-controls #cluster-scroll{flex:0 0 auto!important;width:max-content!important;min-width:0!important;overflow:visible!important}
html.tablet-compact-controls #lab-controls #cluster-buttons{display:grid!important;grid-auto-flow:column!important;grid-template-columns:none!important;grid-auto-columns:38px!important;grid-template-rows:calc(var(--equal-tag-width,82px)*.7072 + 24px)!important;width:max-content!important;min-width:0!important;height:calc(var(--equal-tag-width,82px)*.7072 + 24px)!important;padding:0 calc(var(--equal-tag-width,82px)*.7072 + 8px) 0 0!important;gap:0!important;justify-content:start!important}
html.tablet-compact-controls #lab-controls #filter-panel .diagonal,html.tablet-compact-controls #lab-controls #cluster-buttons button{transform:rotate(45deg)!important;transform-origin:9px 9px!important;border-radius:0!important;flex:none!important;width:var(--equal-tag-width,82px)!important;min-width:var(--equal-tag-width,82px)!important;max-width:var(--equal-tag-width,82px)!important;height:18px!important;min-height:18px!important;padding:0 8px!important;font-size:13px!important;line-height:16px!important;white-space:nowrap!important}
/* Original narrow stacked counter box, upper-left and out of footer flow.
   Preserve original110px content width, typography, natural height and6px backing. */
html.tablet-compact-controls body>footer .collection-status{position:fixed!important;left:var(--tablet-counter-x,16px)!important;top:var(--tablet-counter-y,calc(var(--common-height) + 8px))!important;right:auto!important;bottom:auto!important;width:110px!important;min-width:110px!important;max-width:110px!important;display:flex!important;flex:none!important;flex-direction:column!important;align-items:flex-start!important;gap:2px!important;padding:0!important;margin:0!important;min-height:0;cursor:default;touch-action:auto;pointer-events:none;z-index:43;font-size:11px}
html.tablet-compact-controls body>footer .collection-status::before{inset:-6px -8px!important;background:rgba(247,245,240,.65);border-radius:6px}
html.tablet-compact-controls[data-theme=dark] body>footer .collection-status::before{background:rgba(28,28,28,.65)}
html.tablet-compact-controls body>footer .collection-status>.cvb-owned-title{font-size:11px;line-height:14px;margin:0 0 4px}
html.tablet-compact-controls body>footer .collection-status #match-count{font-size:18px!important}
html.tablet-compact-controls body>footer .collection-status #status-caption{font-size:10px!important}
html.tablet-compact-controls body>footer .collection-status #build-badge{pointer-events:auto}