/* G2: ajustes generales; no cambia límites numéricos ni temas. */
#modal td.g2-stock-zero{color:#b51e30!important;font-weight:700}
#modal td.g2-stock-one{color:#806000!important;font-weight:700}
.night #modal td.g2-stock-zero{color:#ff929c!important}
.night #modal td.g2-stock-one{color:#ffe16b!important}
#modal input.g2-number{width:11ch!important;max-width:100%;min-width:0;box-sizing:content-box}
.g2-document-state{display:block;font-weight:400;margin-top:3px}
.g2-stock-status{display:block;font-size:.8rem}
.g2-stock-status:empty{display:none}
.dialoghead .g2-stock-status{flex-basis:100%}
#document-form .lineform #line-price,#document-form .lineform #line-qty{width:11ch!important;max-width:100%;min-width:0;flex:none}
#document-form .lineform .quantity-control,#document-form .lineform .price-control{width:max-content;max-width:100%}

/* C3: compra con subtotal; los campos y Agregar pueden pasar de fila sin superponerse. */
@media screen {
 #document-form .lineform:has(#line-subtotal){display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px;}
 #document-form .lineform:has(#line-subtotal)>div{flex:0 1 160px;min-width:0;max-width:100%;}
 #document-form .lineform:has(#line-subtotal)>div:first-child{flex:1 1 100%;}
 #document-form .lineform:has(#line-subtotal)>div:has(#line-qty){flex-basis:130px;}
 #document-form .lineform:has(#line-subtotal)>div:last-child{flex:0 0 auto;}
 #document-form .lineform:has(#line-subtotal) #line-product{width:100%;max-width:100%!important;}
 #app #content #document-form .lineform:has(#line-subtotal) :is(#line-price,#line-subtotal){width:150px!important;max-width:100%!important;}
 #app #content #document-form .lineform:has(#line-subtotal) .quantity-control{max-width:100%!important;}
}