/* V236: neutral black surfaces, shared technical rows, existing semantic states. */
:root:not([data-theme=light]) body:has(#softwareApp),
:root:not([data-theme=light]) #softwareApp#softwareApp#softwareApp {
 --studio-bg:hsl(180 7% 3%)!important;
 --studio-panel:hsl(180 6% 5%)!important;
 --studio-panel2:hsl(180 5% 7%)!important;
 --studio-input:hsl(180 5% 4%)!important;
 --studio-line:hsl(180 6% 17%)!important;
 --studio-soft-line:hsl(180 5% 13%)!important;
 --control-fill:hsl(180 5% 6%)!important;
 --control-readonly:hsl(180 5% 9%)!important;
 --control-edge:hsl(180 6% 23%)!important;
 background:var(--studio-bg)!important;
}
:root:not([data-theme=light]) #softwareApp#softwareApp .sw-shell :is(.sw-side,.sw-top,.portal-header196){background:var(--studio-bg)!important}
:root:not([data-theme=light]) #softwareApp#softwareApp .sw-shell :is(.sw-card,.overview-band147,.case-data-panel203,.sw-wallet,.sidebar-credit141){background:var(--studio-panel)!important;background-image:none!important}
#softwareApp#softwareApp#softwareApp .sw-shell :is(.balance-number140.is-low,.sw-wallet strong.is-low,.credits-balance strong.is-low){color:hsl(0 100% 74%)!important}
#softwareApp#softwareApp#softwareApp .sw-shell :is(.balance-number140.is-good,.sw-wallet strong.is-good,.credits-balance strong.is-good){color:hsl(98 72% 62%)!important}
:root[data-theme=light] #softwareApp#softwareApp#softwareApp .sw-shell :is(.balance-number140.is-low,.sw-wallet strong.is-low,.credits-balance strong.is-low){color:hsl(5 56% 43%)!important}
:root[data-theme=light] #softwareApp#softwareApp#softwareApp .sw-shell :is(.balance-number140.is-good,.sw-wallet strong.is-good,.credits-balance strong.is-good){color:hsl(104 63% 29%)!important}
#softwareApp#softwareApp .overview-client214{grid-template-columns:minmax(0,1fr)!important;padding:20px!important;gap:12px!important}
#softwareApp#softwareApp .overview-client214>.sw-heading{grid-column:1!important;grid-row:1!important}
#softwareApp#softwareApp .overview-client214>.overview-live147{grid-column:1!important;grid-row:2!important;grid-template-columns:minmax(0,1fr) 220px!important}
#softwareApp#softwareApp .overview-client214 .sw-wallet{display:block!important}
#softwareApp#softwareApp .overview-client214>.sw-stats{grid-column:1!important;grid-row:3!important}
#softwareApp#softwareApp .sw-side .portal-group196>summary{min-height:40px!important;padding-top:11px!important;padding-bottom:11px!important}
#softwareApp#softwareApp .sw-side .sw-logo img{max-width:134px!important;max-height:52px!important}
/* Both panels use the same intrinsic row heights, including wrapped HW/SW. */
@supports(grid-template-rows:subgrid){
 @media(min-width:1200px){
  #softwareApp#softwareApp .sw-shell .case-data-columns203{grid-template-rows:auto auto auto auto!important;row-gap:0!important}
  #softwareApp#softwareApp .sw-shell .case-data-panel203{container-type:normal!important;display:grid!important;grid-row:span 4!important;grid-template-rows:subgrid!important;row-gap:0!important}
  #softwareApp#softwareApp .sw-shell .case-data-panel203>header{grid-row:1!important;align-self:stretch!important}
  #softwareApp#softwareApp .sw-shell .case-data-panel203>.case-data-grid203{grid-row:2/span 3!important;grid-template-rows:subgrid!important;align-content:stretch!important}
 }
}
@media(max-width:760px){
 #softwareApp#softwareApp .overview-client214{padding:16px!important}
 #softwareApp#softwareApp .overview-client214>.overview-live147{grid-template-columns:minmax(0,1fr)!important}
 #softwareApp#softwareApp .sw-side .portal-group196>summary{min-height:44px!important}
}