/* EIC Portal v35.9 — Ventas minimalistas.
   Solo cambia presentación de Notas de venta y Catálogo de Ventas.
   No modifica pago, validación, firma ni entrega. */

/* Notas de venta: cuatro columnas en escritorio, dos en teléfono. */
.e359-sales-toolbar {display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:9px;margin:10px 0 7px;min-width:0}
.e359-sale-search {display:flex;align-items:center;width:46px;min-width:46px;height:42px;border:1px solid #d6deea;border-radius:12px;background:#fff;overflow:hidden;transition:width .15s;justify-self:start}
.e359-sale-search.open {width:min(100%,360px)}
.e359-sale-search>button {width:44px;height:40px;flex:0 0 44px;display:grid;place-items:center;background:transparent;border:0;color:#65758c;cursor:pointer}
.e359-sale-search svg {width:18px;height:18px;stroke:currentColor;stroke-width:1.75;fill:none;stroke-linecap:round;stroke-linejoin:round}
.e359-sale-search input {width:0;min-width:0;flex:1;opacity:0;border:0!important;outline:0!important;box-shadow:none!important;padding:0!important;background:transparent;font:inherit;font-size:13px;color:#1b2532}
.e359-sale-search.open input {opacity:1;padding:0 9px 0 1px!important}
.e359-sales-status {height:42px;max-width:175px;min-width:110px;border:1px solid #d6deea;border-radius:12px;padding:0 26px 0 10px;background:#fff;color:#384b62;font:inherit;font-size:12px}
.e359-sale-view {margin:0!important;display:flex!important;align-items:center;gap:2px;padding:3px!important;border-radius:12px!important;background:#f5f7fa}
.e359-sale-view button {min-height:36px!important;padding:7px 9px!important;font-size:11px!important;gap:4px!important}
.e359-sale-view button svg {width:14px!important;height:14px!important}
.e359-sales-count {margin:2px 0 9px;font-size:11px;color:#70819b;font-weight:650}
.n91-sale-grid.e359-sales-grid.e359-grid {display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:9px!important;align-items:stretch;min-width:0}
.n91-sale-grid.e359-sales-grid .e359-sale-card {box-sizing:border-box;min-width:0;max-width:100%;display:flex;flex-direction:column;gap:6px;padding:12px;border:1px solid #d9e1ec;border-radius:13px;background:#fff;box-shadow:0 2px 9px rgba(20,38,61,.035);overflow-wrap:anywhere;min-height:188px;cursor:pointer}
.e359-sales-grid .e359-sale-head {display:flex;align-items:center;justify-content:space-between;gap:5px;min-width:0}
.e359-sales-grid .e359-sale-head small {font-size:10px;color:#63738b;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.e359-sales-grid .e359-sale-head .n91-tag {flex:0 1 auto;font-size:9px!important;padding:4px 6px!important;line-height:1.2!important;white-space:normal;text-align:center;max-width:115px;min-width:0}
.e359-sales-grid .e359-tag-cancelled {background:#ffe4e8!important;color:#aa1c33!important}
.e359-sales-grid .e359-sale-buyer {font-size:14px!important;font-weight:800;line-height:1.2;overflow-wrap:anywhere;min-width:0}
.e359-sales-grid .e359-sale-seller {font-size:11px!important;color:#64738a;line-height:1.25;overflow-wrap:anywhere}
.e359-sales-grid .e359-sale-amount {font-size:17px!important;line-height:1.2;margin:1px 0 0;color:#1d2631}
.e359-sales-grid .e359-sale-balance {color:#6b788b;font-size:10px!important}
.e359-sales-grid .e359-sale-warning {font-size:10px!important;line-height:1.25;color:#a52937;font-weight:650;overflow-wrap:anywhere}
.e359-sales-grid .e359-sale-footer {margin-top:auto;display:flex;gap:7px;padding-top:7px;border-top:1px solid #edf1f5;font-size:10px!important;color:#657389}
.e359-sales-grid .e359-sale-footer>span:last-child {margin-left:auto;color:#24344c;font-size:10px;font-weight:800;white-space:nowrap}
.e359-sales-grid .e359-sale-card:hover {border-color:#a8b8cd;box-shadow:0 5px 14px #14263d13}
.e359-sales-grid .e359-sale-card:focus-visible {outline:3px solid #437ed9;outline-offset:2px}
/* La vista Lista preserva lectura amplia y un registro por fila. */
.n91-sale-grid.e359-sales-grid.e359-list {display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:9px!important}
.e359-sales-grid.e359-list .e359-sale-card {min-height:0;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) auto;grid-template-areas:"head head head" "buyer seller amount" "balance risk risk" "foot foot foot";align-items:center;gap:8px 20px;padding:16px}
.e359-sales-grid.e359-list .e359-sale-head {grid-area:head}
.e359-sales-grid.e359-list .e359-sale-buyer {grid-area:buyer}
.e359-sales-grid.e359-list .e359-sale-seller {grid-area:seller}
.e359-sales-grid.e359-list .e359-sale-amount {grid-area:amount}
.e359-sales-grid.e359-list .e359-sale-balance {grid-area:balance}
.e359-sales-grid.e359-list .e359-sale-warning {grid-area:risk;display:block}
.e359-sales-grid.e359-list .e359-sale-footer {grid-area:foot;width:100%;margin-top:0}
@media (min-width:700px) and (max-width:949px) {.n91-sale-grid.e359-sales-grid.e359-grid {grid-template-columns:repeat(3,minmax(0,1fr))!important;}}
@media (max-width:699px) {
 .e359-sales-toolbar {grid-template-columns:46px minmax(115px,1fr) auto;gap:6px;margin:7px 0 8px}
 .e359-sale-search.open {width:100%;grid-column:1/3;grid-row:1}
 .e359-sale-search.open+.e359-sales-status {grid-column:1/3;grid-row:2;max-width:none;width:100%}
 .e359-sales-status {max-width:100%;min-width:0;width:100%;font-size:11px;padding:0 22px 0 7px}
 .e359-sale-view button {padding:8px!important;min-height:36px!important}
 .e359-sale-view button span {display:none!important}
 .e359-sale-view button svg {width:17px!important;height:17px!important}
 .n91-sale-grid.e359-sales-grid.e359-grid {grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;width:100%}
 .n91-sale-grid.e359-sales-grid .e359-sale-card {padding:9px;gap:5px;min-height:166px;border-radius:12px}
 .e359-sales-grid .e359-sale-head small {font-size:9px}
 .e359-sales-grid .e359-sale-head .n91-tag {font-size:8px!important;padding:3px 4px!important;max-width:85px}
 .e359-sales-grid .e359-sale-buyer {font-size:12px!important}
 .e359-sales-grid .e359-sale-seller {font-size:9.5px!important}
 .e359-sales-grid .e359-sale-amount {font-size:14px!important}
 .e359-sales-grid .e359-sale-balance {font-size:9px!important}
 .e359-sales-grid .e359-sale-warning {font-size:9px!important}
 .e359-sales-grid .e359-sale-footer {font-size:8px!important;padding-top:5px}
 .e359-sales-grid .e359-sale-footer>span:last-child {font-size:8.5px!important}
 .e359-sales-grid.e359-list .e359-sale-card {display:flex;min-height:0;padding:13px;gap:9px}
 .e359-sales-grid.e359-list .e359-sale-buyer {font-size:16px!important}
 .e359-sales-grid.e359-list .e359-sale-seller {font-size:12px!important}
 .e359-sales-grid.e359-list .e359-sale-amount {font-size:18px!important}
 .e359-sales-grid.e359-list .e359-sale-warning {font-size:11px!important}
}
@media (max-width:360px) {
 .e359-sales-grid .e359-sale-head .n91-tag {font-size:7.5px!important;max-width:65px}
 .n91-sale-grid.e359-sales-grid .e359-sale-card {padding:7px;gap:5px;min-height:156px}
 .e359-sales-grid .e359-sale-buyer {font-size:11px!important}
 .e359-sales-grid .e359-sale-seller,.e359-sales-grid .e359-sale-warning {font-size:8.5px!important}
 .e359-sales-grid .e359-sale-amount {font-size:13px!important}
}
/* Catálogo de Ventas: dos productos por renglón en escritorio y celular. */
.n9-products {display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;min-width:0}
.n9-products>.n9-product {min-width:0;border-radius:14px!important;box-shadow:0 2px 9px rgba(20,38,61,.035)!important}
.n9-products>.n9-product img,.n9-products>.n9-product .n9-product-placeholder {height:178px!important}
.n9-products>.n9-product .n9-product-content {padding:14px!important;min-width:0}
.n9-products>.n9-product h2 {font-size:16px!important;line-height:1.25;overflow-wrap:anywhere}
.n9-products>.n9-product .n9-price {font-size:21px!important;line-height:1.2;margin:9px 0!important}
.n9-products>.n9-product .n9-btn {min-height:39px!important;padding:9px!important;font-size:12px!important;border-radius:11px!important}
@media(max-width:699px){
 .n9-products {grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
 .n9-products>.n9-product img,.n9-products>.n9-product .n9-product-placeholder {height:130px!important}
 .n9-products>.n9-product .n9-product-placeholder svg {width:32px!important;height:32px!important}
 .n9-products>.n9-product .n9-product-content {padding:9px!important}
 .n9-products>.n9-product h2 {font-size:12px!important;line-height:1.3}
 .n9-products>.n9-product .n9-eyebrow {font-size:9px!important}
 .n9-products>.n9-product .n9-price {font-size:15px!important;line-height:1.15;margin:7px 0!important}
 .n9-products>.n9-product p {font-size:10px!important;line-height:1.25;margin:6px 0!important}
 .n9-products>.n9-product .n9-tag {font-size:9px!important;padding:4px 6px!important}
 .n9-products>.n9-product .n9-btn {font-size:10px!important;min-height:38px!important;padding:6px!important;gap:4px!important}
 .n9-products>.n9-product .n9-icon {width:16px!important;height:16px!important;flex-basis:16px!important}
}
@media (max-width:360px){.n9-products>.n9-product img,.n9-products>.n9-product .n9-product-placeholder {height:105px!important}}