/* Fox Demo Admin - interfaz móvil global tipo aplicativo (V1) */
:root{
  --fox-mobile-bar:64px;
  --fox-mobile-dock:72px;
  --fox-mobile-pad:14px;
  --fox-mobile-radius:18px;
}

/* V12: catálogo visual móvil y controles superiores estables */
.quote-mobile-product-image{display:none}
.fox-stable-top-menu{display:none}
@media (max-width:820px){
  .fox-stable-top-menu{
    display:grid!important;place-items:center!important;flex:0 0 48px!important;width:48px!important;height:48px!important;min-width:48px!important;min-height:48px!important;
    padding:0!important;border:1px solid rgba(255,255,255,.22)!important;border-radius:15px!important;background:rgba(255,255,255,.12)!important;
    color:#fff!important;font-size:24px!important;line-height:1!important;box-shadow:0 8px 22px rgba(2,8,23,.16)!important;cursor:pointer!important
  }
  .fox-stable-top-menu span{display:block!important;transform:translateY(-1px)!important}
  #posV60MenuBtn,#sidebarCollapseBtn.sidebar-collapse-toggle{display:none!important}
  body.pos-final-ui.fox-pos-mobile-ready .pos-v60-brand{display:flex!important;align-items:center!important;gap:10px!important;min-width:0!important}
  body.pos-final-ui.fox-pos-mobile-ready #foxPosStableMenu{order:-2!important}
  body.fox-quote-mobile-ready .topbar.quote-topbar-v919{grid-template-columns:48px minmax(0,1fr) auto!important}
  body.fox-quote-mobile-ready #foxQuoteStableMenu{grid-column:1!important;grid-row:1!important;background:#fff!important;border-color:#dbe4f0!important;color:#0f172a!important;box-shadow:0 6px 18px rgba(15,23,42,.10)!important}

  /* Punto de venta: tarjetas tipo tienda, con fotografía protagonista. */
  body.pos-final-ui.fox-pos-mobile-ready #productGrid.pos-v64-grid,
  body.pos-final-ui.fox-pos-mobile-ready .pos-product-grid{
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;padding:2px!important;background:transparent!important
  }
  body.pos-final-ui.fox-pos-mobile-ready .pos-v64-card{
    position:relative!important;display:flex!important;flex-direction:column!important;width:100%!important;min-width:0!important;min-height:302px!important;
    padding:0!important;border:1px solid #e6ebf2!important;border-radius:20px!important;background:#fff!important;overflow:hidden!important;
    box-shadow:0 9px 24px rgba(15,23,42,.08)!important;transform:none!important;text-align:left!important
  }
  body.pos-final-ui.fox-pos-mobile-ready .pos-v64-card:active{transform:scale(.985)!important}
  body.pos-final-ui.fox-pos-mobile-ready .pos-v64-img{display:grid!important;place-items:center!important;flex:0 0 146px!important;width:100%!important;height:146px!important;border:0!important;border-bottom:1px solid #eef2f7!important;background:linear-gradient(145deg,#f8fafc,#fff8f3)!important;overflow:hidden!important}
  body.pos-final-ui.fox-pos-mobile-ready .pos-v64-img img{width:100%!important;height:100%!important;padding:9px!important;object-fit:contain!important;background:transparent!important;transition:transform .18s ease!important}
  body.pos-final-ui.fox-pos-mobile-ready .pos-v64-card:active .pos-v64-img img{transform:scale(1.03)!important}
  body.pos-final-ui.fox-pos-mobile-ready .pos-v64-info{display:flex!important;flex:1 1 auto!important;flex-direction:column!important;width:100%!important;min-width:0!important;padding:10px 10px 11px!important;gap:4px!important}
  body.pos-final-ui.fox-pos-mobile-ready .pos-v64-name{display:-webkit-box!important;min-height:34px!important;font-size:14px!important;line-height:1.2!important;font-weight:950!important;color:#0f172a!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}
  body.pos-final-ui.fox-pos-mobile-ready .pos-v64-detail{display:block!important;font-size:10.5px!important;line-height:1.2!important;color:#64748b!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  body.pos-final-ui.fox-pos-mobile-ready .pos-v64-code{font-size:10px!important;line-height:1.15!important;color:#475569!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  body.pos-final-ui.fox-pos-mobile-ready .pos-v64-stock{display:flex!important;flex-wrap:wrap!important;gap:4px!important;margin-top:2px!important;max-height:24px!important;overflow:hidden!important}
  body.pos-final-ui.fox-pos-mobile-ready .pos-v64-pill{padding:3px 6px!important;font-size:9px!important;line-height:1.1!important;border-radius:999px!important}
  body.pos-final-ui.fox-pos-mobile-ready .pos-v64-pill.family,body.pos-final-ui.fox-pos-mobile-ready .pos-v64-stock .warn:nth-child(2){display:none!important}
  body.pos-final-ui.fox-pos-mobile-ready .pos-v64-bottom{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:6px!important;width:100%!important;margin-top:auto!important;padding-top:6px!important}
  body.pos-final-ui.fox-pos-mobile-ready .pos-v64-price{font-size:18px!important;line-height:1!important;font-weight:1000!important;color:#0f172a!important;white-space:nowrap!important}
  body.pos-final-ui.fox-pos-mobile-ready .pos-v64-add{display:grid!important;place-items:center!important;flex:0 0 42px!important;width:42px!important;height:42px!important;min-height:42px!important;border-radius:14px!important;background:linear-gradient(135deg,#f97316,#ea580c)!important;color:#fff!important;font-size:25px!important;font-style:normal!important;box-shadow:0 8px 18px rgba(234,88,12,.25)!important}
  body.pos-final-ui.fox-pos-mobile-ready .pos-v64-card.out{opacity:.68!important;filter:saturate(.65)!important}
  body.pos-final-ui.fox-pos-mobile-ready .pos-v64-empty{grid-column:1/-1!important}

  /* Catálogo de cotización: misma lectura visual y operación cómoda con el pulgar. */
  body.fox-quote-mobile-ready .quote-product-modal-body-v922 .product-fast-grid,
  body.fox-quote-mobile-ready .quote-product-modal-body-v922 #productGrid{
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;align-items:stretch!important;gap:10px!important;padding:2px 1px 16px!important
  }
  body.fox-quote-mobile-ready .quote-product-modal-body-v922 .product-fast-card,
  body.fox-quote-mobile-ready .quote-product-modal-body-v922 .product-fast-grid.compact-view .product-fast-card{
    position:relative!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;width:100%!important;min-width:0!important;min-height:286px!important;
    padding:0 10px 10px!important;border:1px solid #e6ebf2!important;border-radius:20px!important;background:#fff!important;overflow:hidden!important;
    box-shadow:0 9px 24px rgba(15,23,42,.08)!important;cursor:pointer!important
  }
  body.fox-quote-mobile-ready .quote-product-modal-body-v922 .product-fast-card.selected{outline:3px solid rgba(37,99,235,.32)!important;border-color:#2563eb!important;background:#f8fbff!important}
  body.fox-quote-mobile-ready .quote-product-modal-body-v922 .quote-mobile-product-image{display:grid!important;place-items:center!important;width:calc(100% + 20px)!important;height:132px!important;margin:0 -10px 9px!important;border-bottom:1px solid #eef2f7!important;background:linear-gradient(145deg,#f8fafc,#fff8f3)!important;overflow:hidden!important}
  body.fox-quote-mobile-ready .quote-product-modal-body-v922 .quote-mobile-product-image img{width:100%!important;height:100%!important;padding:9px!important;object-fit:contain!important;background:transparent!important}
  body.fox-quote-mobile-ready .quote-product-modal-body-v922 .product-card-main{display:block!important;width:100%!important;min-width:0!important}
  body.fox-quote-mobile-ready .quote-product-modal-body-v922 .product-compact-top{display:block!important;position:static!important}
  body.fox-quote-mobile-ready .quote-product-modal-body-v922 .product-compact-top>input[type=checkbox]{position:absolute!important;z-index:2!important;top:9px!important;right:9px!important;width:24px!important;height:24px!important;margin:0!important;accent-color:#2563eb!important;filter:drop-shadow(0 2px 5px rgba(15,23,42,.18))!important}
  body.fox-quote-mobile-ready .quote-product-modal-body-v922 .product-compact-main{display:block!important;min-width:0!important}
  body.fox-quote-mobile-ready .quote-product-modal-body-v922 .product-compact-inline{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:5px!important;width:100%!important}
  body.fox-quote-mobile-ready .quote-product-modal-body-v922 .product-title{display:-webkit-box!important;width:100%!important;min-height:34px!important;font-size:13.5px!important;line-height:1.22!important;font-weight:950!important;color:#0f172a!important;white-space:normal!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}
  body.fox-quote-mobile-ready .quote-product-modal-body-v922 .product-title .title-inline-chip{display:none!important}
  body.fox-quote-mobile-ready .quote-product-modal-body-v922 .compact-stock{order:2!important;margin:0!important;padding:4px 7px!important;border-radius:999px!important;background:#dcfce7!important;color:#166534!important;font-size:9.5px!important;font-weight:950!important}
  body.fox-quote-mobile-ready .quote-product-modal-body-v922 .price-stack{order:3!important;display:block!important;width:100%!important;color:#0f172a!important;font-size:17px!important;font-weight:1000!important;line-height:1.1!important}
  body.fox-quote-mobile-ready .quote-product-modal-body-v922 .compact-selected{position:absolute!important;top:10px!important;left:10px!important;z-index:2!important;padding:4px 7px!important;border-radius:999px!important;background:#2563eb!important;color:#fff!important;font-size:9px!important;font-weight:950!important}
  body.fox-quote-mobile-ready .quote-product-modal-body-v922 .product-card-actions{display:block!important;width:100%!important;margin-top:auto!important;padding-top:8px!important}
  body.fox-quote-mobile-ready .quote-product-modal-body-v922 .product-card-actions-right{display:grid!important;grid-template-columns:minmax(0,1fr) 42px!important;width:100%!important;gap:6px!important;align-items:center!important}
  body.fox-quote-mobile-ready .quote-product-modal-body-v922 .product-add-qty{display:block!important;width:100%!important;padding:0!important}
  body.fox-quote-mobile-ready .quote-product-modal-body-v922 .qty-stepper{display:grid!important;grid-template-columns:30px minmax(0,1fr) 30px!important;width:100%!important;gap:2px!important;padding:3px!important;border-radius:13px!important;background:#f8fafc!important}
  body.fox-quote-mobile-ready .quote-product-modal-body-v922 .qty-stepper button{width:30px!important;height:34px!important;min-height:34px!important;border-radius:9px!important;font-size:17px!important}
  body.fox-quote-mobile-ready .quote-product-modal-body-v922 .qty-stepper input.product-qty-field{width:100%!important;min-width:0!important;height:34px!important;font-size:14px!important}
  body.fox-quote-mobile-ready .quote-product-modal-body-v922 .add-one{width:42px!important;min-width:42px!important;height:42px!important;min-height:42px!important;padding:0!important;border-radius:14px!important;background:linear-gradient(135deg,#16a34a,#15803d)!important;color:#fff!important;font-size:0!important;box-shadow:0 7px 16px rgba(21,128,61,.22)!important}
  body.fox-quote-mobile-ready .quote-product-modal-body-v922 .add-one::before{content:'+'!important;font-size:25px!important;font-weight:950!important}
  body.fox-quote-mobile-ready .quote-product-modal-body-v922 .product-card-detail{display:none!important}
  body.fox-quote-mobile-ready .quote-product-modal-body-v922 .outstock-card{min-height:220px!important;opacity:.68!important}.quote-product-modal-body-v922 .outstock-card .quote-mobile-product-image{height:116px!important}
}

/* V12 final: prevalece sobre los ajustes móviles históricos cargados más abajo. */
@media (max-width:820px){
  body.pos-final-ui.fox-pos-mobile-ready #productGrid.pos-v64-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;padding:2px!important}
  body.pos-final-ui.fox-pos-mobile-ready .pos-v64-card{display:flex!important;flex-direction:column!important;min-height:302px!important;padding:0!important;border-radius:20px!important}
  body.pos-final-ui.fox-pos-mobile-ready .pos-v64-img{width:100%!important;height:146px!important;flex:0 0 146px!important}
  body.pos-final-ui.fox-pos-mobile-ready .pos-v64-info{padding:10px 10px 11px!important}
  body.fox-quote-mobile-ready .quote-product-modal-body-v922 #productGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;padding:2px 1px 16px!important}
  body.fox-quote-mobile-ready .quote-product-modal-body-v922 .product-fast-card{display:flex!important;flex-direction:column!important;min-height:286px!important;padding:0 10px 10px!important;border-radius:20px!important}
  #posV60MenuBtn,#sidebarCollapseBtn.sidebar-collapse-toggle{display:none!important}
}
@media (max-width:350px){body.pos-final-ui.fox-pos-mobile-ready #productGrid.pos-v64-grid,body.fox-quote-mobile-ready .quote-product-modal-body-v922 #productGrid{grid-template-columns:minmax(0,1fr)!important}}

/* V14 cierre: estas reglas prevalecen después de los estilos históricos del POS. */
@media (max-width:820px){
  body.pos-final-ui.fox-pos-mobile-ready #posV60FixedBar{display:block!important;height:72px!important;min-height:72px!important;max-height:72px!important;padding:12px 10px!important}
  body.pos-final-ui.fox-pos-mobile-ready.fox-pos-tools-open #posV60FixedBar{height:auto!important;max-height:calc(100dvh - 85px)!important}
  body.pos-final-ui.fox-pos-mobile-ready #posV60FixedBar .pos-v60-title span{display:none!important}
  body.pos-final-ui.fox-pos-mobile-ready #foxPosViewSwitch{display:none!important}
  body.pos-final-ui.fox-pos-mobile-ready .content{padding:calc(var(--fox-pos-mobile-head,72px) + 9px) 10px calc(var(--fox-mobile-dock) + 22px)!important}
  body.pos-final-ui.fox-pos-mobile-ready.fox-pos-cart-view .pos-cart-body{min-height:0!important;max-height:none!important;overflow:visible!important;padding:0 0 16px!important}
  body.pos-final-ui.fox-pos-mobile-ready.fox-pos-cart-view .pos-cart>.pos-head{display:grid!important;grid-template-columns:minmax(0,1fr) auto 42px!important;align-items:center!important;gap:7px!important;padding:10px!important}
  body.pos-final-ui.fox-pos-mobile-ready.fox-pos-cart-view .pos-cart>.pos-head>div:first-child{min-width:0!important}
  body.pos-final-ui.fox-pos-mobile-ready.fox-pos-cart-view .pos-cart>.pos-head .pos-chip{min-width:92px!important;padding:6px!important}
  body.pos-final-ui.fox-pos-mobile-ready .fox-pos-cart-close{display:none!important}
  body.pos-final-ui.fox-pos-mobile-ready.fox-pos-cart-view .fox-pos-cart-close{display:grid!important;place-items:center!important;grid-column:3!important;width:42px!important;height:42px!important;min-height:42px!important;margin:0!important;padding:0!important;border:1px solid rgba(255,255,255,.24)!important;border-radius:13px!important;background:rgba(255,255,255,.16)!important;color:#fff!important;font-size:29px!important;line-height:1!important;box-shadow:none!important}
  body.pos-final-ui.fox-pos-mobile-ready.fox-pos-cart-view .pos-v55-line-main{grid-template-columns:58px minmax(0,1fr)!important}
  body.pos-final-ui.fox-pos-mobile-ready.fox-pos-cart-view .pos-v55-line-controls>.pos-qty{grid-column:1/-1!important}
  body.pos-final-ui.fox-pos-mobile-ready.fox-pos-cart-view .pos-v55-line-controls>.pos-remove{grid-column:1/-1!important}
  body.pos-final-ui.fox-pos-mobile-ready.fox-pos-cart-view .pos-actions{position:static!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;bottom:auto!important}
  body.pos-final-ui.fox-pos-mobile-ready.fox-pos-cart-view .pos-actions .pos-charge{grid-column:1/-1!important}
  body.pos-final-ui.fox-pos-mobile-ready.fox-pos-cart-view .pos-actions>a:last-child{grid-column:1/-1!important}
}

/* V14: una cabecera y superficies contenidas en el ancho real del teléfono. */
.pos-sale-close{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;border:0;border-radius:13px;background:#f1f5f9;color:#0f172a;font-size:29px;line-height:1;cursor:pointer}
@media (max-width:820px){
  html:has(body.pos-final-ui),body.pos-final-ui{width:100%!important;max-width:100vw!important;overflow-x:hidden!important}
  body.pos-final-ui *,body.pos-final-ui *::before,body.pos-final-ui *::after{box-sizing:border-box}
  body.pos-final-ui main.main>.topbar,body.pos-final-ui main.main>header.topbar,body.pos-final-ui .pos-top{display:none!important;height:0!important;min-height:0!important;margin:0!important;padding:0!important;overflow:hidden!important}
  body.pos-final-ui.fox-pos-mobile-ready #posV60FixedBar{display:block!important;height:72px!important;min-height:72px!important;max-height:72px!important;padding:12px 10px!important;overflow:visible!important}
  body.pos-final-ui.fox-pos-mobile-ready #posV60FixedBar .pos-v60-brand{display:flex!important;width:100%!important;height:48px!important;min-height:48px!important;gap:7px!important;overflow:visible!important}
  body.pos-final-ui.fox-pos-mobile-ready #posV60FixedBar .pos-v60-title{flex:1 1 auto!important;min-width:0!important;overflow:hidden!important}
  body.pos-final-ui.fox-pos-mobile-ready #posV60FixedBar .pos-v60-title b{display:block!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:17px!important}
  body.pos-final-ui.fox-pos-mobile-ready #posV60FixedBar .pos-v60-title span{display:none!important}
  body.pos-final-ui.fox-pos-mobile-ready #foxPosStableMenu{flex:0 0 46px!important;width:46px!important;min-width:46px!important;height:46px!important;min-height:46px!important}
  body.pos-final-ui.fox-pos-mobile-ready #foxPosToolsToggle{flex:0 0 46px!important;width:46px!important;min-width:46px!important;height:46px!important;min-height:46px!important;margin:0!important;padding:0!important;font-size:0!important}
  body.pos-final-ui.fox-pos-mobile-ready #foxPosToolsToggle span{font-size:27px!important;line-height:1!important;transform:none!important}
  body.pos-final-ui.fox-pos-mobile-ready #foxPosCartToggle{display:flex!important;align-items:center!important;justify-content:center!important;flex:0 0 auto!important;gap:4px!important;min-width:0!important;max-width:120px!important;height:46px!important;padding:0 8px!important;border:1px solid rgba(255,255,255,.2)!important;border-radius:14px!important;background:#fff!important;color:#0f172a!important;box-shadow:0 5px 14px rgba(0,0,0,.12)!important;font-size:12px!important;font-weight:900!important;white-space:nowrap!important}
  body.pos-final-ui.fox-pos-mobile-ready #foxPosCartToggle span{font-size:16px!important}
  body.pos-final-ui.fox-pos-mobile-ready #foxPosCartToggle b{font-size:11px!important}
  body.pos-final-ui.fox-pos-mobile-ready #foxPosCartToggle em{display:grid!important;place-items:center!important;min-width:19px!important;height:19px!important;padding:0 3px!important;border-radius:999px!important;background:#f97316!important;color:#fff!important;font-size:10px!important;font-style:normal!important}
  body.pos-final-ui.fox-pos-mobile-ready #foxPosViewSwitch{display:none!important}
  body.pos-final-ui.fox-pos-mobile-ready .content{width:100%!important;max-width:100%!important;margin:0!important;padding:calc(var(--fox-pos-mobile-head,72px) + 9px) 10px calc(var(--fox-mobile-dock) + 22px)!important;overflow-x:hidden!important}
  body.pos-final-ui.fox-pos-mobile-ready .pos-wrap{display:grid!important;grid-template-columns:minmax(0,1fr)!important;width:100%!important;min-width:0!important;gap:0!important}
  body.pos-final-ui.fox-pos-mobile-ready .pos-wrap>.pos-card{width:100%!important;min-width:0!important;max-width:100%!important}
  body.pos-final-ui.fox-pos-mobile-ready.fox-pos-tools-open #posV60FixedBar{height:auto!important;max-height:calc(100dvh - 85px)!important;padding-bottom:10px!important;overflow-y:auto!important}
  body.pos-final-ui.fox-pos-mobile-ready.fox-pos-tools-open #posV60FixedBar>.pos-v60-search-slot{margin-top:8px!important}
  body.pos-final-ui.fox-pos-mobile-ready.fox-pos-tools-open #posV60FixedBar>.pos-v60-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%!important;gap:6px!important;margin-top:8px!important}
  body.pos-final-ui.fox-pos-mobile-ready.fox-pos-tools-open #posV60FixedBar .pos-v61-client-top{grid-column:1/-1!important;grid-row:auto!important;min-width:0!important}
  body.pos-final-ui.fox-pos-mobile-ready.fox-pos-tools-open #posV60FixedBar .pos-v62-top-actions{grid-column:1/-1!important;grid-row:auto!important;display:flex!important;flex-wrap:wrap!important}
  body.pos-final-ui.fox-pos-mobile-ready.fox-pos-tools-open #posV60FixedBar .pos-v60-chip.total{grid-column:1!important;grid-row:auto!important}
  body.pos-final-ui.fox-pos-mobile-ready.fox-pos-tools-open #posV60FixedBar .pos-v60-action.green{grid-column:2!important;grid-row:auto!important}
  body.pos-final-ui.fox-pos-mobile-ready.fox-pos-cart-view .pos-cart>.pos-head{margin:0 0 10px!important}
  body.pos-final-ui.fox-pos-mobile-ready.fox-pos-cart-view .pos-cart-body{width:100%!important;min-width:0!important;max-width:100%!important;padding-bottom:16px!important}
  body.pos-final-ui.fox-pos-mobile-ready.fox-pos-cart-view .pos-v55-line-main{grid-template-columns:58px minmax(0,1fr)!important;gap:9px!important}
  body.pos-final-ui.fox-pos-mobile-ready.fox-pos-cart-view .pos-v55-line-img{width:58px!important;height:58px!important}
  body.pos-final-ui.fox-pos-mobile-ready.fox-pos-cart-view .pos-v55-line-main>span:nth-child(2){min-width:0!important;overflow:hidden!important}
  body.pos-final-ui.fox-pos-mobile-ready.fox-pos-cart-view .pos-v55-line-title{display:-webkit-box!important;min-width:0!important;overflow:hidden!important;overflow-wrap:anywhere!important;font-size:14px!important}
  body.pos-final-ui.fox-pos-mobile-ready.fox-pos-cart-view .pos-v55-line-total{grid-column:2!important;justify-self:start!important;margin-top:-3px!important}
  body.pos-final-ui.fox-pos-mobile-ready.fox-pos-cart-view .pos-v55-line-controls{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;min-width:0!important}
  body.pos-final-ui.fox-pos-mobile-ready.fox-pos-cart-view .pos-v55-line-controls>.pos-qty{grid-column:1/-1!important;min-width:0!important}
  body.pos-final-ui.fox-pos-mobile-ready.fox-pos-cart-view .pos-v55-line-controls>.pos-remove{grid-column:1/-1!important}
  body.pos-final-ui.fox-pos-mobile-ready.fox-pos-cart-view .pos-v55-line-controls>label{min-width:0!important;max-width:100%!important;overflow:hidden!important}
  body.pos-final-ui.fox-pos-mobile-ready.fox-pos-cart-view .pos-qty input{width:100%!important;min-width:0!important;max-width:100%!important}
  body.pos-final-ui.fox-pos-mobile-ready.fox-pos-cart-view .pos-actions{position:static!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%!important;min-width:0!important;gap:8px!important;margin-top:2px!important;padding:10px!important}
  body.pos-final-ui.fox-pos-mobile-ready.fox-pos-cart-view .pos-actions .pos-charge{grid-column:1/-1!important;width:100%!important}
  body.pos-final-ui.fox-pos-mobile-ready.fox-pos-cart-view .pos-actions .btn{min-width:0!important;max-width:100%!important;height:46px!important;min-height:46px!important;white-space:normal!important;overflow-wrap:anywhere!important}
  body.pos-final-ui.fox-pos-mobile-ready.fox-pos-cart-view .pos-actions>a:last-child{grid-column:1/-1!important}
  body.pos-final-ui.fox-pos-mobile-ready.fox-pos-cart-view .pos-pay-wrap,body.pos-final-ui.fox-pos-mobile-ready.fox-pos-cart-view .pos-pay-row{width:100%!important;min-width:0!important;max-width:100%!important}
  body.pos-final-ui.fox-pos-mobile-ready.fox-pos-cart-view .pos-pay-row button{grid-column:1/-1!important}
  body.pos-final-ui #saleDetailModal.pos-modal.show{position:fixed!important;inset:0!important;z-index:2500!important;display:block!important;width:100vw!important;height:100dvh!important;margin:0!important;padding:0!important;overflow:hidden!important;background:#f5f7fb!important}
  body.pos-final-ui #saleDetailModal .pos-dialog.pos-sale-wide{display:block!important;width:100vw!important;max-width:100vw!important;height:100dvh!important;max-height:100dvh!important;margin:0!important;padding:0 0 24px!important;border:0!important;border-radius:0!important;overflow-y:auto!important;overflow-x:hidden!important;background:#f5f7fb!important;box-shadow:none!important}
  body.pos-final-ui #saleDetailModal .pos-dialog>header{position:sticky!important;top:0!important;z-index:3!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;min-height:70px!important;margin:0!important;padding:11px 13px!important;border-bottom:1px solid #e2e8f0!important;background:#fff!important}
  body.pos-final-ui #saleDetailModal .pos-dialog>header h3{min-width:0!important;margin:0!important;font-size:20px!important;line-height:1.15!important;overflow-wrap:anywhere!important}
  body.pos-final-ui #saleDetailModal .pos-sale-close{display:grid!important;flex:0 0 46px!important;width:46px!important;height:46px!important;min-height:46px!important;border-radius:14px!important;background:#e2e8f0!important;color:#0f172a!important;font-size:30px!important}
  body.pos-final-ui #saleDetailBody{display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;padding:12px!important;overflow-x:hidden!important}
  body.pos-final-ui #saleDetailBody>*{max-width:100%!important;min-width:0!important}
  body.pos-final-ui #saleDetailBody .pos-sale-summary-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;width:100%!important}
  body.pos-final-ui #saleDetailBody .pos-sale-summary{min-width:0!important;padding:10px!important;border-radius:15px!important;overflow-wrap:anywhere!important}
  body.pos-final-ui #saleDetailBody .pos-sale-summary b{font-size:13px!important;overflow-wrap:anywhere!important}
  body.pos-final-ui #saleDetailBody .pos-sale-actions,body.pos-final-ui #saleDetailBody .pos-action-picker{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:8px!important;width:100%!important}
  body.pos-final-ui #saleDetailBody button,body.pos-final-ui #saleDetailBody a.pos-mini-btn{max-width:100%!important;min-width:0!important;min-height:44px!important;white-space:normal!important;overflow-wrap:anywhere!important}
  body.pos-final-ui #saleDetailBody table{display:block!important;width:100%!important;max-width:100%!important;overflow-x:auto!important}
  body.pos-final-ui #saleDetailBody form{max-width:100%!important;min-width:0!important}
  body.pos-final-ui #saleDetailBody input,body.pos-final-ui #saleDetailBody select,body.pos-final-ui #saleDetailBody textarea{max-width:100%!important;min-width:0!important}
}

/* V13: carrito del POS diseñado como checkout móvil. */
@media (max-width:820px){
  body.pos-final-ui.fox-pos-mobile-ready.fox-pos-cart-view{background:#f3f6fa!important}
  body.pos-final-ui.fox-pos-mobile-ready.fox-pos-cart-view .content{padding-left:9px!important;padding-right:9px!important}
  body.pos-final-ui.fox-pos-mobile-ready.fox-pos-cart-view .pos-wrap{display:block!important;width:100%!important;margin:0!important}
  body.pos-final-ui.fox-pos-mobile-ready.fox-pos-cart-view .pos-wrap>.pos-cart{
    display:block!important;position:relative!important;top:auto!important;width:100%!important;max-width:none!important;margin:0!important;
    border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important
  }
  body.pos-final-ui.fox-pos-mobile-ready.fox-pos-cart-view .pos-cart>.pos-head{
    display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;width:100%!important;min-height:76px!important;
    margin:0 0 10px!important;padding:12px 13px!important;border:0!important;border-radius:20px!important;background:linear-gradient(135deg,#0f172a,#173b59 62%,#0f766e)!important;
    color:#fff!important;box-shadow:0 12px 28px rgba(15,23,42,.18)!important
  }
  body.pos-final-ui.fox-pos-mobile-ready.fox-pos-cart-view .pos-cart>.pos-head>div:first-child{display:block!important;min-width:0!important}
  body.pos-final-ui.fox-pos-mobile-ready.fox-pos-cart-view .pos-cart>.pos-head h2{margin:0!important;color:#fff!important;font-size:21px!important;line-height:1.1!important;letter-spacing:-.02em!important}
  body.pos-final-ui.fox-pos-mobile-ready.fox-pos-cart-view .pos-cart>.pos-head h2::before{content:'🛒 '!important;font-size:20px!important}
  body.pos-final-ui.fox-pos-mobile-ready.fox-pos-cart-view .pos-cart>.pos-head p{display:block!important;margin:5px 0 0!important;color:#cbd5e1!important;font-size:11px!important;font-weight:850!important}
  body.pos-final-ui.fox-pos-mobile-ready.fox-pos-cart-view .pos-cart>.pos-head .pos-chip{
    display:grid!important;place-items:center!important;flex:0 0 auto!important;min-width:112px!important;min-height:54px!important;padding:7px 10px!important;
    border:1px solid rgba(255,255,255,.18)!important;border-radius:16px!important;background:rgba(255,255,255,.12)!important;color:#fff!important;box-shadow:none!important
  }
  body.pos-final-ui.fox-pos-mobile-ready.fox-pos-cart-view .pos-cart>.pos-head .pos-chip span{color:#bfdbfe!important;font-size:9px!important}
  body.pos-final-ui.fox-pos-mobile-ready.fox-pos-cart-view .pos-cart>.pos-head .pos-chip b{color:#fff!important;font-size:18px!important}
  body.pos-final-ui.fox-pos-mobile-ready.fox-pos-cart-view .pos-cart-body{
    display:grid!important;width:100%!important;max-height:none!important;min-height:0!important;overflow:visible!important;gap:11px!important;padding:0 0 calc(var(--fox-mobile-dock) + 22px)!important
  }

  body.pos-final-ui.fox-pos-mobile-ready.fox-pos-cart-view .pos-client-pro{
    display:grid!important;visibility:visible!important;height:auto!important;min-height:0!important;width:100%!important;margin:0!important;padding:13px!important;gap:9px!important;
    border:1px solid #dbe4f0!important;border-radius:19px!important;background:#fff!important;box-shadow:0 8px 22px rgba(15,23,42,.06)!important;overflow:visible!important
  }
  body.pos-final-ui.fox-pos-mobile-ready.fox-pos-cart-view .pos-client-pro>label{font-size:12px!important;color:#0f172a!important;letter-spacing:.02em!important}
  body.pos-final-ui.fox-pos-mobile-ready.fox-pos-cart-view .pos-client-search,
  body.pos-final-ui.fox-pos-mobile-ready.fox-pos-cart-view .pos-client-row{display:grid!important;grid-template-columns:minmax(0,1fr) 102px!important;gap:7px!important;width:100%!important}
  body.pos-final-ui.fox-pos-mobile-ready.fox-pos-cart-view .pos-client-search input,
  body.pos-final-ui.fox-pos-mobile-ready.fox-pos-cart-view .pos-client-row select{width:100%!important;min-width:0!important;height:48px!important;min-height:48px!important;padding:0 11px!important;border-radius:14px!important;font-size:15px!important}
  body.pos-final-ui.fox-pos-mobile-ready.fox-pos-cart-view .pos-client-search button,
  body.pos-final-ui.fox-pos-mobile-ready.fox-pos-cart-view .pos-client-row button{width:100%!important;min-width:0!important;min-height:48px!important;padding:0 7px!important;border-radius:14px!important;font-size:12px!important}
  body.pos-final-ui.fox-pos-mobile-ready.fox-pos-cart-view .pos-client-info{display:block!important;max-height:none!important;padding:9px 10px!important;border-radius:13px!important;background:#eff6ff!important;color:#1e3a8a!important;font-size:11.5px!important;line-height:1.35!important}

  body.pos-final-ui.fox-pos-mobile-ready.fox-pos-cart-view .pos-v60-mini-fields{display:grid!important;grid-template-columns:minmax(0,1fr)!important;width:100%!important;gap:8px!important}
  body.pos-final-ui.fox-pos-mobile-ready.fox-pos-cart-view .pos-v60-mini-fields>.field,
  body.pos-final-ui.fox-pos-mobile-ready.fox-pos-cart-view .pos-v60-mini-fields>.pos-service-shortcut,
  body.pos-final-ui.fox-pos-mobile-ready.fox-pos-cart-view .pos-cart-body>.field{
    display:grid!important;width:100%!important;min-width:0!important;margin:0!important;padding:11px 12px!important;gap:6px!important;border:1px solid #e2e8f0!important;border-radius:17px!important;background:#fff!important;box-shadow:0 6px 18px rgba(15,23,42,.045)!important
  }
  body.pos-final-ui.fox-pos-mobile-ready.fox-pos-cart-view .pos-v60-mini-fields label,
  body.pos-final-ui.fox-pos-mobile-ready.fox-pos-cart-view .pos-cart-body>.field>label{font-size:10px!important;color:#64748b!important;font-weight:950!important;text-transform:uppercase!important}
  body.pos-final-ui.fox-pos-mobile-ready.fox-pos-cart-view #documentType,
  body.pos-final-ui.fox-pos-mobile-ready.fox-pos-cart-view #defaultDispatchWarehouse,
  body.pos-final-ui.fox-pos-mobile-ready.fox-pos-cart-view #discountGlobal,
  body.pos-final-ui.fox-pos-mobile-ready.fox-pos-cart-view #couponCode{width:100%!important;min-width:0!important;height:48px!important;min-height:48px!important;padding:0 12px!important;border-radius:14px!important;font-size:15px!important}
  body.pos-final-ui.fox-pos-mobile-ready.fox-pos-cart-view .pos-service-shortcut{display:flex!important;align-items:center!important;justify-content:space-between!important}
  body.pos-final-ui.fox-pos-mobile-ready.fox-pos-cart-view .pos-coupon-row{display:grid!important;grid-template-columns:minmax(0,1fr) 92px!important;gap:7px!important;width:100%!important}
  body.pos-final-ui.fox-pos-mobile-ready.fox-pos-cart-view .pos-coupon-row button{min-height:48px!important;border-radius:14px!important}

  body.pos-final-ui.fox-pos-mobile-ready.fox-pos-cart-view .pos-lines{
    display:grid!important;width:100%!important;max-height:none!important;min-height:112px!important;overflow:visible!important;gap:10px!important;padding:0!important
  }
  body.pos-final-ui.fox-pos-mobile-ready.fox-pos-cart-view .pos-lines::before{content:'Productos de la venta'!important;display:block!important;margin:3px 2px -2px!important;color:#0f172a!important;font-size:15px!important;font-weight:950!important}
  body.pos-final-ui.fox-pos-mobile-ready.fox-pos-cart-view .pos-empty{padding:24px 16px!important;border-radius:18px!important;background:#fff!important;font-size:14px!important}
  body.pos-final-ui.fox-pos-mobile-ready.fox-pos-cart-view .pos-v55-line{
    display:grid!important;width:100%!important;min-width:0!important;padding:11px!important;gap:10px!important;border:1px solid #e2e8f0!important;border-radius:19px!important;
    background:#fff!important;box-shadow:0 8px 22px rgba(15,23,42,.06)!important;overflow:hidden!important
  }
  body.pos-final-ui.fox-pos-mobile-ready.fox-pos-cart-view .pos-v55-line-main{display:grid!important;grid-template-columns:66px minmax(0,1fr) auto!important;gap:10px!important;align-items:start!important;width:100%!important}
  body.pos-final-ui.fox-pos-mobile-ready.fox-pos-cart-view .pos-v55-line-img{width:66px!important;height:66px!important;border-radius:16px!important;background:linear-gradient(145deg,#f8fafc,#fff8f3)!important}
  body.pos-final-ui.fox-pos-mobile-ready.fox-pos-cart-view .pos-v55-line-img img{width:100%!important;height:100%!important;padding:3px!important;object-fit:contain!important;background:transparent!important}
  body.pos-final-ui.fox-pos-mobile-ready.fox-pos-cart-view .pos-v55-line-title{min-height:36px!important;font-size:14px!important;line-height:1.22!important;-webkit-line-clamp:2!important}
  body.pos-final-ui.fox-pos-mobile-ready.fox-pos-cart-view .pos-v55-line-sub{margin-top:4px!important;font-size:10.5px!important;line-height:1.25!important;color:#64748b!important;-webkit-line-clamp:2!important}
  body.pos-final-ui.fox-pos-mobile-ready.fox-pos-cart-view .pos-v55-line-total{padding:4px 7px!important;border-radius:10px!important;background:#ecfdf5!important;color:#166534!important;font-size:14px!important;text-align:right!important;white-space:nowrap!important}
  body.pos-final-ui.fox-pos-mobile-ready.fox-pos-cart-view .pos-v55-line-controls{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%!important;gap:8px!important;align-items:end!important}
  body.pos-final-ui.fox-pos-mobile-ready.fox-pos-cart-view .pos-v55-line-controls>label{display:grid!important;min-width:0!important;gap:4px!important;font-size:9px!important}
  body.pos-final-ui.fox-pos-mobile-ready.fox-pos-cart-view .pos-v55-line-controls input,
  body.pos-final-ui.fox-pos-mobile-ready.fox-pos-cart-view .pos-v55-line-controls select{width:100%!important;min-width:0!important;height:44px!important;min-height:44px!important;padding:0 9px!important;border-radius:12px!important;font-size:13px!important}
  body.pos-final-ui.fox-pos-mobile-ready.fox-pos-cart-view .pos-qty{display:grid!important;grid-template-columns:42px minmax(0,1fr) 42px!important;width:100%!important;height:48px!important;min-height:48px!important;padding:3px!important;border-radius:14px!important;background:#f8fafc!important}
  body.pos-final-ui.fox-pos-mobile-ready.fox-pos-cart-view .pos-qty button{width:42px!important;height:40px!important;min-height:40px!important;border-radius:11px!important;font-size:20px!important;background:#fff!important;box-shadow:0 3px 9px rgba(15,23,42,.08)!important}
  body.pos-final-ui.fox-pos-mobile-ready.fox-pos-cart-view .pos-qty input{width:100%!important;min-width:0!important;height:40px!important;min-height:40px!important;font-size:16px!important}
  body.pos-final-ui.fox-pos-mobile-ready.fox-pos-cart-view .pos-remove{width:100%!important;height:48px!important;min-height:48px!important;padding:0 10px!important;border-radius:14px!important;font-size:12px!important;background:#fee2e2!important;color:#991b1b!important}
  body.pos-final-ui.fox-pos-mobile-ready.fox-pos-cart-view .pos-v55-line-controls>.pos-mini-btn{width:100%!important;min-height:44px!important;border-radius:12px!important}

  body.pos-final-ui.fox-pos-mobile-ready.fox-pos-cart-view .pos-totals{display:grid!important;width:100%!important;padding:14px!important;gap:9px!important;border:0!important;border-radius:20px!important;background:linear-gradient(145deg,#0f172a,#1e293b)!important;color:#fff!important;box-shadow:0 12px 28px rgba(15,23,42,.18)!important}
  body.pos-final-ui.fox-pos-mobile-ready.fox-pos-cart-view .pos-total-row{min-height:25px!important;color:#cbd5e1!important;font-size:13px!important}
  body.pos-final-ui.fox-pos-mobile-ready.fox-pos-cart-view .pos-total-row b{color:#fff!important}
  body.pos-final-ui.fox-pos-mobile-ready.fox-pos-cart-view .pos-total-row.total{margin:3px 0 0!important;padding:12px 0 0!important;border-top:1px solid rgba(255,255,255,.18)!important;border-radius:0!important;background:transparent!important;color:#fff!important;font-size:22px!important}

  body.pos-final-ui.fox-pos-mobile-ready.fox-pos-cart-view .pos-payments{display:grid!important;width:100%!important;padding:12px!important;gap:9px!important;border:1px solid #dbe4f0!important;border-radius:19px!important;background:#fff!important;box-shadow:0 8px 22px rgba(15,23,42,.055)!important}
  body.pos-final-ui.fox-pos-mobile-ready.fox-pos-cart-view .pos-payments>div:first-child b{font-size:15px!important;color:#0f172a!important}
  body.pos-final-ui.fox-pos-mobile-ready.fox-pos-cart-view #addPaymentBtn{min-height:42px!important;border-radius:13px!important;padding:0 12px!important}
  body.pos-final-ui.fox-pos-mobile-ready.fox-pos-cart-view #paymentsBox{display:grid!important;gap:8px!important}
  body.pos-final-ui.fox-pos-mobile-ready.fox-pos-cart-view .pos-pay-row{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%!important;gap:7px!important;padding:9px!important;border:1px solid #eef2f7!important;border-radius:15px!important;background:#f8fafc!important}
  body.pos-final-ui.fox-pos-mobile-ready.fox-pos-cart-view .pos-pay-row select,
  body.pos-final-ui.fox-pos-mobile-ready.fox-pos-cart-view .pos-pay-row input{width:100%!important;min-width:0!important;height:46px!important;min-height:46px!important;border-radius:12px!important;font-size:14px!important}
  body.pos-final-ui.fox-pos-mobile-ready.fox-pos-cart-view .pos-pay-row input:nth-child(3){grid-column:1/-1!important}
  body.pos-final-ui.fox-pos-mobile-ready.fox-pos-cart-view .pos-pay-row button{width:100%!important;min-height:42px!important;grid-column:1/-1!important;border-radius:12px!important}
  body.pos-final-ui.fox-pos-mobile-ready.fox-pos-cart-view .pos-change{min-height:48px!important;padding:11px 12px!important;border-radius:14px!important;font-size:15px!important}

  body.pos-final-ui.fox-pos-mobile-ready.fox-pos-cart-view #posForm{display:block!important;width:100%!important;margin:0!important}
  body.pos-final-ui.fox-pos-mobile-ready.fox-pos-cart-view .pos-actions{
    position:sticky!important;z-index:810!important;left:0!important;right:0!important;bottom:calc(var(--fox-mobile-dock) + 7px + env(safe-area-inset-bottom,0px))!important;
    display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;width:100%!important;gap:7px!important;padding:9px!important;
    border:1px solid #dbe4f0!important;border-radius:19px!important;background:rgba(255,255,255,.96)!important;box-shadow:0 -10px 30px rgba(15,23,42,.15)!important;backdrop-filter:blur(14px)!important
  }
  body.pos-final-ui.fox-pos-mobile-ready.fox-pos-cart-view .pos-actions .btn{width:100%!important;min-width:0!important;height:44px!important;min-height:44px!important;padding:0 6px!important;border-radius:13px!important;font-size:11px!important;white-space:normal!important;text-align:center!important}
  body.pos-final-ui.fox-pos-mobile-ready.fox-pos-cart-view .pos-actions .pos-charge{grid-column:1/-1!important;height:54px!important;min-height:54px!important;border-radius:15px!important;background:linear-gradient(135deg,#16a34a,#059669)!important;color:#fff!important;font-size:17px!important;font-weight:950!important;box-shadow:0 9px 20px rgba(5,150,105,.22)!important}
  body.pos-final-ui.fox-pos-mobile-ready.fox-pos-cart-view .pos-actions a.btn{display:grid!important;place-items:center!important;text-decoration:none!important}
}

@media (max-width:350px){
  body.pos-final-ui.fox-pos-mobile-ready #productGrid.pos-v64-grid,
  body.fox-quote-mobile-ready .quote-product-modal-body-v922 #productGrid{grid-template-columns:minmax(0,1fr)!important}
}

html,body{max-width:100%;overflow-x:hidden}
body.fox-mobile-menu-open{overflow:hidden!important;touch-action:none}
.fox-mobile-backdrop,.fox-mobile-dock{display:none}

@media (max-width:820px){
  html{font-size:16px;-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--fox-mobile-bar) + 10px)}
  body{background:#f5f7fb!important;padding-bottom:calc(var(--fox-mobile-dock) + env(safe-area-inset-bottom,0px))!important}
  body.launcher-body{background:radial-gradient(circle at 20% 10%,rgba(255,106,0,.18),transparent 28%),linear-gradient(135deg,#0a1724,#0e4547 65%,#0f625f)!important;color:#fff!important}
  body *,body *::before,body *::after{box-sizing:border-box}

  /* Estructura principal */
  .app.fox-admin{display:block!important;min-height:100dvh!important;width:100%!important}
  body main.main,body.sidebar-collapsed main.main,html.fox-sidebar-collapsed body main.main,
  body:not(.sidebar-collapsed) main.main{
    display:block!important;margin-left:0!important;width:100%!important;max-width:100%!important;
    min-width:0!important;flex:1 1 auto!important;padding:0!important;overflow:visible!important
  }
  body .content,body.sidebar-collapsed .content,html.fox-sidebar-collapsed body .content{
    width:100%!important;max-width:100%!important;min-width:0!important;
    padding:var(--fox-mobile-pad)!important;padding-bottom:calc(20px + env(safe-area-inset-bottom,0px))!important;
    overflow:visible!important
  }

  /* Barra superior compacta */
  .topbar{
    position:sticky!important;top:0!important;z-index:850!important;min-height:var(--fox-mobile-bar)!important;
    width:100%!important;padding:max(22px,calc(9px + env(safe-area-inset-top,0px))) 11px 9px!important;gap:10px!important;align-items:center!important;
    background:rgba(255,255,255,.96)!important;border-bottom:1px solid #e2e8f0!important;
    box-shadow:0 8px 24px rgba(15,23,42,.08)!important;backdrop-filter:blur(16px)!important
  }
  .topbar>div:not(.top-actions){min-width:0!important;flex:1 1 auto!important}
  .topbar h1{margin:0!important;font-size:clamp(17px,5vw,21px)!important;line-height:1.08!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .topbar p{display:none!important}
  .mobile-menu{
    display:grid!important;place-items:center!important;flex:0 0 44px!important;width:44px!important;height:44px!important;
    padding:0!important;border:1px solid #fed7aa!important;border-radius:14px!important;background:#fff7ed!important;
    color:#c2410c!important;font-size:0!important;box-shadow:none!important
  }
  .mobile-menu::before{content:'☰';font-size:23px;line-height:1}
  .sidebar-collapse-toggle{display:none!important}
  .top-actions{display:flex!important;flex:0 0 auto!important;gap:6px!important;align-items:center!important}
  .top-actions>.store-link,.top-actions>.logout{display:none!important}
  .top-actions .stock-bell{display:block!important}
  .stock-bell-btn{width:42px!important;height:42px!important;padding:0!important;border-radius:14px!important}
  .user-menu{display:block!important}
  .user-chip{display:grid!important;place-items:center!important;width:42px!important;height:42px!important;padding:0!important;border-radius:14px!important}
  .user-chip span{font-size:0!important}
  .user-chip span::first-letter{font-size:15px!important}
  .user-chip small{display:none!important}
  .user-dropdown{position:fixed!important;top:62px!important;left:12px!important;right:12px!important;width:auto!important;max-height:calc(100dvh - 150px)!important;overflow:auto!important;border-radius:18px!important}

  /* Menú lateral como drawer real */
  body #sidebar.sidebar,body.sidebar-collapsed #sidebar.sidebar,html.fox-sidebar-collapsed body #sidebar.sidebar,
  body:not(.sidebar-collapsed) #sidebar.sidebar{
    position:fixed!important;inset:0 auto 0 0!important;z-index:1100!important;
    width:100vw!important;min-width:100vw!important;max-width:none!important;height:100dvh!important;
    padding:max(28px,calc(18px + env(safe-area-inset-top,0px))) 18px calc(28px + env(safe-area-inset-bottom,0px))!important;
    transform:translate3d(-101%,0,0)!important;transition:transform .2s ease!important;
    overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain!important;
    box-shadow:none!important
  }
  body #sidebar.sidebar.open,body.sidebar-collapsed #sidebar.sidebar.open,
  html.fox-sidebar-collapsed body #sidebar.sidebar.open,body:not(.sidebar-collapsed) #sidebar.sidebar.open{
    transform:translate3d(0,0,0)!important
  }
  #sidebar .brand{display:flex!important;justify-content:flex-start!important;padding:4px 58px 18px 4px!important}
  #sidebar .brand img{width:56px!important;height:56px!important;border-radius:17px!important}
  #sidebar .brand strong{font-size:19px!important;line-height:1.15!important}
  #sidebar .brand span{font-size:13px!important;line-height:1.3!important}
  #sidebar .brand div,#sidebar .side-search,#sidebar .nav-main span,#sidebar .nav-main .chev,#sidebar .subnav{display:initial!important}
  #sidebar .side-search{display:block!important;padding:0 2px 15px!important}
  #sidebar .side-search input{min-height:52px!important;font-size:17px!important;border-radius:15px!important}
  #sidebar .nav{display:flex!important;gap:4px!important}
  #sidebar .nav-main{display:flex!important;justify-content:flex-start!important;min-height:56px!important;margin:1px 0!important;padding:13px 14px!important;border-radius:16px!important;font-size:17px!important}
  #sidebar .nav-main .ico{width:24px!important;height:24px!important;margin:0!important;min-width:24px!important}
  #sidebar .nav-main span{display:block!important;flex:1!important}
  #sidebar .nav-main .chev{display:grid!important;place-items:center!important;width:36px!important;height:36px!important;min-height:36px!important;font-size:14px!important}
  #sidebar .nav-group.open>.subnav{display:block!important;margin:4px 0 8px 30px!important;padding-left:10px!important;border-left:2px solid rgba(249,115,22,.28)!important}
  #sidebar .subnav-item{min-height:50px!important;margin:3px 0!important;padding:11px 12px!important;font-size:15px!important;line-height:1.25!important}
  .fox-mobile-menu-close{
    position:absolute!important;top:max(22px,calc(12px + env(safe-area-inset-top,0px)))!important;right:17px!important;z-index:3!important;
    display:grid!important;place-items:center!important;width:48px!important;height:48px!important;min-height:48px!important;padding:0!important;
    border:1px solid rgba(255,255,255,.18)!important;border-radius:16px!important;background:rgba(255,255,255,.1)!important;color:#fff!important;
    font-size:32px!important;font-weight:400!important;line-height:1!important
  }
  .fox-mobile-backdrop{position:fixed;inset:0;z-index:1050;background:rgba(2,8,23,.58);backdrop-filter:blur(2px);opacity:0;pointer-events:none;transition:opacity .2s ease;display:block}
  body.fox-mobile-menu-open .fox-mobile-backdrop{opacity:1;pointer-events:auto}

  /* Contenedores y tipografía */
  .card,.stat-card,.table-wrap,.panel,.box,[class*="-card"]{max-width:100%}
  .card{padding:15px!important;border-radius:var(--fox-mobile-radius)!important;box-shadow:0 8px 24px rgba(15,23,42,.07)!important}
  .card h2{font-size:19px!important}.card h3{font-size:17px!important}.card h2,.card h3{line-height:1.18!important;overflow-wrap:anywhere}
  .grid,.grid.cols-1,.grid.cols-2,.grid.cols-3,.grid.cols-4,.form-grid,
  .profile-grid,.profile-meta,.order-detail-grid,.filter-box,.compact-form .row{
    grid-template-columns:minmax(0,1fr)!important;gap:12px!important
  }
  .module-grid,.product-grid,.profile-quick,.profile-modules{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important
  }
  .stat-card{min-width:0!important;padding:14px!important;border-radius:17px!important}
  .stat-card strong{font-size:24px!important;overflow-wrap:anywhere}
  .stat-icon{width:42px!important;height:42px!important;border-radius:13px!important}
  .module-card{min-width:0!important;min-height:118px!important;padding:14px!important;border-radius:17px!important}

  /* Formularios táctiles */
  form,.field,fieldset{max-width:100%!important;min-width:0!important}
  input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),select,textarea{
    width:100%!important;max-width:100%!important;min-width:0!important;min-height:46px!important;
    padding:11px 12px!important;border-radius:13px!important;font-size:16px!important
  }
  textarea{min-height:96px!important;resize:vertical!important}
  input[type="checkbox"],input[type="radio"]{width:20px!important;height:20px!important;min-width:20px!important}
  label{max-width:100%;overflow-wrap:anywhere;font-size:13px!important;font-weight:850!important}
  .actions,.pedido-actions,.controls,.foxdraft-actions,[class*="-actions"]{gap:8px!important;max-width:100%!important}
  .actions>.btn,.actions>button,.actions>a,.foxdraft-actions>*{min-height:44px!important;flex:1 1 145px!important;justify-content:center!important}
  .btn,.mini-btn,button:not(.chev):not(.mobile-menu){min-height:44px;touch-action:manipulation;font-size:14px!important}

  /* Tabs y filtros deslizan sin romper el ancho */
  .tabs,.pedidos-tabs,[class*="-tabs"]{
    display:flex!important;flex-wrap:nowrap!important;max-width:100%!important;overflow-x:auto!important;
    padding:2px 1px 7px!important;gap:7px!important;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch
  }
  .tab,.pedidos-tab,[class*="-tab"]{flex:0 0 auto!important;white-space:nowrap!important;scroll-snap-align:start}

  /* Tablas comunes convertidas a tarjetas por mobile_app.js */
  .table-wrap{border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}
  .table-wrap>table.fox-mobile-cards,table.fox-mobile-cards{
    display:block!important;width:100%!important;min-width:0!important;max-width:100%!important;background:transparent!important
  }
  table.fox-mobile-cards>thead{display:none!important}
  table.fox-mobile-cards>tbody{display:grid!important;gap:11px!important;width:100%!important}
  table.fox-mobile-cards>tbody>tr{
    display:grid!important;width:100%!important;min-width:0!important;padding:12px!important;
    border:1px solid #e2e8f0!important;border-radius:17px!important;background:#fff!important;
    box-shadow:0 6px 18px rgba(15,23,42,.06)!important
  }
  table.fox-mobile-cards>tbody>tr[style*="display: none"]{display:none!important}
  table.fox-mobile-cards>tbody>tr>td{
    display:grid!important;grid-template-columns:minmax(92px,36%) minmax(0,1fr)!important;align-items:start!important;
    gap:9px!important;width:100%!important;min-width:0!important;padding:8px 1px!important;
    border:0!important;border-bottom:1px dashed #e2e8f0!important;background:transparent!important;
    text-align:right!important;overflow-wrap:anywhere!important;white-space:normal!important
  }
  table.fox-mobile-cards>tbody>tr>td:last-child{border-bottom:0!important}
  table.fox-mobile-cards>tbody>tr>td::before{
    content:attr(data-mobile-label);display:block!important;color:#64748b!important;font-size:10px!important;
    font-weight:950!important;line-height:1.25!important;text-align:left!important;text-transform:uppercase!important;letter-spacing:.04em!important
  }
  table.fox-mobile-cards>tbody>tr>td[colspan]{grid-template-columns:1fr!important;text-align:left!important}
  table.fox-mobile-cards>tbody>tr>td[colspan]::before{display:none!important}
  table.fox-mobile-cards td .actions,table.fox-mobile-cards td .pedido-actions{justify-content:flex-end!important}
  table.fox-mobile-cards td input,table.fox-mobile-cards td select,table.fox-mobile-cards td textarea{margin-left:auto!important}

  /* Tablas que deben conservar columnas: scroll con aviso visual */
  .table-wrap.fox-mobile-scroll{overflow-x:auto!important;border:1px solid #e2e8f0!important;border-radius:16px!important;background:#fff!important;-webkit-overflow-scrolling:touch!important}
  .table-wrap.fox-mobile-scroll table{min-width:720px!important}

  /* Listado de pedidos por cliente */
  .pedido-client-head{
    display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;
    gap:8px!important;padding:11px!important;min-height:0!important
  }
  .pedido-client-title{min-width:0!important;gap:8px!important}
  .pedido-client-title>div{min-width:0!important}
  .pedido-client-title b,.pedido-client-title small{display:block!important;max-width:100%!important;white-space:normal!important;overflow-wrap:anywhere!important}
  .pedido-client-title b{font-size:12px!important;line-height:1.2!important}
  .pedido-client-title small{font-size:10px!important;line-height:1.25!important}
  .cliente-avatar{width:30px!important;height:30px!important;flex-basis:30px!important;border-radius:10px!important}
  .pedido-client-summary{display:grid!important;justify-items:end!important;gap:3px!important;max-width:126px!important;text-align:right!important}
  .pedido-client-summary>*{max-width:126px!important;white-space:normal!important;font-size:9px!important;line-height:1.2!important}
  .pedido-client-body{max-width:100%!important;overflow:hidden!important}

  /* Despacho: cantidad, estado y Guardar con proporciones móviles reales */
  .fox-shipment-action{
    display:grid!important;grid-template-columns:minmax(0,.72fr) minmax(120px,1.28fr)!important;
    width:100%!important;min-width:0!important;gap:8px!important
  }
  .fox-shipment-action input[name="boxes_count"],.fox-shipment-action select[name="status"]{width:100%!important;min-width:0!important;height:44px!important}
  .fox-shipment-action button{grid-column:1/-1!important;width:100%!important;min-width:0!important;min-height:44px!important;white-space:nowrap!important;word-break:normal!important}

  /* Productos: cada producto se presenta como una ficha editable, sin grilla de escritorio */
  .ppro-v109-summary{display:flex!important;flex-wrap:wrap!important;gap:5px 10px!important;margin-bottom:10px!important}
  .ppro-v109-table-shell{overflow:visible!important;contain:none!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
  .ppro-v109-head-row{display:none!important}
  .ppro-v109-list{display:grid!important;min-width:0!important;width:100%!important;gap:12px!important}
  .ppro-v109-rowgroup{min-width:0!important;overflow:hidden!important;border:1px solid #e2e8f0!important;border-radius:18px!important;background:#fff!important;box-shadow:0 8px 22px rgba(15,23,42,.07)!important}
  .ppro-v109-line{
    display:grid!important;grid-template-columns:minmax(0,1fr)!important;align-items:stretch!important;
    min-width:0!important;width:100%!important;min-height:0!important;gap:10px!important;padding:12px!important
  }
  .ppro-v109-product{align-items:center!important;padding-bottom:9px!important;border-bottom:1px solid #eef2f7!important}
  .ppro-v109-avatar{width:44px!important;height:44px!important;border-radius:13px!important;font-size:15px!important}
  .ppro-v109-namebox small{white-space:normal!important;line-height:1.25!important}
  .ppro-v109-name-input{height:42px!important;min-height:42px!important;padding:7px 9px!important;border-color:#dbe4f0!important;background:#fff!important;font-size:14px!important;white-space:normal!important}
  .ppro-v109-category-cell{position:relative!important;z-index:auto!important}
  .ppro-v109-cat-button,.ppro-v109-category-cell .ppro-v84-category-button{height:42px!important;min-height:42px!important;padding:0 11px!important}
  .ppro-v109-cat-button b,.ppro-v109-category-cell .ppro-v84-category-button b{max-width:none!important;font-size:12px!important}
  .ppro-v109-category-cell select{position:static!important;width:100%!important;min-width:0!important;height:44px!important}
  .ppro-v109-price-duo{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .ppro-v109-price-duo label{grid-template-columns:1fr!important;gap:4px!important}
  .ppro-v109-price span{font-size:10px!important;text-transform:uppercase!important}
  .ppro-v109-price-input{height:42px!important;min-height:42px!important;font-size:14px!important;padding:7px 9px!important}
  .ppro-v109-stock{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:8px!important}
  .ppro-v109-stock .badge{grid-column:1/-1!important;justify-self:start!important;font-size:10px!important}
  .ppro-v109-warehouse-select,.ppro-v109-stock-input{height:42px!important;min-height:42px!important;font-size:12px!important;padding:6px 8px!important}
  .ppro-v109-status{flex-wrap:wrap!important;gap:6px!important;padding-top:2px!important}
  .ppro-v109-status .ppro-pflag{height:34px!important;min-height:34px!important;padding:0 10px!important;font-size:10px!important}
  .ppro-v109-actions{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:6px!important;justify-content:stretch!important}
  .ppro-v109-actions .ppro-action{width:100%!important;height:42px!important;min-height:42px!important;min-width:0!important;padding:0 4px!important}
  .ppro-v109-actions .ppro-action b{display:none!important}
  .ppro-v109-drawer{padding:0 10px 10px!important;background:#f8fbff!important}
  .ppro-v109-drawer .ppro-variant-drawer{padding:9px!important;border-radius:14px!important}

  /* Modales dentro del viewport */
  [role="dialog"],.modal,.modal-overlay,[class*="modal"]{max-width:100vw}
  .modal.show,.modal-overlay.show,[class*="modal"].show{padding:10px!important;align-items:flex-end!important}
  .modal-content,.modal-card,.modal-box,[class*="modal-card"],[class*="modal-box"],.foxdraft-box{
    width:100%!important;max-width:100%!important;max-height:calc(100dvh - 20px)!important;
    overflow:auto!important;border-radius:22px 22px 14px 14px!important;padding:16px!important
  }
  body .sticky-invoice,body [class*="sticky"]{position:static!important;max-width:100%!important}

  /* Navegación inferior tipo app */
  .fox-mobile-dock{
    position:fixed;left:8px;right:8px;bottom:calc(7px + env(safe-area-inset-bottom,0px));z-index:900;
    display:grid;grid-template-columns:repeat(var(--fox-dock-items,5),minmax(0,1fr));min-height:62px;padding:6px;
    border:1px solid rgba(226,232,240,.94);border-radius:20px;background:rgba(255,255,255,.96);
    box-shadow:0 14px 40px rgba(15,23,42,.18);backdrop-filter:blur(18px)
  }
  .fox-mobile-dock a,.fox-mobile-dock button{
    display:grid!important;place-items:center!important;align-content:center!important;gap:2px!important;min-width:0!important;min-height:50px!important;
    padding:4px 2px!important;border:0!important;border-radius:14px!important;background:transparent!important;color:#475569!important;
    font-size:11px!important;font-weight:950!important;line-height:1.1!important;box-shadow:none!important;text-decoration:none!important
  }
  .fox-mobile-dock .dock-icon{font-size:22px!important;line-height:1!important}
  .fox-mobile-dock a.active{background:#fff2e8!important;color:#c2410c!important}

  /* Widgets flotantes por encima del dock */
  #ai356Float{bottom:calc(var(--fox-mobile-dock) + 22px + env(safe-area-inset-bottom,0px))!important;right:16px!important;max-width:calc(100vw - 32px)!important}
  #ai356Panel{position:fixed!important;left:10px!important;right:10px!important;bottom:calc(var(--fox-mobile-dock) + 10px)!important;width:auto!important;max-height:calc(100dvh - 110px)!important}

  /* Inicio/launcher */
  .launcher-top{padding:max(26px,calc(12px + env(safe-area-inset-top,0px))) 12px 12px!important;gap:10px!important;align-items:center!important}
  .launcher-brand{min-width:0!important;gap:9px!important}.launcher-brand img{width:48px!important;height:48px!important;border-radius:14px!important}
  .launcher-brand strong{font-size:18px!important}.launcher-brand span{font-size:13px!important}
  .launcher-actions{display:flex!important;gap:5px!important;flex-wrap:wrap!important;justify-content:flex-end!important}
  .launcher-actions a{padding:8px 9px!important;border-radius:11px!important;font-size:11px!important}
  .launcher-wrap{width:100%!important;margin:8px auto 0!important;padding:0 14px calc(var(--fox-mobile-dock) + 44px + env(safe-area-inset-bottom,0px))!important}
  .launcher-title{margin-bottom:24px!important}.launcher-title h1{font-size:36px!important}.launcher-title p{font-size:16px!important}.launcher-title input{font-size:17px!important;min-height:52px!important}
  .odoo-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:24px 12px!important}
  .odoo-icon{width:78px!important;height:78px!important}.odoo-app strong{font-size:16px!important}.odoo-app em{font-size:12px!important}

  /* Menú del launcher: se construye con los módulos permitidos del perfil */
  .fox-launcher-sidebar{background:linear-gradient(180deg,#0b1d2d,#102f3b)!important;color:#fff!important}
  .fox-launcher-sidebar .fox-launcher-menu-title{padding:2px 10px 10px;color:#94a3b8;font-size:10px;font-weight:950;text-transform:uppercase;letter-spacing:.08em}
  .fox-launcher-sidebar .nav{display:grid!important;gap:5px!important}
  .fox-launcher-sidebar .nav-main{color:#e2e8f0!important;border:1px solid transparent!important;text-decoration:none!important}
  .fox-launcher-sidebar .nav-main:active{background:rgba(249,115,22,.2)!important;border-color:rgba(251,146,60,.3)!important}
  .fox-launcher-sidebar .fox-launcher-profile-link{margin-top:8px!important;background:rgba(255,255,255,.07)!important}
  .fox-launcher-sidebar .fox-launcher-logout-link{color:#fecaca!important;background:rgba(190,24,93,.12)!important}
  .fox-menu-symbol{display:grid!important;place-items:center!important;width:21px!important;min-width:21px!important}

  /* Perfil: identidad, permisos y accesos preparados para exposición móvil */
  .profile-grid{gap:12px!important}
  .profile-card{padding:20px 15px!important;background:linear-gradient(145deg,#0f172a,#164e63)!important;color:#fff!important;border:0!important}
  .profile-logo img{width:88px!important;height:88px!important;border-radius:24px!important;box-shadow:0 12px 28px rgba(0,0,0,.2)!important}
  .profile-card h2{margin:12px 0 3px!important;font-size:22px!important;color:#fff!important}
  .profile-card p{color:#cbd5e1!important;overflow-wrap:anywhere!important}
  .profile-meta{grid-template-columns:1fr 1fr!important;gap:7px!important;margin-top:16px!important}
  .profile-meta span{color:#bae6fd!important;font-size:9px!important}
  .profile-meta strong{min-width:0!important;padding:9px!important;border-color:rgba(255,255,255,.14)!important;background:rgba(255,255,255,.1)!important;color:#fff!important;overflow-wrap:anywhere!important}
  .profile-quick{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .profile-quick a{min-width:0!important;min-height:66px!important;padding:10px!important;align-items:center!important;border-radius:15px!important;overflow-wrap:anywhere!important}
  .profile-quick a span{font-size:12px!important;line-height:1.2!important}
  .profile-modules{grid-template-columns:minmax(0,1fr)!important;gap:10px!important}
  .profile-module{padding:8px!important;border-radius:16px!important}
  .profile-module-main{min-height:50px!important;padding:11px!important}
  .profile-submods{grid-template-columns:repeat(2,minmax(0,1fr))!important;padding-left:0!important;gap:6px!important}
  .profile-submods a{min-height:40px!important;padding:8px!important;font-size:11px!important;display:flex!important;align-items:center!important}

  /* Cotizaciones: cabecera segura y acciones completas dentro del teléfono */
  .mobile-menu#mobileMenu{display:grid!important}
  .topbar.quote-topbar-v919{
    display:grid!important;grid-template-columns:44px minmax(0,1fr) 44px!important;align-items:center!important;
    min-height:0!important;height:auto!important;padding:max(22px,calc(9px + env(safe-area-inset-top,0px))) 10px 9px!important;gap:7px!important
  }
  .topbar.quote-topbar-v919>div:not(.top-actions):not(.quote-command-center):not(.quote-top-backup-actions-v923){display:block!important;min-width:0!important}
  .topbar.quote-topbar-v919>div:not(.top-actions):not(.quote-command-center):not(.quote-top-backup-actions-v923) p{display:none!important}
  .topbar.quote-topbar-v919 .sidebar-collapse-toggle{display:none!important}
  .topbar.quote-topbar-v919 .top-actions{grid-column:3!important;grid-row:1!important;justify-self:end!important}
  .topbar.quote-topbar-v919 .quote-command-center{
    grid-column:1/-1!important;grid-row:auto!important;order:initial!important;display:block!important;width:100%!important;min-width:0!important;
    padding:8px!important;border:1px solid #e2e8f0!important;border-radius:16px!important;background:#f8fafc!important
  }
  .topbar.quote-topbar-v919 .quote-command-main{display:flex!important;width:100%!important;overflow-x:auto!important;padding-bottom:6px!important;gap:5px!important}
  .topbar.quote-topbar-v919 .quote-command-main .quote-command-stat{display:none!important}
  .topbar.quote-topbar-v919 .quote-command-main #quoteFloatTotal{display:inline-flex!important;min-height:32px!important}
  .topbar.quote-topbar-v919 .quote-command-actions{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;width:100%!important;gap:6px!important;overflow:visible!important}
  .topbar.quote-topbar-v919 .quote-command-price{grid-column:1/-1!important;width:100%!important;max-width:none!important;min-width:0!important;height:40px!important}
  .topbar.quote-topbar-v919 .quote-command-btn,.topbar.quote-topbar-v919 .quote-command-more{width:100%!important;min-width:0!important;min-height:38px!important;height:38px!important;padding:0 7px!important;font-size:10px!important;white-space:nowrap!important}
  .topbar.quote-topbar-v919 .quote-command-menu-wrap{display:block!important;min-width:0!important}
  .topbar.quote-topbar-v919 .quote-command-menu{
    position:fixed!important;left:10px!important;right:10px!important;top:auto!important;bottom:calc(var(--fox-mobile-dock) + 14px)!important;
    width:auto!important;min-width:0!important;max-height:55dvh!important;overflow:auto!important;z-index:1200!important;padding:10px!important;border-radius:18px!important
  }
  .topbar.quote-topbar-v919 .quote-command-menu .quote-command-btn{min-height:44px!important;height:44px!important;justify-content:flex-start!important;font-size:12px!important}
  .topbar.quote-topbar-v919 .quote-top-backup-actions-v923{grid-column:1/-1!important;display:flex!important;width:100%!important;gap:6px!important;overflow-x:auto!important;padding:1px 0 4px!important}
  .topbar.quote-topbar-v919 .quote-top-backup-actions-v923>*{flex:0 0 auto!important;min-height:38px!important;white-space:nowrap!important}
}

/* Punto de Venta: experiencia de aplicación móvil, sin anchos heredados de escritorio */
@media (max-width:820px){
  html body.pos-final-ui.pos-v63-natural-menu.pos-v60-flow-pro #sidebar.sidebar,
  html.fox-sidebar-collapsed body.pos-final-ui.pos-v63-natural-menu.pos-v60-flow-pro #sidebar.sidebar,
  html:not(.fox-sidebar-collapsed) body.pos-final-ui.pos-v63-natural-menu.pos-v60-flow-pro #sidebar.sidebar{
    position:fixed!important;inset:0!important;width:100vw!important;min-width:100vw!important;max-width:none!important;
    height:100dvh!important;padding:max(28px,calc(16px + env(safe-area-inset-top,0px))) 18px calc(24px + env(safe-area-inset-bottom,0px))!important;
    overflow-x:hidden!important;overflow-y:auto!important;transform:translate3d(-101%,0,0)!important;z-index:1200!important
  }
  html body.pos-final-ui.pos-v63-natural-menu.pos-v60-flow-pro #sidebar.sidebar.open{transform:translate3d(0,0,0)!important}
  html body.pos-final-ui.pos-v63-natural-menu.pos-v60-flow-pro main.main,
  html.fox-sidebar-collapsed body.pos-final-ui.pos-v63-natural-menu.pos-v60-flow-pro main.main,
  html:not(.fox-sidebar-collapsed) body.pos-final-ui.pos-v63-natural-menu.pos-v60-flow-pro main.main{
    margin-left:0!important;width:100%!important;max-width:100%!important;flex:1 1 auto!important;overflow:visible!important
  }
  body.pos-final-ui #posV60FixedBar{
    position:fixed!important;left:0!important;right:0!important;top:0!important;width:100%!important;height:auto!important;min-height:0!important;
    display:grid!important;grid-template-columns:minmax(0,1fr)!important;align-items:stretch!important;gap:8px!important;
    padding:max(18px,calc(8px + env(safe-area-inset-top,0px))) 10px 10px!important;z-index:840!important
  }
  body.pos-final-ui #posV60FixedBar .pos-v60-brand{display:flex!important;align-items:center!important;gap:9px!important;min-width:0!important}
  body.pos-final-ui #posV60FixedBar .pos-v60-menu{display:grid!important;width:48px!important;min-width:48px!important;height:48px!important;min-height:48px!important;border-radius:15px!important;font-size:23px!important}
  body.pos-final-ui #posV60FixedBar .pos-v60-title{display:grid!important;min-width:0!important;gap:3px!important}
  body.pos-final-ui #posV60FixedBar .pos-v60-title b{font-size:18px!important;line-height:1.05!important}
  body.pos-final-ui #posV60FixedBar .pos-v60-title span{display:block!important;max-width:calc(100vw - 96px)!important;font-size:11px!important;line-height:1.2!important}
  body.pos-final-ui #posV60FixedBar .pos-v60-search-slot{width:100%!important;min-width:0!important}
  body.pos-final-ui #posV60FixedBar .pos-search{display:grid!important;grid-template-columns:minmax(0,1fr) 48px!important;width:100%!important;gap:7px!important}
  body.pos-final-ui #posV60FixedBar .pos-search input{grid-column:1!important;height:48px!important;min-height:48px!important;font-size:16px!important;padding:0 13px!important}
  body.pos-final-ui #posV60FixedBar .pos-search select{grid-column:1/-1!important;height:46px!important;min-height:46px!important;font-size:14px!important}
  body.pos-final-ui #posV60FixedBar .pos-search button{height:48px!important;min-height:48px!important;padding:0 8px!important;font-size:13px!important}
  body.pos-final-ui #posV60FixedBar .pos-v60-summary{
    display:grid!important;grid-template-columns:auto minmax(106px,1fr) minmax(96px,auto)!important;align-items:center!important;
    justify-content:stretch!important;width:100%!important;gap:7px!important;overflow:visible!important
  }
  body.pos-final-ui #posV60FixedBar .pos-v62-top-actions{grid-column:1!important;display:flex!important;justify-content:flex-start!important;gap:6px!important}
  body.pos-final-ui #posV60FixedBar .pos-v62-pill{width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important;padding:0!important;border-radius:14px!important;font-size:15px!important}
  body.pos-final-ui #posV60FixedBar .pos-v62-pill .txt{display:none!important}
  body.pos-final-ui #posV60FixedBar .pos-v61-client-top{grid-column:1/-1!important;grid-row:1!important;width:100%!important;min-width:0!important}
  body.pos-final-ui #posV60FixedBar .pos-v61-client-pick{height:46px!important;min-height:46px!important;font-size:14px!important}
  body.pos-final-ui #posV60FixedBar .pos-v61-client-menu{position:fixed!important;left:10px!important;right:10px!important;top:auto!important;bottom:calc(var(--fox-mobile-dock) + 12px)!important;width:auto!important;max-height:62dvh!important;overflow:auto!important;z-index:1300!important}
  body.pos-final-ui #posV60FixedBar .pos-v60-chip:not(.total),
  body.pos-final-ui #posV60FixedBar .pos-v60-action:not(.green){display:none!important}
  body.pos-final-ui #posV60FixedBar .pos-v60-chip.total{grid-column:2!important;display:grid!important;height:48px!important;min-width:0!important;padding:6px 9px!important}
  body.pos-final-ui #posV60FixedBar .pos-v60-chip.total b{font-size:18px!important}
  body.pos-final-ui #posV60FixedBar .pos-v60-action.green{grid-column:3!important;width:100%!important;min-width:0!important;height:48px!important;min-height:48px!important;margin:0!important;font-size:15px!important}
  body.pos-final-ui.pos-v60-flow-pro .content{
    width:100%!important;max-width:100%!important;margin:0!important;
    padding:calc(var(--fox-pos-mobile-head,228px) + 10px) 10px calc(var(--fox-mobile-dock) + 28px + env(safe-area-inset-bottom,0px))!important
  }
  body.pos-final-ui.pos-v60-flow-pro .pos-wrap{display:grid!important;grid-template-columns:minmax(0,1fr)!important;width:100%!important;gap:12px!important}
  body.pos-final-ui.pos-v60-flow-pro .pos-card{width:100%!important;min-width:0!important;border-radius:18px!important}
  body.pos-final-ui.pos-v60-flow-pro .pos-product-grid,
  body.pos-final-ui.pos-v64-stable #productGrid.pos-v64-grid{
    grid-template-columns:minmax(0,1fr)!important;min-height:0!important;max-height:none!important;overflow:visible!important;padding:8px!important;gap:9px!important
  }
  body.pos-final-ui.pos-v64-stable .pos-v64-card{grid-template-columns:82px minmax(0,1fr)!important;min-height:112px!important;border-radius:15px!important}
  body.pos-final-ui.pos-v64-stable .pos-v64-img{width:82px!important;height:112px!important}
  body.pos-final-ui.pos-v64-stable .pos-v64-info{padding:9px!important;gap:4px!important}
  body.pos-final-ui.pos-v64-stable .pos-v64-name{font-size:15px!important;line-height:1.2!important}
  body.pos-final-ui.pos-v64-stable .pos-v64-detail,body.pos-final-ui.pos-v64-stable .pos-v64-code{font-size:11px!important;line-height:1.2!important}
  body.pos-final-ui.pos-v64-stable .pos-v64-price{font-size:18px!important}
  body.pos-final-ui.pos-v64-stable .pos-v64-add{width:42px!important;height:42px!important;min-height:42px!important;border-radius:13px!important;font-size:23px!important}
  body.pos-final-ui.pos-v60-flow-pro .pos-cart{position:static!important;top:auto!important;width:100%!important;height:auto!important;max-height:none!important}
  body.pos-final-ui.pos-v60-flow-pro .pos-cart-body{max-height:none!important;overflow:visible!important;padding:10px!important;gap:10px!important}
  body.pos-final-ui.pos-v60-flow-pro .pos-client-search,body.pos-final-ui.pos-v60-flow-pro .pos-client-row{grid-template-columns:minmax(0,1fr) 96px!important;gap:7px!important}
  body.pos-final-ui.pos-v60-flow-pro .pos-client-search input,body.pos-final-ui.pos-v60-flow-pro .pos-client-row select,
  body.pos-final-ui.pos-v60-flow-pro #documentType,body.pos-final-ui.pos-v60-flow-pro #defaultDispatchWarehouse,
  body.pos-final-ui.pos-v60-flow-pro .field input,body.pos-final-ui.pos-v60-flow-pro .field select{height:46px!important;min-height:46px!important;font-size:14px!important}
  body.pos-final-ui.pos-v60-flow-pro .pos-lines{max-height:none!important;min-height:90px!important;overflow:visible!important}
  body.pos-final-ui.pos-v60-flow-pro .pos-v55-line-main{grid-template-columns:62px minmax(0,1fr) auto!important}
  body.pos-final-ui.pos-v60-flow-pro .pos-v55-line-img{width:62px!important;height:62px!important}
  body.pos-final-ui.pos-v60-flow-pro .pos-v55-line-title{font-size:14px!important}
  body.pos-final-ui.pos-v60-flow-pro .pos-v55-line-controls{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  body.pos-final-ui.pos-v60-flow-pro .pos-v55-line-controls input,body.pos-final-ui.pos-v60-flow-pro .pos-v55-line-controls select{height:44px!important;min-height:44px!important;font-size:14px!important}
  body.pos-final-ui.pos-v60-flow-pro .pos-total-row{font-size:14px!important}
  body.pos-final-ui.pos-v60-flow-pro .pos-total-row.total{font-size:22px!important}
  body.pos-final-ui.pos-v60-flow-pro .pos-actions{grid-template-columns:minmax(0,1fr)!important;gap:8px!important}
  body.pos-final-ui.pos-v60-flow-pro .pos-actions .btn,body.pos-final-ui.pos-v60-flow-pro .pos-actions .pos-charge{height:48px!important;min-height:48px!important;font-size:15px!important}
}

@media (max-width:430px){
  :root{--fox-mobile-pad:10px}
  .module-grid,.product-grid,.profile-quick,.profile-modules{grid-template-columns:minmax(0,1fr)!important}
  .grid.cols-4{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .topbar{padding-left:9px!important;padding-right:9px!important}
  .topbar h1{font-size:18px!important}
  .card{padding:13px!important}
  .profile-submods{grid-template-columns:minmax(0,1fr)!important}
}

@media (display-mode:standalone) and (max-width:820px){
  .topbar{padding-top:max(22px,calc(9px + env(safe-area-inset-top,0px)))!important;min-height:calc(var(--fox-mobile-bar) + env(safe-area-inset-top,0px))!important}
  .launcher-top{padding-top:max(26px,calc(12px + env(safe-area-inset-top,0px)))!important}
}

/* V8: cabeceras móviles plegables para POS y Cotizaciones */
.fox-mobile-actions-backdrop{display:none}
@media (max-width:820px){
  .fox-mobile-tools-toggle{
    display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;
    width:auto!important;min-width:82px!important;height:46px!important;min-height:46px!important;margin-left:auto!important;padding:0 12px!important;
    border:1px solid rgba(255,255,255,.22)!important;border-radius:14px!important;background:rgba(255,255,255,.12)!important;
    color:#fff!important;font-size:13px!important;font-weight:950!important;line-height:1!important;box-shadow:none!important
  }
  .fox-mobile-tools-toggle span{font-size:18px!important;transition:transform .18s ease}
  .fox-pos-tools-open #foxPosToolsToggle span,.fox-quote-actions-open #foxQuoteToolsToggle span{transform:rotate(180deg)}

  /* POS: solo la barra compacta permanece al hacer scroll; el resto se despliega bajo pedido */
  body.pos-final-ui.fox-pos-mobile-ready #posV60FixedBar{
    left:0!important;right:0!important;top:0!important;width:100%!important;max-width:100vw!important;height:auto!important;min-height:66px!important;
    display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:0!important;
    padding:max(16px,calc(7px + env(safe-area-inset-top,0px))) 10px 8px!important;overflow:visible!important
  }
  body.pos-final-ui.fox-pos-mobile-ready #posV60FixedBar .pos-v60-brand{
    display:flex!important;width:100%!important;min-width:0!important;min-height:48px!important;align-items:center!important;gap:9px!important
  }
  body.pos-final-ui.fox-pos-mobile-ready #posV60FixedBar .pos-v60-menu{width:48px!important;min-width:48px!important;height:48px!important;min-height:48px!important}
  body.pos-final-ui.fox-pos-mobile-ready #posV60FixedBar .pos-v60-title{display:grid!important;flex:1 1 auto!important;min-width:0!important;gap:2px!important}
  body.pos-final-ui.fox-pos-mobile-ready #posV60FixedBar .pos-v60-title b{display:block!important;max-width:none!important;font-size:18px!important;line-height:1.05!important}
  body.pos-final-ui.fox-pos-mobile-ready #posV60FixedBar .pos-v60-title span{display:block!important;max-width:100%!important;font-size:11px!important;line-height:1.15!important}
  body.pos-final-ui.fox-pos-mobile-ready #posV60FixedBar>.pos-v60-search-slot,
  body.pos-final-ui.fox-pos-mobile-ready #posV60FixedBar>.pos-v60-summary{display:none!important}
  body.pos-final-ui.fox-pos-mobile-ready.fox-pos-tools-open #posV60FixedBar{gap:8px!important;padding-bottom:10px!important;box-shadow:0 18px 44px rgba(2,6,23,.30)!important}
  body.pos-final-ui.fox-pos-mobile-ready.fox-pos-tools-open #posV60FixedBar>.pos-v60-search-slot{display:block!important;width:100%!important;min-width:0!important}
  body.pos-final-ui.fox-pos-mobile-ready.fox-pos-tools-open #posV60FixedBar>.pos-v60-summary{
    display:grid!important;grid-template-columns:auto minmax(105px,1fr) minmax(96px,auto)!important;align-items:center!important;
    width:100%!important;min-width:0!important;gap:7px!important;overflow:visible!important
  }
  body.pos-final-ui.fox-pos-mobile-ready #posV60FixedBar .pos-search{display:grid!important;grid-template-columns:minmax(0,1fr) 48px!important;width:100%!important;gap:7px!important}
  body.pos-final-ui.fox-pos-mobile-ready #posV60FixedBar .pos-search input{grid-column:1!important;width:100%!important;min-width:0!important}
  body.pos-final-ui.fox-pos-mobile-ready #posV60FixedBar .pos-search select{grid-column:1/-1!important;width:100%!important}
  body.pos-final-ui.fox-pos-mobile-ready #posV60FixedBar .pos-v61-client-top{grid-column:1/-1!important;grid-row:1!important;width:100%!important;min-width:0!important}
  body.pos-final-ui.fox-pos-mobile-ready #posV60FixedBar .pos-v62-top-actions{grid-column:1!important;grid-row:2!important}
  body.pos-final-ui.fox-pos-mobile-ready #posV60FixedBar .pos-v60-chip.total{grid-column:2!important;grid-row:2!important}
  body.pos-final-ui.fox-pos-mobile-ready #posV60FixedBar .pos-v60-action.green{grid-column:3!important;grid-row:2!important}
  body.pos-final-ui.fox-pos-mobile-ready .content{
    padding-top:calc(var(--fox-pos-mobile-head,70px) + 8px)!important;
    transition:padding-top .12s ease!important
  }

  /* Cotizaciones: una sola barra, y todas las acciones dentro de un panel desplegable */
  body.fox-quote-mobile-ready{--quote-fixed-top-h-v950:70px!important}
  body.fox-quote-mobile-ready.quote-v950-fixed-top .topbar.quote-topbar-v919,
  body.fox-quote-mobile-ready.quote-v950-fixed-top header.topbar,
  body.fox-quote-mobile-ready .topbar.quote-topbar-v919{
    position:fixed!important;inset:0 0 auto 0!important;width:100%!important;max-width:100vw!important;height:auto!important;min-height:66px!important;max-height:none!important;
    display:grid!important;grid-template-columns:48px minmax(0,1fr) auto!important;align-items:center!important;gap:9px!important;
    padding:max(16px,calc(7px + env(safe-area-inset-top,0px))) 10px 8px!important;overflow:visible!important;z-index:1050!important
  }
  body.fox-quote-mobile-ready .topbar.quote-topbar-v919>div:not(#foxQuoteMobileTitle):not(#quoteTopBackupActionsV923):not(.quote-command-center),
  body.fox-quote-mobile-ready .topbar.quote-topbar-v919>.top-actions{display:none!important}
  body.fox-quote-mobile-ready .topbar.quote-topbar-v919 #sidebarCollapseBtn.sidebar-collapse-toggle,
  body.fox-quote-mobile-ready .topbar.quote-topbar-v919 .mobile-menu{
    display:grid!important;grid-column:1!important;grid-row:1!important;width:48px!important;min-width:48px!important;height:48px!important;min-height:48px!important;
    margin:0!important;padding:0!important;border:1px solid #bfdbfe!important;border-radius:15px!important;background:#fff!important;color:#0f172a!important;font-size:0!important
  }
  body.fox-quote-mobile-ready .topbar.quote-topbar-v919 #sidebarCollapseBtn.sidebar-collapse-toggle::before{content:'☰'!important;font-size:24px!important;color:#0f172a!important}
  #foxQuoteMobileTitle{display:grid!important;grid-column:2!important;grid-row:1!important;min-width:0!important;gap:2px!important}
  #foxQuoteMobileTitle b{font-size:18px!important;line-height:1.05!important;color:#0f172a!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  #foxQuoteMobileTitle span{font-size:11px!important;line-height:1.15!important;color:#64748b!important;font-weight:850!important}
  #foxQuoteToolsToggle{grid-column:3!important;grid-row:1!important;background:#0f172a!important;border-color:#0f172a!important;color:#fff!important}
  body.fox-quote-mobile-ready .topbar.quote-topbar-v919 .quote-command-center{display:none!important}
  body.fox-quote-mobile-ready .topbar.quote-topbar-v919 #quoteTopBackupActionsV923{
    display:none!important;position:fixed!important;left:8px!important;right:8px!important;top:max(76px,calc(67px + env(safe-area-inset-top,0px)))!important;
    bottom:calc(var(--fox-mobile-dock) + 10px + env(safe-area-inset-bottom,0px))!important;width:auto!important;max-width:none!important;
    height:calc(100dvh - 158px - env(safe-area-inset-bottom,0px))!important;min-height:260px!important;max-height:calc(100dvh - 158px - env(safe-area-inset-bottom,0px))!important;
    margin:0!important;padding:12px!important;border:1px solid #dbe4f0!important;border-radius:20px!important;background:#fff!important;
    box-shadow:0 24px 70px rgba(15,23,42,.28)!important;overflow-y:auto!important;overflow-x:hidden!important;z-index:1320!important
  }
  body.fox-quote-mobile-ready.fox-quote-actions-open .topbar.quote-topbar-v919 #quoteTopBackupActionsV923{
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;align-content:start!important;gap:8px!important
  }
  body.fox-quote-mobile-ready #quoteTopBackupActionsV923>*{width:100%!important;min-width:0!important;max-width:none!important;margin:0!important}
  body.fox-quote-mobile-ready #quoteTopBackupActionsV923 .quote-command-btn,
  body.fox-quote-mobile-ready #quoteTopBackupActionsV923 button,
  body.fox-quote-mobile-ready #quoteTopBackupActionsV923 a{
    min-height:48px!important;height:48px!important;padding:0 10px!important;border-radius:14px!important;font-size:13px!important;justify-content:center!important;white-space:normal!important;text-align:center!important
  }
  body.fox-quote-mobile-ready #quoteTopPriceDockV950{
    grid-column:1/-1!important;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(90px,auto)!important;gap:8px!important;
    width:100%!important;margin:0!important;padding:10px!important;border:1px solid #bfdbfe!important;border-radius:16px!important;background:#eff6ff!important
  }
  body.fox-quote-mobile-ready #quoteTopPriceDockV950::before{grid-column:1/-1!important;height:auto!important;font-size:12px!important}
  body.fox-quote-mobile-ready #quoteTopPriceDockV950 .quote-command-price{width:100%!important;min-width:0!important;max-width:none!important;height:48px!important}
  body.fox-quote-mobile-ready #quoteTopPriceDockV950 .quote-command-price input{width:100%!important;min-width:0!important;height:42px!important;font-size:16px!important}
  body.fox-quote-mobile-ready #quoteTopPriceDockV950 #applyBulkPriceFloatBtn{width:100%!important;min-width:0!important;height:48px!important;margin:0!important}
  body.fox-quote-mobile-ready #quoteTopPriceDockV950 #bulkPriceCounter{grid-column:1/-1!important;width:100%!important;max-width:none!important;height:34px!important;justify-content:center!important}
  body.fox-quote-mobile-ready main.main{padding-top:70px!important}
  body.fox-quote-mobile-ready main.main>.content,body.fox-quote-mobile-ready .content{margin-top:0!important;padding-top:10px!important}
  .fox-mobile-actions-backdrop{position:fixed;inset:0;z-index:1040;border:0;background:rgba(2,8,23,.55);opacity:0;pointer-events:none;display:block!important}
  body.fox-quote-actions-open{overflow:hidden!important}
  body.fox-quote-actions-open .fox-mobile-actions-backdrop{opacity:1;pointer-events:auto}

  /* El menú lateral mantiene grupos y subopciones claramente desplegables */
  #sidebar .nav-group>.nav-main .chev{transition:transform .18s ease!important;background:rgba(255,255,255,.08)!important;border-radius:11px!important}
  #sidebar .nav-group.open>.nav-main .chev{transform:rotate(180deg)!important;background:rgba(249,115,22,.24)!important}
  #sidebar .nav-group>.subnav{display:none!important}
  #sidebar .nav-group.open>.subnav{display:grid!important;gap:4px!important}
}

/* V10: flujo móvil real para vender y cotizar sin arrastrar la interfaz de escritorio */
@media (max-width:820px){
  body.pos-final-ui.fox-pos-mobile-ready #posV60FixedBar{background:linear-gradient(135deg,#071529,#0b2942 55%,#0f766e)!important}
  body.pos-final-ui.fox-pos-mobile-ready #posV60FixedBar .pos-v60-title b{color:#fff!important}
  body.pos-final-ui.fox-pos-mobile-ready #posV60FixedBar .pos-v60-title span{color:#bfdbfe!important}
  body.pos-final-ui.fox-pos-mobile-ready #foxPosToolsToggle{background:#fff!important;border-color:#fff!important;color:#0f172a!important;box-shadow:0 6px 18px rgba(0,0,0,.16)!important}
  .fox-pos-view-switch{
    position:sticky!important;top:calc(var(--fox-pos-mobile-head,70px) + 4px)!important;z-index:820!important;
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;
    width:100%!important;margin:0 0 10px!important;padding:5px!important;border:1px solid #dbe4f0!important;border-radius:17px!important;
    background:rgba(255,255,255,.96)!important;box-shadow:0 8px 22px rgba(15,23,42,.09)!important;backdrop-filter:blur(14px)!important
  }
  .fox-pos-view-switch button{
    display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;width:100%!important;min-width:0!important;min-height:48px!important;
    padding:0 9px!important;border:0!important;border-radius:13px!important;background:transparent!important;color:#475569!important;font-size:14px!important;font-weight:950!important;box-shadow:none!important
  }
  .fox-pos-view-switch button.active{background:#0f172a!important;color:#fff!important;box-shadow:0 8px 18px rgba(15,23,42,.18)!important}
  .fox-pos-view-switch button span{font-size:19px!important}.fox-pos-view-switch button b{display:inline-grid!important;place-items:center!important;min-width:22px!important;height:22px!important;padding:0 5px!important;border-radius:999px!important;background:#f97316!important;color:#fff!important;font-size:11px!important}
  body.pos-final-ui.fox-pos-mobile-ready .pos-wrap>.pos-cart{display:none!important}
  body.pos-final-ui.fox-pos-mobile-ready.fox-pos-cart-view .pos-wrap>.pos-card:not(.pos-cart){display:none!important}
  body.pos-final-ui.fox-pos-mobile-ready.fox-pos-cart-view .pos-wrap>.pos-cart{display:block!important}
  body.pos-final-ui.fox-pos-mobile-ready.fox-pos-cart-view .pos-cart-body{min-height:calc(100dvh - var(--fox-pos-mobile-head,70px) - 170px)!important}
  body.pos-final-ui.fox-pos-mobile-ready .pos-v64-card{box-shadow:0 7px 20px rgba(15,23,42,.06)!important}
  body.pos-final-ui.fox-pos-mobile-ready .pos-v64-name{overflow-wrap:anywhere!important}

  .fox-quote-section-nav{
    position:sticky!important;top:74px!important;z-index:820!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:5px!important;
    width:100%!important;margin:0 0 10px!important;padding:5px!important;border:1px solid #dbe4f0!important;border-radius:16px!important;
    background:rgba(255,255,255,.96)!important;box-shadow:0 7px 20px rgba(15,23,42,.08)!important;backdrop-filter:blur(12px)!important
  }
  .fox-quote-section-nav button{width:100%!important;min-width:0!important;min-height:44px!important;border:0!important;border-radius:12px!important;background:#f1f5f9!important;color:#334155!important;font-size:13px!important;font-weight:950!important;padding:0 5px!important}
  .fox-quote-section-nav button:nth-child(2){background:#dcfce7!important;color:#166534!important}.fox-quote-section-nav button:nth-child(3){background:#dbeafe!important;color:#1d4ed8!important}
  body.fox-quote-mobile-ready .quote-lines-card,body.fox-quote-mobile-ready .quote-lines-card.quote-configured-v922{
    width:100%!important;max-width:100%!important;margin:0!important;padding:10px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important
  }
  body.fox-quote-mobile-ready .quote-form-card,body.fox-quote-mobile-ready .quote-form-card.quote-form-inline-v922{
    width:100%!important;margin:0 0 12px!important;padding:13px!important;border:1px solid #dbe4f0!important;border-radius:18px!important;background:#fff!important;box-shadow:0 7px 20px rgba(15,23,42,.06)!important
  }
  body.fox-quote-mobile-ready .quote-form-card .quote-form-top{display:none!important}
  body.fox-quote-mobile-ready .quote-form-card #quoteForm.form-grid{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:11px!important;width:100%!important}
  body.fox-quote-mobile-ready #quoteForm .field,body.fox-quote-mobile-ready #quoteForm .quote-client-field,
  body.fox-quote-mobile-ready #quoteForm .quote-local-field,body.fox-quote-mobile-ready #quoteForm .quote-discount-field,
  body.fox-quote-mobile-ready #quoteForm .quote-valid-field,body.fox-quote-mobile-ready #quoteForm .quote-notes-field{
    grid-column:1/-1!important;width:100%!important;min-width:0!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important
  }
  body.fox-quote-mobile-ready #quoteForm .quote-valid-field{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:8px!important}
  body.fox-quote-mobile-ready #quoteForm input,body.fox-quote-mobile-ready #quoteForm select,body.fox-quote-mobile-ready #quoteForm textarea{
    width:100%!important;min-width:0!important;height:auto!important;min-height:50px!important;padding:11px 12px!important;border-radius:14px!important;font-size:16px!important
  }
  body.fox-quote-mobile-ready #quoteForm textarea{min-height:96px!important}
  body.fox-quote-mobile-ready #quoteForm .client-picker-head{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:7px!important}
  body.fox-quote-mobile-ready #quoteForm #openClientModal{height:44px!important;min-height:44px!important;min-width:112px!important;font-size:13px!important}
  body.fox-quote-mobile-ready .quote-lines-head{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:9px!important;width:100%!important;margin:0 0 10px!important;padding:12px!important;border:1px solid #dbe4f0!important;border-radius:18px!important;background:#fff!important}
  body.fox-quote-mobile-ready .quote-lines-head h2{font-size:20px!important;line-height:1.15!important}
  body.fox-quote-mobile-ready .quote-lines-tools{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%!important;gap:7px!important}
  body.fox-quote-mobile-ready .quote-lines-tools>*{width:100%!important;min-width:0!important;max-width:none!important;margin:0!important}
  body.fox-quote-mobile-ready .quote-lines-tools .mini-btn,body.fox-quote-mobile-ready .quote-lines-tools button,body.fox-quote-mobile-ready .quote-lines-tools a{min-height:46px!important;height:auto!important;padding:8px!important;border-radius:13px!important;font-size:12px!important;text-align:center!important;white-space:normal!important}
  body.fox-quote-mobile-ready .quote-lines-tools .quote-smart-select,body.fox-quote-mobile-ready .quote-lines-tools .quote-inline-price-box{grid-column:1/-1!important;display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:7px!important}
  body.fox-quote-mobile-ready .quote-lines-tools .quote-line-filter-input{width:100%!important;min-height:48px!important;font-size:16px!important}

  body.fox-quote-mobile-ready .quote-lines-table{width:100%!important;overflow:visible!important;border:0!important;background:transparent!important}
  body.fox-quote-mobile-ready .quote-lines-table table.fox-mobile-cards{display:block!important;width:100%!important;min-width:0!important;table-layout:auto!important}
  body.fox-quote-mobile-ready .quote-lines-table table.fox-mobile-cards>thead{display:none!important}
  body.fox-quote-mobile-ready .quote-lines-table #quoteLinesBody{display:grid!important;width:100%!important;gap:10px!important}
  body.fox-quote-mobile-ready .quote-lines-table #quoteLinesBody>tr.quote-clean-product-row,
  body.fox-quote-mobile-ready .quote-lines-table #quoteLinesBody>tr.quote-clean-service-row{
    display:grid!important;grid-template-columns:minmax(0,1fr)!important;width:100%!important;min-width:0!important;padding:12px!important;
    border:1px solid #dbe4f0!important;border-radius:18px!important;background:#fff!important;box-shadow:0 7px 20px rgba(15,23,42,.06)!important
  }
  body.fox-quote-mobile-ready .quote-lines-table #quoteLinesBody>tr>td{
    display:grid!important;grid-template-columns:minmax(92px,34%) minmax(0,1fr)!important;align-items:center!important;gap:8px!important;
    width:100%!important;min-width:0!important;padding:8px 0!important;border:0!important;border-bottom:1px dashed #e2e8f0!important;text-align:right!important;background:transparent!important
  }
  body.fox-quote-mobile-ready .quote-lines-table #quoteLinesBody>tr>td:last-child{border-bottom:0!important}
  body.fox-quote-mobile-ready .quote-lines-table #quoteLinesBody>tr>td::before{content:attr(data-mobile-label)!important;display:block!important;color:#64748b!important;font-size:10px!important;font-weight:950!important;text-transform:uppercase!important;text-align:left!important}
  body.fox-quote-mobile-ready .quote-lines-table #quoteLinesBody>tr>td[colspan]{grid-template-columns:minmax(0,1fr)!important;text-align:left!important}
  body.fox-quote-mobile-ready .quote-lines-table #quoteLinesBody>tr>td[colspan]::before{display:none!important}
  body.fox-quote-mobile-ready .quote-lines-table .quote-clean-name{font-size:15px!important;line-height:1.2!important;font-weight:950!important;white-space:normal!important;overflow-wrap:anywhere!important}
  body.fox-quote-mobile-ready .quote-lines-table #quoteLinesBody>tr.quote-clean-product-row>td:nth-child(3),
  body.fox-quote-mobile-ready .quote-lines-table #quoteLinesBody>tr.quote-clean-service-row>td:nth-child(3){
    grid-template-columns:minmax(0,1fr)!important;gap:5px!important;margin:0 0 3px!important;padding:11px!important;border:0!important;border-radius:13px!important;background:#f8fafc!important;text-align:left!important
  }
  body.fox-quote-mobile-ready .quote-lines-table #quoteLinesBody>tr.quote-clean-product-row>td:nth-child(3)::before,
  body.fox-quote-mobile-ready .quote-lines-table #quoteLinesBody>tr.quote-clean-service-row>td:nth-child(3)::before{font-size:10px!important;color:#2563eb!important}
  body.fox-quote-mobile-ready .quote-lines-table input,body.fox-quote-mobile-ready .quote-lines-table select{width:100%!important;min-width:0!important;min-height:46px!important;font-size:15px!important;border-radius:12px!important}
  body.fox-quote-mobile-ready .quote-lines-table .quote-clean-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%!important;gap:6px!important}
  body.fox-quote-mobile-ready .quote-lines-table .quote-clean-actions button{width:100%!important;min-height:42px!important;font-size:12px!important}
  body.fox-quote-mobile-ready .quote-lines-table tr.quote-clean-family-row{display:block!important;width:100%!important;margin:5px 0 0!important}
  body.fox-quote-mobile-ready .quote-lines-table tr.quote-clean-family-row td{display:block!important;width:100%!important;padding:10px!important;border:0!important;border-radius:14px!important;background:#dbeafe!important}
  body.fox-quote-mobile-ready .quote-lines-table .quote-clean-family-bar{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:5px!important;font-size:14px!important}
  body.fox-quote-mobile-ready .quote-lines-table tr.quote-clean-comment-row{display:block!important;width:100%!important}
  body.fox-quote-mobile-ready .quote-lines-table .quote-clean-comment-box{grid-template-columns:minmax(0,1fr)!important;width:100%!important}
  body.fox-quote-mobile-ready .quote-lines-table tr.quote-clean-empty{display:block!important;width:100%!important}
  body.fox-quote-mobile-ready .quote-lines-table tr.quote-clean-empty td{display:block!important;width:100%!important;padding:22px!important;border:1px dashed #bfdbfe!important;border-radius:16px!important;text-align:center!important;background:#fff!important}
  body.fox-quote-mobile-ready .quote-summary{display:grid!important;grid-template-columns:minmax(0,1fr)!important;width:100%!important;max-width:none!important;margin:12px 0 0!important;padding:14px!important;border-radius:18px!important;background:#0f172a!important;color:#fff!important}
  body.fox-quote-mobile-ready .quote-summary-row{min-height:34px!important;align-items:center!important;font-size:14px!important}.quote-summary-row.total{font-size:22px!important;border-color:rgba(255,255,255,.2)!important}.quote-summary small{color:#cbd5e1!important;text-align:left!important}
  body.fox-quote-mobile-ready .quote-services-top-panel{width:100%!important;border-radius:18px!important;overflow:hidden!important}.quote-services-top-list{display:grid!important;grid-template-columns:minmax(0,1fr)!important}.qsvc-v432-card{grid-template-columns:minmax(0,1fr)!important;gap:8px!important}.qsvc-v432-card>*{width:100%!important}

  body.fox-quote-mobile-ready .quote-product-modal-panel-v922{position:fixed!important;inset:0!important;transform:none!important;width:100vw!important;height:100dvh!important;max-width:none!important;max-height:none!important;border:0!important;border-radius:0!important}
  body.fox-quote-mobile-ready .quote-product-modal-head-v922{padding:max(18px,calc(10px + env(safe-area-inset-top,0px))) 12px 10px!important}.quote-product-modal-head-v922 h2{font-size:21px!important}.quote-product-modal-head-v922 p{font-size:11px!important;line-height:1.25!important}.quote-product-modal-close-v922{width:48px!important;height:48px!important;min-height:48px!important;border-radius:14px!important}
  body.fox-quote-mobile-ready .quote-product-modal-body-v922{height:auto!important;max-height:none!important;padding:10px 10px calc(var(--fox-mobile-dock) + 10px)!important;overflow:auto!important}
  body.fox-quote-mobile-ready .quote-product-modal-body-v922 .quote-catalog-fast-toolbar{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:8px!important}.quote-product-modal-body-v922 .quote-catalog-fast-toolbar>*{width:100%!important;min-width:0!important;min-height:46px!important}
  body.fox-quote-mobile-ready .quote-product-modal-body-v922 .product-fast-grid,body.fox-quote-mobile-ready .quote-product-modal-body-v922 #productGrid{display:grid!important;grid-template-columns:minmax(0,1fr)!important;height:auto!important;max-height:none!important;overflow:visible!important;gap:9px!important}
  body.fox-quote-mobile-ready .quote-product-modal-body-v922 .product-fast-card{width:100%!important;min-width:0!important;min-height:96px!important;padding:12px!important;border-radius:16px!important}.product-fast-card .product-title{font-size:15px!important;white-space:normal!important}.product-fast-card .product-card-actions{display:grid!important;grid-template-columns:minmax(0,1fr)!important;width:100%!important}.product-fast-card .product-card-actions button{min-height:44px!important}
}

/* V12 final: prevalece sobre todos los ajustes móviles históricos. */
@media (max-width:820px){
  body.pos-final-ui.fox-pos-mobile-ready #productGrid.pos-v64-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;padding:2px!important}
  body.pos-final-ui.fox-pos-mobile-ready .pos-v64-card{display:flex!important;flex-direction:column!important;min-height:302px!important;padding:0!important;border-radius:20px!important}
  body.pos-final-ui.fox-pos-mobile-ready .pos-v64-img{width:100%!important;height:146px!important;flex:0 0 146px!important}
  body.pos-final-ui.fox-pos-mobile-ready .pos-v64-info{padding:10px 10px 11px!important}
  body.fox-quote-mobile-ready .quote-product-modal-body-v922 #productGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;padding:2px 1px 16px!important}
  body.fox-quote-mobile-ready .quote-product-modal-body-v922 .product-fast-card{display:flex!important;flex-direction:column!important;min-height:286px!important;padding:0 10px 10px!important;border-radius:20px!important}
  #posV60MenuBtn,#sidebarCollapseBtn.sidebar-collapse-toggle{display:none!important}
}
@media (max-width:350px){body.pos-final-ui.fox-pos-mobile-ready #productGrid.pos-v64-grid,body.fox-quote-mobile-ready .quote-product-modal-body-v922 #productGrid{grid-template-columns:minmax(0,1fr)!important}}

/* V14 definitivo: una barra superior y carrito dentro del teléfono. */
@media (max-width:820px){
  body.pos-final-ui #mobileMenu,body.pos-final-ui #posV60MenuBtn,body.pos-final-ui #sidebarCollapseBtn,body.pos-final-ui main.main>.topbar{display:none!important;visibility:hidden!important}
  body.pos-final-ui.fox-pos-mobile-ready{--fox-mobile-dock:0px}
  body.pos-final-ui.fox-pos-mobile-ready .fox-mobile-dock{display:none!important}
  body.pos-final-ui main.main>.topbar,body.pos-final-ui main.main>header.topbar,body.pos-final-ui .pos-top{display:none!important;height:0!important;min-height:0!important;margin:0!important;padding:0!important}
  body.pos-final-ui.fox-pos-mobile-ready #posV60FixedBar{display:block!important;height:72px!important;min-height:72px!important;max-height:72px!important;padding:12px 10px!important}
  body.pos-final-ui.fox-pos-mobile-ready.fox-pos-tools-open #posV60FixedBar{height:auto!important;max-height:calc(100dvh - 85px)!important}
  body.pos-final-ui.fox-pos-mobile-ready #posV60FixedBar .pos-v60-title span{display:none!important}
  body.pos-final-ui.fox-pos-mobile-ready #foxPosViewSwitch{display:none!important}
  body.pos-final-ui.fox-pos-mobile-ready .content{padding:calc(var(--fox-pos-mobile-head,72px) + 9px) 10px calc(var(--fox-mobile-dock) + 22px)!important}
  body.pos-final-ui.fox-pos-mobile-ready.fox-pos-cart-view .pos-cart-body{min-height:0!important;max-height:none!important;overflow:visible!important;padding:0 0 16px!important}
  body.pos-final-ui.fox-pos-mobile-ready.fox-pos-cart-view .pos-cart>.pos-head{display:grid!important;grid-template-columns:minmax(0,1fr) auto 42px!important;align-items:center!important;gap:7px!important;padding:10px!important}
  body.pos-final-ui.fox-pos-mobile-ready.fox-pos-cart-view .pos-cart>.pos-head>div:first-child{min-width:0!important}
  body.pos-final-ui.fox-pos-mobile-ready.fox-pos-cart-view .pos-cart>.pos-head .pos-chip{min-width:92px!important;padding:6px!important}
  body.pos-final-ui.fox-pos-mobile-ready .fox-pos-cart-close{display:none!important}
  body.pos-final-ui.fox-pos-mobile-ready.fox-pos-cart-view .fox-pos-cart-close{display:grid!important;place-items:center!important;grid-column:3!important;width:42px!important;height:42px!important;min-height:42px!important;margin:0!important;padding:0!important;border:1px solid rgba(255,255,255,.24)!important;border-radius:13px!important;background:rgba(255,255,255,.16)!important;color:#fff!important;font-size:29px!important;line-height:1!important;box-shadow:none!important}
  body.pos-final-ui.fox-pos-mobile-ready.fox-pos-cart-view .pos-v55-line-main{grid-template-columns:58px minmax(0,1fr)!important}
  body.pos-final-ui.fox-pos-mobile-ready.fox-pos-cart-view .pos-v55-line-controls>.pos-qty,body.pos-final-ui.fox-pos-mobile-ready.fox-pos-cart-view .pos-v55-line-controls>.pos-remove{grid-column:1/-1!important}
  body.pos-final-ui.fox-pos-mobile-ready.fox-pos-cart-view .pos-actions{position:static!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;bottom:auto!important}
  body.pos-final-ui.fox-pos-mobile-ready.fox-pos-cart-view .pos-actions .pos-charge,body.pos-final-ui.fox-pos-mobile-ready.fox-pos-cart-view .pos-actions>a:last-child{grid-column:1/-1!important}
}
@media (max-width:360px){
  body.pos-final-ui.fox-pos-mobile-ready #posV60FixedBar .pos-v60-title b{font-size:0!important}
  body.pos-final-ui.fox-pos-mobile-ready #posV60FixedBar .pos-v60-title b::after{content:'POS';font-size:17px!important;letter-spacing:.01em!important}
  body.pos-final-ui.fox-pos-mobile-ready #foxPosCartToggle{max-width:112px!important;padding:0 6px!important}
}

/* V15: el checkout móvil debe crecer con sus productos y pagos, sin recortes heredados del POS de escritorio. */
@media (max-width:820px){
  body.pos-final-ui.fox-pos-mobile-ready.fox-pos-cart-view #cartLines.pos-lines{
    display:grid!important;grid-auto-rows:max-content!important;align-content:start!important;
    height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important;padding:0!important
  }
  body.pos-final-ui.fox-pos-mobile-ready.fox-pos-cart-view #cartLines .pos-v55-line{
    display:grid!important;grid-template-rows:none!important;grid-auto-rows:max-content!important;
    height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important;align-self:start!important
  }
  body.pos-final-ui.fox-pos-mobile-ready.fox-pos-cart-view #cartLines .pos-v55-line-main,
  body.pos-final-ui.fox-pos-mobile-ready.fox-pos-cart-view #cartLines .pos-v55-line-controls{height:auto!important;max-height:none!important;overflow:visible!important}
  body.pos-final-ui.fox-pos-mobile-ready.fox-pos-cart-view #cartLines .pos-v55-line-controls>*{min-width:0!important;max-width:100%!important}
  body.pos-final-ui.fox-pos-mobile-ready.fox-pos-cart-view #paymentsBox,
  body.pos-final-ui.fox-pos-mobile-ready.fox-pos-cart-view #paymentsBox .pos-pay-row{height:auto!important;max-height:none!important;overflow:visible!important}
}

/* V16: impedir que los controles del checkout ensanchen la columna del carrito. */
@media (max-width:820px){
  body.pos-final-ui.fox-pos-mobile-ready.fox-pos-cart-view .pos-wrap>.pos-cart,
  body.pos-final-ui.fox-pos-mobile-ready.fox-pos-cart-view .pos-cart-body{
    width:100%!important;min-width:0!important;max-width:100%!important
  }
  body.pos-final-ui.fox-pos-mobile-ready.fox-pos-cart-view .pos-cart-body{
    display:grid!important;grid-template-columns:minmax(0,1fr)!important;overflow:visible!important
  }
  body.pos-final-ui.fox-pos-mobile-ready.fox-pos-cart-view .pos-cart-body>*{
    box-sizing:border-box!important;width:100%!important;min-width:0!important;max-width:100%!important
  }
  body.pos-final-ui.fox-pos-mobile-ready.fox-pos-cart-view .pos-cart-body .pos-mass-family-row,
  body.pos-final-ui.fox-pos-mobile-ready.fox-pos-cart-view .pos-cart-body .pos-client-search,
  body.pos-final-ui.fox-pos-mobile-ready.fox-pos-cart-view .pos-cart-body .pos-client-row,
  body.pos-final-ui.fox-pos-mobile-ready.fox-pos-cart-view .pos-cart-body .pos-coupon-row,
  body.pos-final-ui.fox-pos-mobile-ready.fox-pos-cart-view .pos-cart-body .pos-pay-row{
    min-width:0!important;max-width:100%!important
  }
  body.pos-final-ui.fox-pos-mobile-ready.fox-pos-cart-view #posMassFamilyBox .pos-mass-family-row,
  body.pos-final-ui.fox-pos-mobile-ready.fox-pos-cart-view #paymentsBox .pos-pay-row{
    display:grid!important;grid-template-columns:minmax(0,1fr)!important
  }
  body.pos-final-ui.fox-pos-mobile-ready.fox-pos-cart-view #posMassFamilyBox .pos-mass-family-row>*,
  body.pos-final-ui.fox-pos-mobile-ready.fox-pos-cart-view #paymentsBox .pos-pay-row>*{
    box-sizing:border-box!important;width:100%!important;min-width:0!important;max-width:100%!important
  }
  body.pos-final-ui.fox-pos-mobile-ready.fox-pos-cart-view #posV62CartAlert,
  body.pos-final-ui.fox-pos-mobile-ready.fox-pos-cart-view #posV62ServicesDock{
    display:grid!important;grid-template-columns:minmax(0,1fr)!important;overflow:hidden!important
  }
  body.pos-final-ui.fox-pos-mobile-ready.fox-pos-cart-view #posV62CartAlert>*{min-width:0!important;max-width:100%!important}
  body.pos-final-ui.fox-pos-mobile-ready.fox-pos-cart-view #posV62CartAlert small{white-space:normal!important;overflow-wrap:anywhere!important}
  body.pos-final-ui.fox-pos-mobile-ready.fox-pos-cart-view #posV62ServicePreview{
    width:100%!important;min-width:0!important;max-width:100%!important;overflow-x:auto!important
  }
  body.pos-final-ui.fox-pos-mobile-ready.fox-pos-cart-view .pos-payment-summary{
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
    width:100%!important;min-width:0!important;max-width:100%!important;gap:10px!important
  }
  body.pos-final-ui.fox-pos-mobile-ready.fox-pos-cart-view .pos-payment-summary>div{min-width:0!important;overflow-wrap:anywhere!important}
  body.pos-final-ui.fox-pos-mobile-ready.fox-pos-cart-view .pos-payment-summary .change{grid-column:1/-1!important}
  body.pos-final-ui.fox-pos-mobile-ready.fox-pos-cart-view .pos-cart>.pos-head{
    display:grid!important;grid-template-columns:minmax(0,1fr) minmax(88px,auto) 42px!important;gap:7px!important;overflow:hidden!important
  }
  body.pos-final-ui.fox-pos-mobile-ready.fox-pos-cart-view .pos-cart>.pos-head .pos-chip{min-width:0!important;max-width:100%!important}
  body.pos-final-ui.fox-pos-mobile-ready.fox-pos-cart-view .pos-cart>.pos-head #openCartReview{
    position:static!important;grid-column:1/-1!important;grid-row:2!important;justify-self:stretch!important;
    width:100%!important;min-width:0!important;max-width:100%!important;min-height:42px!important;
    margin:0!important;padding:8px 10px!important;white-space:normal!important;text-align:center!important
  }
  body.pos-final-ui.fox-pos-mobile-ready.fox-pos-cart-view .pos-cart>.pos-head .fox-pos-cart-close{
    grid-column:3!important;grid-row:1!important
  }
}

/* V17: cierre siempre visible del detalle amplio de la venta. */
.pos-cart-review-close{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;border:0;border-radius:13px;background:#f1f5f9;color:#0f172a;font-size:30px;line-height:1;cursor:pointer}
@media (max-width:820px){
  body.pos-final-ui #cartReviewModal.pos-modal.show{
    position:fixed!important;inset:0!important;z-index:2600!important;display:flex!important;align-items:flex-end!important;justify-content:center!important;
    width:100vw!important;height:100dvh!important;margin:0!important;padding:0!important;overflow:hidden!important
  }
  body.pos-final-ui #cartReviewModal .pos-dialog.pos-sale-wide{
    box-sizing:border-box!important;display:flex!important;flex-direction:column!important;
    width:100vw!important;min-width:0!important;max-width:100vw!important;max-height:calc(100dvh - 14px)!important;
    margin:0!important;padding:0 0 env(safe-area-inset-bottom,0px)!important;border-radius:20px 20px 0 0!important;overflow:hidden!important
  }
  body.pos-final-ui #cartReviewModal .pos-dialog>header{
    display:grid!important;grid-template-columns:minmax(0,1fr) 46px!important;align-items:center!important;gap:10px!important;
    flex:0 0 auto!important;width:100%!important;min-width:0!important;min-height:68px!important;
    margin:0!important;padding:10px 14px!important;border-bottom:1px solid #e2e8f0!important;background:#fff!important
  }
  body.pos-final-ui #cartReviewModal .pos-dialog>header h3{
    min-width:0!important;margin:0!important;font-size:19px!important;line-height:1.2!important;overflow-wrap:anywhere!important
  }
  body.pos-final-ui #cartReviewModal .pos-cart-review-close{
    position:static!important;grid-column:2!important;width:46px!important;height:46px!important;min-height:46px!important;
    margin:0!important;padding:0!important;visibility:visible!important;font-size:30px!important
  }
  body.pos-final-ui #cartReviewBody{
    box-sizing:border-box!important;display:block!important;flex:1 1 auto!important;width:100%!important;min-width:0!important;max-width:100%!important;
    margin:0!important;padding:12px!important;overflow:auto!important;overscroll-behavior:contain!important
  }
  body.pos-final-ui #cartReviewBody .pos-cart-review-table{min-width:650px!important;width:100%!important}
}