/* QUINCA+ v75 — Devis & Proforma ML × Nb */

.quote-add-grid-v75{
  display:grid;
  grid-template-columns:.8fr .8fr 1.3fr;
  gap:8px;
  margin-top:8px;
}

.quote-add-grid-v75 label{
  display:block;
  margin-bottom:4px;
  font-size:9px;
  font-weight:800;
}

.quote-cart-lines-v75{
  display:grid;
  gap:8px;
}

.quote-cart-row-v75{
  display:block!important;
  padding:10px!important;
  border:1px solid #dfe5ee;
  border-radius:10px;
  background:#fff;
}

.quote-line-top-v75{
  display:grid;
  grid-template-columns:46px minmax(65px,1fr) 100px 34px;
  gap:7px;
  align-items:center;
}

.quote-photo-v75{
  width:46px;
  height:46px;
  border-radius:8px;
  overflow:hidden;
  background:#f4f6f9;
  display:flex;
  align-items:center;
  justify-content:center;
}

.quote-cart-img-v75{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.quote-code-v75{
  min-width:0;
  font-size:11px;
  font-weight:800;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.quote-price-v75 .input{
  width:100%;
  min-width:0;
  text-align:right;
  font-weight:800;
}

.quote-remove-v75{
  width:34px;
  height:34px;
  min-width:34px;
  padding:0!important;
}

.quote-line-bottom-v75{
  display:grid;
  grid-template-columns:minmax(62px,.9fr) minmax(58px,.8fr) minmax(70px,1fr) minmax(85px,1.15fr);
  gap:7px;
  align-items:end;
  margin-top:7px;
}

.quote-field-v75 label{
  display:block;
  margin:0 0 3px;
  font-size:9px;
  line-height:1;
  font-weight:800;
  color:#526072;
}

.quote-field-v75 .input{
  width:100%;
  min-width:0;
  text-align:center;
}

.quote-readonly-v75{
  height:36px;
  box-sizing:border-box;
  border:1px solid #dfe5ee;
  border-radius:8px;
  background:#f7f9fc;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0 6px;
  font-size:11px;
  font-weight:900;
}

.quote-total-line-v75{
  min-height:36px;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  padding:0 3px;
  font-size:13px;
  font-weight:900;
  white-space:nowrap;
}

body.dark-ui .quote-cart-row-v75{
  background:#101d2f;
  border-color:#29445e;
}

body.dark-ui .quote-readonly-v75{
  background:#12263b;
  border-color:#29445e;
}

.proforma-table-v60{
  font-size:7.8px;
}

.proforma-table-v60 th:nth-child(1){width:4%}
.proforma-table-v60 th:nth-child(2){width:29%}
.proforma-table-v60 th:nth-child(3){width:7%}
.proforma-table-v60 th:nth-child(4){width:6%}
.proforma-table-v60 th:nth-child(5){width:8%}
.proforma-table-v60 th:nth-child(6){width:8%}
.proforma-table-v60 th:nth-child(7){width:12%}
.proforma-table-v60 th:nth-child(8){width:12%}
.proforma-table-v60 th:nth-child(9){width:14%}

.pf-ml-v75,
.pf-nb-v75{
  text-align:right;
}

@media(max-width:650px){
  .quote-add-grid-v75{
    grid-template-columns:1fr 1fr;
  }

  .quote-add-grid-v75>div:last-child{
    grid-column:1 / -1;
  }

  .quote-line-top-v75{
    grid-template-columns:42px minmax(52px,1fr) 86px 32px;
    gap:5px;
  }

  .quote-photo-v75{
    width:42px;
    height:42px;
  }

  .quote-line-bottom-v75{
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:5px;
  }

  .quote-total-line-v75{
    justify-content:center;
    font-size:11px;
  }
}

@media print{
  .proforma-table-v60{
    font-size:7px!important;
  }

  .proforma-table-v60 th,
  .proforma-table-v60 td{
    padding:4px 2px!important;
  }
}