/* Approved boards 06 and 13–17: existing data and controls, compact management geometry. */
:is(#section-support-stats,#section-support-diagnostics,#section-support-maintenance):not([style*="none"]){display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;align-items:start}
:is(#section-support-stats,#section-support-diagnostics,#section-support-maintenance)>*{grid-column:1/-1;min-width:0;margin-top:0!important;margin-bottom:0!important}
:is(#section-support-stats,#section-support-diagnostics,#section-support-maintenance,#section-support-performance,#section-support-model-api,#section-support-settings) :is(.wn-box,.wq-box,.ws-card,.support-settings-card){border-radius:10px;padding:16px}
:is(#section-support-stats,#section-support-diagnostics,#section-support-maintenance,#section-support-performance,#section-support-model-api,#section-support-settings) :is(.wn-title,.wq-group-head){gap:8px}
:is(#section-support-stats,#section-support-diagnostics,#section-support-maintenance,#section-support-performance,#section-support-model-api,#section-support-settings) :is(h3,h4){letter-spacing:0}
/* Analytics: four primary KPIs; any additional real metrics continue on another row. */
html body.product-support #section-support-stats .wa-strip #wm-stats-metrics.wa-kpis{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px}
html body.product-support #section-support-stats .wa-strip #wm-stats-metrics.wa-kpis>*{grid-column:auto!important;min-height:102px;border-radius:10px!important;background:var(--ov-surface)!important;padding:14px!important}
#section-support-stats>.wa-strip{order:2;padding:0;border:0;background:transparent;box-shadow:none}
#section-support-stats>.section-head{order:0}
#section-support-stats>.wa-filters{order:1}
#section-support-stats>.wa-main{order:3;grid-column:1}
#section-support-stats>.wa-block:has(#wa-results){order:3;grid-column:2}
#section-support-stats>.wa-block:has(#wm-stats-connections-breakdown){order:4}
#section-support-stats>#wa-topics-block{order:5}
#section-support-stats>#wa-hours-block{order:6}
#section-support-stats>.wa-block:has(#wa-speed){order:7}
#section-support-stats>.wa-method{order:8}
#section-support-stats .wa-main .wa-chart{min-height:190px;max-height:250px}
#section-support-stats .wa-block .wn-title{margin-bottom:12px}
/* Quality: attention summary above category and decision panels. */
#section-support-diagnostics>.section-head{order:0}
#section-support-diagnostics>.wa-filters{order:1}
#section-support-diagnostics>.wq-strip{order:2;border-color:color-mix(in srgb,var(--ov-warn) 35%,var(--ov-line));background:color-mix(in srgb,var(--ov-warn) 5%,var(--ov-surface));padding:12px 16px}
#section-support-diagnostics>.wq-box:has(#wo-reasons){order:3;grid-column:1}
#section-support-diagnostics>#wq-history-box{order:3;grid-column:2}
#section-support-diagnostics>.wq-gaps-box{order:4}
#section-support-diagnostics>.wq-how{order:5}
#section-support-diagnostics .wq-cards{gap:8px}
#section-support-diagnostics .wq-group{padding:10px 0}
#section-support-diagnostics .wo-reason{gap:7px;padding:9px 0}
#section-support-diagnostics .wq-history-form{display:flex;flex-wrap:wrap;gap:8px}
#section-support-diagnostics .wq-history-form>label{flex:1 1 150px;min-width:0}
#section-support-diagnostics .wn-row{grid-template-columns:80px minmax(0,1fr) minmax(90px,.7fr) minmax(80px,.6fr) 12px;gap:8px}
/* Maintenance: jobs and pause, update policy and releases share two rows. */
#section-support-maintenance>.wm-heading{order:0}
#section-support-maintenance>.wn-help{order:1}
#section-support-maintenance>#ws-m-kpis{order:2}
#section-support-maintenance>#wm-worker-state{order:3}
#section-support-maintenance>.ws-box:has(#wm-jobs){order:4;grid-column:1}
#section-support-maintenance>.ws-control{order:4;grid-column:2;border-color:color-mix(in srgb,var(--ov-warn) 30%,var(--ov-line));background:color-mix(in srgb,var(--ov-warn) 5%,var(--ov-surface))}
#section-support-maintenance>#ws-help-rule{order:5;grid-column:1}
#section-support-maintenance>.ws-box:has(#wm-releases){order:5;grid-column:2}
#section-support-maintenance>#ws-m-how{order:6}
#section-support-maintenance .ws-control-row{display:flex;flex-wrap:wrap;gap:10px}
#section-support-maintenance .ws-control-row>div{flex:1 1 100%}
#section-support-maintenance #wm-policy{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#section-support-maintenance #wm-policy>label{min-width:0;max-width:100%;margin:0}
#section-support-maintenance #wm-policy>button{justify-self:start;grid-column:1/-1}
/* Resource summary and resource history remain inside their original tabpanel. */
#section-support-performance #wsb-status-view:not([hidden]){display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;align-items:start}
#section-support-performance #wsb-status-view>*{grid-column:1/-1;min-width:0;margin:0!important}
#section-support-performance #wsb-status-view>.wn-box:has(#wsb-host){grid-column:1;grid-row:3}
#section-support-performance #wsb-status-view>.wn-box:has(#wsb-history){grid-column:2;grid-row:3}
#section-support-performance #wsb-status-view>.wn-box:has(#wsb-services){grid-row:4}
#section-support-performance .wsb-meters{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
#section-support-performance .wsb-meter{padding:12px;border:1px solid var(--ov-line);border-radius:8px;background:var(--ov-surface)}
#section-support-performance .wsb-meter strong{font-size:23px}
#section-support-performance .wsb-charts{gap:12px}
#section-support-performance #wsb-history{grid-template-columns:1fr}
#section-support-performance .wsb-chart svg{max-height:155px}
#section-support-performance .wsb-backup-bar{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
#section-support-performance :is(.wsb-table,.wsb-events){min-width:0}
/* Three channel cards per row, including the existing knowledge connection. */
html body.product-support #section-support-channels .wci-cards{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px}
html body.product-support #section-support-channels .wci-card{padding:16px;border-radius:10px}
html body.product-support #section-support-channels .wci-card-in{display:flex;flex-direction:column;align-items:stretch;gap:12px}
html body.product-support #section-support-channels .wci-card-in>.wci-card-actions{justify-content:flex-start;max-width:none;margin-top:auto;padding:12px 0 0;border-left:0;border-top:1px solid var(--ov-line)}
#section-support-channels .wci-card-top{align-items:flex-start;gap:10px}
#section-support-channels .wci-card-name{font-size:15px}
#section-support-channels #wkc-card-slot .wci-card{grid-column:auto}
/* Model controls retain their real mode, usage, proxy and provider tabs. */
#section-support-model-api .smm-cards{gap:12px}
#section-support-model-api .smm-opt{border-radius:10px}
#section-support-model-api .smx-cards{gap:12px}
#section-support-model-api .smx-cards .wn-kpi{padding:14px}
#section-support-model-api .smx-value{font-size:20px;margin:10px 0 6px}
#section-support-model-api .smv-form{gap:20px}
#section-support-model-api .smv-models-list{max-height:280px;overflow:auto}
#section-support-model-api :is(.smx-kpis,.smx-ins-grid,.smp-extra){gap:12px}
#section-support-settings .ws-card{margin-bottom:12px}
#section-support-settings .ws-grid2{gap:16px}
/* Preserve semantic tables and permit keyboard/touch horizontal scrolling. */
:is(#section-support-stats,#section-support-diagnostics,#section-support-maintenance,#section-support-model-api) :is(.wa-table-wrap,.wa-table-scroll,.ws-table,.smx-table){max-width:100%;overflow-x:auto}
:is(#section-support-stats,#section-support-diagnostics,#section-support-maintenance,#section-support-performance,#section-support-model-api) :is(td,th){font-size:12px;overflow-wrap:anywhere}
@media(max-width:1100px){
 html body.product-support #section-support-channels .wci-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 #section-support-diagnostics>.wq-box:has(#wo-reasons),#section-support-diagnostics>#wq-history-box{grid-column:1/-1}
 #section-support-performance #wsb-status-view>.wn-box:has(#wsb-host),#section-support-performance #wsb-status-view>.wn-box:has(#wsb-history){grid-column:1/-1;grid-row:auto}
 #section-support-performance #wsb-status-view>.wn-box:has(#wsb-services){grid-row:auto}
}
@media(max-width:760px){
 :is(#section-support-stats,#section-support-diagnostics,#section-support-maintenance):not([style*="none"]){grid-template-columns:minmax(0,1fr)}
 :is(#section-support-stats,#section-support-diagnostics,#section-support-maintenance)>*{grid-column:1/-1!important}
 html body.product-support #section-support-stats .wa-strip #wm-stats-metrics.wa-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 html body.product-support #section-support-stats .wa-strip #wm-stats-metrics.wa-kpis>*{min-height:110px;padding:12px!important}
 #section-support-diagnostics .wn-row{grid-template-columns:64px minmax(0,1fr) 12px}
 #section-support-diagnostics .wn-row>div:nth-child(3),#section-support-diagnostics .wn-row>div:nth-child(4){grid-column:2}
 #section-support-diagnostics .wn-row>i{grid-column:3;grid-row:1}
 #section-support-performance .wsb-backup-bar{flex-direction:column}
}
@media(max-width:560px){
 html body.product-support #section-support-channels .wci-cards{grid-template-columns:minmax(0,1fr)!important}
 #section-support-maintenance #wm-policy{grid-template-columns:minmax(0,1fr)}
 #section-support-performance .wsb-meters{grid-template-columns:minmax(0,1fr)}
 :is(#section-support-stats,#section-support-diagnostics,#section-support-maintenance,#section-support-performance,#section-support-model-api,#section-support-settings) :is(.wn-box,.wq-box,.ws-card,.support-settings-card){padding:12px}
 :is(#section-support-stats,#section-support-diagnostics,#section-support-maintenance,#section-support-performance,#section-support-model-api,#section-support-settings,#section-support-channels) :is(button.support-btn,a.support-btn,.wn-seg button){min-height:44px!important}
}
/* Fixed row assignment keeps the two maintenance pairs aligned regardless of source order. */
@media(min-width:761px){
 #section-support-maintenance>.ws-box:has(#wm-jobs),#section-support-maintenance>.ws-control{grid-row:5}
 #section-support-maintenance>#ws-help-rule,#section-support-maintenance>.ws-box:has(#wm-releases){grid-row:6}
 #section-support-maintenance>#ws-m-how{grid-row:7}
}
html body.product-support #section-support-diagnostics>.wq-strip{border-color:color-mix(in srgb,var(--ov-warn) 35%,var(--ov-line))!important;background:color-mix(in srgb,var(--ov-warn) 5%,var(--ov-surface))!important}
html body.product-support #section-support-maintenance>.ws-control{border-color:color-mix(in srgb,var(--ov-warn) 30%,var(--ov-line))!important;background:color-mix(in srgb,var(--ov-warn) 5%,var(--ov-surface))!important}
@media(min-width:1101px){
 #section-support-model-api:not([style*="none"]){display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;align-items:start}
 #section-support-model-api>*{grid-column:1/-1;min-width:0;margin-top:0!important;margin-bottom:0!important;order:3}
 #section-support-model-api>.section-head{order:0}
 #section-support-model-api>.smx-tabs{order:1}
 #section-support-model-api #sm-mode{order:2;grid-column:1}
 #section-support-model-api[data-sm-tab=usage] #sm-insights{order:2;grid-column:2;grid-row:3}
 #section-support-model-api:not([data-sm-tab=usage]) #sm-mode{grid-column:1/-1}
 #section-support-model-api .smm-cards{grid-template-columns:minmax(0,1fr)}
 #section-support-model-api #sm-insights .smx-ins-grid{grid-template-columns:minmax(0,1fr)}
 #section-support-model-api #sm-insights .smx-ins-grid>div{min-width:0}
 #section-support-performance #wsb-host>.wsb-meter:nth-child(2){order:4;grid-column:1/-1}
 #section-support-performance #wsb-host>.wsb-meter:nth-child(3){order:2}
 #section-support-performance #wsb-host>.wsb-meter:nth-child(4){order:3}
}
@media(max-width:760px){
 #section-support-stats .wa-table-wrap{overflow-x:auto!important;max-width:100%;scrollbar-gutter:stable}
 #section-support-stats .wa-table{min-width:560px;table-layout:auto}
 #section-support-stats .wa-table :is(th,td){overflow-wrap:normal!important;word-break:normal!important}
 #section-support-stats .wa-table :is(th,td):first-child{min-width:210px}
}
@media(min-width:1101px){
 #section-support-diagnostics:not([style*="none"]){grid-template-columns:minmax(0,1fr) minmax(0,1.85fr)}
 #section-support-maintenance:not([style*="none"]){grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}
 #section-support-performance #wsb-status-view:not([hidden]){grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)}
}
@media(min-width:761px){
 #section-support-maintenance #wm-releases table{min-width:560px;table-layout:auto}
 #section-support-maintenance #wm-jobs table{min-width:540px;table-layout:auto}
 #section-support-maintenance :is(#wm-releases,#wm-jobs) :is(th,td){overflow-wrap:normal!important;word-break:normal!important}
}
#section-support-model-api:not([data-sm-tab=usage])>.wcm-model-breakdown{display:none!important}
#section-support-model-api .wcm-model-breakdown .smx-ins-grid{margin:0;gap:24px}
@media(min-width:1101px){
 #section-support-model-api>.wcm-model-breakdown{order:4}
 #section-support-model-api>.smx-history-box{order:5}
 #section-support-model-api>.smx-how{order:6}
}
/* The same backup panel appears below the resources on the primary server view. */
#section-support-performance #wsb-status-view>#wsb-backups-view{grid-column:1/-1;grid-row:4}
#section-support-performance #wsb-status-view>.wn-box:has(#wsb-services){grid-row:5}
#section-support-performance #wsb-backups-view:not([hidden]){display:flex;flex-direction:column;gap:12px}
#section-support-performance #wsb-backups-view>*{min-width:0;margin-top:0!important;margin-bottom:0!important}
#section-support-performance #wsb-backups-view>.wsb-backup-bar{order:0}
#section-support-performance #wsb-backups-view>#wsb-job{order:0}
#section-support-performance #wsb-backups-view>.wn-box:has(#wsb-backups){order:1}
#section-support-performance #wsb-backups-view>#wsb-backup-cards{order:2}
#section-support-performance #wsb-backups-view>section:not(.wsb-backup-bar):not(:has(#wsb-backups)){order:3}
/* Existing channel cards are primary; the complete real summary follows them. */
#section-support-channels #wci-pane[aria-labelledby=wci-tab-list]{display:flex;flex-direction:column;gap:12px}
#section-support-channels #wci-pane[aria-labelledby=wci-tab-list]>.wci-tiles{order:10;margin:0;gap:8px}
html body.product-support #section-support-channels .wci-tiles .wci-tile{min-height:0;padding:12px!important}
html body.product-support #section-support-channels .wci-tile-value{font-size:18px!important;line-height:1.3}
#section-support-channels .wci-tile-foot{font-size:12px}
/* Category rows stack inside the narrow diagnostics column. */
#section-support-diagnostics .wo-reason{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 10px}
#section-support-diagnostics .wo-reason>.wq-reason-main{display:grid;grid-column:1/-1;gap:4px;min-width:0}
#section-support-diagnostics .wo-reason>.wq-reason-num{display:grid;gap:5px;min-width:0}
#section-support-diagnostics .wo-reason>.wq-reason-num i{margin:0;width:100%}
#section-support-diagnostics .wo-reason>.wq-link{justify-self:end;max-width:100%}
#section-support-diagnostics .wq-reason-main :is(b,small){overflow-wrap:normal;word-break:normal}
@media(min-width:761px){
 html body.product-support #section-support-stats .wa-strip #wm-stats-metrics.wa-kpis>:nth-child(n+5){display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px;grid-column:span 2!important;min-height:0!important;padding:8px 12px!important}
 html body.product-support #section-support-stats .wa-strip #wm-stats-metrics.wa-kpis>:nth-child(n+5) .c-value{font-size:16px!important}
 html body.product-support #section-support-stats .wa-strip #wm-stats-metrics.wa-kpis>:nth-child(n+5) .c-foot{font-size:12px!important}
 html body.product-support #section-support-stats .wa-strip #wm-stats-metrics.wa-kpis:is([data-n="5"],[data-n="7"])>:last-child{grid-column:1/-1!important}
}
@media(min-width:761px){
 html body.product-support #section-support-maintenance #wm-releases>:is(.ws-thead,.ws-row){min-width:600px;grid-template-columns:minmax(160px,1.2fr) 120px minmax(190px,1.4fr) 80px}
 #section-support-maintenance #wm-releases .ws-row :is(b,small){overflow-wrap:normal;word-break:normal}
}
#section-support-stats>.wcm-stats-secondary{order:5;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#section-support-stats>#wa-topics-block{order:6}
#section-support-stats>#wa-hours-block{order:7}
#section-support-stats>.wa-block:has(#wa-speed){order:8}
#section-support-stats>.wa-method{order:9}
html body.product-support #section-support-stats .wcm-stats-secondary>.wm-metric{display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px;min-height:0;padding:12px!important}
html body.product-support #section-support-stats .wcm-stats-secondary .c-value{font-size:18px!important}
@media(max-width:560px){#section-support-stats>.wcm-stats-secondary{grid-template-columns:minmax(0,1fr)}}
/* Mobile model usage: keep complete numeric groups readable. */
@media(max-width:560px){
 #section-support-model-api .smx-kpis{grid-template-columns:minmax(0,1fr)}
 #section-support-model-api .smx-kpi{grid-template-columns:minmax(0,1fr)}
 #section-support-model-api .smx-kpi b{grid-column:1;grid-row:auto;white-space:nowrap;overflow-wrap:normal;word-break:normal}
 #section-support-model-api .smx-table tr{grid-template-columns:repeat(2,minmax(0,1fr))}
 #section-support-model-api .smx-table td:not(:first-child){white-space:nowrap;overflow-wrap:normal;word-break:normal}
}
/* CPU remains the primary history; all other original graphs follow the backup panel. */
#section-support-performance #wsb-status-view>.wcm-resource-history{grid-column:1/-1;grid-row:5}
#section-support-performance #wsb-status-view>.wn-box:has(#wsb-services){grid-row:6}
#section-support-performance .wcm-resource-history>h3{margin:0 0 14px}
#section-support-performance .wcm-resource-history>.wsb-charts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
@media(max-width:760px){#section-support-performance .wcm-resource-history>.wsb-charts{grid-template-columns:minmax(0,1fr)}}
/* Final reference density: primary content stays compact; full details remain below. */
#section-support-stats .wa-filters{padding:8px 12px;gap:8px}
html body.product-support #section-support-stats .wa-strip #wm-stats-metrics.wa-kpis>*{min-height:80px!important;padding:10px 12px!important;gap:3px}
#section-support-stats.wa-nodata>.wa-main{grid-column:1/-1;min-height:0}
#section-support-stats.wa-nodata #wm-stats-chart{min-height:0}
#section-support-stats.wa-nodata #wm-stats-chart .support-empty{padding:10px 0;margin:0}
#section-support-model-api :is(#sm-mode,#sm-insights){padding:12px}
#section-support-model-api :is(#sm-mode,#sm-insights) .wn-title{margin-bottom:8px}
#section-support-model-api .smm-card{padding:9px 12px 5px;gap:8px}
#section-support-model-api .smm-body{gap:3px}
#section-support-model-api .smm-body>small{font-size:12px;line-height:1.35}
#section-support-model-api .smm-head b{font-size:14px}
#section-support-model-api .smm-foot{padding:0 12px 8px 36px;gap:4px 8px}
#section-support-model-api .smp-notice{padding:8px 10px;margin-bottom:8px;font-size:12px;line-height:1.4}
#section-support-model-api #sm-insights .smx-kpi{padding:8px 10px}
#section-support-model-api #sm-insights .smx-kpi b{font-size:22px}
#section-support-model-api #sm-insights .smx-kpi small{font-size:12px;line-height:1.35}
#section-support-model-api #sm-insights h4{margin:8px 0 6px}
#section-support-maintenance #wm-jobs{max-height:235px;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
#section-support-maintenance #wm-jobs:focus-visible{outline:2px solid var(--ov-accent);outline-offset:3px}
#section-support-maintenance #wm-jobs .ws-jobs-seg{position:sticky;top:0;z-index:2;background:var(--ov-surface);margin-top:0}
html body.product-support #section-support-maintenance #wm-jobs .ws-row{padding:7px 2px;gap:5px 10px}
#section-support-maintenance #wm-jobs .ws-row b{font-size:12px;line-height:1.35}
#section-support-maintenance #wm-jobs .ws-row small{font-size:12px;line-height:1.35}
#section-support-performance #wsb-host{grid-template-columns:repeat(3,minmax(0,1fr))!important}
#section-support-performance #wsb-host>.wsb-meter{order:0!important;grid-column:auto!important;padding:10px}
#section-support-performance #wsb-host>.wsb-meter strong{margin:6px 0 8px;white-space:nowrap}
#section-support-performance #wsb-status-view>.wn-box:has(#wsb-host){grid-row:1;padding:12px;min-height:160px}
#section-support-performance #wsb-status-view>.wn-box:has(#wsb-history){grid-row:1;padding:12px}
#section-support-performance #wsb-status-view>#wsb-backups-view{grid-row:2}
#section-support-performance #wsb-status-view>.wcm-resource-history{grid-row:3}
#section-support-performance #wsb-status-view>.wcm-resource-details{grid-column:1/-1;grid-row:4}
#section-support-performance #wsb-status-view>.wn-box:has(#wsb-services){grid-row:5}
#section-support-performance #wsb-history .wsb-chart{padding:8px 10px}
#section-support-performance #wsb-history .wsb-chart svg{height:80px}
#section-support-performance #wsb-history .wsb-plot{margin:6px 0 2px}
#section-support-performance #wsb-status-view>.wn-box:has(#wsb-history) .wn-title{margin-bottom:6px}
#section-support-performance .wcm-resource-detail-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
#section-support-performance .wcm-resource-details>h3{margin:0 0 12px}
#section-support-performance .wcm-meter-detail{min-width:0}
#section-support-performance .wcm-meter-detail h4{margin:0 0 6px;font-size:12px}
#section-support-performance .wcm-meter-detail small{display:block;font-size:12px;line-height:1.4;color:var(--ov-muted)}
html body.product-support #section-support-performance .wsb-backup-bar{flex-direction:row;align-items:center;padding:10px 12px;gap:8px 16px}
#section-support-performance .wsb-backup-bar>div:first-child{flex:1;min-width:0}
#section-support-performance .wcm-backup-description h3{margin:0 0 8px}
#section-support-performance .wcm-backup-description p{margin:5px 0;font-size:12px;line-height:1.45}
@media(max-width:1100px){
 #section-support-performance #wsb-status-view>.wn-box:has(#wsb-history){grid-row:2}
 #section-support-performance #wsb-status-view>#wsb-backups-view{grid-row:3}
 #section-support-performance #wsb-status-view>.wcm-resource-history{grid-row:4}
 #section-support-performance #wsb-status-view>.wcm-resource-details{grid-row:5}
 #section-support-performance #wsb-status-view>.wn-box:has(#wsb-services){grid-row:6}
 #section-support-performance .wcm-resource-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(min-width:761px){html body.product-support #section-support-maintenance #wm-jobs>:is(.ws-thead,.ws-row){grid-template-columns:minmax(0,2.5fr) 110px minmax(0,1.3fr) 92px;gap:5px 10px}}
@media(max-width:760px){
 #section-support-maintenance #wm-jobs{max-height:340px}
 html body.product-support #section-support-stats .wa-strip #wm-stats-metrics.wa-kpis>*{min-height:86px!important;padding:10px!important}
}
@media(max-width:560px){
 #section-support-performance #wsb-host>.wsb-meter{padding:8px}
 #section-support-performance #wsb-host>.wsb-meter>span{font-size:12px}
 #section-support-performance #wsb-host>.wsb-meter strong{font-size:20px}
 #section-support-performance .wcm-resource-detail-grid{grid-template-columns:minmax(0,1fr)}
 #section-support-performance .wsb-backup-bar>div:first-child{flex-basis:100%}
}
#section-support-model-api .wcm-model-notes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:16px}
#section-support-model-api .wcm-model-notes h4{margin:0 0 5px;font-size:12px}
#section-support-model-api .wcm-model-notes small{display:block;font-size:12px;line-height:1.4;color:var(--ov-muted)}
@media(min-width:1101px){#section-support-model-api .smm-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){#section-support-model-api .wcm-model-notes{grid-template-columns:minmax(0,1fr)}}

/* Keep real empty outputs in the same primary comparison geometry. */
#section-support-stats.wa-nodata>.wa-main{grid-column:1;min-height:170px}
#section-support-stats.wa-nodata>.wa-block:has(#wa-results),#section-support-stats.wa-nodata>.wa-block:has(#wm-stats-connections-breakdown){display:block!important}
#section-support-stats.wa-nodata>.wa-block:has(#wa-results){min-height:170px}
#section-support-stats.wa-nodata :is(#wm-stats-chart,#wa-results){min-height:80px;display:grid;align-content:center}
/* Finished successes are historical information; active/error results stay by the action. */
#section-support-performance #wsb-backups-view>#wsb-job.ok{order:2}
@media(min-width:1101px){
 #section-support-performance:not([style*="none"]){display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px 12px;align-items:start}
 #section-support-performance>*{grid-column:1/-1;min-width:0;margin-top:0!important;margin-bottom:0!important}
 #section-support-performance>.section-head{grid-column:1;grid-row:1}
 #section-support-performance>.layout-tabs{grid-column:2;grid-row:1;justify-self:end;align-self:center}
 #section-support-performance>#wsb-overview{grid-column:1;grid-row:2;padding:8px 10px}
 #section-support-performance>.wsb-tabs{grid-column:2;grid-row:2;align-self:center}
 #section-support-performance #wsb-overview :is(.wsb-ov-facts,.wsb-ov-next,.wsb-ov-problems){font-size:12px;line-height:1.35;margin-top:4px}
 #section-support-performance #wsb-overview .wsb-ov-main{gap:4px}
 #section-support-performance>.section-head p{font-size:12px;line-height:1.4}
 #section-support-performance>.wsb-tabs{gap:4px;flex-wrap:wrap}
 #section-support-performance>.wsb-tabs button{padding:7px 10px}
 #section-support-maintenance>.wm-heading{grid-column:1;grid-row:1}
 #section-support-maintenance>.layout-tabs{grid-column:2;grid-row:1;justify-self:end;align-self:center}
 #section-support-maintenance>#ws-m-strip{grid-column:1;grid-row:2;padding:8px 10px;font-size:12px;line-height:1.35}
 #section-support-maintenance>#wm-worker-state{grid-column:2;grid-row:2;align-self:center;font-size:12px;line-height:1.4}
 #section-support-maintenance>.ws-box:has(#wm-jobs),#section-support-maintenance>.ws-control{grid-row:3}
 #section-support-maintenance>#ws-help-rule,#section-support-maintenance>.ws-box:has(#wm-releases){grid-row:4}
 #section-support-maintenance>#ws-m-how{grid-row:5}
}
@media(max-width:760px){#section-support-stats.wa-nodata>.wa-main{grid-column:1/-1}}

/* The original history output remains useful when the selected period is empty. */
#section-support-diagnostics.wq-nodata>#wq-history-box:not([hidden]){display:block!important}
@media(min-width:1101px){
 :is(#section-support-stats,#section-support-diagnostics)>.section-head{grid-column:1;grid-row:1;align-self:center}
 :is(#section-support-stats,#section-support-diagnostics)>.layout-tabs{grid-column:2;grid-row:1;justify-self:end;align-self:center;order:0}
 :is(#section-support-stats,#section-support-diagnostics)>.section-head .wa-title p{font-size:12px;line-height:1.35}
 :is(#section-support-stats,#section-support-diagnostics)>.section-head .wn-actions{gap:6px}
 html body.product-support :is(#section-support-stats,#section-support-diagnostics).support-shell form.wa-filters{padding:6px 10px!important;margin:0!important;gap:6px 10px;border-radius:10px!important}
 html body.product-support :is(#section-support-stats,#section-support-diagnostics) .wa-filters .wn-seg{padding:2px}
 html body.product-support :is(#section-support-stats,#section-support-diagnostics) .wa-filters .wn-seg button{min-height:28px!important;padding:4px 10px!important}
 html body.product-support #section-support-stats .wa-strip.c-card{padding:0!important;margin:0!important;border:0!important;background:transparent!important}
 html body.product-support #section-support-diagnostics .wa-strip.c-card{padding:10px 12px!important;margin:0!important}
 :is(#section-support-stats,#section-support-diagnostics) .wa-strip :is(.wa-period,.wq-period){margin:0 0 6px;font-size:12px;line-height:1.35}
 :is(#section-support-stats,#section-support-diagnostics):not([style*="none"]){gap:10px 12px}
}

@media(min-width:1101px){
 :is(#section-support-stats,#section-support-diagnostics)>.section-head{grid-column:1/-1;width:calc(100% - 310px)!important;max-width:calc(100% - 310px)!important;padding:0!important;box-sizing:border-box}
 html body.product-support.style1.assistant-admin #dashboard :is(#section-support-stats,#section-support-diagnostics).support-shell form.wa-filters{padding:6px 10px!important;margin:0!important}
 html body.product-support.style1.assistant-admin #dashboard :is(#section-support-stats,#section-support-diagnostics) .wa-strip.c-card{margin:0!important}
}

/* Native heading and toolbar precede the data; all actions remain in normal flow. */
@media(min-width:1101px){
 :is(#section-support-stats,#section-support-diagnostics,#section-support-maintenance,#section-support-performance,#section-support-model-api)>*{grid-row:auto!important;order:10!important}
 :is(#section-support-stats,#section-support-diagnostics,#section-support-maintenance,#section-support-performance,#section-support-model-api)>:is(.section-head,.wm-heading){grid-column:1/-1!important;grid-row:1!important;order:-30!important;width:100%!important;max-width:none!important}
 :is(#section-support-stats,#section-support-diagnostics,#section-support-maintenance,#section-support-performance,#section-support-model-api)>.layout-tabs{grid-column:1/-1!important;grid-row:2!important;order:-20!important;justify-self:start}
 :is(#section-support-stats,#section-support-diagnostics)>.wa-filters{grid-row:3!important;order:-10!important}
 #section-support-stats>.wa-strip,#section-support-diagnostics>.wq-strip{grid-row:4!important;order:0!important}
 #section-support-stats>.wa-main,#section-support-stats>.wa-block:has(#wa-results){grid-row:5!important;order:1!important}
 #section-support-diagnostics>.wq-box:has(#wo-reasons),#section-support-diagnostics>#wq-history-box{grid-row:5!important;order:1!important}
 #section-support-maintenance>#ws-m-strip,#section-support-maintenance>#wm-worker-state{grid-row:3!important;order:0!important}
 #section-support-maintenance>.ws-box:has(#wm-jobs),#section-support-maintenance>.ws-control{grid-row:4!important;order:1!important}
 #section-support-maintenance>#ws-help-rule,#section-support-maintenance>.ws-box:has(#wm-releases){grid-row:5!important;order:2!important}
 #section-support-performance>.wsb-tabs{grid-column:1/-1!important;grid-row:3!important;order:-10!important}
 #section-support-performance>#wsb-overview{grid-column:1/-1!important;grid-row:4!important;order:0!important;padding:16px}
 #section-support-performance>#wsb-status-view{grid-column:1/-1!important;grid-row:5!important;order:1!important;grid-template-rows:none;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}
 #section-support-performance #wsb-history .wsb-chart svg{height:150px}
 #section-support-model-api>.smx-tabs{grid-column:1/-1!important;grid-row:2!important;order:-20!important}
 #section-support-model-api>#welcome-health-bar{grid-column:1/-1!important;grid-row:3!important;order:-10!important}
 #section-support-model-api #sm-mode,#section-support-model-api[data-sm-tab=usage] #sm-insights{grid-row:4!important;order:0!important}
 #section-support-model-api:not([data-sm-tab=usage]) #sm-mode{grid-column:1/-1}
 #section-support-channels:not([style*="none"]):not([hidden]){display:flex!important;flex-direction:column;gap:16px}
 #section-support-channels>.section-head{order:-10}
 #section-support-channels>#welcomeConnections{order:0}
 #section-support-channels .wci-shell{display:flex;flex-direction:column;gap:16px}
 #section-support-channels .wci-shell>.wci-tabs{order:-10;align-self:start}
 #section-support-channels .wci-shell>#wci-status{order:-5}
 #section-support-channels #wci-pane[aria-labelledby=wci-tab-list]>.wci-group{min-width:0}
 #section-support-channels #wci-pane[aria-labelledby=wci-tab-list]>.wci-group>.wci-group-head{order:-1}
 #section-support-channels .wci-cards>.wci-card{min-height:220px}
}
html body.product-support.style1.assistant-admin #dashboard #section-support-channels[hidden],
html body.product-support.style1.assistant-admin #dashboard #section-support-channels :is(.wci-shell,#wci-pane,.wci-cards,#wkc-card-slot)[hidden]{display:none!important}

/* Readable native controls and card text at every desktop width. */
html body.product-support.style1.assistant-admin #dashboard :is(#section-support-stats,#section-support-diagnostics,#section-support-maintenance,#section-support-performance,#section-support-model-api,#section-support-settings,#section-support-channels) :is(button,input:not([type=checkbox]):not([type=radio]),select,textarea){font-size:14px!important;min-height:36px!important;line-height:1.4!important}
html body.product-support.style1.assistant-admin #dashboard :is(#section-support-stats,#section-support-diagnostics,#section-support-maintenance,#section-support-performance,#section-support-model-api,#section-support-settings,#section-support-channels) :is(p,label,td,th){font-size:14px!important;line-height:1.5!important}
html body.product-support.style1.assistant-admin #dashboard :is(#section-support-stats,#section-support-diagnostics,#section-support-maintenance,#section-support-performance,#section-support-model-api,#section-support-settings,#section-support-channels) :is(h3,h4){font-size:17px!important;line-height:1.4!important}
html body.product-support.style1.assistant-admin #dashboard :is(#section-support-stats,#section-support-diagnostics,#section-support-maintenance,#section-support-performance,#section-support-model-api,#section-support-settings,#section-support-channels) :is(small,.c-foot,.wn-kpi-head){font-size:12px!important;line-height:1.5!important}
@media(max-width:760px){html body.product-support.style1.assistant-admin #dashboard :is(#section-support-stats,#section-support-diagnostics,#section-support-maintenance,#section-support-performance,#section-support-model-api,#section-support-settings,#section-support-channels) :is(button,input:not([type=checkbox]):not([type=radio]),select){min-height:44px!important}}

/* Keep every release field and rollback action inside the secondary card. */
@media(min-width:761px){
 html body.product-support #section-support-maintenance #wm-releases>:is(.ws-thead,.ws-row){min-width:0;grid-template-columns:minmax(0,1.3fr) 114px minmax(0,1fr) 82px;gap:8px}
 #section-support-maintenance #wm-releases .ws-row>div{min-width:0}
 #section-support-maintenance #wm-releases .ws-row :is(b,small){white-space:normal;overflow-wrap:anywhere;overflow:visible;text-overflow:clip}
 #section-support-maintenance #wm-releases .ws-cell-action{justify-self:end}
}
@media(min-width:1101px){
 #section-support-maintenance #ws-m-how .ws-how-body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 32px;max-width:none}
 #section-support-maintenance #ws-m-how .ws-how-body>p{margin:0;min-width:0}
}

/* Reference composition: native cards share one row; the existing add action spans it. */
@media(min-width:1200px){
 html body.product-support.style1.assistant-admin #dashboard #section-support-channels #wci-pane[aria-labelledby="wci-tab-list"]{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-flow:row dense;gap:12px;align-items:stretch}
 html body.product-support.style1.assistant-admin #dashboard #section-support-channels #wci-pane[aria-labelledby="wci-tab-list"]>.wci-group,
 html body.product-support.style1.assistant-admin #dashboard #section-support-channels #wci-pane[aria-labelledby="wci-tab-list"]>.wci-group>.wci-cards{display:contents!important}
 html body.product-support.style1.assistant-admin #dashboard #section-support-channels .wci-group>.wci-group-head{grid-row:2;min-height:54px;align-content:start;gap:2px 8px}
 /* Меньше трёх групп (фильтр канала, «Фитбейс Знания» переехали в «Базу знаний»): заголовки занимают всю строку,
    иначе свободная ячейка строки заголовков достаётся первой карточке. */
 html body.product-support.style1.assistant-admin #dashboard #section-support-channels #wci-pane[aria-labelledby="wci-tab-list"]:not(:has(>.wci-group:nth-child(2 of .wci-group)))>.wci-group>.wci-group-head{grid-column:1/-1}
 html body.product-support.style1.assistant-admin #dashboard #section-support-channels #wci-pane[aria-labelledby="wci-tab-list"]:has(>.wci-group:nth-child(2 of .wci-group)):not(:has(>.wci-group:nth-child(3 of .wci-group)))>.wci-group:nth-child(2 of .wci-group)>.wci-group-head{grid-column:2/-1}
 html body.product-support.style1.assistant-admin #dashboard #section-support-channels .wci-group>.wci-group-head h3{font-size:14px!important}
 html body.product-support.style1.assistant-admin #dashboard #section-support-channels .wci-group>.wci-group-head p{font-size:12px!important;line-height:1.4!important}
 html body.product-support.style1.assistant-admin #dashboard #section-support-channels .wci-group>.wci-cards>.wci-card{grid-row:auto;min-height:300px;padding:20px!important;align-self:stretch}
 html body.product-support.style1.assistant-admin #dashboard #section-support-channels .wci-group>.wci-cards>.wci-add-tile{grid-column:1/-1;grid-row:auto;order:5;display:grid;grid-template-columns:44px auto 1fr;align-items:center;gap:16px;min-height:78px;padding:16px 20px;text-align:left;border-style:solid;background:var(--ov-surface)}
 html body.product-support.style1.assistant-admin #dashboard #section-support-channels .wci-add-tile .wci-add-plus{grid-column:1;grid-row:1;margin:0}
 html body.product-support.style1.assistant-admin #dashboard #section-support-channels .wci-add-tile b{grid-column:2;grid-row:1;margin:0}
 html body.product-support.style1.assistant-admin #dashboard #section-support-channels .wci-add-tile small{grid-column:3;grid-row:1;margin:0}
 #section-support-channels .wci-card-in{height:100%;box-sizing:border-box}
 #section-support-channels .wci-chan{width:44px;height:44px;border-radius:12px;background:#e6f0ff;color:#0862e8}
 #section-support-channels .wci-chan.tg{background:#00a4e8;color:white}
 #section-support-channels .wci-card-top{min-height:46px}
 #section-support-channels .wci-card-body{flex:1}
 #section-support-channels .wci-card-status{margin:0}
 #section-support-channels .wci-card-actions{gap:8px;flex-wrap:wrap}
}
@media(min-width:1101px){
 html body.product-support.style1.assistant-admin #dashboard #section-support-model-api .smm-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 #section-support-model-api[data-sm-tab=usage] :is(#sm-mode,#sm-insights){min-height:280px;padding:16px}
 #section-support-model-api #sm-insights :is(svg,.smx-ins-chart){max-height:160px}
 #section-support-model-api .smm-opt{min-width:0}
 #section-support-model-api .smm-card{padding:12px;gap:8px}
 #section-support-model-api .smm-foot{padding:0 12px 12px 36px}
 #section-support-maintenance>.ws-box:has(#wm-jobs),#section-support-maintenance>.ws-control{grid-row:3!important;order:0!important}
 #section-support-maintenance>#ws-help-rule,#section-support-maintenance>.ws-box:has(#wm-releases){grid-row:4!important;order:1!important}
 #section-support-maintenance>#ws-m-strip,#section-support-maintenance>#wm-worker-state{grid-row:5!important;order:2!important}
 #section-support-maintenance>#ws-m-how{grid-row:6!important;order:3!important}
 #section-support-maintenance #wm-releases .ws-row{padding:8px 0;gap:8px}
 #section-support-performance #wsb-status-view>.wn-box:has(#wsb-host),#section-support-performance #wsb-status-view>.wn-box:has(#wsb-history){min-height:190px;padding:16px}
 #section-support-performance #wsb-history .wsb-chart svg{height:110px}
 #section-support-performance #wsb-status-view{column-gap:16px!important;row-gap:12px!important}
 html body.product-support #section-support-stats .wa-strip #wm-stats-metrics.wa-kpis>*{min-height:108px!important;padding:16px!important}
 #section-support-stats.wa-nodata>.wa-main,#section-support-stats.wa-nodata>.wa-block:has(#wa-results){min-height:220px}
}

@media(min-width:1200px){
 #section-support-channels .wci-shell{position:relative;gap:12px!important}
 #section-support-channels #wci-pane[aria-labelledby=wci-tab-list]>.wci-filters:has(.wci-chipbar){position:absolute;top:0;right:0;max-width:calc(100% - 610px);height:48px;align-content:center}
 #section-support-channels #wci-pane[aria-labelledby=wci-tab-list]>.wci-group>.wci-group-head{grid-row:1!important}
 html body.product-support #section-support-maintenance #wm-releases>:is(.ws-thead,.ws-row){grid-template-columns:minmax(0,1.25fr) minmax(0,.8fr) minmax(0,1fr);gap:8px}
 #section-support-maintenance #wm-releases .ws-cell-action{grid-column:1/-1;justify-self:start}
}
