/* ND174 — Centro Comercial > Propostas: componente isolado das regras legadas de .nb-proposal-item. */
.proposal-items-box{width:100%!important;max-width:100%!important;min-width:0!important;overflow:hidden!important}
.proposal-items-box [data-proposal-items]{display:grid!important;gap:12px!important;width:100%!important;max-width:100%!important;min-width:0!important}
.proposal-items-box .commercial-proposal-item-line{
  display:grid!important;
  grid-template-columns:minmax(0,1.32fr) minmax(0,1.62fr) minmax(0,.50fr) minmax(0,.72fr) minmax(0,.68fr) 42px!important;
  gap:clamp(5px,.7vw,11px)!important;align-items:end!important;
  width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;
  padding:12px!important;border:1px solid var(--border,var(--nf-border,#dce5f2))!important;border-radius:15px!important;
  background:var(--surface,var(--nf-surface,#fff))!important;overflow:hidden!important;
}
.proposal-items-box .commercial-proposal-item-line>*{min-width:0!important;max-width:100%!important;box-sizing:border-box!important;margin:0!important;grid-row:1!important}
.proposal-items-box .commercial-proposal-item-line>label{width:100%!important;min-width:0!important;display:grid!important;gap:7px!important;align-content:end!important}
.proposal-items-box .commercial-proposal-item-line>label>span{display:block!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;line-height:1.2!important;font-size:clamp(.68rem,.78vw,.84rem)!important}
.proposal-items-box .commercial-proposal-item-line :is(input,select){width:100%!important;min-width:0!important;max-width:100%!important;box-sizing:border-box!important}
.proposal-items-box .commercial-proposal-item-line>.proposal-remove{width:42px!important;min-width:42px!important;max-width:42px!important;height:48px!important;padding:0!important;align-self:end!important;justify-self:end!important}
.proposal-items-box>.proposal-add-item{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;max-width:100%!important;margin-top:10px!important}
@media(max-width:900px){
 .proposal-items-box .commercial-proposal-item-line{grid-template-columns:minmax(0,1.20fr) minmax(0,1.35fr) minmax(0,.44fr) minmax(0,.62fr) minmax(0,.58fr) 38px!important;gap:5px!important;padding:9px!important}
 .proposal-items-box .commercial-proposal-item-line>label>span{font-size:.66rem!important}
 .proposal-items-box .commercial-proposal-item-line :is(input,select){padding-left:6px!important;padding-right:6px!important;font-size:.78rem!important}
 .proposal-items-box .commercial-proposal-item-line>.proposal-remove{width:38px!important;min-width:38px!important;max-width:38px!important}
}
@media(max-width:560px){
 .proposal-items-box .commercial-proposal-item-line{grid-template-columns:minmax(0,1.10fr) minmax(0,1.20fr) minmax(0,.40fr) minmax(0,.56fr) minmax(0,.52fr) 34px!important;gap:3px!important;padding:7px!important}
 .proposal-items-box .commercial-proposal-item-line>label{gap:4px!important}
 .proposal-items-box .commercial-proposal-item-line>label>span{font-size:.56rem!important}
 .proposal-items-box .commercial-proposal-item-line :is(input,select){min-height:40px!important;padding:4px 2px!important;font-size:.66rem!important}
 .proposal-items-box .commercial-proposal-item-line>.proposal-remove{width:34px!important;min-width:34px!important;max-width:34px!important;height:40px!important}
}