/* Ventas · consulta independiente. Compatible con el sistema visual Blue Next. */
#sales-page-root { min-width:0; }
#sales-page-root .sales-rows { margin:12px 0; }
#sales-page-root .sales-rows > li {
 display:flex;justify-content:space-between;align-items:center;gap:14px;min-width:0;
 padding:14px 12px;border-bottom:1px solid #e9edf5;
}
#sales-page-root .sales-rows > li > div {display:grid;gap:4px;min-width:0;}
#sales-page-root .sales-rows strong {overflow-wrap:anywhere;font-size:.95rem;}
#sales-page-root .sales-rows small {color:#66758b;overflow-wrap:anywhere;}
#sales-page-root .sales-rows button {flex:none;}
#sales-page-root .sales-balance {font-size:1rem;font-weight:650;color:#123c6c;overflow-wrap:anywhere;}
#sales-page-root .sales-detail-columns {display:grid;grid-template-columns:1fr 1fr;gap:20px;}
#sales-page-root .sales-detail-columns > section {min-width:0;}
#sales-page-root .sales-detail-columns h4 {margin:12px 0;font-size:1rem;}
#sales-page-root .catalog-search-row {max-width:720px;}
#sales-page-root input {font-size:16px;min-width:0;}
@media (max-width:720px){
 #sales-page-root .sales-detail-columns {grid-template-columns:minmax(0,1fr);}
 #sales-page-root .sales-rows > li {align-items:flex-start;flex-direction:column;}
 #sales-page-root .sales-rows button {width:100%;min-height:44px;}
 #sales-page-root .catalog-search-row {display:grid;grid-template-columns:minmax(0,1fr);}
 #sales-page-root .catalog-search-row button {min-height:44px;}
}


/* Cotizador seguro: tarjetas resumen, lista operativa y controles grandes. */
#sales-quote-area { min-width:0; }
#sales-quote-area .catalog-search-row { max-width:100%; }
#sales-quote-area h4 {margin:18px 0 10px;color:#183b68;}
#sales-quote-area .sales-quote-cart-row {
 display:grid;grid-template-columns:minmax(120px,1fr) 90px minmax(150px,210px) auto;
 gap:10px;align-items:center;padding:12px 4px;border-bottom:1px solid #e9edf5;
}
#sales-quote-area .sales-quote-cart-row strong{overflow-wrap:anywhere;min-width:0;}
#sales-quote-area .sales-quote-cart-row input,
#sales-quote-area .sales-quote-cart-row select{width:100%;min-width:0;font-size:16px;}
#sales-quote-area button {min-height:42px;}
#sales-quote-area #sales-quote-result {margin-top:16px;padding:16px;}
@media(max-width:720px){
 #sales-quote-area .sales-quote-cart-row{
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;
 }
 #sales-quote-area .sales-quote-cart-row strong{grid-column:1/-1;}
 #sales-quote-area .sales-quote-cart-row select{grid-column:1/-1;}
 #sales-quote-area .sales-quote-cart-row button{grid-column:1/-1;}
}
