/* IM-UX-GA-10: presentation/performance closure. Does not change source or command authority. */
:root{--im-readable-body:14px;--im-readable-small:12px;--im-control-min:40px}
.view{contain:layout style paint;contain-intrinsic-size:1px 900px}
.view.active{content-visibility:auto}
.view[aria-hidden="true"]{content-visibility:hidden}
.view :where(p,li,td,th,label,input,select,textarea,button){font-size:max(var(--im-readable-small),.75rem)}
.view :where(.small-text,small,.muted.small-text){font-size:var(--im-readable-small);line-height:1.45}
.view :where(button,.btn,.button,input:not([type=checkbox]):not([type=radio]),select,textarea){min-height:var(--im-control-min)}
.view :where(code,pre){overflow-wrap:anywhere;word-break:break-word}
.view :where(.table-wrap,.table-scroll,.im-a11y-scroll,[role="region"]>table){max-width:100%}
.view table{max-width:100%}
.view img,.view svg,.view canvas{max-width:100%}
.ot-chart{min-width:0!important;width:100%!important}
.workspace-card,.panel,.card,.metric-card{min-width:0}
#page-title{scroll-margin-top:5rem}
[data-im-route-announcer]{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(min-width:1440px){.stage{padding-inline:clamp(1.25rem,2vw,2.5rem)}.view.active>.panel,.view.active>.hero-panel{max-width:1680px;margin-inline:auto}}
@media(max-width:1024px){.view :where(.grid-2,.grid-3,.private-two-col,.private-three-col,.semantic-canvas-studio){grid-template-columns:minmax(0,1fr)!important}.semantic-visual-canvas-wrap{height:min(60vh,480px)}.table-scroll,.im-a11y-scroll{overflow:auto;overscroll-behavior-inline:contain}}
@media(max-width:768px){:root{--im-readable-body:14px;--im-readable-small:12px;--im-control-min:42px}.view :where(.panel-head,.hero-panel,.private-policy-banner,.environmental-source-next-action){align-items:stretch;flex-direction:column}.view :where(.button-row,.row-actions,.modal-actions){width:100%;flex-wrap:wrap}.view :where(.button-row,.row-actions,.modal-actions)>*{max-width:100%}.ot-chart{height:360px!important}.semantic-visual-canvas-wrap{height:420px}.workspace-card{min-height:64px}}
@media(max-width:390px){:root{--im-control-min:44px}.main,.stage,#main{padding-inline:.625rem!important}.workspace-bar{margin-inline:-.625rem!important;padding-inline:.625rem!important}.view :where(h1){font-size:clamp(1.35rem,7vw,1.75rem)}.view :where(h2,h3){overflow-wrap:anywhere}.view :where(.button-row,.row-actions,.modal-actions)>:is(button,.btn,select,input){flex:1 1 100%;width:100%}.view :where(table){font-size:12px}.view :where(.metric-grid,.overview-stats,.home-grid,.workspace-launchers,.app-grid,.board,.builder-card-grid){grid-template-columns:minmax(0,1fr)!important}.ot-chart{height:300px!important}.semantic-visual-canvas-wrap{height:360px}}
@media(pointer:coarse){:where(a,button,.btn,.button,input:not([type=checkbox]):not([type=radio]),select,summary){min-height:44px}}
@media(prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}}
@media(forced-colors:active){.view :where(.pill,.badge,.metric-card,.panel,.card){forced-color-adjust:auto}}