/* Responsive parameter dashboard layout for owner quotation backends.
   Applies only to pages with #parametersSection[data-quote-backend].
   Staff pages do not set data-quote-backend and are intentionally unaffected. */

#parametersSection[data-quote-backend] .parameter-group-grid{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),max-content))!important;
  grid-auto-flow:dense!important;
  grid-auto-rows:auto!important;
  align-items:start!important;
  justify-content:start!important;
  gap:18px!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  overflow:visible!important;
}

#parametersSection[data-quote-backend] .parameter-group-grid>*,
#parametersSection[data-quote-backend] .parameter-group-grid>.card{
  grid-column:auto!important;
  grid-row:auto!important;
  justify-self:auto!important;
  align-self:flex-start!important;
  min-width:0!important;
  max-width:100%!important;
}

#parametersSection[data-quote-backend] .parameter-group-grid>.card{
  width:fit-content!important;
}

#parametersSection[data-quote-backend] .parameter-group-grid .parameter-left-stack{
  display:flex!important;
  flex-direction:column!important;
  gap:18px!important;
  width:280px!important;
  max-width:min(100%,280px)!important;
  min-width:0!important;
}

#parametersSection[data-quote-backend] .parameter-group-grid .parameter-left-stack>.card{
  margin:0!important;
  width:100%!important;
  max-width:100%!important;
}

#parametersSection[data-quote-backend] .parameter-group-grid .peak-height-card,
#parametersSection[data-quote-backend] .parameter-group-grid .model-select-card,
#parametersSection[data-quote-backend] .parameter-group-grid .generator-action-card,
#parametersSection[data-quote-backend] .parameter-group-grid .filename-card{
  width:280px!important;
  max-width:min(100%,280px)!important;
}

#parametersSection[data-quote-backend] .parameter-group-grid .multiplier-card{
  width:320px!important;
  max-width:min(100%,320px)!important;
}

#parametersSection[data-quote-backend] .parameter-group-grid .height-tax-card{
  width:fit-content!important;
  max-width:min(100%,720px)!important;
  min-width:0!important;
}

#parametersSection[data-quote-backend] .parameter-group-grid .existing-quotes-card{
  width:fit-content!important;
  max-width:min(100%,720px)!important;
  min-width:0!important;
  overflow:hidden!important;
}

#parametersSection[data-quote-backend] .parameter-group-grid .design-card{
  grid-column:1 / -1!important;
  width:100%!important;
  max-width:100%!important;
}

#parametersSection[data-quote-backend] .existing-quotes-table-wrap,
#parametersSection[data-quote-backend] .calc-table-wrap,
#parametersSection[data-quote-backend] .multiplier-table-wrap,
#parametersSection[data-quote-backend] .peak-height-table-wrap{
  max-width:100%!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
}

#parametersSection[data-quote-backend] .existing-quotes-table{
  width:max-content!important;
  max-width:none!important;
  min-width:0!important;
  table-layout:auto!important;
}

#parametersSection[data-quote-backend] .height-tax-card .calc-table{
  width:max-content!important;
  max-width:none!important;
  min-width:min(100%,520px)!important;
  table-layout:auto!important;
}

#parametersSection[data-quote-backend] .height-tax-card .calc-table th,
#parametersSection[data-quote-backend] .height-tax-card .calc-table td{
  width:auto!important;
  max-width:none!important;
}

#parametersSection[data-quote-backend] .height-tax-card .calc-table td:last-child{
  max-width:360px!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  word-break:break-word!important;
  line-height:1.35!important;
}

#parametersSection[data-quote-backend] .filename-card .filename-value,
#parametersSection[data-quote-backend] .filename-card .filename-formula{
  overflow-wrap:anywhere!important;
  word-break:break-word!important;
}

@media (max-width:760px){
  #parametersSection[data-quote-backend] .parameter-group-grid{
    grid-template-columns:minmax(0,1fr)!important;
    gap:16px!important;
  }

  #parametersSection[data-quote-backend] .parameter-group-grid>*,
  #parametersSection[data-quote-backend] .parameter-group-grid>.card,
  #parametersSection[data-quote-backend] .parameter-group-grid .parameter-left-stack,
  #parametersSection[data-quote-backend] .parameter-group-grid .parameter-left-stack>.card,
  #parametersSection[data-quote-backend] .parameter-group-grid .peak-height-card,
  #parametersSection[data-quote-backend] .parameter-group-grid .model-select-card,
  #parametersSection[data-quote-backend] .parameter-group-grid .generator-action-card,
  #parametersSection[data-quote-backend] .parameter-group-grid .filename-card,
  #parametersSection[data-quote-backend] .parameter-group-grid .multiplier-card,
  #parametersSection[data-quote-backend] .parameter-group-grid .height-tax-card,
  #parametersSection[data-quote-backend] .parameter-group-grid .existing-quotes-card,
  #parametersSection[data-quote-backend] .parameter-group-grid .design-card{
    grid-column:1!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }

  #parametersSection[data-quote-backend] .height-tax-card .calc-table,
  #parametersSection[data-quote-backend] .existing-quotes-table{
    min-width:480px!important;
  }
}