.component-workspace{margin:24px 0}.component-workspace .component-intro{display:flex;justify-content:space-between;gap:20px;align-items:start}.component-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:16px 0}.component-fields label{min-width:0}.component-fields input,.component-fields select,.component-workspace textarea{width:100%;min-width:0}.component-child{border:1px solid #dce4e8;border-radius:12px;padding:18px;margin:14px 0;background:#fbfcfc}.component-child header{position:static;background:transparent;display:flex;justify-content:space-between;padding:0;height:auto;border:0;gap:12px}.component-child h4{margin:0}.component-child .actions{display:flex;flex-wrap:wrap;gap:10px}.component-status{background:#edf5f3;padding:10px 14px;border-radius:8px;margin:12px 0}.component-issues{color:#795217;border-left:3px solid #c79235;padding:8px 16px}.component-issues li{margin:8px 0}.component-totals{display:flex;gap:28px;flex-wrap:wrap;margin:16px 0}.component-totals strong{display:block;font-size:20px}.component-totals span{font-size:12px;color:#566777}.takeoff-detail table{min-width:560px}.takeoff-detail th,.takeoff-detail td{padding:9px;text-align:left}.takeoff-detail h4{margin:18px 0 8px}.takeoff-detail .table-wrap{margin-bottom:18px}.component-workspace .text-button{white-space:normal}.component-workspace :disabled{background:#eef1f3;color:#65737c}.component-preview{padding:14px;background:#f0f6f5;border-radius:8px}.component-toolbar{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin:16px 0}.component-toolbar label{flex:1;min-width:160px}.component-workspace details>summary{cursor:pointer}.component-workspace .rate-snapshot{color:#5f6e78;font-size:12px}.component-workspace textarea{min-height:75px}.component-workspace .empty-component{padding:22px;background:#f6f8f8;border-radius:10px}.component-takeoff-link{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.component-workspace{min-width:0;overflow-wrap:anywhere}.component-preview,.component-issues,.rate-snapshot{overflow-wrap:anywhere}
@media(max-width:680px){.component-fields{grid-template-columns:1fr}.component-workspace .component-intro{display:block}.component-workspace{padding:16px}.component-child{padding:12px}.component-child header{flex-wrap:wrap}.component-takeoff-link{grid-template-columns:1fr}.component-toolbar{align-items:stretch}.component-toolbar button{width:100%}}
@media print{.component-workspace,.takeoff-detail{display:none!important}}