:root{--znav-accent:#6366f1;--znav-border:rgba(148,163,184,.16)}
#zelink-organized-navigation{position:relative;z-index:2;display:block!important;pointer-events:auto!important}
.znav-native-section{display:none!important}
aside > div.flex-1.overflow-y-auto > section{display:none!important}
.znav-legacy-menu-entry{display:none!important}
.znav-menu{padding:0 0 .75rem}
.znav-menu-heading{display:flex;align-items:flex-end;justify-content:space-between;padding:.1rem .7rem .8rem;color:#64748b}.znav-menu-heading span{font-size:.68rem;font-weight:950;letter-spacing:.18em;text-transform:uppercase}.znav-menu-heading small{font-size:.61rem;font-weight:750;color:#475569}
.znav-category{margin:0 0 .4rem}.znav-category-button{display:flex;width:100%;align-items:center;gap:.7rem;border:1px solid transparent;border-radius:1rem;padding:.62rem .65rem;color:#94a3b8;text-align:left;font-size:.78rem;font-weight:900;cursor:pointer;pointer-events:auto;touch-action:manipulation;transition:.18s ease}.znav-category-button:hover{border-color:rgba(255,255,255,.08);background:rgba(255,255,255,.05);color:#fff}.znav-category.is-open>.znav-category-button{border-color:rgba(99,102,241,.22);background:rgba(99,102,241,.11);color:#e0e7ff}.znav-category-icon{display:grid;width:1.9rem;height:1.9rem;flex:none;place-items:center;border-radius:.7rem;background:rgba(255,255,255,.06);color:#94a3b8}.znav-category.is-open .znav-category-icon{background:#4f46e5;color:#fff}.znav-category-icon svg{width:1rem;height:1rem}.znav-chevron{margin-left:auto;width:.9rem;height:.9rem;fill:none;stroke:currentColor;stroke-width:2;transition:transform .18s ease}.znav-category.is-open .znav-chevron{transform:rotate(90deg)}
.znav-items{position:relative;margin:.25rem 0 .2rem 1.55rem;padding:.18rem 0 .18rem .82rem;border-left:1px solid rgba(148,163,184,.18)}.znav-item{position:relative;display:flex;width:100%;align-items:center;gap:.5rem;border:0;border-radius:.78rem;background:transparent;padding:.54rem .65rem;color:#94a3b8;text-align:left;font-size:.74rem;font-weight:750;line-height:1.22;cursor:pointer;pointer-events:auto;touch-action:manipulation;transition:.15s ease}.znav-item:hover{background:rgba(255,255,255,.055);color:#fff}.znav-item.is-active{background:#fff;color:#0f172a;font-weight:950;box-shadow:0 8px 22px rgba(0,0,0,.18)}.znav-item i{margin-left:auto;width:.42rem;height:.42rem;flex:none;border-radius:999px;background:#4f46e5;box-shadow:0 0 0 3px rgba(99,102,241,.14)}
.znav-breadcrumb{display:flex;min-width:0;align-items:center;gap:1rem;margin:0 0 .9rem;border:1px solid #e2e8f0;border-radius:1rem;background:rgba(255,255,255,.88);padding:.68rem .85rem;box-shadow:0 1px 3px rgba(15,23,42,.04);backdrop-filter:blur(10px)}.znav-breadcrumb>div{display:flex;min-width:0;align-items:center;gap:.42rem;font-size:.72rem;color:#94a3b8}.znav-breadcrumb span,.znav-breadcrumb strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.znav-breadcrumb strong{color:#0f172a;font-weight:950}.znav-breadcrumb b{color:#cbd5e1}.znav-breadcrumb small{display:none!important}
.znav-related{display:flex;gap:.35rem;margin:-.25rem 0 .9rem;overflow-x:auto;border-bottom:1px solid #e2e8f0;padding:.25rem .1rem .5rem}.znav-related button{flex:none;border:1px solid #e2e8f0;border-radius:.7rem;background:#fff;padding:.48rem .72rem;color:#64748b;font-size:.72rem;font-weight:850}.znav-related button.is-active{border-color:#c7d2fe;background:#eef2ff;color:#4338ca}
.znav-toast{position:fixed;top:5rem;right:1.25rem;z-index:2147483647;max-width:min(26rem,calc(100vw - 2rem));border:1px solid #fecaca;border-radius:1rem;background:#fff1f2;padding:.85rem 1rem;color:#b91c1c;box-shadow:0 18px 50px rgba(15,23,42,.2);font:850 .8rem/1.4 Inter,system-ui,sans-serif}
.znav-master-report-tabs{display:none!important}
html:is([data-znav-section="dashboard"],[data-znav-section="sales-pos"]) :is(#zelink-navigation-breadcrumb,#zelink-navigation-related,#zelink-unified-page-header){display:none!important}
html:not([data-znav-section="catalog-family-report"]) .zcd-reports-extension{display:none!important}
html[data-znav-section="catalog-family-report"] .zcd-reports-extension{display:block!important}
.erp-module .erp-actions button,.erp-module .erp-actions a{min-height:2.55rem}.erp-module :is(button,a,input,select,textarea):focus-visible{outline:3px solid rgba(99,102,241,.2);outline-offset:2px}
@media (min-width:1024px){aside:has(#zelink-organized-navigation){width:17.5rem!important}.responsive-workspace{scrollbar-gutter:stable}}
@media (max-width:767px){.znav-menu-heading small{display:none}.znav-breadcrumb{align-items:flex-start;flex-direction:column;gap:.25rem;margin-bottom:.65rem;padding:.62rem .7rem}.znav-breadcrumb>div{max-width:100%;font-size:.66rem}.znav-breadcrumb small{max-width:100%;white-space:normal;font-size:.65rem}.erp-module .erp-tabs{display:flex!important;max-width:100%;flex-wrap:nowrap!important;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin}.erp-module .erp-tabs>button{flex:none;white-space:nowrap}.erp-module :is(.overflow-x-auto,.table-wrap,.zcd-report-table){max-width:100%;overflow-x:auto!important;-webkit-overflow-scrolling:touch}.erp-module table{min-width:680px}.erp-module-header{align-items:stretch!important}.erp-module .erp-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.erp-module .erp-actions>*{min-width:0;justify-content:center}.fixed.inset-0>form,.fixed.inset-0>div{max-width:calc(100vw - 1rem)!important}.responsive-workspace{padding:.6rem!important}.znav-toast{top:4.25rem;right:.75rem;left:.75rem;max-width:none}}
@media (max-width:430px){.erp-module .erp-actions{grid-template-columns:1fr}.znav-item{padding-block:.62rem}.znav-related{margin-bottom:.65rem}}
@media print{#zelink-navigation-breadcrumb,#zelink-navigation-related{display:none!important}}

/* 10.26.99 · una sola navegación y terminación visual consistente en todas las páginas */
html[data-znav-ready="true"] .znav-internal-menu,
html[data-znav-ready="true"] .erp-module .erp-tabs,
html[data-znav-ready="true"] .ac-tabs,
html[data-znav-ready="true"] .tx-tabs{display:none!important}
html[data-znav-ready="true"] .znav-route-hidden{display:none!important}
html:not([data-znav-section="catalog-families"]) [data-zcd-products-extension],
.erp-product-stock-card [data-zcd-products-extension]{display:none!important}
html[data-znav-section="catalog-families"] .erp-productos [data-zcd-products-extension]{display:block!important}
html[data-znav-section="catalog-families"] .erp-productos>.erp-module-header :is(button,a){display:none!important}

.znav-menu-heading{align-items:center;justify-content:flex-start;padding:.15rem .72rem .7rem}
.znav-menu-heading span{color:#64748b;font-size:.67rem;letter-spacing:.17em}
aside:has(#zelink-organized-navigation) .flex-1.overflow-y-auto{overscroll-behavior:contain;scrollbar-gutter:stable}
.responsive-workspace{background:#f7f9fc}
.responsive-workspace>.erp-module,
.responsive-workspace .erp-module{width:100%;max-width:none}

html[data-znav-ready="true"] [data-znav-page-header="true"]{position:relative!important;display:flex!important;min-height:5.4rem!important;align-items:center!important;justify-content:space-between!important;gap:1rem!important;overflow:hidden!important;border:1px solid #dbe3ee!important;border-radius:1.15rem!important;background:linear-gradient(135deg,#fff 0%,#f8fafc 100%)!important;padding:1.05rem 1.2rem!important;box-shadow:0 6px 20px rgba(15,23,42,.055)!important}
html[data-znav-ready="true"] [data-znav-page-header="true"]::before{content:""!important;position:absolute!important;inset:0 auto 0 0!important;width:4px!important;background:linear-gradient(180deg,#4f46e5,#818cf8)!important}
html[data-znav-ready="true"] [data-znav-page-header="true"] h1,
html[data-znav-ready="true"] [data-znav-page-header="true"] h2{margin:0!important;color:#0f172a!important;font-size:clamp(1.35rem,2vw,1.7rem)!important;font-weight:950!important;letter-spacing:-.035em!important;line-height:1.12!important}
html[data-znav-ready="true"] [data-znav-page-header="true"] p:not(.znav-page-kicker){max-width:56rem!important;margin:.34rem 0 0!important;color:#64748b!important;font-size:.78rem!important;font-weight:650!important;line-height:1.5!important}
html[data-znav-ready="true"] [data-znav-page-header="true"] .znav-page-kicker{display:none!important}
.znav-generated-page-header{margin:0 0 1rem}
.znav-duplicate-page-title,.znav-duplicate-page-description,.znav-duplicate-title-group,.znav-duplicate-page-intro{display:none!important}
.znav-deduped-action-header{display:flex!important;min-height:0!important;justify-content:flex-end!important;gap:.5rem!important;border:0!important;background:transparent!important;padding:0!important;box-shadow:none!important}
.znav-secondary-action-bar{justify-content:flex-end!important}
.znav-credit-legacy-banner{display:none!important}
.znav-credit-summary-card{overflow:hidden!important;border-radius:1.15rem!important}
.znav-page-actions{position:relative;z-index:1;display:flex;flex:none;align-items:center;justify-content:flex-end;gap:.55rem;margin-left:auto}
.znav-page-action{display:inline-flex;min-height:2.65rem;align-items:center;justify-content:center;gap:.45rem;border:1px solid #dbe3ee;border-radius:.8rem;background:#fff;padding:.62rem .9rem;color:#334155;font-size:.76rem;font-weight:900;line-height:1;box-shadow:0 2px 7px rgba(15,23,42,.05);cursor:pointer;transition:border-color .16s ease,background-color .16s ease,color .16s ease,transform .16s ease}
.znav-page-action:hover{border-color:#c7d2fe;background:#f8fafc;color:#4338ca;transform:translateY(-1px)}
.znav-page-action-primary{border-color:#4f46e5;background:#4f46e5;color:#fff;box-shadow:0 6px 16px rgba(79,70,229,.2)}
.znav-page-action-primary:hover{border-color:#4338ca;background:#4338ca;color:#fff}
.znav-page-action svg{width:1rem;height:1rem;flex:none}
.znav-page-action:disabled{cursor:not-allowed;opacity:.55;transform:none}
html[data-znav-section="admin-branches"] iframe[title="Sucursales"]{display:block!important;width:100%!important;overflow:hidden!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}

html[data-znav-ready="true"] .erp-module :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea),
html[data-znav-ready="true"] :is(.ac-module,.tx-module) :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea){min-height:2.55rem;border-color:#dbe3ee;border-radius:.72rem;background:#fff;color:#0f172a;box-shadow:0 1px 2px rgba(15,23,42,.025)}
html[data-znav-ready="true"] .erp-module textarea,
html[data-znav-ready="true"] :is(.ac-module,.tx-module) textarea{min-height:6.5rem}
html[data-znav-ready="true"] .erp-module label,
html[data-znav-ready="true"] :is(.ac-module,.tx-module) label{color:#475569;font-weight:750}
html[data-znav-ready="true"] .erp-module :is(button,a)[class*="bg-blue-6"],
html[data-znav-ready="true"] .erp-module :is(button,a)[class*="bg-slate-9"],
html[data-znav-ready="true"] :is(.ac-primary,.tx-primary){min-height:2.55rem;border-radius:.72rem;box-shadow:0 5px 14px rgba(37,99,235,.16)}

html[data-znav-ready="true"] .erp-module :is(table,.erp-table),
html[data-znav-ready="true"] :is(.ac-module,.tx-module) table{border-collapse:separate;border-spacing:0;width:100%}
html[data-znav-ready="true"] .erp-module thead th,
html[data-znav-ready="true"] :is(.ac-module,.tx-module) thead th{position:sticky;top:0;z-index:2;background:#f8fafc;color:#64748b;font-size:.66rem;font-weight:900;letter-spacing:.055em;text-transform:uppercase}
html[data-znav-ready="true"] .erp-module tbody tr,
html[data-znav-ready="true"] :is(.ac-module,.tx-module) tbody tr{transition:background-color .15s ease}
html[data-znav-ready="true"] .erp-module tbody tr:hover,
html[data-znav-ready="true"] :is(.ac-module,.tx-module) tbody tr:hover{background:#f8fafc}
html[data-znav-ready="true"] :is(.ac-panel,.tx-panel,.erp-module section[class*="rounded"],.erp-module article[class*="rounded"]){border-color:#e2e8f0;box-shadow:0 4px 16px rgba(15,23,42,.045)}

#zelink-accounting-inline,#zelink-tax-inline{width:100%;max-width:none}
#zelink-accounting-inline .ac-module,#zelink-tax-inline .tx-module{padding-top:0}
html[data-znav-section^="accounting-"] .erp-reportes,
html[data-znav-section="finance-banks"] .erp-reportes{gap:0}

@media (max-width:900px){
  html[data-znav-ready="true"] [data-znav-page-header="true"]{min-height:4.8rem!important;align-items:flex-start!important;flex-direction:column!important;padding:.9rem 1rem!important}
  html[data-znav-ready="true"] [data-znav-page-header="true"]>div:last-child{width:100%}
  .znav-page-actions{width:100%;justify-content:stretch;margin-left:0}
  .znav-page-action{flex:1}
  html[data-znav-ready="true"] .erp-module :is(table,.erp-table),html[data-znav-ready="true"] :is(.ac-module,.tx-module) table{min-width:720px}
  html[data-znav-ready="true"] .erp-module :is(.overflow-x-auto,[class*="table-wrap"]),html[data-znav-ready="true"] :is(.ac-table-wrap,.tx-table-wrap){overscroll-behavior-x:contain;scrollbar-width:thin}
}
@media (max-width:600px){
  .responsive-workspace{padding:.55rem!important}
  .znav-breadcrumb{border-radius:.8rem}
  html[data-znav-ready="true"] [data-znav-page-header="true"]{border-radius:.9rem!important}
  html[data-znav-ready="true"] [data-znav-page-header="true"] h1,html[data-znav-ready="true"] [data-znav-page-header="true"] h2{font-size:1.2rem!important}
}

/* 10.28.05 · adaptación por espacio real, resolución y zoom del navegador */
html,body,#root{max-width:100%;overflow-x:hidden}
#root>div.flex,#root main.flex{min-width:0!important;max-width:100%!important}
.responsive-workspace{container:erp-workspace/inline-size;width:100%;min-width:0!important;max-width:100%!important}
.responsive-workspace :is(.erp-module,.ac-module,.tx-module,.zcd-integrated-panel),
.responsive-workspace :is(.erp-module,.ac-module,.tx-module,.zcd-integrated-panel)>*{min-width:0;max-width:100%}
.responsive-workspace :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea){width:100%;max-width:100%;min-width:0}
.responsive-workspace :is(img,video,canvas,iframe){max-width:100%}

/* Una tabla nunca debe repartir una palabra letra por letra para caber. */
html[data-znav-ready="true"] .responsive-workspace :is(.erp-module,.ac-module,.tx-module) table{table-layout:auto!important}
html[data-znav-ready="true"] .responsive-workspace :is(.erp-module,.ac-module,.tx-module) thead th{
  white-space:nowrap!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
  hyphens:none!important;
}
html[data-znav-ready="true"] .responsive-workspace :is(.erp-module,.ac-module,.tx-module) :is(.overflow-hidden,.overflow-auto,.overflow-x-auto,.erp-table-scroll,[class*="table-wrap"],.zcd-report-table):has(>table){
  max-width:100%!important;
  overflow-x:auto!important;
  overflow-y:hidden;
  overscroll-behavior-inline:contain;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:thin;
}

/* En notebooks pequeños el menú pasa a cajón para no quitar espacio al contenido. */
@media (min-width:1024px) and (max-width:1199px){
  #root aside.no-print:has(#zelink-organized-navigation){
    position:fixed!important;
    inset:0 auto 0 0!important;
    width:min(90vw,21rem)!important;
    min-width:0!important;
    height:100dvh!important;
    z-index:50!important;
    transition:transform .3s ease-out!important;
  }
  #root aside.no-print:has(#zelink-organized-navigation).-translate-x-full{transform:translateX(-100%)!important}
  #root aside.no-print:has(#zelink-organized-navigation).translate-x-0{transform:translateX(0)!important}
  #root>div.flex>main.flex{width:100%!important;margin-left:0!important}
  #root header button.lg\:hidden,
  #root aside.no-print button.lg\:hidden{display:flex!important}
  #root button.no-print.fixed.inset-0.lg\:hidden{display:block!important}
}

/* Los breakpoints internos se calculan con el workspace, no con el monitor. */
@container erp-workspace (max-width:1400px){
  .erp-module:not(.erp-ventas) [class*="2xl:grid-cols-"]{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}

@container erp-workspace (max-width:1100px){
  html[data-znav-ready="true"] [data-znav-page-header="true"],
  .erp-module-header{align-items:stretch!important;flex-direction:column!important}
  html[data-znav-ready="true"] [data-znav-page-header="true"]>div,
  .erp-module-header>div{width:100%;max-width:100%}
  .znav-page-actions,.erp-module .erp-actions{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(min(100%,10.5rem),1fr));width:100%;justify-content:stretch;margin-left:0}
  .znav-page-action,.erp-module .erp-actions>*{width:100%;min-width:0;justify-content:center}
  .erp-module:not(.erp-ventas) :is([class*="xl:grid-cols-"],[class*="2xl:grid-cols-"]){grid-template-columns:repeat(2,minmax(0,1fr))!important}
  html[data-znav-ready="true"] .responsive-workspace :is(.erp-module,.ac-module,.tx-module) table{min-width:720px}
}

/* Productos ya posee una vista móvil completa: se activa según el ancho útil. */
@container erp-workspace (max-width:1280px){
  html[data-znav-section="catalog-products"] .erp-productos>.grid.gap-3.md\:hidden{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  html[data-znav-section="catalog-products"] .erp-productos>.hidden.md\:block:has(>table){display:none!important}
}

@container erp-workspace (max-width:1100px){
  html[data-znav-section="catalog-products"] .erp-productos>.rounded-2xl.border.border-slate-200.bg-white.p-4.shadow-sm>.grid.gap-3{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  html[data-znav-section="catalog-products"] .erp-productos>.rounded-2xl.border.border-slate-200.bg-white.p-4.shadow-sm>.grid.gap-3>.xl\:col-span-2{grid-column:span 2/span 2!important}
  html[data-znav-section="catalog-products"] .erp-productos>.rounded-2xl.border.border-slate-200.bg-slate-50>div{
    align-items:stretch!important;
    flex-direction:column!important;
  }
  html[data-znav-section="catalog-products"] .erp-productos>.rounded-2xl.border.border-slate-200.bg-slate-50>div>div{width:100%;max-width:100%}
  html[data-znav-section="catalog-products"] .erp-productos>.rounded-2xl.border.border-slate-200.bg-slate-50 select{width:100%}
}

@container erp-workspace (max-width:720px){
  .erp-module:not(.erp-ventas) :is([class*="md:grid-cols-"],[class*="lg:grid-cols-"],[class*="xl:grid-cols-"],[class*="2xl:grid-cols-"]){grid-template-columns:1fr!important}
  .responsive-workspace :is(.erp-module,.ac-module,.tx-module) form [class*="grid-cols-"]{grid-template-columns:1fr!important}
  html[data-znav-ready="true"] [data-znav-page-header="true"]{padding:.85rem .9rem!important}
  .znav-page-actions,.erp-module .erp-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .responsive-workspace :is(.fixed.inset-0,[role="dialog"]){padding:.5rem!important}
  .responsive-workspace :is(.fixed.inset-0,[role="dialog"])>:is(form,div[class*="max-w-"]){max-width:calc(100vw - 1rem)!important;max-height:calc(100dvh - 1rem)!important;overflow-y:auto}
  html[data-znav-section="catalog-products"] .erp-productos>.grid.gap-3.md\:hidden{grid-template-columns:1fr}
}

@container erp-workspace (max-width:520px){
  html[data-znav-section="catalog-products"] .erp-productos>.rounded-2xl.border.border-slate-200.bg-white.p-4.shadow-sm>.grid.gap-3{grid-template-columns:1fr!important}
  html[data-znav-section="catalog-products"] .erp-productos>.rounded-2xl.border.border-slate-200.bg-white.p-4.shadow-sm>.grid.gap-3>.xl\:col-span-2{grid-column:auto!important}
  .znav-page-actions,.erp-module .erp-actions{grid-template-columns:1fr!important}
  .znav-page-actions>*,.erp-module .erp-actions>*{grid-column:auto!important}
}

@media (prefers-reduced-motion:reduce){
  #root aside.no-print:has(#zelink-organized-navigation){transition:none!important}
}

/* 10.28.06 · campos legibles y proporcionados en todo el ERP */
.responsive-workspace :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea),
.pw-shell :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea),
.zwr-dashboard-panel :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea){
  box-sizing:border-box!important;
  inline-size:100%!important;
  width:100%!important;
  max-inline-size:100%!important;
  min-inline-size:0!important;
}
.responsive-workspace select,.pw-shell select,.zwr-dashboard-panel select{
  overflow:hidden;
  padding-inline-end:2.15rem!important;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.responsive-workspace :is(label,form,fieldset,[class*="grid"],[class*="flex"]),
.pw-shell :is(label,.pw-grid,.pw-product-picker,.pw-product-search,.pw-search-input),
.zwr-dashboard-panel :is(label,.zwr-dashboard-filters){min-inline-size:0}

/* Buscadores y filtros de las pantallas auditadas ocupan su pista completa. */
html[data-znav-section^="sales-"] .erp-ventas .grid:has(input[placeholder="Ej: 109 / COT-0001"]),
html[data-znav-section="sales-customers"] .erp-clientes .grid:has(input[placeholder^="Nombre, razón social"]),
html[data-znav-section="catalog-products"] .erp-productos .grid:has(input[placeholder^="Buscar por nombre, SKU"]),
html[data-znav-section="inventory-stock"] .erp-inventario .grid:has(input[placeholder^="Nombre, SKU, código de barra"]),
html[data-znav-section="inventory-receipts"] .pw-grid,
html[data-znav-section="inventory-receipts"] .pw-product-picker,
.zwr-dashboard-panel .zwr-dashboard-filters{align-items:end}

/* La distribución también responde al zoom porque usa el ancho del workspace. */
@container erp-workspace (min-width:1281px){
  html[data-znav-section^="sales-"] .erp-ventas .grid:has(input[placeholder="Ej: 109 / COT-0001"]){
    grid-template-columns:minmax(185px,.85fr) minmax(185px,.85fr) minmax(190px,.9fr) minmax(235px,1.15fr) minmax(235px,1.15fr) minmax(190px,.9fr)!important;
  }
  html[data-znav-section="sales-customers"] .erp-clientes .grid:has(input[placeholder^="Nombre, razón social"]){
    grid-template-columns:repeat(12,minmax(0,1fr))!important;
  }
  html[data-znav-section="sales-customers"] .erp-clientes .grid:has(input[placeholder^="Nombre, razón social"])>label{grid-column:span 2/span 2!important}
  html[data-znav-section="sales-customers"] .erp-clientes .grid:has(input[placeholder^="Nombre, razón social"])>label:has(input[placeholder^="Nombre, razón social"]){grid-column:span 4/span 4!important}
  html[data-znav-section="sales-customers"] .erp-clientes .grid:has(input[placeholder^="Nombre, razón social"])>label:has(input[type="date"]){grid-column:span 3/span 3!important}
}

@container erp-workspace (min-width:721px) and (max-width:1280px){
  html[data-znav-section^="sales-"] .erp-ventas .grid:has(input[placeholder="Ej: 109 / COT-0001"]),
  html[data-znav-section="sales-customers"] .erp-clientes .grid:has(input[placeholder^="Nombre, razón social"]),
  html[data-znav-section="catalog-products"] .erp-productos .grid:has(input[placeholder^="Buscar por nombre, SKU"]),
  html[data-znav-section="inventory-stock"] .erp-inventario .grid:has(input[placeholder^="Nombre, SKU, código de barra"]){
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
  html[data-znav-section^="sales-"] .erp-ventas .grid:has(input[placeholder="Ej: 109 / COT-0001"])>*:has(input[placeholder]),
  html[data-znav-section="sales-customers"] .erp-clientes .grid:has(input[placeholder^="Nombre, razón social"])>label:has(input[placeholder^="Nombre, razón social"]),
  html[data-znav-section="catalog-products"] .erp-productos .grid:has(input[placeholder^="Buscar por nombre, SKU"])>div:has(input[placeholder^="Buscar por nombre, SKU"]),
  html[data-znav-section="inventory-stock"] .erp-inventario .grid:has(input[placeholder^="Nombre, SKU, código de barra"])>div:has(input[placeholder^="Nombre, SKU, código de barra"]){
    grid-column:span 2/span 2!important;
  }
}

@container erp-workspace (max-width:720px){
  html[data-znav-section^="sales-"] .erp-ventas .grid:has(input[placeholder="Ej: 109 / COT-0001"]),
  html[data-znav-section="sales-customers"] .erp-clientes .grid:has(input[placeholder^="Nombre, razón social"]),
  html[data-znav-section="catalog-products"] .erp-productos .grid:has(input[placeholder^="Buscar por nombre, SKU"]),
  html[data-znav-section="inventory-stock"] .erp-inventario .grid:has(input[placeholder^="Nombre, SKU, código de barra"]){
    grid-template-columns:1fr!important;
  }
  html[data-znav-section^="sales-"] .erp-ventas .grid:has(input[placeholder="Ej: 109 / COT-0001"])>*,
  html[data-znav-section="sales-customers"] .erp-clientes .grid:has(input[placeholder^="Nombre, razón social"])>*,
  html[data-znav-section="catalog-products"] .erp-productos .grid:has(input[placeholder^="Buscar por nombre, SKU"])>*,
  html[data-znav-section="inventory-stock"] .erp-inventario .grid:has(input[placeholder^="Nombre, SKU, código de barra"])>*{grid-column:auto!important}
}