/* EIC Academy 36.13.0 | Compras-Ventas compacta, mobile-first */
/* Se aplica exclusivamente a la vista Compras-Ventas. */
#n9-panel .n9-market-head{margin:6px 0 14px;align-items:center;gap:11px}
#n9-panel .n9-market-head .n9-headline{display:flex;align-items:center;min-width:0;gap:11px}
#n9-panel .n9-market-head .n9-headline>div:last-child{min-width:0}
#n9-panel .n9-market-head .n9-headline-icon{display:grid;place-items:center;flex:0 0 48px;width:48px;height:43px;background:transparent;border:0;border-radius:0;padding:0}
#n9-panel .n9-market-head .n9-headline-icon img.eic-handshake-mark{width:48px!important;height:36px!important;flex:0 0 auto!important;object-fit:contain}
#n9-panel .n9-market-head h1{font-size:clamp(22px,2.2vw,28px)!important;line-height:1.2;letter-spacing:-.035em;margin:0!important}
#n9-panel .n9-market-head p{font-size:12px!important;line-height:1.4;margin:4px 0 0;max-width:675px;color:#687991}
#n9-panel .n9-market-head .n9-section-actions{align-self:center;gap:7px}
#n9-panel .n9-market-head .n9-section-actions>.n9-btn{min-height:38px;border-radius:10px;padding:9px 13px;font-size:12px}
#n9-panel .n9-market-head .n9-section-actions>.n9-btn .n9-icon{width:19px;height:19px;flex-basis:19px}
#n9-panel .n9-market-head .n9-section-actions>.n9-refresh-circle{min-width:38px;width:38px;height:38px;padding:0!important;border-radius:11px!important}
#n9-panel .n9-market-head .n9-section-actions>.n9-refresh-circle span{display:none!important}
#n9-panel img.eic-handshake-mark{object-fit:contain;vertical-align:middle}
#n9-panel .n9-shortcuts img.eic-handshake-mark{width:25px;height:21px;flex:0 0 25px}

/* Una sola fila desplazable con controles siempre visibles a los extremos. */
#n9-panel .n9-market-tabs-shell{display:flex!important;flex-direction:row!important;align-items:center!important;flex-wrap:nowrap!important;gap:5px;min-width:0;max-width:100%;height:48px;margin:0 0 15px;border-bottom:1px solid #d5dfe8}
#n9-panel .n9-market-tabs-shell .n9-market-tab-arrow{display:grid;place-items:center;flex:0 0 33px;min-width:33px;width:33px;height:34px;min-height:34px;padding:0;background:#fff;color:#202b39;border:1px solid #d9e1eb;border-radius:10px;cursor:pointer;transition:background .15s,opacity .15s}
#n9-panel .n9-market-tabs-shell .n9-market-tab-arrow:hover:not(:disabled){background:#eff3f8}
#n9-panel .n9-market-tabs-shell .n9-market-tab-arrow:disabled{opacity:.3;cursor:default}
#n9-panel .n9-market-tabs-shell .n9-market-tab-arrow .n9-icon{width:17px;height:17px;flex:0 0 17px}
#n9-panel .n9-market-tabs-shell .n9-market-tabs{display:flex!important;flex:1 1 0!important;flex-wrap:nowrap!important;align-items:flex-end;gap:5px;min-width:0;width:0;max-width:none;margin:0!important;padding:0!important;min-height:39px;height:40px;overflow-x:auto!important;overflow-y:hidden!important;scroll-behavior:smooth;scrollbar-width:none;border-bottom:0!important;overscroll-behavior-x:contain}
#n9-panel .n9-market-tabs-shell .n9-market-tabs::-webkit-scrollbar{display:none}
#n9-panel .n9-market-tabs-shell .n9-market-tabs>button{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto!important;width:auto!important;min-height:37px;white-space:nowrap!important;font-weight:750;font-size:11.5px;line-height:1.2;padding:10px 13px;border:1px solid #d9e1eb;border-bottom:0;border-radius:10px 10px 0 0;background:#f3f6fa;color:#39475c;transition:background .15s,color .15s}
#n9-panel .n9-market-tabs-shell .n9-market-tabs>button.n9-active{background:#202b39;color:#fff;border-color:#202b39}
#n9-panel .n9-market-tabs-shell .n9-market-tabs>button:hover:not(.n9-active){background:#e9edf4}

/* Iconos compactos: exactamente cinco arriba y tres abajo. */
#n9-panel .n9-market-head ~ #n9-content{min-width:0}
#n9-panel .n9-market-head ~ #n9-content .n9-store-tools{display:grid;gap:8px;margin:0 0 15px}
#n9-panel .n9-market-head ~ #n9-content .n9-store-categories.n9-store-primary{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:8px!important;margin:0!important;min-width:0}
#n9-panel .n9-market-head ~ #n9-content .n9-store-secondary{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,3fr)!important;gap:8px;min-width:0}
#n9-panel .n9-market-head ~ #n9-content .n9-store-category{min-width:0;min-height:59px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:8px 5px;border:1px solid #d9e1eb;border-radius:12px;background:#fff;color:#1f2a3a;box-shadow:0 1px 6px #18273a05;font:inherit;font-weight:750;font-size:11px;line-height:1.2;text-align:center;white-space:normal;overflow-wrap:anywhere;cursor:pointer;transition:background .15s,border-color .15s,color .15s}
#n9-panel .n9-market-head ~ #n9-content .n9-store-category>.n9-icon{width:19px;height:19px;flex:0 0 19px}
#n9-panel .n9-market-head ~ #n9-content .n9-store-category-active,#n9-panel .n9-market-head ~ #n9-content .n9-store-category:hover{background:#202b39;color:#fff;border-color:#202b39}
#n9-panel .n9-market-head ~ #n9-content .n9-store-request{flex-direction:row;gap:9px;border-style:solid;background:#f3f6fa;color:#243b59}
#n9-panel .n9-market-head ~ #n9-content .n9-store-request:hover{background:#202b39;color:#fff}
#n9-panel .n9-market-head ~ #n9-content .n9-store-request>.n9-icon{flex:0 0 18px}

/* Mantener el estilo de las notas y el catálogo en 4 columnas PC / 2 móvil. */
#n9-panel .n9-market-head ~ #n9-content .n9-toolbar{display:flex;align-items:center;margin-bottom:13px;gap:8px}
#n9-panel .n9-market-head ~ #n9-content .n9-search{margin:0;max-width:520px}
#n9-panel .n9-market-head ~ #n9-content .n9-search>span{font-size:11px;color:#687892;font-weight:600}
#n9-panel .n9-market-head ~ #n9-content .n9-search input{min-height:38px;height:38px;padding:7px 12px;font-size:12px;border-radius:10px}
#n9-panel .n9-market-head ~ #n9-content .n9-products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
#n9-panel .n9-market-head ~ #n9-content .n9-product{border-radius:12px;box-shadow:0 2px 9px #152c4508;min-width:0;overflow:hidden}
#n9-panel .n9-market-head ~ #n9-content .n9-product img,#n9-panel .n9-market-head ~ #n9-content .n9-product-placeholder{height:140px}
#n9-panel .n9-market-head ~ #n9-content .n9-product-content{padding:12px}
#n9-panel .n9-market-head ~ #n9-content .n9-product-content h2{font-size:14px;margin:5px 0}
#n9-panel .n9-market-head ~ #n9-content .n9-price{font-size:18px;margin:7px 0}
#n9-panel .n9-market-head ~ #n9-content .n9-product-content p{font-size:11px;margin:6px 0}
#n9-panel .n9-market-head ~ #n9-content .n9-product-content .n9-btn{min-height:36px;font-size:11px;border-radius:9px;padding:7px 9px}
#n9-panel .n9-market-head ~ #n9-content .n9-empty{min-height:150px;padding:27px 16px;border-radius:13px}
#n9-panel .n9-market-head ~ #n9-content .n9-empty h3{font-size:16px}
#n9-panel .n9-market-head ~ #n9-content .n9-empty p{font-size:12px}
#n9-panel .n9-market-head ~ #n9-content .n9-order,#n9-panel .n9-market-head ~ #n9-content .rm183-request-card{border-radius:13px;padding:13px}
@media(max-width:1100px){#n9-panel .n9-market-head ~ #n9-content .n9-products{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:820px){#n9-panel .n9-market-head ~ #n9-content .n9-products{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){
 #n9-panel .n9-market-head{display:flex!important;flex-direction:row!important;align-items:flex-start!important;gap:8px!important}
 #n9-panel .n9-market-head .n9-headline{flex:1;min-width:0;gap:7px}
 #n9-panel .n9-market-head .n9-headline-icon{width:40px;height:33px;flex:0 0 40px}
 #n9-panel .n9-market-head .n9-headline-icon img.eic-handshake-mark{width:40px!important;height:30px!important}
 #n9-panel .n9-market-head h1{font-size:19px!important}
 #n9-panel .n9-market-head p{font-size:10px!important}
 #n9-panel .n9-market-head .n9-section-actions{width:auto!important;flex:none!important;justify-content:flex-end!important;align-self:flex-start}
 #n9-panel .n9-market-head .n9-section-actions>.n9-refresh-circle{min-height:34px!important;height:34px;width:34px;min-width:34px!important}
 #n9-panel .n9-market-head .n9-section-actions>.n9-btn:not(.n9-refresh-circle){min-height:34px!important;padding:6px 8px!important;flex-direction:row;font-size:10px}
 #n9-panel .n9-market-head .n9-section-actions>.n9-btn:not(.n9-refresh-circle) span{display:none}
 #n9-panel .n9-market-tabs-shell{height:42px;margin-bottom:12px;gap:4px}
 #n9-panel .n9-market-tabs-shell .n9-market-tab-arrow{flex-basis:29px;min-width:29px;width:29px;height:31px;min-height:31px;border-radius:9px}
 #n9-panel .n9-market-tabs-shell .n9-market-tab-arrow .n9-icon{width:15px;height:15px;flex-basis:15px}
 #n9-panel .n9-market-tabs-shell .n9-market-tabs{height:37px;min-height:37px}
 #n9-panel .n9-market-tabs-shell .n9-market-tabs>button{font-size:10.5px;padding:8px 10px;min-height:34px}
 #n9-panel .n9-market-head ~ #n9-content .n9-store-tools{gap:6px;margin-bottom:11px}
 #n9-panel .n9-market-head ~ #n9-content .n9-store-categories.n9-store-primary{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:5px!important}
 #n9-panel .n9-market-head ~ #n9-content .n9-store-secondary{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,2.6fr)!important;gap:5px}
 #n9-panel .n9-market-head ~ #n9-content .n9-store-category{min-height:54px;padding:7px 2px;border-radius:10px;font-size:9.5px;line-height:1.12;gap:4px}
 #n9-panel .n9-market-head ~ #n9-content .n9-store-category>.n9-icon{width:16px;height:16px;flex:0 0 16px}
 #n9-panel .n9-market-head ~ #n9-content .n9-store-secondary .n9-store-category{min-height:43px}
 #n9-panel .n9-market-head ~ #n9-content .n9-store-request{gap:5px;padding:6px 5px;font-size:9px;line-height:1.1}
 #n9-panel .n9-market-head ~ #n9-content .n9-store-request>.n9-icon{width:16px;height:16px;flex:0 0 16px}
 #n9-panel .n9-market-head ~ #n9-content .n9-product img,#n9-panel .n9-market-head ~ #n9-content .n9-product-placeholder{height:118px}
 #n9-panel .n9-market-head ~ #n9-content .n9-product-content{padding:9px}
 #n9-panel .n9-market-head ~ #n9-content .n9-product-content h2{font-size:12px}
 #n9-panel .n9-market-head ~ #n9-content .n9-price{font-size:15px}
 #n9-panel .n9-market-head ~ #n9-content .n9-product-content p{font-size:10px}
 #n9-panel .n9-market-head ~ #n9-content .n9-product-content .n9-btn{font-size:10px}
}