feat(web): en los campos de lista con nombre el código es un casillero corto y el nombre ocupa el resto, alineados en todas las filas

Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>

apps/web/src/app/shared/form/lookup-field.ts

@@ -41,6 +41,7 @@ const NAMES = new Map<string, string>();
     >
       <sbo-input
         #box
+        [width]="lookup().nameKey ? '96px' : undefined"
         [value]="shown()"
         (valueChange)="typing($event)"
         [readonly]="readOnly()"
@@ -59,8 +60,8 @@ const NAMES = new Map<string, string>();
       >
         …
       </button>
-      @if (name()) {
+      @if (lookup().nameKey) {
-        <span class="name" [attr.title]="name()">{{ name() }}</span>
+        <sbo-input readonly [attr.title]="name()" [ariaLabel]="'Nombre de ' + label()" [value]="name()" />
       }
     </sbo-field>
     <sbo-value-help
@@ -78,7 +79,6 @@ const NAMES = new Map<string, string>();
   `,
   styles: `
     :host { display: block; }
-    .name { align-self: center; margin-left: 8px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--quiet); }
   `,
 })
 export class LookupField extends FieldBase {