/* XIMXI · vista móvil (≤768px). Compartido por todas las páginas. */
.m-filt-toggle,.m-sort{display:none}
@media (max-width:768px){
  html,body{max-width:100vw;overflow-x:hidden;-webkit-text-size-adjust:100%}
  input,select,textarea{font-size:16px!important}
  button,.btn,select,input[type=checkbox]+label{min-height:38px}
  /* Filtros: plegables */
  .m-filt-toggle{display:flex;align-items:center;gap:8px;width:calc(100% - 20px);margin:8px 10px 0;padding:10px 14px;border-radius:10px;border:1px solid var(--border,#2a2f45);background:var(--surface2,#1b1f33);color:var(--text,#e6e9f5);font-size:14px;font-weight:600;cursor:pointer}
  .m-filt-toggle::after{content:'▾';margin-left:auto;opacity:.7}
  .m-filt-toggle.open::after{content:'▴'}
  .m-collapsed{display:none!important}
  .m-filt-open{display:grid!important;grid-template-columns:1fr 1fr;gap:8px}
  .m-filt-open>*{min-width:0!important;width:100%!important;flex:none!important}
  .m-filt-open>.search-box,.m-filt-open>input[type=text],.m-filt-open>input[type=search]{grid-column:1/-1}
  /* Orden en vista tarjetas */
  .m-sort{display:flex;gap:8px;align-items:center;margin:8px 10px;font-size:12px;color:var(--sub,#8b93b3)}
  .m-sort select{flex:1;padding:8px;border-radius:8px;background:var(--surface2,#1b1f33);color:var(--text,#e6e9f5);border:1px solid var(--border,#2a2f45)}
  /* Tablas de datos → tarjetas */
  .table-wrap:has(table[data-cards]){overflow:visible!important}
  table[data-cards]{display:block;width:100%!important;min-width:0!important;border:0}
  table[data-cards] thead{display:none}
  table[data-cards] tbody{display:block}
  table[data-cards] tr{display:grid;grid-template-columns:1fr 1fr;gap:6px 12px;background:var(--surface,#151829);border:1px solid var(--border,#2a2f45);border-radius:12px;padding:10px 12px;margin:8px 10px}
  table[data-cards] td{display:block;border:0!important;padding:0!important;min-width:0;max-width:none!important;white-space:normal!important;overflow-wrap:anywhere;font-size:13px}
  table[data-cards] td[data-label]::before{content:attr(data-label);display:block;font-size:10px;text-transform:uppercase;letter-spacing:.05em;opacity:.55;margin-bottom:1px}
  table[data-cards] td.m-span2,table[data-cards] td[colspan]{grid-column:1/-1}
  table[data-cards] td.m-nolabel::before,table[data-cards] td[colspan]::before{display:none}
  table[data-cards] td.m-first{grid-column:1/-1;display:flex;gap:10px;align-items:center}
  /* Barra de selección/acciones fija abajo */
  .selbar{position:fixed!important;left:0;right:0;bottom:0;z-index:60;flex-wrap:wrap;gap:6px;padding:8px 10px;max-height:45vh;overflow:auto}
  .selbar input{flex:1 1 100%}
  /* Modales y paneles a ancho completo */
  [class*="modal"]>div,.modal-box,.modal-content,.dialog{width:96vw!important;max-width:96vw!important;max-height:90vh;overflow:auto}
  .log-panel{width:100vw!important;max-width:100vw!important}
  /* Rejillas */
  [style*="grid-template-columns:repeat(4"],[style*="grid-template-columns: repeat(4"]{grid-template-columns:1fr 1fr!important}
  .count-badge{margin-left:auto}
  .legend{font-size:11px;line-height:1.45;max-height:3.1em;overflow:hidden;position:relative;cursor:pointer}
  .legend::after{content:'toca para ver más ▾';position:absolute;right:8px;bottom:0;padding-left:18px;background:linear-gradient(90deg,transparent,var(--bg,#0d0f1a) 40%);font-size:10px;opacity:.8}
  .legend.m-open{max-height:none}.legend.m-open::after{display:none}
  .state-box{padding:30px 16px}
}