/* Ago Retail · capa móvil. Se carga después de ago.css en todas las pantallas; solo actúa hasta 820px. */
.tabbar{display:none}
#lista-movil{display:none}
.btn-filtros-mov{display:none}
@media (max-width:820px){
  html{-webkit-text-size-adjust:100%}
  body{padding-bottom:calc(66px + env(safe-area-inset-bottom));font-size:15px}
  /* barra superior compacta: logo, usuario y salir; la navegación vive abajo en la tabbar */
  header.barra,.barra{padding:8px 12px!important;height:auto!important;gap:10px!important;min-height:52px}
  .barra nav,.barra .nav,.nav{display:none!important}
  .barra img,.logo img{height:26px!important;width:auto!important}
  .usuario{gap:8px;margin-left:auto}.usuario #nom,.barra>div>#nom{display:none}
  .barra .btn,#salir{padding:7px 10px!important;font-size:12px!important;min-height:36px}
  main{padding:12px 12px 24px!important;margin:0 auto!important;max-width:none!important}
  h1{font-size:22px}h2{font-size:17px}
  .cab{flex-direction:column;align-items:stretch!important;gap:10px}
  .sub{font-size:12.5px}
  /* controles cómodos al dedo; 16px evita el zoom automático de iOS al enfocar */
  .btn{min-height:44px}
  select.campo,input.campo,textarea.campo,.campo,#u,#p{min-height:44px;font-size:16px}
  /* acceso: sin autoenfoque el teclado no tapa el formulario ni iOS hace zoom */
  .env{min-height:auto}
  .acc{gap:8px}.acc .btn{flex:1 1 auto}
  /* tabbar */
  .tabbar{position:fixed;left:0;right:0;bottom:0;display:flex;background:#fff;border-top:1px solid var(--linea);padding:6px 4px calc(6px + env(safe-area-inset-bottom));z-index:80;box-shadow:0 -4px 16px rgba(13,43,87,.08)}
  .tabbar a{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;font-size:10.5px;font-weight:700;color:var(--gris-2);text-decoration:none;padding:5px 0;border-radius:10px;min-height:44px;justify-content:center}
  .tabbar a .ico{font-size:19px;line-height:1}
  .tabbar a[aria-current="page"]{color:var(--azul);background:var(--azul-10)}
  /* ---- Resumen comercial */
  .kpi{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}.kpi .c{padding:10px 12px}.kpi .v{font-size:18px}.kpi .e{font-size:10px}
  .barra-filtros{margin-bottom:12px}
  .barra-filtros .fila-filtros{display:none;padding:12px}
  .barra-filtros.abierta .fila-filtros{display:flex;flex-direction:column;align-items:stretch;gap:10px}
  .barra-filtros .filtro{width:100%;min-width:0}.filtro .campo{width:100%}
  .filtro-var .par{display:flex;gap:6px;align-items:center}.filtro-var .par select{flex:1}
  .fila-acciones{padding:10px 12px;gap:8px}
  .fila-acciones .seg{max-width:100%;overflow:auto}
  .acciones{margin-left:0;width:100%;gap:6px}.acciones .btn{padding:8px 10px;font-size:12px;flex:1 1 auto;min-height:40px}
  .btn-filtros-mov{display:inline-flex}
  .env-tab{display:none}
  #lista-movil{display:block}
  .drv-panel{width:100vw}
  .esc-barra{padding:10px 12px}.esc-form{grid-template-columns:1fr}
  /* ---- Ficha del cliente */
  .grid{grid-template-columns:1fr!important}
  .kpis{grid-template-columns:1fr 1fr;gap:8px;margin:8px 0 12px}.k{padding:10px 12px}.k .v{font-size:18px}
  .cumpl{gap:6px}.cumpl .chip{padding:4px 8px;font-size:11.5px}
  .card{padding:12px 12px;margin-bottom:12px}
  .tabs{max-width:100%;overflow:auto}.tabs button{padding:7px 10px;font-size:12px;white-space:nowrap}
  #hist table,#bon-det table,#ed-tabla table,#adm-tabla table,.ej-card .det table{font-size:11.5px}
  #hist td:first-child,#hist th:first-child{position:sticky;left:0;background:#fff;z-index:2;max-width:150px;white-space:normal}
  #hist th:first-child{background:var(--marino)}#hist tr.grupo td:first-child{background:#F7F9FC}#hist tr.tot td:first-child{background:#F7F9FC}
  #ed-tabla td:first-child,#adm-tabla td:first-child{position:sticky;left:0;background:#fff;z-index:2;max-width:140px;white-space:normal}
  #ed-tabla th:first-child,#adm-tabla th:first-child{position:sticky;left:0;z-index:3}
  .editor input{width:72px!important;min-height:36px}
  .etapa{width:100%;justify-content:space-between}.etapa select{flex:1}
  .sw{grid-template-columns:auto 1fr}
  .reasig .fila{flex-direction:column;align-items:stretch}.reasig select{width:100%!important}
  .dos{grid-template-columns:1fr}
  /* ---- Embudo */
  .filtros{width:100%}.filtros select{flex:1}
  .kpis{display:grid!important;grid-template-columns:1fr 1fr;gap:10px 12px}.kpis .k .v{font-size:18px}
  .cols{display:flex!important;flex-direction:column;overflow:visible!important;gap:10px}
  .col{min-height:auto!important;padding:10px}
  .col h3{position:sticky;top:52px;background:inherit;padding:4px 0;z-index:1}
  /* ---- Validación y usuarios */
  .card{overflow:auto}
}
/* tarjetas de cliente del resumen en móvil */
.tarj-cli{background:#fff;border:1px solid var(--linea);border-radius:14px;padding:12px 14px;margin-bottom:10px;box-shadow:var(--sombra)}
.tarj-cli .t{display:flex;justify-content:space-between;align-items:center;gap:8px}
.tarj-cli .t b{font-size:15px;color:var(--marino)}.tarj-cli .t a{font-size:12px;font-weight:700;white-space:nowrap}
.tarj-cli .chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:4px}
.tarj-cli .g{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:10px}
.tarj-cli .g div{font-size:10px;color:var(--gris-2);text-transform:uppercase;letter-spacing:.05em}
.tarj-cli .g b{display:block;font-size:14px;color:var(--marino);font-variant-numeric:tabular-nums;text-transform:none;letter-spacing:0;margin-top:2px}
.tarj-cli.total{background:#F7F9FC;border-color:var(--marino)}
.tarj-cli .g b.neg{color:var(--rojo)}.tarj-cli .g b.pos{color:var(--verde)}