.informes-cabecera, .informe-acciones { display:flex; align-items:center; flex-wrap:wrap; gap:10px; }
.informes-cabecera { justify-content:space-between; margin-bottom:12px; }
.informes-cabecera h2 { font-size:1rem; margin:0; }
.informes-ayuda, .informe-detalle { color:var(--text-muted); font-size:.88rem; line-height:1.5; }
.informes-lista { list-style:none; padding:0; margin:16px 0; display:grid; gap:10px; }
.informe-fila { border:1px solid var(--border); border-radius:10px; padding:14px; display:flex; align-items:center; justify-content:space-between; gap:16px; }
.informe-datos { min-width:0; overflow-wrap:anywhere; }
.informe-datos strong { display:block; margin-bottom:6px; }
.informe-acciones .btn { white-space:nowrap; }
.informe-datos p { margin:4px 0; }
.informe-destino { display:inline-block; border-radius:6px; background:var(--surface-alt); padding:3px 8px; font-size:.8rem; }
.informes-estado, .informe-form-error { overflow-wrap:anywhere; }
.informes-estado.error, .informe-form-error { color:var(--danger); }
#examen-informes[hidden], .btn-subir-adjunto-item[hidden], #informe-destino-field[hidden] { display:none !important; }
#informe-dialog[aria-busy=true] .informe-form-error { color:var(--text-muted); }
.informes-examen .btn, .informes-examen .pagination button, .informes-examen .pagination select,
#informe-dialog button, #informe-dialog input, #informe-dialog select { min-height:44px; }
.informe-form { display:grid; gap:16px; }
.informe-form .field { margin:0; }
.informe-form label { display:block; margin-bottom:6px; font-weight:600; }
.informe-form input:not([type=checkbox]), .informe-form textarea, .informe-form select { width:100%; max-width:100%; box-sizing:border-box; }
.informe-form textarea { min-height:80px; }
.informe-contexto { margin:0; overflow-wrap:anywhere; padding:10px 12px; border-radius:8px; background:var(--surface-alt); }
.informe-visor { width:100%; height:55vh; border:1px solid var(--border); border-radius:8px; }
img.informe-visor { object-fit:contain; }
#informe-dialog .drawer-header h3 { text-transform:none; overflow-wrap:anywhere; }
.informes-examen .pagination { padding:12px 0; background:transparent; }
.informes-examen .pag-limite { flex:0 0 auto; white-space:nowrap; }
.informes-examen .pag-limite select { width:90px; flex:0 0 90px; }
@media(max-width:600px) {
  .informe-fila { align-items:stretch; flex-direction:column; gap:12px; }
  .informes-cabecera { align-items:stretch; flex-direction:column; }
  .informe-acciones .btn { flex:1 0 auto; }
  .informes-examen .pagination { flex-wrap:wrap; }
  .informes-examen .pag-limite { flex:1 0 100%; }
}