/* LF-SITE-001B — Strategy Lab top-card compact-height repair
   Desktop only. Preserve all controls/data and comparison-bar geometry while
   compressing the two primary cards to the user's marked visual height. */

@media (min-width:1181px){
  body[data-page="strategy-lab"] .sl-app .app-shell{
    padding-top:10px!important;
  }

  body[data-page="strategy-lab"] .sl-app .workspace{
    align-items:stretch!important;
    gap:10px!important;
  }

  body[data-page="strategy-lab"] .sl-app .builder-panel,
  body[data-page="strategy-lab"] .sl-app .response-panel{
    height:570px!important;
    min-height:570px!important;
    max-height:570px!important;
    overflow:hidden!important;
  }

  /* LEFT / Scenario Builder */
  body[data-page="strategy-lab"] .sl-app .builder-panel{
    display:flex!important;
    flex-direction:column!important;
    padding:14px 20px!important;
  }
  body[data-page="strategy-lab"] .sl-app .builder-panel .section-head{
    gap:14px!important;
  }
  body[data-page="strategy-lab"] .sl-app .builder-panel .section-head h2{
    margin-bottom:4px!important;
  }
  body[data-page="strategy-lab"] .sl-app .builder-panel .section-head p{
    line-height:1.22!important;
  }
  body[data-page="strategy-lab"] .sl-app .builder-panel .control-group{
    margin-top:10px!important;
  }
  body[data-page="strategy-lab"] .sl-app .builder-panel .control-group>label{
    margin-bottom:5px!important;
  }
  body[data-page="strategy-lab"] .sl-app .builder-panel .segmented{
    gap:7px!important;
  }
  body[data-page="strategy-lab"] .sl-app .builder-panel .segmented button{
    padding:6px 11px!important;
  }
  body[data-page="strategy-lab"] .sl-app .builder-panel .divider{
    margin:9px 0!important;
  }
  body[data-page="strategy-lab"] .sl-app .builder-panel .divider:last-of-type{
    display:block!important;
    margin:8px 0!important;
  }
  body[data-page="strategy-lab"] .sl-app .builder-panel .allocation-head{
    margin-bottom:1px!important;
  }
  body[data-page="strategy-lab"] .sl-app .builder-panel .allocation-rows{
    display:grid!important;
    gap:0!important;
  }
  body[data-page="strategy-lab"] .sl-app .builder-panel .asset-row{
    padding:3px 0!important;
  }
  body[data-page="strategy-lab"] .sl-app .builder-panel .balance-row{
    margin-top:0!important;
    padding-top:0!important;
    border-top:0!important;
  }
  body[data-page="strategy-lab"] .sl-app .builder-panel .balance-row label{
    margin-bottom:3px!important;
  }
  body[data-page="strategy-lab"] .sl-app .builder-panel .balance-row small{
    margin-top:-2px!important;
  }

  /* RIGHT / Portfolio Response */
  body[data-page="strategy-lab"] .sl-app .response-panel{
    display:flex!important;
    flex-direction:column!important;
    padding:14px 20px!important;
  }
  body[data-page="strategy-lab"] .sl-app .response-top{
    gap:14px!important;
  }
  body[data-page="strategy-lab"] .sl-app .response-top h2{
    margin-bottom:4px!important;
  }
  body[data-page="strategy-lab"] .sl-app .response-top p{
    line-height:1.22!important;
  }
  body[data-page="strategy-lab"] .sl-app .metrics{
    margin:9px 0 9px!important;
  }
  body[data-page="strategy-lab"] .sl-app .metric{
    padding:7px 12px!important;
  }
  body[data-page="strategy-lab"] .sl-app .risk-track{
    margin-top:5px!important;
  }
  body[data-page="strategy-lab"] .sl-app .risk-scale{
    margin-top:3px!important;
  }

  body[data-page="strategy-lab"] .sl-app .response-grid{
    flex:0 0 230px!important;
    min-height:230px!important;
    max-height:230px!important;
    align-items:stretch!important;
    gap:14px!important;
  }
  body[data-page="strategy-lab"] .sl-app .allocation-compare{
    min-width:0!important;
    display:block!important;
  }
  body[data-page="strategy-lab"] .sl-app .subhead{
    margin-bottom:6px!important;
  }
  body[data-page="strategy-lab"] .sl-app .comparison-bars{
    display:grid!important;
    gap:5px!important;
    width:100%!important;
  }
  body[data-page="strategy-lab"] .sl-app .comp-row{
    width:100%!important;
  }
  body[data-page="strategy-lab"] .sl-app .bar-stack{
    gap:3px!important;
  }
  body[data-page="strategy-lab"] .sl-app .bar-line{
    height:11px!important;
  }

  body[data-page="strategy-lab"] .sl-app .trajectory-card{
    min-height:0!important;
    height:230px!important;
    padding:11px 12px!important;
    display:flex!important;
    flex-direction:column!important;
  }
  body[data-page="strategy-lab"] .sl-app .trajectory-card .subhead{
    margin-bottom:4px!important;
  }
  body[data-page="strategy-lab"] .sl-app .trajectory-values{
    margin:0 2px!important;
  }
  body[data-page="strategy-lab"] .sl-app .trajectory-card svg{
    height:128px!important;
    margin-top:auto!important;
  }

  body[data-page="strategy-lab"] .sl-app .response-insights{
    margin-top:9px!important;
    padding-top:9px!important;
    gap:9px!important;
  }
  body[data-page="strategy-lab"] .sl-app .response-insight{
    padding:8px 12px!important;
    border-radius:11px!important;
  }
  body[data-page="strategy-lab"] .sl-app .response-insight span{
    margin-bottom:3px!important;
  }
  body[data-page="strategy-lab"] .sl-app .response-insight strong{
    font-size:18px!important;
    line-height:1.08!important;
  }
  body[data-page="strategy-lab"] .sl-app .response-insight small{
    margin-top:2px!important;
    line-height:1.2!important;
  }
}

/* Slightly shorter on common laptop-height viewports while retaining the same
   internal structure. */
@media (min-width:1181px) and (max-height:820px){
  body[data-page="strategy-lab"] .sl-app .builder-panel,
  body[data-page="strategy-lab"] .sl-app .response-panel{
    height:548px!important;
    min-height:548px!important;
    max-height:548px!important;
  }
  body[data-page="strategy-lab"] .sl-app .response-grid{
    flex-basis:216px!important;
    min-height:216px!important;
    max-height:216px!important;
  }
  body[data-page="strategy-lab"] .sl-app .trajectory-card{
    height:216px!important;
  }
  body[data-page="strategy-lab"] .sl-app .trajectory-card svg{
    height:116px!important;
  }
}