#hvac-service-workspace{padding:24px;background:var(--pipeology-blue-faint,var(--pipeology-background));border-radius:16px;min-width:0}#hvac-service-workspace h2{margin-top:0}#hvac-service-workspace button{cursor:pointer}#hvac-service-workspace textarea{width:100%;min-height:80px}#hvac-service-workspace .repair-choice-grid button[aria-pressed=true]{background:var(--pipeology-primary);color:white;border-color:var(--pipeology-primary)}
body[data-hvac-service=true] .visual-column>:not(#hvac-service-workspace){display:none!important}body[data-hvac-service=true] #options,body[data-hvac-service=true] #workflow-results,body[data-hvac-service=true] #next-workspace,body[data-hvac-service=true] #completed-actions{display:none!important}
@media(max-width:700px){#hvac-service-workspace{padding:16px}.plumbing-pathways{grid-template-columns:1fr}}

/* Service screens have one content panel, not the house editor's header/body rows.
   Keep both columns in the same grid row; retain the existing 760px stack. */
body[data-hvac-service=true][data-workflow-step] .visual-column {
  display:block;
  grid-column:1;
  grid-row:1;
}
body[data-hvac-service=true][data-workflow-step] .configuration {
  grid-column:2;
  grid-row:1;
  align-self:start;
}
@media(max-width:760px) {
  body[data-hvac-service=true][data-workflow-step] .configuration {
    grid-column:1;
    grid-row:2;
  }
}

#hvac-service-workspace .service-family-heading{grid-column:1 / -1}
#hvac-service-workspace .service-quantity{display:flex;gap:8px;align-items:center}
#hvac-service-workspace .service-quantity input{width:6rem;text-align:center}

.service-history-controls{display:flex;gap:.6rem;margin-top:1rem;flex-wrap:wrap}.service-history-controls button{flex:0 0 auto}.mechanical-quote-modal form label{display:block;margin-block:.75rem}.mechanical-quote-modal form input{display:block;width:100%}

#service-sidebar-shell{grid-column:2;grid-row:1;align-self:start;min-width:0}#service-sidebar-shell .configuration{position:static}@media(max-width:760px){#service-sidebar-shell{grid-column:1;grid-row:auto}}

/* Equipment categories are independent blocks; only equipment buttons enter a grid. */
#hvac-service-workspace .hvac-equipment-category{margin-top:24px}
#hvac-service-workspace .hvac-equipment-category h3{margin:0 0 12px}
#hvac-service-workspace .hvac-equipment-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:1fr;gap:12px;margin:0 0 24px}
#hvac-service-workspace .hvac-equipment-grid button{min-width:0;min-height:76px;overflow-wrap:anywhere}
@media(max-width:1000px){#hvac-service-workspace .hvac-equipment-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){#hvac-service-workspace .hvac-equipment-grid{grid-template-columns:1fr}}

.service-question-actions{display:flex;align-items:center;flex-wrap:wrap;gap:.6rem;margin-top:1rem}
.service-question-actions .service-history-controls{display:contents}
.service-question-actions button{flex:0 0 auto}