/* =============================================================================
 * MÓDULO CLIENTES — estilos propios del Cliente 360 (modulos/clientes/js/clienteDetalle.js). Se incluye solo si el módulo está activo
 * (header: nx_modulos_css()). Reusa las clases pd-* del modal de proyecto (quedan en app.css), .pd-cliente-link y las filas
 * clicables genéricas (.nx-fila-clic). Solo tokens de :root. Origen: [§49].
 * ===========================================================================*/
.cd .pd-meta .pd-pill{max-width:100%}
.cd-edit-v[role="button"]{cursor:text;border-radius:var(--radius-sm)}
.cd-edit-v[role="button"]:hover{background:var(--surface);box-shadow:0 0 0 2px var(--surface)}
.cd-edit-v[role="button"]:focus-visible{outline:2px solid var(--primary);outline-offset:2px}
.cd-edit .td-inline-input{min-width:180px;height:26px;padding:2px 8px;font-size:var(--fs-sm)}
.pd-tabla tr.cd-fila-click{cursor:pointer}
.pd-tabla tr.cd-fila-click:focus-visible{outline:2px solid var(--primary);outline-offset:-2px}

/* Ficha 360 · pestaña Información: sitio web (enlace externo). */
.cd-sitio-web{color:var(--primary);text-decoration:none;word-break:break-all}
.cd-sitio-web:hover{text-decoration:underline}
.cd-sitio-web .fa{font-size:var(--fs-xs)}