.connect-btn{border-radius:var(--radius-md);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:1px solid #0000;flex-shrink:0;min-height:36px;padding:8px 16px;font-weight:600;line-height:1}.connect-btn:disabled{opacity:.6;cursor:progress}.connect-btn--default{background:var(--color-primary);color:#fff}.connect-btn--default:hover:not(:disabled){background:var(--color-primary-dark)}.connect-btn--friends{background:var(--color-bg-secondary);color:var(--color-text);border-color:var(--color-border)}.connect-btn--friends:hover:not(:disabled){color:#b91c1c;background:#fee2e2;border-color:#fca5a5}.connect-btn--pending{background:var(--color-bg-secondary);color:var(--color-text-secondary);border-color:var(--color-border)}.connect-btn--accept{background:var(--color-primary);color:#fff}.connect-btn--decline{background:var(--color-bg-secondary);color:var(--color-text);border-color:var(--color-border)}.connect-btn-group{flex-wrap:wrap;align-items:center;gap:8px;display:inline-flex}.connect-btn-wrap{display:inline-block;position:relative}.connect-btn__chevron{opacity:.7;margin-left:6px;font-size:.85em}.connect-menu{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);z-index:100;flex-direction:column;min-width:260px;padding:6px;display:flex;position:absolute;top:calc(100% + 4px);left:0;box-shadow:0 8px 24px #00000026}.connect-menu__item{border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-sm);color:var(--color-text);text-align:left;width:100%;transition:background var(--transition-fast);background:0 0;border:none;align-items:center;gap:12px;padding:10px 12px;font-family:inherit;text-decoration:none;display:flex}.connect-menu__item:hover{background:var(--color-bg-hover)}.connect-menu__item--active{background:var(--color-primary-light,#d1fae5);color:var(--color-primary-dark);font-weight:600}.connect-menu__item--danger{color:#b91c1c}.connect-menu__item--danger:hover{background:#fee2e2}.connect-menu__icon{text-align:center;flex-shrink:0;width:24px;font-size:1.2em}.connect-menu__label{flex:1}.connect-menu__sep{background:var(--color-border-light);height:1px;margin:4px 0}