/* DEEC Studio · panel administrativo: filtros en móvil (ver admin-filters.js). Archivo solo móvil: se carga con (max-width:900px) y todas sus reglas están dentro de @media (max-width:900px) (regla de aislamiento, ver admin-mobile.css). */
@media (max-width:900px){
  /* Búsqueda y filtros en una sola barra: el campo a la izquierda y, a la derecha, el icono de filtros con el contador, separados por un divisor.
     Los controles de filtro y los chips de categoría solo se ven dentro del modal; el cambio de vista (.seg) queda debajo de la barra. */
  [data-fb] .fb-item,[data-fb] .xf__grid,[data-fb] .cf__grid,.chips[data-fg]{display:none}
  .card.xf[data-fb],.card.cf[data-fb]{padding:0;border:0;background:none;box-shadow:none}
  [data-fb] .xf__top,[data-fb] .cf__top,.filters[data-fb]{display:flex;flex-wrap:nowrap;align-items:stretch;gap:0;padding:0;border:1px solid var(--line-strong);border-radius:14px;background:var(--card)}
  [data-fb] .xf__top:focus-within,[data-fb] .cf__top:focus-within,.filters[data-fb]:focus-within{border-color:var(--acc);box-shadow:0 0 0 3px color-mix(in srgb,var(--acc) 14%,transparent)}
  [data-fb] .xf__top .fld--grow,[data-fb] .cf__top .fld--grow,.filters[data-fb] .fld--grow{position:relative;display:block;flex:1 1 auto;min-width:0}
  [data-fb] .fld--grow>span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  [data-fb] .fld--grow input[type=search],[data-fb] .fld--grow input[type=search]:focus{width:100%;height:100%;min-height:48px;padding:0 8px 0 46px;border:0;border-radius:14px 0 0 14px;box-shadow:none;-webkit-appearance:none;appearance:none;background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236B7280' stroke-width='1.6' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-3.5-3.5'/%3E%3C/svg%3E") no-repeat 15px center/20px;font-size:16px;text-overflow:ellipsis}
  .fbar{display:flex;flex:none;align-items:center;gap:0;margin:0}
  .fbar::before{content:"";width:1px;height:26px;background:var(--line-strong)}
  .fbar__b{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:64px;min-height:48px;padding:0 14px;border:0;border-radius:0 14px 14px 0;background:none;color:var(--fg);font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}
  .fbar__b svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
  .fbar__b.on{color:var(--acc)}
  .fbar__n{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:99px;background:var(--acc);color:var(--accfg);font-size:12.5px;font-style:normal;font-weight:600}
  .fbar__n[hidden]{display:none}
  /* Cabeceras con un solo filtro (p. ej. Tickets): sin campo de búsqueda, el icono queda a la derecha del título */
  .filters[data-fb]:not(:has(input[type=search])){justify-content:flex-end;border:0;background:none;box-shadow:none}
  .fbx .fbar,.filters[data-fb]:not(:has(input[type=search])) .fbar{margin-left:auto}
  .fbx .fbar::before,.filters[data-fb]:not(:has(input[type=search])) .fbar::before{display:none}
  .fbx .fbar__b,.filters[data-fb]:not(:has(input[type=search])) .fbar__b{border:1px solid var(--line-strong);border-radius:12px;background:var(--card)}
  [data-fb]>.seg{display:flex;margin-top:12px}
  [data-fb]>.seg button{flex:1 1 0;min-height:44px}
  [data-fb] .xf__foot,[data-fb] .cf__foot{margin-top:10px;padding:0 4px;border-top:0}
  [data-fb] .xf__foot .btn,[data-fb] .cf__foot .btn{display:none}

  /* Modal de pantalla completa */
  body.fb-open{overflow:hidden}
  .fbm{position:fixed;inset:0;z-index:97;display:flex;flex-direction:column;height:100dvh;background:var(--card)}
  .fbm[hidden]{display:none}
  .fbm__h{flex:none;display:flex;justify-content:space-between;align-items:center;padding:calc(8px + env(safe-area-inset-top)) 8px 8px 20px;border-bottom:1px solid var(--line)}
  .fbm__h h2{margin:0;font-size:19px;font-weight:600}
  .fbm__x{display:inline-grid;place-items:center;width:48px;height:48px;padding:0;border:0;background:none;color:var(--fg);cursor:pointer}
  .fbm__x svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round}
  .fbm__b{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;display:grid;gap:18px;align-content:start;padding:20px}
  .fbm__b>*{min-width:0;max-width:100%}
  .fbm__b .fld{display:block;width:100%}
  .fbm__b .fld select,.fbm__b .cp__b{width:100%;min-height:48px;font-size:16px}
  .fbm__b .chk,.fbm__b .crm__sw{display:flex;align-items:center;gap:12px;min-height:48px;font-size:16px}
  .fbm__b input[type=checkbox]{width:22px;height:22px;flex:none}
  .fbm__f{flex:none;display:flex;gap:12px;padding:12px 20px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:var(--card);box-shadow:0 -10px 24px -18px color-mix(in srgb,var(--shadow) 35%,transparent)}
  .fbm__f .btn{min-height:48px}
  .fbm__apply{flex:1 1 auto}
}