/* Audit 4 shared controls. Uses frozen theme roles; no palette or artwork changes. */
body.visual-v1.art-pass.lagoon-pass[data-companion] #app .product-workspace,
body.visual-v1.art-pass.lagoon-pass[data-companion] #modal {
 --audit-control-radius:var(--radius-control,12px);
 --audit-selected:color-mix(in srgb,var(--accent-secondary) 90%,var(--content-primary) 10%);
 scrollbar-color:var(--accent-secondary) var(--surface-panel)!important;
}
body.visual-v1.art-pass.lagoon-pass[data-companion] #app .product-workspace *,
body.visual-v1.art-pass.lagoon-pass[data-companion] #modal * {scrollbar-color:var(--accent-secondary) var(--surface-panel)!important}
body.visual-v1.art-pass.lagoon-pass[data-companion] #app .product-workspace *::-webkit-scrollbar-thumb,
body.visual-v1.art-pass.lagoon-pass[data-companion] #modal *::-webkit-scrollbar-thumb {background:var(--accent-secondary)!important;border-radius:var(--audit-control-radius)}
body.visual-v1.art-pass.lagoon-pass[data-companion] #app .product-workspace *::-webkit-scrollbar-track,
body.visual-v1.art-pass.lagoon-pass[data-companion] #modal *::-webkit-scrollbar-track {background:var(--surface-panel)!important}
body.visual-v1.art-pass.lagoon-pass[data-companion] #app .product-workspace :is(.btn,.chip,.tab,.nav-collapse),
body.visual-v1.art-pass.lagoon-pass[data-companion] #modal :is(.btn,.chip,.tab) {border-radius:var(--audit-control-radius)!important}
body.visual-v1.art-pass.lagoon-pass[data-companion] #app .product-workspace :is(.btn.quiet,.btn.white,.btn.secondary),
body.visual-v1.art-pass.lagoon-pass[data-companion] #modal :is(.btn.quiet,.btn.white,.btn.secondary) {background:var(--accent-secondary)!important;color:var(--content-on-accent)!important;border:1px solid var(--border-control)!important}
body.visual-v1.art-pass.lagoon-pass[data-companion] #app .product-workspace :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=hidden]),textarea,select,[contenteditable=true]),
body.visual-v1.art-pass.lagoon-pass[data-companion] #modal :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=hidden]),textarea,select,[contenteditable=true]) {background-color:var(--workspace-base,#fff)!important;color:var(--content-primary)!important;border-radius:var(--audit-control-radius)!important}
body.visual-v1.art-pass.lagoon-pass[data-companion] #app .product-workspace .side-nav a.active {background:var(--audit-selected)!important;color:var(--content-on-accent)!important;border-radius:var(--audit-control-radius)!important;box-shadow:inset 4px 0 var(--content-primary)!important}
body.visual-v1.art-pass.lagoon-pass[data-companion] #app .product-workspace .side-nav a :is(.nav-icon,svg),
body.visual-v1.art-pass.lagoon-pass[data-companion] #app .product-workspace .side-nav a :is(.nav-icon,svg)::before,
body.visual-v1.art-pass.lagoon-pass[data-companion] #app .product-workspace .side-nav a :is(.nav-icon,svg)::after {background:transparent!important;box-shadow:none!important}
body.visual-v1.art-pass.lagoon-pass[data-companion] #app .product-workspace :is(.status,.status-badge),
body.visual-v1.art-pass.lagoon-pass[data-companion] #modal :is(.status,.status-badge) {background:var(--accent-secondary)!important;color:var(--content-on-accent)!important;border:1px solid var(--border-control)!important}
/* B08: the real Filters button replaced the old details panel; give it its own cell. */
body.visual-v1.art-pass.lagoon-pass[data-companion][data-page=board] #app .product-workspace .live-job-search>[data-action="feed-open-filters"] {grid-column:3!important;grid-row:1!important}
@media(max-width:750px){body.visual-v1.art-pass.lagoon-pass[data-companion][data-page=board] #app .product-workspace .live-job-search>[data-action="feed-open-filters"] {grid-column:2!important;grid-row:2!important}}
/* A05: let the approved responsive scene determine the shared desktop row height. */
@media(min-width:1001px){body.visual-v1.art-pass.lagoon-pass[data-companion][data-page=room] #app .creature-room-grid {align-items:stretch}body.visual-v1.art-pass.lagoon-pass[data-companion][data-page=room] #app .creature-care {height:auto;min-height:0;contain:size;overflow:auto}}
/* P04: stage filters are controls and consume the same canonical radius. */
body.visual-v1.art-pass.lagoon-pass[data-companion] #app .product-workspace .track-stat {border-radius:var(--audit-control-radius)!important}
/* Reduced motion keeps the approved sidebar sprite stationary at the tank center. */
@media(prefers-reduced-motion:reduce){
 body.visual-v1.art-pass.lagoon-pass[data-companion] .product-workspace:not(.nav-collapsed) .tank-glass .pip-sprite{top:calc(50% - 63px)!important}
}