/* LED · Ajustes para celular (búsqueda de clientes y ficha) */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
#x-lista tr{cursor:pointer}
@media (max-width:760px){
  /* resultados como tarjetas: todo se ve sin mover la pantalla de lado */
  #x-lista{background:none;border:0;overflow:visible}
  #x-lista table,#x-lista tbody,#x-lista tr,#x-lista td{display:block;width:100%}
  #x-lista thead{display:none}
  #x-lista tr{background:var(--surface);border:1px solid var(--line);border-radius:8px;margin-bottom:8px;padding:6px 0}
  #x-lista tr.sel{outline:2px solid var(--accent)}
  #x-lista td{display:flex;justify-content:space-between;gap:10px;border:0;padding:2px 12px;font-size:14px;text-align:right}
  #x-lista td::before{content:attr(data-l);color:var(--muted);font-size:13px;text-align:left}
  #x-lista td:empty{display:none}
  #x-lista td.x-nom{order:-1;padding:4px 12px 6px}
  #x-lista td.x-nom::before{content:none}
  #x-lista td.x-nom button{width:100%;text-align:left;white-space:normal;font-size:15px;font-weight:600;padding:8px 10px;line-height:1.3}
  #x-lista tr{display:flex;flex-direction:column}
  /* ficha del cliente: textos largos bajan de línea en vez de salirse */
  #x-ficha{overflow-wrap:anywhere}
  #x-ficha .panel{padding:12px;gap:10px}
  #x-ficha h2{font-size:17px;line-height:1.3}
  #x-ficha .gasto{flex-wrap:wrap;gap:2px 10px;font-size:14px}
  #x-ficha .gasto>span:last-child{margin-left:auto;text-align:right}
  #x-ficha .btn.sm{margin:3px 4px 3px 0}
  #x-ficha details.cred>summary{line-height:1.6;font-size:14px}
  #x-ficha details.cred .cuerpo{padding:8px}
  #x-ficha .resumen{grid-template-columns:repeat(2,minmax(0,1fr))}
  #x-ficha .resumen dt{font-size:11px}
  #x-ficha input,#x-ficha select{max-width:100%}
  #x-ficha span[style*="nowrap"]{white-space:normal!important}
  /* rutas y usuarios como tarjetas */
  #rt-lista .tw,#u-lista{background:none;border:0;overflow:visible}
  #rt-lista table,#rt-lista tbody,#rt-lista tr,#rt-lista td,#u-lista table,#u-lista tbody,#u-lista tr,#u-lista td{display:block;width:100%}
  #rt-lista thead,#u-lista thead{display:none}
  #rt-lista tr,#u-lista tr{background:var(--surface);border:1px solid var(--line);border-radius:8px;margin-bottom:8px;padding:8px 0}
  #rt-lista td,#u-lista td{display:flex;justify-content:space-between;gap:10px;border:0;padding:3px 12px;font-size:14px;text-align:right;white-space:normal!important}
  #rt-lista td[data-l]::before{content:attr(data-l);color:var(--muted);font-size:13px;text-align:left}
  #rt-lista td:first-child{font-size:15px}
  #rt-lista td:first-child::before{content:none}
  #rt-lista td:last-child,#u-lista td:last-child{justify-content:flex-start;flex-wrap:wrap;gap:6px;padding-top:6px}
  #u-lista td:first-child{font-weight:600;font-size:15px}
  #fs-lista{background:none;border:0;overflow:visible}
  #fs-lista table,#fs-lista tbody,#fs-lista tr,#fs-lista td{display:block;width:100%}
  #fs-lista thead{display:none}
  #fs-lista tr{background:var(--surface);border:1px solid var(--line);border-radius:8px;margin-bottom:8px;padding:6px 0}
  #fs-lista td{display:flex;justify-content:space-between;gap:10px;border:0;padding:3px 12px;font-size:14px;text-align:right}
  #fs-lista td[data-l]::before{content:attr(data-l);color:var(--muted);font-size:13px;text-align:left}
}
