#damage {max-width: 66rem; margin: 0 auto; padding: 1rem; color: #183042; font: 1rem/1.45 system-ui, sans-serif;}
#damage form {display: grid; gap: .8rem; grid-template-columns: repeat(auto-fit,minmax(min(100%,14rem),1fr));}
#damage [hidden] {display:none!important;}
#damage label {display:grid; gap:.25rem; font-weight:600;}
#damage input, #damage select, #damage textarea, #damage button {box-sizing:border-box; max-width:100%; padding:.6rem; font:inherit; border:1px solid #8b9ba5; border-radius:.3rem; background:white;}
#damage button {align-self:end; background:#0f3d56; color:white; cursor:pointer;}
#damage article {background:white; border:1px solid #cbd5dc; border-radius:.4rem; margin:.7rem 0; padding:.85rem; overflow-wrap:anywhere;}
#damage article p {margin:.4rem 0;}
#damage label, #damage select {min-width:0;}
#damage select {width:100%;}
@media print {
  #erp-top, #erp-side, #damage form, #damage-print, #damage-message {display:none!important;}
  #damage article {break-inside:avoid;}
}
