.material-form-grid { display: grid; grid-template-columns: 1fr 1.6fr 1fr .7fr .8fr; gap: 1rem; align-items: end; }
.material-form-grid > *, .takeoff-summary > *, .comparison-form-grid > * { min-width: 0; }
.takeoff-summary { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; margin: 1.5rem 0; }
.takeoff-summary strong { display: block; font-size: clamp(1.35rem, 2vw, 1.9rem); overflow-wrap: anywhere; }
.takeoff-summary .workbench-summary { display: block; }
.takeoff-row-actions { display: flex; flex-wrap: wrap; gap: .5rem; }
.material-import { max-width: 28rem; margin: 1rem 0; }
.material-tool-controls { border: 0; padding: 0; margin: 0; min-width: 0; }
.material-tool-controls:disabled { opacity: .6; }
.comparison-form-grid { display: grid; grid-template-columns: minmax(12rem, 2fr) minmax(8rem, 1fr) auto; gap: 1rem; align-items: end; }
.comparison-options { display: flex; flex-wrap: wrap; align-items: center; gap: 1.2rem; margin-top: 1rem; }
.comparison-options label { display: flex; align-items: center; gap: .5rem; }
.comparison-options input[type=checkbox] { width: 1.15rem; height: 1.15rem; }
.comparison-table { min-width: 38rem; table-layout: fixed; }
.comparison-table th:first-child { width: 16rem; }
.comparison-table td, .comparison-table th { overflow-wrap: anywhere; vertical-align: top; }
.comparison-table small { display: block; margin-top: .5rem; font-size: .78rem; font-weight: 400; }
.comparison-column-actions { display: flex; flex-wrap: wrap; gap: .35rem; margin-top: .7rem; }
.comparison-column-actions .button { padding: .35rem .55rem; font-size: .8rem; }
.comparison-favorites { list-style: none; display: flex; flex-wrap: wrap; gap: .75rem; padding: 0; }
.comparison-favorites li { display: flex; flex-wrap: wrap; gap: .5rem; align-items: center; padding: .8rem; border: 1px solid var(--line, #34504e); border-radius: .6rem; }
.comparison-favorites li span { font-weight: 700; }
@media (max-width: 800px) {
  .material-form-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .comparison-form-grid { grid-template-columns: 1fr 1fr; }
  .comparison-form-grid > :first-child { grid-column: 1 / -1; }
}
@media (max-width: 480px) {
  .takeoff-summary { grid-template-columns: 1fr; }
  .material-form-grid > :nth-child(2) { grid-column: 1 / -1; grid-row: 1; }
  .comparison-form-grid { grid-template-columns: 1fr; }
}
@media print {
  .material-tool-controls, .material-tool-actions, .takeoff-row-actions, .comparison-column-actions, .comparison-options, .comparison-favorites-panel, #comparison-share-output, #takeoff-status, #comparison-status { display: none !important; }
  .comparison-table { min-width: 0; font-size: 8pt; }
  .comparison-table th:first-child { width: 25%; }
  .workbench-table-wrap { overflow: visible !important; }
  .takeoff-summary { grid-template-columns: repeat(3, 1fr); }
}