/* Final sizing rules shared by every screen. Respond to the available content
   width as well as the viewport, including narrowed editor panels. */
@media(min-width:901px){
 body:not(.design-studio) .workspace:not(.chat-page)>main{container:tva-workspace / inline-size}
 body:not(.design-studio) .workspace:not(.chat-page) .panel{container:tva-panel / inline-size}
}
.fields,.mm-fields{grid-template-columns:repeat(auto-fit,minmax(min(250px,100%),1fr))}
.fields>*,.mm-fields>*,.panel-header>*,.list-row>*{min-width:0}
.panel-header{flex-wrap:wrap}
.panel-header h2{flex:1 1 160px}
.panel-header .actions{max-width:100%}
.panel :is(.actions,.search-row,.config-choose){flex-wrap:wrap}
.command-grid{grid-template-columns:repeat(auto-fill,minmax(min(210px,100%),1fr))}
.select-trigger{max-width:100%;min-width:0}
.select-option{overflow-wrap:anywhere;min-width:0}
.table-wrap{max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain}
dialog{max-width:calc(100% - 24px)}
@container tva-panel (max-width:420px){
 .list-row{flex-wrap:wrap;gap:12px;align-items:flex-start}
 .list-row>.actions{flex:1 1 100%;justify-content:flex-start}
 .response-row{grid-template-columns:minmax(0,1fr)}
 .response-row button{justify-self:start}
 .search-row input,.config-choose>.select-trigger{flex:1 1 180px}
 .mm-person-heading{flex-wrap:wrap}
}
@container tva-workspace (max-width:800px){
 .mm-layout,.server-layout,.split,.split.wide,.overview-extras{grid-template-columns:minmax(0,1fr)}
 .mm-directory{position:static}
 .mm-member-list{max-height:360px}
 .stats{grid-template-columns:repeat(2,minmax(0,1fr))}
 .desktop-grid>.panel,.desktop-grid>.split,.desktop-grid>.stats{grid-column:1/-1}
}
@media(min-width:901px){
 .page-head{flex-direction:row;align-items:center;justify-content:flex-start;text-align:left}
 .page-head>div:first-child{flex:1 1 240px}
 .page-head .actions{margin:0;flex:0 1 auto;max-width:100%}
 .topbar .context{min-width:min(100%,260px)}
 .topbar .identity{flex:0 1 auto}
 .owner-strip{flex-wrap:wrap}
 .owner-strip>label{flex:0 1 330px;flex-wrap:nowrap;justify-content:flex-start;min-width:0}
 .owner-strip>label>.select-trigger{flex:1;min-width:0;max-width:300px}
}
@media(min-width:901px) and (max-width:1200px){
 .desktop-page-art{display:none}
 .topbar .context{flex:1 1 100%}
 .topbar .context .select-trigger{max-width:none}
 .topbar .identity{width:100%;justify-content:flex-start}
 .identity-profile{display:flex;flex:1}
 .owner-strip{padding-inline:24px}
}
@media(max-width:900px){
 .workspace>main{scroll-padding-bottom:calc(var(--mobile-dock-height) + 20px)}
 .workspace :is(input,textarea,button,.select-trigger){scroll-margin-block:20px calc(var(--mobile-dock-height) + 20px)}
 .keyboard-open .workspace :is(input,textarea,button,.select-trigger){scroll-margin-bottom:20px}
 .page-head{align-items:flex-start;text-align:left}
 .page-head>div:first-child{flex-basis:auto;width:100%}
 .page-head .actions{max-width:100%;width:100%}
 .mobile-tool strong,.mobile-feature strong{overflow-wrap:anywhere}
}
@media(max-width:380px){.stats{grid-template-columns:minmax(0,1fr)!important}}