/* Desktop workspace: wide inventory first, then job settings and results. */
@media(min-width:1100px) {
  .app-header,.tool-shell,.app-footer { width:calc(100% - 80px);max-width:1840px }
  .app-header { height:80px }
  .tool-shell { padding:32px 0 48px }
  .tool-intro { max-width:none;margin-bottom:28px;display:grid;grid-template-columns:minmax(460px,1fr) 1fr;column-gap:48px;align-items:end }
  .tool-intro .eyebrow { grid-column:1/-1;margin-bottom:12px }
  .tool-intro h1 { font-size:48px }
  .tool-intro h1 br { display:none }
  .tool-intro h1 i::before { content:" " }
  .tool-intro > p:last-child { max-width:680px;margin:0;font-size:16px }
  .manufacturing-layout { grid-template-columns:360px minmax(0,1fr);gap:24px;align-items:start }
  .planner-output { gap:24px;align-items:start }
  .panel { padding:28px }
  .settings-panel .setting-section { margin-top:24px;padding-top:24px }
  .results-panel .results-heading { display:block }
  .results-panel .results-heading h2 { margin-top:8px }
  .results-panel .results-heading:has(> div) { display:flex;justify-content:space-between;align-items:center }
  td { font-size:14px;padding:14px }
  th { font-size:11px;padding:14px }
  .hint { font-size:14px }
  label { font-size:14px }
  .material-columns { grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:start }
  .material-columns h3 { display:flex;flex-wrap:wrap;align-items:center;gap:12px;min-height:68px;font-size:12px }
  .material-row { font-size:15px;gap:24px }
  .material-row strong { font-size:14px }
}
#station-inventory { margin-bottom:24px }
#station-inventory > .hint { margin:10px 0;max-width:1250px }
#station-inventory .inventory-controls { gap:20px;margin:16px 0 }
#station-inventory .inventory-controls label { margin:0 }
#station-inventory .inventory-controls label:has(input[type=checkbox]) { flex-direction:row;align-items:center;gap:10px }
#station-inventory .inventory-controls:first-of-type { display:grid;grid-template-columns:minmax(220px,1fr) auto minmax(300px,2fr) }
#station-inventory #inventory-results td:first-child { min-width:250px }
@media(min-width:1600px) {
  .planner-output { grid-template-columns:minmax(0,1fr) minmax(0,1fr) }
  .planner-output > section:last-child { grid-column:1/-1 }
  .planner-output .panel-heading { align-items:start }
}
@media(max-width:1099px) {
  #station-inventory .inventory-controls:first-of-type { display:flex;flex-wrap:wrap }
}