/* Ajustes específicos; carga independiente del CSS anterior. */
.ha-table .file-mini{display:block!important;width:64px!important;height:56px!important;max-width:64px!important;max-height:56px!important;object-fit:contain!important;background:#edf2ef;border-radius:5px}
.file-preview{display:block!important;width:auto!important;height:auto!important;max-width:min(100%,720px)!important;max-height:60vh!important;object-fit:contain!important;margin:16px auto!important}
@media(max-width:640px){.ha-table .file-mini{width:48px!important;height:48px!important;max-width:48px!important;max-height:48px!important}.file-preview{max-height:50vh!important}}

/* Revisión visual 20/10: navegación y listados legibles en móvil. */
.sx-nav{flex-wrap:wrap;white-space:normal;overflow:visible}
.sx-quick{max-width:860px}
.sx-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}
.sx-quick button{min-height:48px}
.sx-table td{overflow-wrap:anywhere}
@media(max-width:700px){
 .sx-nav{display:flex;flex-wrap:wrap;gap:4px;padding:8px 12px;overflow:visible}
 .sx-nav a{padding:8px;font-size:14px;min-height:40px}
 .sx-nav form{margin:0}.sx-nav button{padding:8px 12px;min-height:40px}
 .sx-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .sx-tiles .card{padding:16px;min-height:88px;display:flex;align-items:center}
 .sx-tiles h2{font-size:18px;line-height:1.3;margin:0;overflow-wrap:anywhere}
 .sx-fields{grid-template-columns:1fr}
 .sx-table{overflow:visible;border:0;background:transparent}
 .sx-table::before{display:none}
 .sx-table table,.sx-table tbody{display:block;min-width:0;width:100%}
 .sx-table thead{display:none}
 .sx-table tr{display:block;background:white;border:1px solid #d2ded9;border-radius:12px;padding:10px;margin-bottom:12px}
 .sx-table td{display:grid;grid-template-columns:115px minmax(0,1fr);gap:10px;border:0;padding:8px;white-space:normal}
 .sx-table td::before{content:attr(data-label);font-weight:700;color:#29483e}
}