.contact{display:flex;align-items:center;gap:12px;padding:10px 16px;height:100%}.contact__avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:13px;flex-shrink:0}.contact__info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.contact__name{font-weight:600;font-size:14px;color:var(--vlist-text,#111827);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contact__detail{font-size:12px;color:var(--vlist-text-muted,#6b7280);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.custom-only,.native-only{display:none}.mode-custom .custom-only{display:block}.mode-native .native-only{display:block}.ui-color-input{width:36px;height:24px;border:1px solid var(--border);border-radius:4px;padding:1px;cursor:pointer;background:none;flex-shrink:0}.ui-row--disabled{opacity:0.4;pointer-events:none}